@charset "UTF-8";
body {
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 0.03em;
  line-height: 1.6;
}

a[href^="tel:"] {
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  a[href^="tel:"] {
    pointer-events: auto;
  }
}

a {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
a:hover {
  opacity: 0.7;
}

.u-pc {
  display: block;
}
@media screen and (max-width: 768px) {
  .u-pc {
    display: none;
  }
}

.u-sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .u-sp {
    display: block;
  }
}

html {
  font-size: 16px;
}
@media (max-width: 1360px) {
  html {
    font-size: 1.1764705882vw;
  }
}
@media screen and (max-width: 768px) {
  html {
    font-size: 16px;
  }
}
@media (max-width: 375px) {
  html {
    font-size: 4.2666666667vw;
  }
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

ul,
ol {
  padding: 0;
}

body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

html {
  scroll-behavior: smooth;
}

body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
}

ul,
ol {
  list-style: none;
}

a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}

a {
  text-decoration: none;
}

img {
  display: block;
  width: 100%;
  max-width: 100%;
}

article > * + * {
  margin-top: 1em;
}

input,
button,
textarea,
select {
  font: inherit;
}

img:not([alt]) {
  -webkit-filter: blur(10px);
          filter: blur(10px);
}

input,
button,
select,
textarea {
  font: inherit;
  border: none;
  border-radius: 0;
  outline: none;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

textarea {
  resize: none;
}

input[type=checkbox],
input[type=radio] {
  display: none;
}

input[type=submit],
input[type=button],
label,
button,
select {
  cursor: pointer;
}

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

.header {
  position: fixed;
  z-index: 100;
  top: 0;
  right: 0;
  left: 0;
  height: 6.75rem;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .header {
    height: 5.75rem;
  }
}

.header__inner {
  padding: 0 2.5rem;
  height: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .header__inner {
    padding-block: 1.125rem 0.625rem;
    padding-inline: 1.5rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.header__logo {
  max-width: 14.125rem;
  width: 100%;
  height: inherit;
}
@media screen and (max-width: 768px) {
  .header__logo {
    max-width: 9.375rem;
  }
}

.header__logo a {
  height: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header__logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  aspect-ratio: 226/68;
}

.header__nav {
  height: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}
@media screen and (max-width: 768px) {
  .header__nav {
    display: none;
  }
}

.header__nav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}

.header__nav-item {
  height: 100%;
}

.header__nav-list--top {
  padding: 0.625rem 1.25rem;
  background-color: #e5ebee;
  border-radius: 0 0 0.25rem 0.25rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.header__nav-item {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header__nav-item--top a {
  color: #333333;
}

.header__nav-item--top:first-child a {
  padding-right: 0.875rem;
}

.header__nav-item--top:nth-child(2) a {
  padding: 0 0.875rem;
}

.header__nav-item--top:nth-child(3) a {
  padding-left: 0.875rem;
}

.header__nav-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25rem;
}
@media screen and (max-width: 768px) {
  .header__nav-flex {
    gap: 0.25rem;
  }
}

.header__nav-circle--blue,
.header__nav-circle--red {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  margin-right: 0.25rem;
}
@media screen and (max-width: 768px) {
  .header__nav-circle--blue,
  .header__nav-circle--red {
    display: block;
    width: 0.5rem;
    height: 0.5rem;
  }
}

.header__nav-circle--blue {
  background-color: #009fe3;
}

.header__nav-circle--red {
  background-color: #d12f7d;
}

.header__nav-list--under {
  margin-top: 0.75rem;
}

.header__nav-modal-title,
.header__nav-link {
  position: relative;
  cursor: pointer;
  color: #1F1F1F;
}

.header__nav-link--sustainability {
  font-size: 1rem !important;
}

.header__nav-modal-title::after,
.header__nav-link::after {
  content: "";
  position: absolute;
  bottom: -0.5rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
  height: 0.125rem;
  background-color: #e3007f;
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
}

.header__nav-modal-title:hover::after,
.header__nav-link:hover::after {
  width: 100%;
}

.header__nav-modal-title:hover,
.header__nav-link:hover {
  opacity: 1;
}

.header__nav-item--under:not(:last-child) .header__nav-link,
.header__nav-item--under:not(:last-child) .header__nav-modal-title {
  margin: 0 1.5rem;
}

.header__nav-item--under:last-child .header__nav-link,
.header__nav-item--under:last-child .header__nav-modal-title {
  margin-left: 1.5rem;
}

.header__nav-modal-wrap {
  height: inherit;
}

.header__nav-modal-wrap > p {
  margin: 0 1.5rem;
  height: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.header__nav-modal {
  position: fixed;
  top: 6.75rem;
  left: 0;
  -webkit-transform: rotateX(90deg);
          transform: rotateX(90deg);
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  background-color: rgba(245, 245, 245, 0.97);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  pointer-events: none;
}
.header__nav-modal::before {
  content: "";
  position: absolute;
  top: -1.875rem;
  left: 0;
  right: 0;
  height: 1.875rem;
  background: transparent;
  pointer-events: auto;
}

.header__nav-modal__inner {
  padding-block: 2.5rem;
}

.header__nav-modal-title-en {
  color: #666666;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
}

.header__nav-modal-title-jp.common-btn {
  padding-right: 2rem;
}

.header__nav-modal-title-jp {
  color: #1F1F1F;
}

.header__nav-modal-list {
  width: 100%;
  margin-top: 1.5rem;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1rem;
}

.header__nav-modal-wrap:hover > .header__nav-modal,
.header__nav-modal:hover {
  -webkit-transform: rotateX(0deg);
          transform: rotateX(0deg);
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.header__nav-modal-link {
  background-color: #fff;
  color: #1F1F1F;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 1rem;
  max-width: 16.25rem;
  width: 100%;
  border-radius: 0.5rem;
}

.header__nav-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 1.5rem;
}

.header__nav-tab-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
}

.header__nav-tab-menu-item {
  cursor: pointer;
  padding: 0.75rem;
  border-radius: 1.875rem;
  width: 9rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.header__nav-tab-menu-item.is-active {
  background-color: #009fe3;
  color: #fff;
}

.header__nav-tab-menu-item:hover {
  background-color: #009fe3;
  color: #fff;
}

.header__nav-tab-content-item {
  display: none;
}

.header__nav-tab-content-item.is-active {
  width: 100%;
  margin-top: 1.5rem;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1rem;
  -webkit-animation: fade 0.3s;
          animation: fade 0.3s;
}

@-webkit-keyframes fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.header__nav-tab__btn {
  color: #1F1F1F;
}

.header__hamburger {
  display: none;
}
@media screen and (max-width: 768px) {
  .header__hamburger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0;
    padding: 1.1875rem 0.9375rem;
    outline: none;
    border: none;
    position: relative;
    z-index: 999;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    cursor: pointer;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background: radial-gradient(circle, rgba(0, 160, 232, 0.2) 0%, rgba(0, 160, 232, 0.2) 15%, transparent 100%);
  }
  .header__hamburger:hover {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
    -webkit-box-shadow: 0 6px 16px rgba(0, 160, 232, 0.15);
            box-shadow: 0 6px 16px rgba(0, 160, 232, 0.15);
  }
}

.header__drawer {
  padding: 2.5rem 0 6.25rem;
  display: none;
  position: fixed;
  z-index: 99;
  top: 5.75rem;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(100dvh - 5.75rem);
  background-color: #fff;
  overflow-y: scroll;
  scrollbar-width: none;
}
@media screen and (max-width: 768px) {
  .header__drawer {
    padding-top: 0;
  }
}

.header__hamburger span:not(.header__hamburger-text) {
  position: relative;
  display: block;
  width: 1rem;
  height: 1px;
  background-color: #595857;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  margin: 0;
}

.header__hamburger-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.375rem;
}

.header__hamburger.is-open span:not(.header__hamburger-text):nth-of-type(1) {
  -webkit-transform: rotate(45deg) translate(0.3125rem, 0.3125rem);
          transform: rotate(45deg) translate(0.3125rem, 0.3125rem);
}

.header__hamburger.is-open span:not(.header__hamburger-text):nth-of-type(2) {
  opacity: 0;
}

.header__hamburger.is-open span:not(.header__hamburger-text):nth-of-type(3) {
  -webkit-transform: rotate(-45deg) translate(0.3125rem, -0.3125rem);
          transform: rotate(-45deg) translate(0.3125rem, -0.3125rem);
}

.header__hamburger-text {
  font-size: 0.625rem;
  color: #424242;
  font-weight: 500;
  letter-spacing: 0.5px;
}

.header__drawer::-webkit-scrollbar {
  display: none;
}

.header__drawer-nav {
  margin: auto;
  width: 100%;
  padding-inline: 1.5rem;
}

.header__drawer-list {
  margin-top: 1rem;
}

.header__drawer-list a {
  color: #333333;
}

.header__drawer-column a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25rem;
  padding: 0.5rem 0;
}

.header__drawer-accordion-title,
.header__drawer-accordion-head {
  padding: 0.5rem 0;
}

.header__drawer-accordion-head {
  display: block;
}

/* 矢印 */
.header__drawer-accordion-title {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  color: #1F1F1F;
  font-size: 1rem !important;
}

.header__drawer-accordion-head--sustainability {
  font-size: 1rem !important;
}

.header__drawer-accordion-title::before {
  border-right: solid 2px #474747;
  border-top: solid 2px #474747;
  content: "";
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  position: absolute;
  right: 1rem;
  top: 38%;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  -webkit-transition: top 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: top 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, top 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, top 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.header__drawer-accordion-title.open::before {
  top: 45%;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.header__drawer-accordion-content {
  display: none;
}

.header__drawer-accordion-link {
  display: block;
  padding: 0.625rem 0;
  position: relative;
}

.header__drawer-accordion-lists + .header__drawer-accordion-lists {
  margin-top: 1.5rem;
}

.header__drawer-accordion-list span {
  margin-block: 0.625rem;
  padding: 0.5rem;
  width: 9.375rem;
  background-color: #009fe3;
  border-radius: 1.875rem;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.footer {
  padding: 3.5rem 0 1.5rem;
  background-color: #e5ebee;
}
@media screen and (max-width: 768px) {
  .footer {
    padding: 2.5rem 0 1.5rem;
  }
}

.footer__top {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
}
@media screen and (max-width: 768px) {
  .footer__top {
    grid-template-columns: repeat(auto-fit, minmax(10.625rem, 1fr));
    gap: 1.5rem 1rem;
  }
}
@media screen and (max-width: 420px) {
  .footer__top {
    grid-template-columns: repeat(auto-fit, minmax(9.375rem, 1fr));
  }
}

.footer__top + .footer__top {
  margin-top: 2.5rem;
}
@media screen and (max-width: 768px) {
  .footer__top + .footer__top {
    margin-top: 1.5rem;
  }
}

@media screen and (max-width: 420px) {
  .footer__top:nth-child(2) .footer__lists:last-child {
    grid-column: 1/-1;
  }
}

@media screen and (max-width: 768px) {
  .footer__top:nth-child(2) .footer__lists:nth-child(2) .footer__list + .footer__list,
  .footer__top:nth-child(2) .footer__lists:nth-child(3) .footer__list + .footer__list {
    margin-top: 0.5rem;
  }
}

.footer__list + .footer__list {
  margin-top: 0.5rem;
}

.footer__link {
  font-size: 0.875rem;
  color: #1F1F1F;
  font-weight: 400;
  line-height: 1.5;
  color: #1F1F1F;
}

.footer__link--s {
  line-height: 1.2;
}

.footer__link--ss {
  font-size: 0.75rem;
}

.footer__link--ss + .footer__link--ss {
  margin-left: 1.5rem;
}
@media screen and (max-width: 768px) {
  .footer__link--ss + .footer__link--ss {
    margin-left: 0;
  }
}

.footer__bottom {
  margin-top: 5.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}
@media screen and (max-width: 768px) {
  .footer__bottom {
    margin-top: 3rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.footer__logo {
  max-width: 11.625rem;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .footer__logo {
    max-width: 10rem;
  }
}

.footer__logo img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

.footer__wrap:nth-child(1) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
}
@media screen and (max-width: 768px) {
  .footer__wrap:nth-child(1) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.5rem;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .footer__wrap:nth-child(2) {
    margin-top: 1rem;
    padding-block: 0.5rem;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    gap: 1.5rem;
  }
}

.footer__address,
.footer__copyright {
  font-size: 0.75rem;
  line-height: 1.5;
  font-weight: 400;
  color: #1F1F1F;
}

.footer__address {
  position: relative;
}

.footer__address::before {
  content: "";
  position: absolute;
  display: block;
  width: 0.0625rem;
  height: 2.75rem;
  background-color: #afafaf;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: -1rem;
}
@media screen and (max-width: 768px) {
  .footer__address::before {
    content: none;
  }
}

.footer__copyright {
  margin-top: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 768px) {
  .footer__copyright {
    letter-spacing: -0.01em;
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
  }
}

.inner {
  max-width: 1410px;
  padding-right: 25px;
  padding-left: 25px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .inner {
    padding-right: 15px;
    padding-left: 15px;
  }
}

.inner-s {
  max-width: 1280px;
  padding-right: 25px;
  padding-left: 25px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .inner-s {
    padding-right: 15px;
    padding-left: 15px;
  }
}

.common-title {
  font-size: 3.25rem;
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (max-width: 768px) {
  .common-title {
    font-size: 1.5rem;
  }
}

.common-h1 {
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (max-width: 768px) {
  .common-h1 {
    font-size: 1.5rem;
  }
}

.common-h2 {
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (max-width: 768px) {
  .common-h2 {
    font-size: 1.375rem;
  }
}

.common-h3 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
}
.common-h3.--fz18 {
  font-size: 1.125rem;
}
.common-h3.--fz20 {
  font-size: 1.25rem;
}
.common-h3.--fz30 {
  font-size: 1.875rem;
}
@media screen and (max-width: 768px) {
  .common-h3 {
    font-size: 1.25rem;
  }
  .common-h3.--fz18 {
    font-size: 1rem;
  }
  .common-h3.--fz20 {
    font-size: 1.125rem;
  }
  .common-h3.--fz30 {
    font-size: 1.5rem;
  }
}

.common-body1 {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .common-body1 {
    font-size: 0.875rem;
  }
}

.common-body2 {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .common-body2 {
    font-size: 0.875rem;
  }
}

.common-subtitle0 {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .common-subtitle0 {
    font-size: 1.125rem;
  }
}

.common-subtitle1 {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .common-subtitle1 {
    font-size: 1rem;
  }
}

.common-subtitle2 {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .common-subtitle2 {
    font-size: 1rem;
  }
}

.common-note2 {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.5;
}

.common-btn {
  position: relative;
  display: inline-block;
  padding-right: 1.6875rem;
}

.common-btn::before,
.common-btn::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

.common-btn::before {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background-color: #474747;
  right: -0.875rem;
}
@media screen and (max-width: 768px) {
  .common-btn::before {
    width: 1.5rem;
    height: 1.5rem;
    right: -0.625rem;
  }
}

.common-btn::after {
  width: 0.4375rem;
  height: 0.4375rem;
  border: 0;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  right: 0;
}

.common-btn--02 {
  padding-right: 2.5rem;
}
@media screen and (max-width: 768px) {
  .common-btn--02 {
    padding-right: 1.75rem;
  }
}
.common-btn--02::before {
  right: 0rem;
}
@media screen and (max-width: 768px) {
  .common-btn--02::before {
    right: 0rem;
  }
}
.common-btn--02::after {
  right: 0.875rem;
}
@media screen and (max-width: 768px) {
  .common-btn--02::after {
    right: 0.625rem;
  }
}

.common-bc {
  position: relative;
}
.common-bc::before {
  content: "";
  width: 4rem;
  height: 4rem;
  background-color: #D9F1FC;
  border-radius: 50%;
  position: absolute;
  left: -1rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .common-bc::before {
    left: -0.5rem;
  }
}

.common-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.common-line span {
  height: 0.25rem;
  width: 2rem;
}
@media screen and (max-width: 768px) {
  .common-line span {
    width: 1.5rem;
    height: 0.125rem;
  }
}

.common-line span:nth-child(1) {
  background-color: #d12f7d;
}

.common-line span:nth-child(2) {
  background-color: #ffee3d;
}

.common-line span:nth-child(3) {
  background-color: #009fe3;
}

.box {
  width: 100%;
  height: 500px;
}

.pagetop {
  height: 5rem;
  width: 5rem;
  border-radius: 50%;
  position: fixed;
  right: 3rem;
  bottom: 3rem;
  background: #1F1F1F;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 2;
  opacity: 0;
}
@media screen and (max-width: 768px) {
  .pagetop {
    width: 4rem;
    height: 4rem;
    right: 1.3125rem;
    bottom: 1.3125rem;
  }
}

.pagetop__arrow {
  position: relative;
  color: #fff;
  margin-top: 0.875rem;
}

.pagetop__arrow::before {
  content: "";
  position: absolute;
  display: block;
  top: -1.0625rem;
  left: 50%;
  width: 0.5rem;
  height: 0.5rem;
  border-top: 0.125rem solid #fff;
  border-right: 0.125rem solid #fff;
  -webkit-transform: translateY(20%) rotate(-45deg) translateX(-50%);
          transform: translateY(20%) rotate(-45deg) translateX(-50%);
}

/*　上に上がる動き　*/
.pagetop.UpMove {
  -webkit-animation: UpAnime 0.5s forwards;
          animation: UpAnime 0.5s forwards;
}

@-webkit-keyframes UpAnime {
  from {
    opacity: 0;
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes UpAnime {
  from {
    opacity: 0;
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
/*　下に下がる動き　*/
.pagetop.DownMove {
  -webkit-animation: DownAnime 0.5s forwards;
          animation: DownAnime 0.5s forwards;
}

@-webkit-keyframes DownAnime {
  from {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
  }
}

@keyframes DownAnime {
  from {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
  }
}
.breadcrumb {
  padding: 1rem 0;
  background-color: rgba(0, 160, 232, 0.15);
}

.breadcrumb__list a,
.breadcrumb__list li {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.5;
  color: #333333;
}

.breadcrumb__list li:not(:first-child) a,
.breadcrumb__list li:not(:first-child) {
  color: #1F1F1F;
}

.breadcrumb__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.25rem;
  margin-left: 0.5rem;
}

.breadcrumb__list li {
  position: relative;
}

.breadcrumb__list li::after {
  content: "";
  position: absolute;
  display: block;
  width: 0.34375rem;
  height: 0.34375rem;
  border: 0;
  border-top: solid 1px #afafaf;
  border-right: solid 1px #afafaf;
  right: -0.75rem;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}

.breadcrumb__list li:last-child::after {
  content: none;
}

.breadcrumb__list li:not(:first-child).current-item {
  color: #171717;
}

.under-main {
  margin-top: 6.75rem;
}
@media screen and (max-width: 768px) {
  .under-main {
    margin-top: 5.75rem;
  }
}

.under-top__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .under-top__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 0;
  }
}

.under-top__left {
  margin-top: 1.875rem;
}
.under-top__left--product {
  max-width: 56.25rem;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .under-top__left--product {
    max-width: 100%;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .under-top__left {
    margin-top: 1rem;
  }
}

.under-top__title,
.under-top__text {
  color: #333333;
}

.under-top__subtitle {
  color: #666666;
  margin-top: 0.5rem;
}
@media screen and (max-width: 768px) {
  .under-top__subtitle {
    font-size: 0.75rem;
    margin-top: 0.25rem;
  }
}

.under-top__line {
  margin-top: 1.5rem;
}
@media screen and (max-width: 768px) {
  .under-top__line {
    margin-top: 0.5rem;
  }
}

.under-top__text {
  margin-top: 1rem;
  width: 29.875rem;
}
@media screen and (max-width: 768px) {
  .under-top__text {
    width: 100%;
  }
  .under-top__text.common-subtitle2 {
    font-size: 0.875rem;
  }
}

.under-top__img {
  max-width: 42.25rem;
  width: 100%;
  height: auto;
  aspect-ratio: 676/280;
}

.under-top__img img {
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0 0 1.5rem 1.5rem;
}

.company-info {
  padding-block: 3.5rem 3.625rem;
  background-color: #F0F3F5;
}
@media screen and (max-width: 768px) {
  .company-info {
    padding-block: 1.5rem;
  }
}
.company-info__inner {
  max-width: clac(1410px);
  margin: 0 auto;
}
.company-info__title {
  text-decoration: none;
  color: #1F1F1F;
}
.company-info__title.common-btn::before {
  background-color: #474747;
}
.company-info__subtitle {
  color: #666666;
}
.company-info__content {
  display: grid;
  grid-template-rows: repeat(2, 1fr);
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
  margin-top: 1.5rem;
}
@media screen and (max-width: 768px) {
  .company-info__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.5rem;
  }
}
.company-info__item {
  background-color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  padding: 1.6875rem 0.75rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 1rem;
  text-decoration: none;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
@media screen and (max-width: 768px) {
  .company-info__item {
    padding: 0.90625rem 0.5rem;
    gap: 1.5rem;
  }
}
.company-info__item:hover {
  opacity: 0.7;
}
.company-info__item-title.common-btn::before {
  background-color: #474747;
}
.company-info__item-title {
  color: #1F1F1F;
}
@media screen and (max-width: 768px) {
  .company-info__item-title {
    width: calc(100% - 7.8125rem);
  }
}
.company-info__item-text {
  color: #1F1F1F;
}
.company-info__img {
  width: 12rem;
  height: 10.084375rem;
  aspect-ratio: 192/161.35;
}
@media screen and (max-width: 768px) {
  .company-info__img {
    width: 5rem;
    height: 4.1875rem;
  }
}

.investor-info-link {
  background-color: #F0F3F5;
}
.investor-info-link__inner {
  max-width: 1410px;
  margin: 0 auto;
  padding-block: 3.5rem;
}
@media screen and (max-width: 768px) {
  .investor-info-link__inner {
    padding-block: 1.5rem 1rem;
  }
}
.investor-info-link__inner p {
  color: #666666;
}
.investor-info-link__inner h3 {
  color: #1F1F1F;
}
.investor-info-link__inner h3.common-btn::before {
  background-color: #666666;
}

.anchor-nav {
  background-color: #F5F5F5;
  padding-block: 1.125rem;
}
@media screen and (max-width: 768px) {
  .anchor-nav {
    padding-block: 1rem;
  }
}
.anchor-nav__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1410px;
  margin: 0 auto;
}
.anchor-nav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem;
}
.anchor-nav__list-item {
  padding: 0.5rem 1rem;
  border-radius: 1.875rem;
  background-color: #FFFFFF;
  white-space: nowrap;
}
.anchor-nav__list-item a {
  color: #1F1F1F;
  text-decoration: none;
}
.anchor-nav__list-item.active {
  background-color: #009FE3;
}
.anchor-nav__list-item.active a {
  color: #FFFFFF;
  font-weight: 700;
}
.anchor-nav__list-item.active:hover {
  background-color: #009FE3;
}
.anchor-nav__list-item:hover {
  background-color: #F8FBFF;
}

.news-filter {
  background-color: #F0F3F5;
  padding-block: 1.5rem;
  margin-top: 2.5rem;
}
@media screen and (max-width: 768px) {
  .news-filter {
    margin-top: 1rem;
    padding-block: 1rem;
  }
}
.news-filter__inner {
  max-width: 83.125rem;
  margin: 0 auto;
}
.news-filter__label {
  min-width: 5rem;
}
.news-filter__year {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 768px) {
  .news-filter__year {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.25rem;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-bottom: 1rem;
  }
}
.news-filter__year-label {
  color: #1F1F1F;
  font-weight: 500;
}
.news-filter__year-select {
  background-color: #FFFFFF;
  border: 1px solid #AFAFAF;
  border-radius: 0.5rem;
  padding: 0.5rem 4rem 0.5rem 1rem;
  color: #1F1F1F;
  cursor: pointer;
  position: relative;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300438B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 1rem;
}
.news-filter__year-select:focus {
  outline: none;
  border-color: #009FE3;
}
.news-filter__categories {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
}
@media screen and (max-width: 768px) {
  .news-filter__categories {
    gap: 1rem;
  }
}
.news-filter__category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
@media screen and (max-width: 768px) {
  .news-filter__category {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.25rem;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.news-filter__category-label {
  color: #1F1F1F;
  font-weight: 500;
}
.news-filter__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .news-filter__buttons {
    font-size: 0.875rem;
  }
}
.news-filter__button {
  background-color: #FFFFFF;
  border: 1px solid #AFAFAF;
  border-radius: 0.5rem;
  padding: 0.5rem 1rem;
  color: #1F1F1F;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.news-filter__button--active {
  background-color: #009FE3;
  color: #FFFFFF;
  border-color: #009FE3;
}

.news-list {
  margin-block: 2.5rem;
}
@media screen and (max-width: 768px) {
  .news-list {
    margin-block: 1rem;
  }
}
.news-list-top__text {
  width: 100%;
}
.news-list__inner {
  max-width: 83.125rem;
  margin: 0 auto;
}
.news-list__title {
  margin-left: 1.5rem;
  height: 4rem;
  line-height: 4rem;
  color: #1F1F1F;
  position: relative;
}
@media screen and (max-width: 768px) {
  .news-list__title {
    margin-left: 0.25rem;
  }
}
.news-list__title::before {
  content: "";
  width: 4rem;
  height: 4rem;
  background-color: #D9F1FC;
  border-radius: 50%;
  position: absolute;
  left: -1.5rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: -1;
}
.news-list__items {
  max-width: 1230px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  margin-top: 1.5rem;
}
@media screen and (max-width: 768px) {
  .news-list__items {
    margin-top: 0.5rem;
    gap: 0.5rem;
  }
}
.news-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  padding-block: 0.75rem;
}
@media screen and (max-width: 768px) {
  .news-list__item {
    padding-block: 0.5rem;
    gap: 0.5rem;
  }
}
.news-list__item-label {
  background-color: #EEEEEE;
  border-radius: 1rem;
  padding: 0.25rem 1rem;
  color: #1F1F1F;
  text-align: center;
  max-width: 12rem;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .news-list__item-label {
    padding: 0.25rem 0.5rem;
    max-width: 11rem;
  }
}
.news-list__item-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
@media screen and (max-width: 768px) {
  .news-list__item-link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 0.25rem;
  }
}
.news-list__item-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 1rem;
}
@media screen and (max-width: 768px) {
  .news-list__item-body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.25rem;
  }
}
.news-list__item-date {
  color: #333333;
}
@media screen and (max-width: 768px) {
  .news-list__item-date {
    font-size: 0.75rem;
  }
}
.news-list__item-title {
  color: #333333;
}

.news-detail {
  margin-block: 1.875rem 1.5rem;
}
@media screen and (max-width: 768px) {
  .news-detail {
    margin-block: 1rem;
  }
}
.news-detail__inner {
  max-width: 1330px;
  margin: 0 auto;
  padding-inline: 3.125rem;
}
@media screen and (max-width: 768px) {
  .news-detail__inner {
    padding-inline: 15px;
  }
}
.news-detail__title {
  color: #333333;
}
@media screen and (max-width: 768px) {
  .news-detail__title {
    padding-left: 2.125rem;
  }
}
.news-detail__title.common-btn::before {
  background-color: #666666;
  right: auto;
  left: -2.5rem;
}
@media screen and (max-width: 768px) {
  .news-detail__title.common-btn::before {
    left: 0;
  }
}
.news-detail__title.common-btn::after {
  right: auto;
  left: -1.625rem;
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
}
@media screen and (max-width: 768px) {
  .news-detail__title.common-btn::after {
    left: 0.625rem;
  }
}
.news-detail__content {
  margin-top: 4rem;
}
@media screen and (max-width: 768px) {
  .news-detail__content {
    margin-top: 1rem;
  }
}
.news-detail__content-top {
  border-bottom: 1px solid #8F8F8F;
}
.news-detail__content-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.news-detail__content-info-label {
  background-color: #F0F3F5;
  border-radius: 1rem;
  padding: 0.25rem 0.5rem;
  color: #1F1F1F;
}
.news-detail__content-info-date {
  color: #333333;
}
.news-detail__content-title {
  color: #333333;
  margin-block: 0.5rem 1.5rem;
}
@media screen and (max-width: 768px) {
  .news-detail__content-title {
    margin-block: 0.5rem 1rem;
  }
}
.news-detail__content-body {
  border-bottom: 1px solid #8F8F8F;
}
.news-detail__content-body-texts {
  min-height: 7.5rem;
  margin-top: 1.5rem;
}
@media screen and (max-width: 768px) {
  .news-detail__content-body-texts {
    min-height: 7.5rem;
    margin-top: 1rem;
  }
}
.news-detail__content-body-texts-text {
  color: #1F1F1F;
}
.news-detail__content-body-files {
  margin-block: 1.5rem 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (max-width: 768px) {
  .news-detail__content-body-files {
    margin-block: 1rem;
    gap: 0.5rem;
  }
}
.news-detail__content-body-files-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  text-decoration: none;
  padding: 0.5rem 1rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: #F0F3F5;
  border-radius: 0.5rem;
  color: #1F1F1F;
}
.news-detail__content-body-files-link-icon {
  width: 1rem;
  height: 1rem;
  aspect-ratio: 1/1;
}
.news-detail__content-body-files-download {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  text-decoration: none;
  border-radius: 0.5rem;
  background-color: #F0F3F5;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.5rem 1rem;
}
.news-detail__content-body-files-download-text {
  color: #1F1F1F;
}
.news-detail__content-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.5rem;
  margin-top: 1rem;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media screen and (max-width: 768px) {
  .news-detail__content-bottom {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-block: 1rem;
  }
}
.news-detail__content-bottom-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  border: 2px solid #0464CB;
  border-radius: 6.25rem;
  background-color: #FFFFFF;
  color: #00438B;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.news-detail__content-bottom-button:hover {
  background-color: #0464CB;
  color: #FFFFFF;
}
.news-detail__content-bottom-button--prev .news-detail__content-bottom-arrow {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}
.news-detail__content-bottom-button--next .news-detail__content-bottom-arrow {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.news-detail__content-bottom-button-arrow {
  width: 0.5rem;
  height: 0.5rem;
  border-top: solid 2px #0464CB;
  border-right: solid 2px #0464CB;
}
.news-detail__content-bottom-button-arrow--prev {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.news-detail__content-bottom-button-arrow--next {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.news-detail__content-bottom-text {
  color: #0464CB;
}

.news-top__text {
  width: 100%;
}

.news-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  margin-top: 2rem;
  padding: 1rem 0;
}
@media screen and (max-width: 768px) {
  .news-pagination {
    margin-top: 0;
  }
}
.news-pagination__numbers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.news-pagination__btn {
  background-color: transparent;
  border: none;
  border-radius: 50%;
  padding: 0.5rem 1rem;
  color: #1F1F1F;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 2.625rem;
  height: 2.625rem;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1rem;
}
.news-pagination__btn:hover {
  background-color: rgba(0, 159, 227, 0.1);
  color: #009FE3;
}
.news-pagination__btn.active {
  background-color: #009FE3;
  color: #FFFFFF;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .news-pagination__btn {
    font-size: 0.875rem;
  }
}
.news-pagination__ellipsis {
  color: #333333;
  font-size: 1rem;
  padding: 0.5rem 1rem;
  width: 2.625rem;
  height: 2.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
}

@media screen and (max-width: 768px) {
  .under-contact__title {
    font-size: 1.5rem;
  }
}

.contact-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  gap: 1.5rem;
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .contact-top {
    gap: 0.5rem;
    width: calc(100% - 2.25rem);
    padding-inline: 1.125rem;
    margin-inline: auto;
    margin-top: 2.5625rem;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.contact-top__arrow {
  width: 0;
  height: 0;
  border-top: 0.5rem solid transparent;
  border-bottom: 0.5rem solid transparent;
  border-left: 0.75rem solid #D9D9D9;
  margin: 0 1rem;
  -ms-flex-item-align: center;
      align-self: center;
}
@media screen and (max-width: 768px) {
  .contact-top__arrow {
    margin: 0 0.5rem;
  }
}
.contact-top__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25rem;
}
.contact-top__item-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 1rem;
  background-color: #F8F8F8;
  color: #AFAFAF;
  padding: 0.5rem 1rem;
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .contact-top__item-wrap {
    padding: 0.5rem 1rem;
    width: 4.8125rem;
    height: 3.9375rem;
  }
}
.contact-top__item-title {
  color: #AFAFAF;
  font-size: 1.125rem;
}
@media screen and (max-width: 768px) {
  .contact-top__item-title {
    font-size: 1rem;
    width: 4.8125rem;
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .contact-top__item:nth-of-type(2) .contact-top__item-title {
    width: 7.25rem;
  }
}
.contact-top__item.active .contact-top__item-wrap {
  background-color: #009FE3;
  color: #FFFFFF;
  text-decoration: none;
}
.contact-top__item.active .contact-top__item-title {
  color: #1F1F1F;
}
.contact-top__item.active .contact-top__item-text {
  color: #FFFFFF;
}

.contact-form {
  padding: 2.5rem 0 3.5rem;
}
@media screen and (max-width: 768px) {
  .contact-form {
    padding: 1.6875rem 0 2.6875rem;
  }
}
.contact-form__inner {
  max-width: 1180px;
  margin: 0 auto;
}
.contact-form__wrap {
  background-color: #FFFFFF;
  border-radius: 0.5rem;
  padding: 2.5rem;
  -webkit-box-shadow: 0 0.25rem 1rem 0 rgba(51, 51, 51, 0.08);
          box-shadow: 0 0.25rem 1rem 0 rgba(51, 51, 51, 0.08);
}
@media screen and (max-width: 768px) {
  .contact-form__wrap {
    padding: 1rem;
  }
}
.contact-form__section {
  margin-bottom: 1.5rem;
}
.contact-form__section:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .contact-form__section {
    margin-bottom: 1rem;
  }
}
.contact-form__field:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .contact-form__field {
    margin-bottom: 0;
  }
}
.contact-form__field--inquiry-content {
  max-width: calc(50% - 2.9375rem);
}
@media screen and (max-width: 768px) {
  .contact-form__field--inquiry-content {
    max-width: 100%;
  }
}
.contact-form__field--fax {
  max-width: calc(100% - 2.9375rem);
}
@media screen and (max-width: 768px) {
  .contact-form__field--fax {
    max-width: 100%;
  }
}
.contact-form__label {
  display: block;
  color: #1F1F1F;
  margin-bottom: 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  cursor: default;
}
.contact-form__required {
  background-color: #00438B;
  color: #FFFFFF;
  font-size: 0.75rem;
  padding: 0.125rem 0.5rem;
  border-radius: 0.875rem;
  font-weight: 400;
}
.contact-form__input {
  width: 100%;
  padding: 0.5rem 0.75rem;
  border: 0.0625rem solid #C8C8C8;
  border-radius: 0.25rem;
  color: #1F1F1F;
  background-color: #FFFFFF;
  -webkit-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
}
.contact-form__input:focus {
  outline: none;
  border-color: #009FE3;
  -webkit-box-shadow: 0 0 0 0.125rem rgba(0, 123, 255, 0.1);
          box-shadow: 0 0 0 0.125rem rgba(0, 123, 255, 0.1);
}
.contact-form__input::-webkit-input-placeholder {
  color: #AFAFAF;
}
.contact-form__input::-moz-placeholder {
  color: #AFAFAF;
}
.contact-form__input:-ms-input-placeholder {
  color: #AFAFAF;
}
.contact-form__input::-ms-input-placeholder {
  color: #AFAFAF;
}
.contact-form__input::placeholder {
  color: #AFAFAF;
}
.contact-form__input--postal {
  width: 7.6875rem;
  text-align: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .contact-form__input--postal {
    width: 5rem;
  }
}
.contact-form__input--postal > .contact-form__error {
  margin-top: 0;
}
.contact-form__input.is-error {
  border-color: #dc3545;
  -webkit-box-shadow: 0 0 0 0.125rem rgba(220, 53, 69, 0.1);
          box-shadow: 0 0 0 0.125rem rgba(220, 53, 69, 0.1);
}
.contact-form__select {
  width: 100%;
  padding: 0.75rem 2.5rem 0.75rem 1rem;
  border: 0.0625rem solid #C8C8C8;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  color: #1F1F1F;
  background-color: #FFFFFF;
  cursor: pointer;
  -webkit-transition: border-color 0.3s ease, -webkit-box-shadow 0.3s ease;
  transition: border-color 0.3s ease, -webkit-box-shadow 0.3s ease;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
  transition: border-color 0.3s ease, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
  min-height: 3rem;
  line-height: 1.5;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2300438B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 1rem;
}
@media screen and (max-width: 768px) {
  .contact-form__select {
    padding: 0.5rem 0.75rem 0.75rem;
  }
}
.contact-form__select:focus {
  outline: none;
  color: #1F1F1F;
  border-color: #0464CB;
  -webkit-box-shadow: 0 0 0 0.1875rem rgba(0, 67, 139, 0.15);
          box-shadow: 0 0 0 0.1875rem rgba(0, 67, 139, 0.15);
}
.contact-form__select:hover {
  border-color: #0464CB;
  background-color: #F8FBFF;
  -webkit-box-shadow: 0 0 0 0.1875rem rgba(0, 67, 139, 0.08);
          box-shadow: 0 0 0 0.1875rem rgba(0, 67, 139, 0.08);
}
.contact-form__select:disabled {
  background-color: #EEEEEE;
  border-color: #D9D9D9;
  color: #8F8F8F;
  cursor: not-allowed;
}
.contact-form__select.is-error {
  border-color: #dc3545;
  -webkit-box-shadow: 0 0 0 0.1875rem rgba(220, 53, 69, 0.15);
          box-shadow: 0 0 0 0.1875rem rgba(220, 53, 69, 0.15);
}
.contact-form__select::-ms-expand {
  display: none;
}
.contact-form__select.is-placeholder {
  color: #AFAFAF;
}
.contact-form__select.is-filled {
  color: #1F1F1F;
}
.contact-form__textarea {
  width: 100%;
  padding: 0.5rem 0.75rem;
  border: 0.0625rem solid #E1E1E1;
  border-radius: 0.25rem;
  color: #1F1F1F;
  background-color: #FFFFFF;
  resize: vertical;
  height: 5.875rem;
  font-family: inherit;
  -webkit-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
}
.contact-form__textarea:focus {
  outline: none;
  border-color: #009FE3;
  -webkit-box-shadow: 0 0 0 0.125rem rgba(0, 123, 255, 0.1);
          box-shadow: 0 0 0 0.125rem rgba(0, 123, 255, 0.1);
}
.contact-form__textarea::-webkit-input-placeholder {
  color: #AFAFAF;
  font-size: 0.875rem;
}
.contact-form__textarea::-moz-placeholder {
  color: #AFAFAF;
  font-size: 0.875rem;
}
.contact-form__textarea:-ms-input-placeholder {
  color: #AFAFAF;
  font-size: 0.875rem;
}
.contact-form__textarea::-ms-input-placeholder {
  color: #AFAFAF;
  font-size: 0.875rem;
}
.contact-form__textarea::placeholder {
  color: #AFAFAF;
  font-size: 0.875rem;
}
.contact-form__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.75rem;
  border-top: 0.0625rem solid #E1E1E1;
  border-bottom: 0.0625rem solid #E1E1E1;
  padding-block: 1.5rem;
}
@media screen and (max-width: 768px) {
  .contact-form__grid {
    padding-block: 1rem;
  }
}
.contact-form__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5.8125rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
@media screen and (max-width: 768px) {
  .contact-form__row {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
  .contact-form__row:nth-last-child(2) {
    gap: 1rem;
  }
}
.contact-form__row:has(.contact-form__field--fax) {
  grid-template-columns: 1fr;
  max-width: 50%;
}
@media screen and (max-width: 768px) {
  .contact-form__row:has(.contact-form__field--fax) {
    max-width: 100%;
  }
}
.contact-form__row:has(.contact-form__field:only-child:not(.contact-form__field--fax)) {
  grid-template-columns: 1fr;
}
.contact-form__column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.contact-form__postal-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .contact-form__postal-wrap {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    gap: 0.5rem;
  }
}
.contact-form__postal-wrap-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
.contact-form__postal-wrap .contact-form__error {
  margin-top: 0;
}
.contact-form__hyphen {
  font-size: 1rem;
  color: #1F1F1F;
  font-weight: 500;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.contact-form__address-btn {
  background-color: #FFFFFF;
  color: #1F1F1F;
  border: 0.125rem solid #1F1F1F;
  padding: 0.75rem 1.5rem;
  border-radius: 6.25rem;
  cursor: pointer;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  white-space: nowrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .contact-form__address-btn {
    padding: 0.75rem 1.5rem;
    font-size: 0.75rem;
  }
}
.contact-form__address-btn:hover {
  background-color: #F8FBFF;
}
.contact-form__address-btn:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 0.125rem rgba(0, 123, 255, 0.3);
          box-shadow: 0 0 0 0.125rem rgba(0, 123, 255, 0.3);
}
.contact-form__radio-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 1rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 0.25rem;
}
@media screen and (max-width: 768px) {
  .contact-form__radio-group {
    width: 100%;
  }
}
.contact-form__radio-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25rem;
  cursor: pointer;
  color: #1F1F1F;
  border-radius: 0.5rem;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.contact-form__radio-label input[type=radio] {
  display: block !important;
}
.contact-form__radio {
  width: 1.25rem;
  height: 1.25rem;
  margin: 0;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0.125rem solid #00438B;
  border-radius: 50%;
  background-color: #FFFFFF;
  position: relative;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.contact-form__radio:checked {
  background-color: #FFFFFF;
}
.contact-form__radio:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
  background-color: #00438B;
}
.contact-form__radio:focus {
  outline: none;
}
.contact-form__radio-text {
  font-weight: 500;
  color: #1F1F1F;
}
.contact-form__privacy-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
}
.contact-form__privacy-content input[type=checkbox] {
  display: block !important;
}
.contact-form__privacy-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
.contact-form__privacy-row .contact-form__error {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  width: 100%;
  margin-top: 0.25rem;
  margin-left: 0;
}
.contact-form__checkbox {
  width: 1.125rem;
  height: 1.125rem;
  margin: 0;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0.125rem solid #C8C8C8;
  border-radius: 0.25rem;
  background-color: #FFFFFF;
  position: relative;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-top: 0.125rem;
}
.contact-form__checkbox:checked {
  border-color: #333333;
  background-color: #333333;
}
.contact-form__checkbox:checked::after {
  content: "";
  position: absolute;
  top: 0.125rem;
  left: 0.3125rem;
  width: 0.375rem;
  height: 0.625rem;
  border: solid #FFFFFF;
  border-width: 0 0.125rem 0.125rem 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.contact-form__checkbox:focus {
  outline: none;
}
.contact-form__privacy-label {
  cursor: pointer;
  color: #1F1F1F;
  line-height: 1.5;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.contact-form__submit {
  text-align: center;
  margin-top: 1.5rem;
}
@media screen and (max-width: 768px) {
  .contact-form__submit {
    margin-top: 1rem;
  }
}
.contact-form__btn {
  background-color: #333333;
  color: #FFFFFF;
  border: none;
  padding: 0.75rem 1.65625rem;
  border-radius: 6.25rem;
  font-weight: 700;
  cursor: pointer;
  border: 0.125rem solid #333333;
}
@media screen and (max-width: 768px) {
  .contact-form__btn {
    padding-inline: 2.0625rem;
  }
}
.contact-form__btn:hover {
  background-color: #474747;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.contact-form__btn:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 0.1875rem rgba(0, 123, 255, 0.3);
          box-shadow: 0 0 0 0.1875rem rgba(0, 123, 255, 0.3);
}
.contact-form__btn:disabled {
  background-color: #F8F8F8;
  color: #EEEEEE;
  cursor: not-allowed;
}
.contact-form__error {
  color: #dc3545;
  font-size: 0.75rem;
  margin-top: 0.5rem;
  display: block;
  width: 100%;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

.contact-form__details {
  background-color: #F3FAFF;
  padding: 1.5rem;
  border-radius: 0.5rem;
  margin-top: 1.5rem;
}
@media screen and (max-width: 768px) {
  .contact-form__details {
    margin-top: 1rem;
  }
}
.contact-form__details__title {
  color: #1F1F1F;
}
.contact-form__details__items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem 2.5rem;
  margin-top: 1rem;
  border-bottom: 0.0625rem solid #C8C8C8;
  padding-bottom: 1rem;
}
@media screen and (max-width: 768px) {
  .contact-form__details__items {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}
.contact-form__details__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  color: #1F1F1F;
}
.contact-form__details__texts {
  padding-top: 1rem;
}
.contact-form__details__text {
  color: #1F1F1F;
}
.contact-form__details__text:last-child {
  margin-top: 1.5rem;
}

.contact-confirm {
  padding: 2.5rem 0 3.5rem;
}
@media screen and (max-width: 768px) {
  .contact-confirm {
    padding: 1.6875rem 0 2.5rem;
  }
}
.contact-confirm__inner {
  max-width: 1180px;
  margin: 0 auto;
}
.contact-confirm__wrap {
  background-color: #FFFFFF;
  border-radius: 0.5rem;
  padding: 2.5rem;
  -webkit-box-shadow: 0 0.25rem 1rem 0 rgba(51, 51, 51, 0.08);
          box-shadow: 0 0.25rem 1rem 0 rgba(51, 51, 51, 0.08);
}
@media screen and (max-width: 768px) {
  .contact-confirm__wrap {
    padding: 1rem;
  }
}
.contact-confirm__section {
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 768px) {
  .contact-confirm__section {
    margin-bottom: 1rem;
  }
}
.contact-confirm__section:last-child {
  margin-bottom: 0;
}
.contact-confirm__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.75rem;
  border-top: 0.0625rem solid #E1E1E1;
  border-bottom: 0.0625rem solid #E1E1E1;
  padding-block: 1.5rem;
}
.contact-confirm__grid:last-child {
  gap: 1.5rem;
}
@media screen and (max-width: 768px) {
  .contact-confirm__grid {
    padding-block: 1rem;
    gap: 1rem;
  }
}
.contact-confirm__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
@media screen and (max-width: 768px) {
  .contact-confirm__row {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}
.contact-confirm__row:has(.contact-confirm__field--fax) {
  grid-template-columns: 1fr;
  max-width: 50%;
}
.contact-confirm__row:has(.contact-confirm__field:only-child:not(.contact-confirm__field--fax)) {
  grid-template-columns: 1fr;
}
.contact-confirm__field--inquiry-content {
  max-width: 50%;
}
@media screen and (max-width: 768px) {
  .contact-confirm__field--inquiry-content {
    max-width: 100%;
  }
}
.contact-confirm__field--textarea {
  max-width: 50%;
}
@media screen and (max-width: 768px) {
  .contact-confirm__field--textarea {
    max-width: 100%;
  }
}
.contact-confirm__label {
  display: block;
  color: #1F1F1F;
  margin-bottom: 0.25rem;
}
@media screen and (max-width: 768px) {
  .contact-confirm__label {
    font-size: 1rem;
  }
}
.contact-confirm__value {
  color: #1F1F1F;
  margin: 0;
}
.contact-confirm__privacy {
  padding: 1.25rem;
  display: none;
}
.contact-confirm__privacy-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.5rem;
}
.contact-confirm__checkbox {
  width: 1.25rem;
  height: 1.25rem;
  border: 0.125rem solid #333333;
  border-radius: 0.25rem;
  background-color: #333333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-top: 0.125rem;
}
.contact-confirm__checkmark {
  color: #FFFFFF;
  font-size: 0.75rem;
  font-weight: bold;
}
.contact-confirm__privacy-label {
  cursor: pointer;
  font-size: 0.875rem;
  color: #1F1F1F;
  line-height: 1.5;
  font-weight: 500;
  margin: 0;
}
.contact-confirm__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 1.5rem;
}
@media screen and (max-width: 768px) {
  .contact-confirm__buttons {
    margin-top: 1rem;
  }
}
.contact-confirm__btn {
  padding: 0.75rem 1.5rem;
  border-radius: 6.25rem;
  font-weight: 700;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  min-width: 10.375rem;
}
.contact-confirm__btn--back {
  background-color: #FFFFFF;
  color: #333333;
  border: 0.125rem solid #333333;
}
.contact-confirm__btn--submit {
  background-color: #333333;
  color: #FFFFFF;
  border: 0.125rem solid #333333;
}
.contact-confirm__btn--submit:hover {
  background-color: #474747;
  border-color: #474747;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.contact-confirm__btn:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 0.1875rem rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 0 0.1875rem rgba(0, 0, 0, 0.3);
}

.contact-confirm__details {
  background-color: #F3FAFF;
  padding: 1.5rem;
  border-radius: 0.5rem;
  margin-top: 1.5rem;
}
@media screen and (max-width: 768px) {
  .contact-confirm__details {
    margin-top: 1rem;
    padding: 1rem;
  }
}
.contact-confirm__details__title {
  color: #1F1F1F;
}
.contact-confirm__details__items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem 2.5rem;
  margin-top: 1rem;
  border-bottom: 0.0625rem solid #C8C8C8;
  padding-bottom: 1rem;
}
@media screen and (max-width: 768px) {
  .contact-confirm__details__items {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}
.contact-confirm__details__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  color: #1F1F1F;
}
.contact-confirm__details__text {
  color: #1F1F1F;
}
@media screen and (max-width: 768px) {
  .contact-confirm__details__text:first-child {
    margin-top: 0;
  }
  .contact-confirm__details__text {
    margin-top: 1rem;
  }
}
.contact-confirm__details__text:last-child {
  margin-top: 1.5rem;
}

.contact-complete {
  padding: 2.5rem 0 3.5rem;
}
@media screen and (max-width: 768px) {
  .contact-complete {
    padding: 1.6875rem 0 2.5rem;
  }
}
.contact-complete__inner {
  max-width: 1180px;
  margin: 0 auto;
}
.contact-complete__wrap {
  padding: 2.5rem;
  border-radius: 0.5rem;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 0.25rem 1rem 0 rgba(51, 51, 51, 0.08);
          box-shadow: 0 0.25rem 1rem 0 rgba(51, 51, 51, 0.08);
}
@media screen and (max-width: 768px) {
  .contact-complete__wrap {
    padding: 1rem;
  }
}
.contact-complete__title {
  text-align: center;
  color: #1F1F1F;
}
.contact-complete__texts {
  background-color: #F3FAFF;
  padding: 1.5rem;
  border-radius: 0.5rem;
  margin-top: 1.5rem;
}
@media screen and (max-width: 768px) {
  .contact-complete__texts {
    margin-top: 1rem;
    padding: 1rem;
  }
}
.contact-complete__text {
  color: #1F1F1F;
}
@media screen and (max-width: 768px) {
  .contact-complete__text {
    font-size: 1rem;
  }
}
.contact-complete__text:last-child {
  margin-top: 1.5rem;
}
.contact-complete__checkmark {
  width: 4.5rem;
  height: 4.5rem;
  margin: 0 auto 1.5rem;
  background-color: #00A0E8;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 768px) {
  .contact-complete__checkmark {
    margin: 0 auto 1rem;
  }
}
.contact-complete__checkmark-icon {
  position: relative;
  display: block;
  width: 2.25rem;
  height: 1.375rem;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.contact-complete__checkmark-icon::before {
  content: "";
  position: absolute;
  width: 0.375rem;
  height: 1.125rem;
  background: #FFFFFF;
  left: 0.25rem;
  top: -0.125rem;
  border-radius: 0.3125rem;
}
.contact-complete__checkmark-icon::after {
  content: "";
  position: absolute;
  width: 2rem;
  height: 0.375rem;
  background: #FFFFFF;
  left: 0.25rem;
  top: 0.625rem;
  border-radius: 0.3125rem;
}
.contact-complete__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  margin: 1.5rem auto 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 768px) {
  .contact-complete__btns {
    gap: 0.5rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 1rem auto 0;
  }
}
.contact-complete__btn {
  text-align: center;
  padding: 0.75rem 1.5rem;
  border-radius: 6.25rem;
  cursor: pointer;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  min-width: 10.375rem;
}
@media screen and (max-width: 768px) {
  .contact-complete__btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
  }
}
.contact-complete__btn--back {
  background-color: #FFFFFF;
  color: #333333;
  border: 0.125rem solid #333333;
}
.contact-complete__btn--home {
  background-color: #333333;
  color: #FFFFFF;
  border: 0.125rem solid #333333;
}
.contact-complete__btn--home:hover {
  background-color: #474747;
  border-color: #474747;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (max-width: 768px) {
  .contact-complete__btn--home {
    padding-inline: 2.1875rem;
  }
}
.contact-complete__btn:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 0.1875rem rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 0 0.1875rem rgba(0, 0, 0, 0.3);
}

.product-top__inner {
  padding-right: 0;
  margin-right: 0;
  padding-left: 25px;
  margin-left: auto;
}
.product-top__title {
  max-width: 49.375rem;
}
.product-top__link {
  background-color: #F0F3F5;
  padding: 1.5rem;
  border-top-left-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 1.875rem;
}
.product-top__link-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
.product-top__link-img-text {
  color: #1F1F1F;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
  margin-right: 2.8125rem;
}
.product-top__link-btn {
  display: block;
  margin-left: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #1F1F1F;
}
.product-top__text.under-top__text {
  max-width: 49.375rem;
  width: 100%;
}

.product-tab {
  background-color: #F5F5F5;
  padding: 1.125rem 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
}
.product-tab__item {
  background-color: #FFFFFF;
  border-radius: 1.875rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.5rem 1rem;
}
.product-tab__item a {
  text-decoration: none;
  color: #333333;
}
.product-tab__item.active {
  background-color: #009FE3;
}
.product-tab__item.active a {
  color: #FFFFFF;
}

.product-about {
  padding-top: 2.5rem;
}
.product-about.--pt54 {
  padding-top: 3.375rem;
}
@media screen and (max-width: 768px) {
  .product-about.--pt54 {
    padding-top: 2.5rem;
  }
}
.product-about__inner {
  max-width: 1230px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.5rem;
}
.product-about__inner.--gap0 {
  gap: 0rem;
}
.product-about__inner.--gap16 {
  gap: 1rem;
}
.product-about__inner.--pb80 {
  padding-bottom: 5rem;
}
.product-about__imgs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.5rem;
  border-radius: 1rem;
}
.product-about__imgs.--mt16 {
  margin-top: 1rem;
}
@media screen and (max-width: 768px) {
  .product-about__imgs.--mt16 {
    margin-top: 0.5rem;
  }
}
.product-about__imgs.--w50 {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .product-about__imgs.--w50 {
    width: 100%;
  }
}
.product-about__imgs.--mt32 {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .product-about__imgs {
    margin-top: 1rem;
  }
}
.product-about__description.--mt30 {
  margin-top: 1.875rem;
}
@media screen and (max-width: 768px) {
  .product-about__description.--mt30 {
    margin-top: 1.5rem;
  }
}
.product-about__description-title {
  color: #1F1F1F;
}
.product-about__description-title.--mt16 {
  margin-top: 1rem;
}
@media screen and (max-width: 768px) {
  .product-about__description-title.--mt16 {
    margin-top: 0.5rem;
  }
}
.product-about__description.--mt16 {
  margin-top: 1.875rem;
}
@media screen and (max-width: 768px) {
  .product-about__description.--mt16 {
    margin-top: 1.5rem;
  }
}
.product-about__description-lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  margin-top: 1.375rem;
}
.product-about__description-lists.--pai24 {
  padding-inline: 1.5rem;
}
@media screen and (max-width: 768px) {
  .product-about__description-lists.--pai24 {
    padding-inline: 0.5rem;
  }
}
.product-about__description-lists.--mt8 {
  margin-top: 0.5rem;
}
.product-about__description-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.25rem;
}
.product-about__description-list-title {
  color: #1F1F1F;
  position: relative;
  padding-left: 1rem;
}
.product-about__description-list-title.--fz24 {
  font-size: 1.5rem;
}
@media screen and (max-width: 768px) {
  .product-about__description-list-title.--fz24 {
    font-size: 1.25rem;
  }
}
.product-about__description-list-title.--mt24 {
  margin-top: 1.5rem;
}
@media screen and (max-width: 768px) {
  .product-about__description-list-title.--mt24 {
    margin-top: 1rem;
  }
}
.product-about__description-list-title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
  background-color: #009FE3;
}
.product-about__description-list-title {
  /* 青丸を消す: タイトルに class="--before_none" を付ける */
}
.product-about__description-list-title.--before_none::before {
  display: none;
}
.product-about__description-list-text {
  color: #1F1F1F;
  margin-top: 0.25rem;
  margin-left: 0.875rem;
  line-height: 1.6;
}
.product-about__description-list-text-blue {
  color: #00A0E8;
}
.product-about__description-list-text.--mtml0 {
  margin-top: 0rem;
  margin-left: 0rem;
}
.product-about__description-list-text span {
  font-weight: 700;
}
.product-about__tables {
  overflow-x: auto;
}
.product-about__tables-title {
  margin-bottom: 0.5rem;
  color: #1F1F1F;
}
.product-about__tables-note {
  margin-top: 0.5rem;
  color: #1F1F1F;
}
.product-about__tables-note:last-child {
  margin-top: 0rem;
}
.product-about__table {
  width: 100%;
  min-width: 45rem;
  border-collapse: collapse;
  table-layout: fixed;
  color: #1F1F1F;
}
.product-about__table th,
.product-about__table td {
  padding: 0.75rem 1rem;
  border: 1px solid #E1E1E1;
  vertical-align: middle;
  text-align: center;
}
.product-about__table thead th {
  color: #1F1F1F;
}
.product-about__table thead th.--bg_glay {
  border: 1px solid #D9D9D9;
  background: #F7F8FC;
}
.product-about__table thead th.--fw400 {
  font-weight: 400;
}
.product-about__table thead th:nth-child(1) {
  width: 16.665%;
}
.product-about__table thead th:nth-child(2) {
  width: 16.665%;
}
.product-about__table thead th:nth-child(3) {
  width: 33.33%;
}
.product-about__table thead th:nth-child(4) {
  width: 33.34%;
}
.product-about__table tbody th {
  color: #333333;
  text-align: left;
  white-space: nowrap;
}
.product-about__table tbody th.--center {
  text-align: center;
}
.product-about__table tbody th.--fw400 {
  font-weight: 400;
}
.product-about__table tbody th:nth-child(1) {
  width: 16.665%;
}
.product-about__table tbody th:nth-child(2) {
  width: 16.665%;
}
.product-about__table tbody td:nth-child(3) {
  width: 33.33%;
}
.product-about__table tbody td:nth-child(4) {
  width: 33.34%;
}
.product-about__table sup {
  font-size: 0.75em;
}
.product-about__table__table {
  width: 100%;
  min-width: 70.625rem;
}
.product-about__table__table th:first-child {
  width: 15.6875rem;
}
.product-about__table__table th:not(:first-child),
.product-about__table__table td:not(:first-child) {
  width: 13.75rem;
}
.product-about__table__table thead th {
  height: 3.9375rem;
}
.product-about__table__table tbody tr:first-child td {
  height: 11.75rem;
}
.product-about__table__table tbody tr:not(:first-child) td {
  height: 3.125rem;
}
.product-about__catalog {
  background-color: #CCECFA;
  padding: 0.75rem 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 1rem;
}
.product-about__catalog-img {
  display: block;
  width: 6.25rem;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1/1;
}
.product-about__catalog-img-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 7.5rem;
  height: 7.5rem;
  border-radius: 50%;
  background-color: #FFFFFF;
}
.product-about__catalog-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  color: #1F1F1F;
}
.product-about__catalog-content-btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.product-about__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.5rem;
}
.product-about__grid-item {
  border-radius: 1rem;
  color: #1F1F1F;
}

.product-usecase {
  margin-block: 2.5rem;
}
.product-usecase__title {
  color: #1F1F1F;
}
.product-usecase__inner {
  max-width: 1230px;
}
.product-usecase__lists {
  margin-top: 1.375rem;
}
.product-usecase__list {
  color: #1F1F1F;
  padding: 1.5rem 1rem;
  background-color: #F5F5F5;
  border-radius: 1rem;
}

.product-related-items {
  margin-top: 2.5rem;
  background-color: #E5EBEE;
  padding-block: 2.5rem;
}
.product-related-items__inner {
  max-width: 1180px;
}
.product-related-items__title {
  color: #1F1F1F;
}
.product-related-items__lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  margin-top: 1rem;
}
.product-related-items__lists > .product-related-items__list {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
}
.product-related-items__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #F0F3F5;
  border-radius: 1rem;
  padding: 0.5rem 0.323125rem 1rem;
}
.product-related-items__list img {
  width: 100%;
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
}
.product-related-items__list-content {
  margin-top: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding-inline: 0.5rem;
  color: #1F1F1F;
}

.pr-mt0 {
  margin-top: 0;
}

.pr-mt8 {
  margin-top: 0.5rem;
}

.pr-mt16 {
  margin-top: 1rem;
}
@media screen and (max-width: 768px) {
  .pr-mt16 {
    margin-top: 0.75rem;
  }
}

.pr-mt24 {
  margin-top: 1.5rem;
}
@media screen and (max-width: 768px) {
  .pr-mt24 {
    margin-top: 1rem;
  }
}

.pr-mt30 {
  margin-top: 1.875rem;
}
@media screen and (max-width: 768px) {
  .pr-mt30 {
    margin-top: 1.5rem;
  }
}

.pr-mt32 {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .pr-mt32 {
    margin-top: 1.5rem;
  }
}

.pr-mt40 {
  margin-top: 2.5rem;
}
@media screen and (max-width: 768px) {
  .pr-mt40 {
    margin-top: 1.5rem;
  }
}

.pr-mb0 {
  margin-bottom: 0;
}

.pr-mb24 {
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 768px) {
  .pr-mb24 {
    margin-bottom: 1rem;
  }
}

.pr-mb40 {
  margin-bottom: 2.5rem !important;
}
@media screen and (max-width: 768px) {
  .pr-mb40 {
    margin-bottom: 2rem;
  }
}

.pr-mia {
  margin-inline: auto;
}

.pr-pt54 {
  padding-top: 3.375rem;
}
@media screen and (max-width: 768px) {
  .pr-pt54 {
    padding-top: 2.5rem;
  }
}

.pr-pb80 {
  padding-bottom: 5rem;
}
@media screen and (max-width: 768px) {
  .pr-pb80 {
    padding-bottom: 4rem;
  }
}

.pr-gap0 {
  gap: 0;
}

.pr-gap16 {
  gap: 1rem;
}

.pr-fz12 {
  font-size: 0.75rem;
}

.pr-fz18 {
  font-size: 1.125rem;
}
@media screen and (max-width: 768px) {
  .pr-fz18 {
    font-size: 1rem;
  }
}

.pr-fz20 {
  font-size: 1.25rem;
}
@media screen and (max-width: 768px) {
  .pr-fz20 {
    font-size: 1.125rem;
  }
}

.pr-fz24 {
  font-size: 1.5rem;
}
@media screen and (max-width: 768px) {
  .pr-fz24 {
    font-size: 1.25rem;
  }
}

.pr-fz30 {
  font-size: 1.875rem;
}
@media screen and (max-width: 768px) {
  .pr-fz30 {
    font-size: 1.625rem;
  }
}

.pr-pai24 {
  padding-inline: 1.5rem;
}
@media screen and (max-width: 768px) {
  .pr-pai24 {
    padding-inline: 0.5rem;
  }
}

.pr-w50 {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .pr-w50 {
    width: 100%;
  }
}

.pr-w60 {
  width: 60%;
}
@media screen and (max-width: 768px) {
  .pr-w60 {
    width: 100%;
  }
}

.pr-w70 {
  width: 70%;
}
@media screen and (max-width: 768px) {
  .pr-w70 {
    width: 100%;
  }
}

.pr-mtml0 {
  margin-top: 0;
  margin-left: 0;
}

.pr-reset-margin {
  -webkit-margin-before: 0;
          margin-block-start: 0;
  -webkit-margin-after: 0;
          margin-block-end: 0;
}

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

.pr-text-left {
  text-align: left !important;
}

.pr-text-right {
  text-align: right !important;
}

.pr-text-blue {
  color: #3DA3EF;
}

.pr-align-center {
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}

.top-fv {
  margin-top: 6.75rem;
}
@media screen and (max-width: 768px) {
  .top-fv {
    margin-top: 5.75rem;
  }
}

.top-fv__video {
  width: 100%;
  max-width: 100%;
  height: auto;
  overflow: hidden;
  aspect-ratio: 1440/783;
}

.top-fv__video video {
  width: 100%;
  height: auto;
}

.top-contact {
  padding-block: 3.5rem;
  background-color: rgba(0, 160, 232, 0.2);
}
@media screen and (max-width: 768px) {
  .top-contact {
    padding-block: 1.5rem;
  }
}

.top-contact__lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
@media screen and (max-width: 768px) {
  .top-contact__lists {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1.375rem;
  }
}

.top-contact__list {
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .top-contact__list {
    margin-inline: 0 auto;
  }
}

@media screen and (max-width: 768px) {
  .top-contact__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    gap: 1rem;
  }
}

.top-contact__icon {
  width: 8rem;
  height: 8rem;
  border-radius: 50%;
  background-color: #fff;
  margin-inline: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 768px) {
  .top-contact__icon {
    width: 6.25rem;
    height: 6.25rem;
  }
}

.top-contact__icon img {
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 100/100;
  max-width: 6.25rem;
}
@media screen and (max-width: 768px) {
  .top-contact__icon img {
    max-width: 5rem;
  }
}

.top-contact__title {
  margin-top: 1rem;
  color: #1F1F1F;
}

.top-links {
  padding-block: 5rem;
}
@media screen and (max-width: 768px) {
  .top-links {
    padding-block: 1.5rem;
  }
}

.top-links__lists {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
@media screen and (max-width: 768px) {
  .top-links__lists {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}

.top-links__list {
  display: grid;
  grid-template-columns: 13.625rem 1fr;
  gap: 0.5rem;
}
@media screen and (max-width: 768px) {
  .top-links__list {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}

.top-links__subtitle,
.top-links__line {
  margin-top: 0.5rem;
}
@media screen and (max-width: 768px) {
  .top-links__subtitle,
  .top-links__line {
    margin-top: 0.25rem;
  }
}

@media screen and (max-width: 768px) {
  .top-links__line {
    display: none;
  }
}

.top-links__title {
  color: #333333;
}

.top-links__subtitle {
  color: #666666;
}

.top-links__link {
  display: block;
  position: relative;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  color: #1F1F1F;
}

@media screen and (max-width: 768px) {
  .top-links__link::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    border: 0;
    border-top: solid 2px #009fe3;
    border-right: solid 2px #009fe3;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    width: 0.5625rem;
    height: 0.5625rem;
    right: -0.9375rem;
  }
}

.top-links__link.common-btn::after {
  right: 0.5rem;
}
@media screen and (max-width: 768px) {
  .top-links__link.common-btn::after {
    border-top: initial;
    border-right: initial;
    -webkit-transform: initial;
            transform: initial;
    right: initial;
  }
}

.top-links__link.common-btn::before {
  width: 1.25rem;
  height: 1.25rem;
  right: 0rem;
}
@media screen and (max-width: 768px) {
  .top-links__link.common-btn::before {
    background-color: initial;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    border: 0;
    border-top: solid 2px #009fe3;
    border-right: solid 2px #009fe3;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    width: 0.5625rem;
    height: 0.5625rem;
    right: 0.9375rem;
    border-radius: initial;
  }
}

.top-links__link + .top-links__link {
  margin-top: 1rem;
}
@media screen and (max-width: 768px) {
  .top-links__link + .top-links__link {
    margin-top: 1rem;
  }
}

.top-links__link--youtube {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.top-links__youtube-icon {
  width: 3rem;
  height: 2rem;
  -o-object-fit: cover;
     object-fit: cover;
}

.top-news {
  background-color: rgba(13, 159, 232, 0.1);
  padding-block: 1.5rem;
}
@media screen and (max-width: 768px) {
  .top-news {
    padding: 1.5rem 1rem;
  }
}

.top-news__inner {
  background-color: #fcfeff;
  border-radius: 1rem;
  padding: 2.5rem;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-template-columns: 12.5rem 1fr;
  gap: 1.5rem;
  position: relative;
  width: calc(100% - 50px);
}
@media screen and (max-width: 768px) {
  .top-news__inner {
    width: 100%;
    grid-template-columns: 1fr;
    padding: 1.5rem 1rem 1rem;
    gap: 1rem;
  }
}

.top-news__left {
  padding-bottom: 3.5rem;
}
@media screen and (max-width: 768px) {
  .top-news__left {
    padding-bottom: 0;
  }
}

.top-news__title {
  color: #333333;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.top-news__subtitle {
  margin-top: 0.5rem;
  color: #666666;
}
@media screen and (max-width: 768px) {
  .top-news__subtitle {
    margin-top: 0.25rem;
    font-size: 0.75rem;
  }
}

.top-news__line {
  margin-top: 0.5rem;
}
@media screen and (max-width: 768px) {
  .top-news__line {
    margin-top: 0.25rem;
  }
}

.top-news__btn {
  margin-top: 1.5rem;
  position: absolute;
  top: calc(50% + 1.25rem);
  left: 2.5rem;
}
@media screen and (max-width: 768px) {
  .top-news__btn {
    position: static;
    margin-top: 0rem;
    margin-left: auto;
  }
}

.top-news__btn a {
  color: #333333;
}

.top-news__btn a.common-btn::before {
  width: 1.75rem;
  height: 1.75rem;
}
.top-news__btn a.common-btn::after {
  right: -0.125rem;
}
@media screen and (max-width: 768px) {
  .top-news__btn a.common-btn {
    padding-right: 2.5rem;
  }
  .top-news__btn a.common-btn::before {
    width: 1.5rem;
    height: 1.5rem;
    right: 0.375rem;
  }
  .top-news__btn a.common-btn::after {
    right: 1rem;
  }
}

.top-news__btn span {
  display: none;
}
@media screen and (max-width: 768px) {
  .top-news__btn span {
    display: inline-block;
  }
}

.top-news-list__item + .top-news-list__item {
  margin-top: 1rem;
}

.top-news-list__item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
@media screen and (max-width: 768px) {
  .top-news-list__item a {
    gap: 0.5rem;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
}

.top-news-list__item-category {
  width: 100%;
  padding: 0.25rem 0.5rem;
  color: #1F1F1F;
  background-color: #f8f8f8;
  border-radius: 1rem;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 768px) {
  .top-news-list__item-category {
    padding: 0.125rem 0.375rem;
    border-radius: 0.75rem;
    font-size: 0.75rem;
  }
}

.top-news-list__item-meta {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 11rem;
}
@media screen and (max-width: 768px) {
  .top-news-list__item-meta {
    width: 8rem;
  }
}

.top-news-list__item-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
@media screen and (max-width: 768px) {
  .top-news-list__item-body {
    gap: 0rem;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
}

.top-news-list__item-date {
  font-family: "Roboto", sans-serif;
  font-size: 0.75rem;
  color: #333333;
  line-height: 1.5;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.top-news-list__item-title {
  color: #333333;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}

.top-4list__list {
  padding-block: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2.5rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .top-4list__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-block: 1.5rem;
    gap: 1rem;
  }
}

.top-4list__list:last-child {
  padding-bottom: 5.5rem;
}
@media screen and (max-width: 768px) {
  .top-4list__list:last-child {
    padding-bottom: 1.5rem;
  }
}

.top-4list__list:nth-child(2n) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media screen and (max-width: 768px) {
  .top-4list__list:nth-child(2n) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.top-4list__left {
  max-width: 41.25rem;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .top-4list__left {
    max-width: 100%;
  }
}

.top-4list__title {
  color: #333333;
}

.top-4list__subtitle {
  margin-top: 0.5rem;
  color: #666666;
}
@media screen and (max-width: 768px) {
  .top-4list__subtitle {
    margin-top: 0.25rem;
  }
}

.top-4list__line {
  margin-top: 0.5rem;
}
@media screen and (max-width: 768px) {
  .top-4list__line {
    margin-top: 0.25rem;
  }
}

.top-4list__text {
  color: #333333;
  margin-top: 1rem;
}

.top-4list__categories {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  margin-top: 1rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.top-4list__category {
  padding: 0.5rem 1rem;
  background-color: #f0f3f5;
  border-radius: 0.5rem;
  color: #1F1F1F;
}
@media screen and (max-width: 768px) {
  .top-4list__category {
    padding: 0.25rem 0.5rem;
  }
}

.top-4list__btn {
  margin-top: 1rem;
}

.top-4list__btn a {
  color: #333333;
}
.top-4list__btn a.common-btn::before {
  width: 1.75rem;
  height: 1.75rem;
}
@media screen and (max-width: 768px) {
  .top-4list__btn a.common-btn::before {
    width: 1.5rem;
    height: 1.5rem;
  }
}
.top-4list__btn a.common-btn::after {
  right: -0.125rem;
}
@media screen and (max-width: 768px) {
  .top-4list__btn a.common-btn::after {
    right: 0;
  }
}

.top-4list__right {
  max-width: 41.25rem;
  width: 100%;
  height: auto;
  aspect-ratio: 660/470;
}
@media screen and (max-width: 768px) {
  .top-4list__right {
    max-width: 100%;
  }
}

.top-4list__right img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media screen and (max-width: 768px) {
  .under-top-company__title {
    font-size: 1.5rem;
  }
}

.company-grid {
  padding-block: 4.125rem 2.5rem;
}
@media screen and (max-width: 768px) {
  .company-grid {
    padding-block: 1rem 1.5rem;
  }
}
.company-grid__inner {
  max-width: 1230px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 1rem 0.5rem;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .company-grid__inner {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr);
    gap: 0.5rem;
  }
}
.company-grid__item {
  background: #F0F3F5;
  border-radius: 1.5rem;
  padding: 0.5rem 0.5rem 1rem;
  text-align: center;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: block;
  text-decoration: none;
  color: inherit;
}
@media screen and (max-width: 768px) {
  .company-grid__item {
    border-radius: 1rem;
    padding: 0.25rem 0.25rem 0.5rem;
  }
}
.company-grid__item:hover {
  opacity: 0.7;
}
.company-grid__item img {
  background-color: #FFFFFF;
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
}
@media screen and (max-width: 768px) {
  .company-grid__item img {
    border-top-left-radius: 0.875rem;
    border-top-right-radius: 0.875rem;
  }
}
.company-grid__link {
  display: block;
  text-decoration: none;
  color: inherit;
  margin-top: 1rem;
}
@media screen and (max-width: 768px) {
  .company-grid__link {
    margin-top: 0.5rem;
  }
}
.company-grid__link:hover {
  text-decoration: none;
}
.company-grid__title {
  margin-top: 1rem;
  margin-bottom: 0.625rem;
  color: #1F1F1F;
}
@media screen and (max-width: 768px) {
  .company-grid__title:nth-of-type(0) {
    margin-left: auto;
  }
  .company-grid__title {
    font-size: 1rem;
    margin-top: 0.5rem;
    margin-bottom: 0;
    padding-right: 1rem;
    padding-block: 1rem;
  }
}
.company-grid__title.common-btn::before {
  background-color: #474747;
}

.company-message__title {
  max-width: 1410px;
  padding-inline: 25px;
  margin: 0 auto;
  margin-top: 1.5rem;
  color: #1F1F1F;
}
@media screen and (max-width: 768px) {
  .company-message__title {
    padding-inline: 15px;
    margin-top: 1rem;
  }
}
.company-message__inner {
  max-width: 1180px;
  margin: 2.5rem auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.5rem;
}
@media screen and (max-width: 768px) {
  .company-message__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 1rem;
    margin-block: 1rem 1.5rem;
  }
}
.company-message__texts {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .company-message__texts {
    width: 100%;
  }
}
.company-message__text {
  margin-top: 1rem;
  color: #1F1F1F;
}
@media screen and (max-width: 768px) {
  .company-message__text:first-child {
    margin-top: 0;
  }
}
.company-message__imgs {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .company-message__imgs {
    margin-inline: auto;
  }
}
.company-message__imgs img {
  width: 25rem;
  margin: 0 auto;
  display: block;
}
.company-message__imgs img:last-child {
  margin-top: 0.5rem;
}

.under-top__img-philosophy {
  aspect-ratio: 580/275;
  max-width: 36.25rem;
  max-height: 17.1875rem;
}

.company-philosophy {
  padding-block: 2.5rem 3.5rem;
}
@media screen and (max-width: 768px) {
  .company-philosophy {
    padding-block: 1rem 1.5rem;
  }
}
.company-philosophy__inner {
  max-width: calc(70.625rem + 50px);
  margin: 0 auto;
}
.company-philosophy__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.5rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  .company-philosophy__top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 1rem;
  }
}
.company-philosophy__top-text {
  color: #333333;
}
@media screen and (max-width: 768px) {
  .company-philosophy__top-text {
    font-size: 0.875rem;
  }
}
.company-philosophy__top-img {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .company-philosophy__top-img {
    width: 100%;
  }
}
.company-philosophy__middle {
  margin-top: 2.5rem;
}
.company-philosophy__middle-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  .company-philosophy__middle-item {
    margin-top: 1rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1rem;
  }
}
.company-philosophy__middle-img01 {
  width: 10.5625rem;
  height: 9.1875rem;
  aspect-ratio: 169/147;
}
@media screen and (max-width: 768px) {
  .company-philosophy__middle-img01 {
    width: 7.5rem;
    height: 6.5rem;
    aspect-ratio: 120/104;
  }
}
.company-philosophy__middle-title {
  color: #1F1F1F;
}
.company-philosophy__middle-text {
  margin-top: 1.5rem;
  color: #1F1F1F;
}
@media screen and (max-width: 768px) {
  .company-philosophy__middle-text {
    margin-top: 1rem;
  }
}
.company-philosophy__bottom {
  margin-top: 2.5rem;
}
@media screen and (max-width: 768px) {
  .company-philosophy__bottom {
    margin-top: 1rem;
  }
}
.company-philosophy__bottom-list {
  margin-top: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
.company-philosophy__bottom-list-item {
  color: #1F1F1F;
}
@media screen and (max-width: 768px) {
  .company-philosophy__bottom-list-item {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 768px) {
  .company-philosophy__bottom-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.5rem;
  }
}
.company-philosophy__bottom-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  .company-philosophy__bottom-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.5rem;
  }
}
.company-philosophy__bottom-img02 {
  width: 10.5625rem;
  height: 9.9375rem;
  aspect-ratio: 169/159;
}
@media screen and (max-width: 768px) {
  .company-philosophy__bottom-img02 {
    width: 7.5rem;
    height: 7.0625rem;
    aspect-ratio: 120/113;
  }
}
.company-philosophy__bottom-img03 {
  width: 34.5625rem;
  height: 12.125rem;
  aspect-ratio: 361/126;
}
@media screen and (max-width: 768px) {
  .company-philosophy__bottom-img03 {
    width: 100%;
    height: auto;
  }
}
.company-philosophy__bottom-text {
  margin-top: 1.5rem;
  color: #1F1F1F;
}
@media screen and (max-width: 768px) {
  .company-philosophy__bottom-text {
    margin-top: 1rem;
  }
}
.company-philosophy__bottom-note {
  margin-top: 1rem;
  color: #1F1F1F;
}
.company-philosophy__nav-circle--blue {
  display: inline-block;
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 50%;
  margin-right: 0.5rem;
  background-color: #009FE3;
}

.company-profile {
  padding-block: 2.5rem 3.5rem;
}
@media screen and (max-width: 768px) {
  .company-profile {
    padding-block: 1rem;
  }
}
.company-profile__inner {
  max-width: 1180px;
  margin: 0 auto;
}
.company-profile__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0;
  text-align: left;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  border-bottom: 1px solid #C8C8C8;
}
.company-profile__item:last-child {
  border-bottom: none;
}
.company-profile__item-title {
  padding-block: 1rem;
  max-width: 13.625rem;
  width: 19.3%;
  min-height: 3.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 2px solid #009FE3;
  color: #1F1F1F;
}
@media screen and (max-width: 768px) {
  .company-profile__item-title {
    min-width: 6.25rem;
  }
}
.company-profile__item-text {
  padding: 1rem;
  max-width: 57rem;
  width: 80.7%;
  min-height: 3.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-bottom: 2px solid #C8C8C8;
  color: #1F1F1F;
}
.company-profile__item-text-lists {
  list-style-position: outside; /* マーカーは外側 */
  padding-left: 1.5em;
  list-style: disc;
}
.company-profile__link {
  color: #0464CB;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5625rem;
  margin-top: 0.625rem;
}
.company-profile__link:hover {
  opacity: 0.8;
}
@media screen and (max-width: 768px) {
  .company-profile__link span {
    font-size: 1rem;
  }
}
.company-profile__googleMap {
  width: 0.875rem;
  height: 1.25rem;
  aspect-ratio: 14/20;
}
.company-profile__point {
  color: #1F1F1F;
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  aspect-ratio: 8/8;
  border-radius: 50%;
}
.company-profile__about {
  background-color: #F0F3F5;
  border-radius: 1.5rem;
  padding: 2.5rem;
  width: 50%;
  border-radius: 1rem;
}
@media screen and (max-width: 768px) {
  .company-profile__about {
    width: 100%;
    padding: 1rem;
    border-radius: 1rem;
  }
}
.company-profile__about-inner {
  max-width: calc(70.625rem + 50px);
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.5rem;
  padding-bottom: 2.5rem;
}
@media screen and (max-width: 768px) {
  .company-profile__about-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1rem;
    padding-block: 1.5rem;
  }
}
.company-profile__about-link {
  text-decoration: none;
  color: inherit;
}
.company-profile__about-subtitle {
  color: #666666;
}
.company-profile__about-title.common-btn::before {
  background-color: #666666;
}
.company-profile__about-title {
  color: #333333;
}

.company-offices__inner {
  max-width: 1180px;
  margin: 0 auto;
}
.company-offices__img {
  padding-block: 2.5rem;
}
@media screen and (max-width: 768px) {
  .company-offices__img {
    padding-block: 1rem;
  }
}
.company-offices__table {
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 768px) {
  .company-offices__table {
    margin-bottom: 2rem;
  }
}
.company-offices__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  .company-offices__item {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
.company-offices__item:first-child .company-offices__item-building {
  padding-top: 1rem;
}
.company-offices__item:first-child .company-offices__item-info {
  padding-top: 1rem;
}
.company-offices__item-building {
  width: 13.625rem;
  min-height: 3.75rem;
  border-bottom: 2px solid #009FE3;
  padding-top: 2rem;
  color: #1F1F1F;
}
@media screen and (max-width: 768px) {
  .company-offices__item-building {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 0;
  }
  .company-offices__item-building .common-subtitle0 {
    font-size: 1rem;
  }
}
.company-offices__item-info {
  padding: 2rem 1rem 1rem;
  width: 100%;
  min-height: 3.75rem;
  border-bottom: 2px solid #C8C8C8;
  color: #1F1F1F;
}
@media screen and (max-width: 768px) {
  .company-offices__item-info {
    padding: 1rem;
    width: 100%;
  }
}
.company-offices__link {
  color: #0464CB;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5625rem;
  margin-top: 0.5rem;
}
@media screen and (max-width: 768px) {
  .company-offices__link {
    margin-top: 0.5rem;
  }
}
@media screen and (max-width: 768px) {
  .company-offices__link span {
    font-size: 0.875rem;
  }
}
.company-offices__googleMap {
  width: 0.875rem;
  height: 1.25rem;
  aspect-ratio: 14/20;
}

.company-group__inner {
  max-width: 1180px;
  margin: 0 auto;
}
.company-group__table {
  margin-block: 2.5rem 4.5rem;
}
@media screen and (max-width: 768px) {
  .company-group__table {
    margin-block: 1rem 2rem;
  }
}
.company-group__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.company-group__item:first-child .company-group__item-coop {
  padding-top: 1rem;
}
.company-group__item:first-child .company-group__item-info {
  padding-top: 1rem;
}
.company-group__item-coop {
  width: 20.8125rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-bottom: 2px solid #009FE3;
  padding-block: 2rem 1rem;
  color: #1F1F1F;
}
@media screen and (max-width: 768px) {
  .company-group__item-coop .common-subtitle0 {
    font-size: 1rem;
  }
}
.company-group__item-coop .common-body2 {
  color: #333333;
  margin-top: 0.5rem;
}
@media screen and (max-width: 768px) {
  .company-group__item-coop {
    width: 37%;
    min-width: 8.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-top: 1rem;
    gap: 0.5rem;
  }
}
.company-group__item-info {
  padding: 2rem 1rem 1rem;
  max-width: 100%;
  width: 80.7%;
  border-bottom: 2px solid #C8C8C8;
  color: #1F1F1F;
}
@media screen and (max-width: 768px) {
  .company-group__item-info {
    padding-block: 1rem;
    padding-inline: 1rem 0;
  }
}
.company-group__link {
  color: #0464CB;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.375rem;
  margin-top: 0.5625rem;
}
@media screen and (max-width: 768px) {
  .company-group__link span {
    font-size: 0.875rem;
  }
}
.company-group__googleMap {
  width: 0.875rem;
  height: 1.25rem;
  aspect-ratio: 14/20;
}

.under-top--organization {
  margin-bottom: 4rem;
}
@media screen and (max-width: 768px) {
  .under-top--organization {
    margin-bottom: 1.5rem;
  }
}

@media screen and (max-width: 768px) {
  .company-organization__scroll-wrapper {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }
  .company-organization__scroll-wrapper::-webkit-scrollbar {
    height: 8px;
  }
  .company-organization__scroll-wrapper::-webkit-scrollbar-track {
    background-color: #f1f1f1;
    border-radius: 4px;
  }
  .company-organization__scroll-wrapper::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 4px;
  }
  .company-organization__scroll-wrapper::-webkit-scrollbar-thumb:hover {
    background-color: #555;
  }
}
@media screen and (max-width: 768px) {
  .company-organization__content {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: none;
  }
}
.company-organization__img {
  display: block;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 768px) {
  .company-organization__img {
    min-width: 43.75rem;
  }
}
.company-organization__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25rem;
  text-decoration: none;
  background-color: #F0F3F5;
  border-radius: 0.5rem;
  padding: 0.5rem 1rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 0.5rem;
}
@media screen and (max-width: 768px) {
  .company-organization__link {
    margin-top: 1rem;
  }
}
.company-organization__title {
  color: #1F1F1F;
}
.company-organization__label {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  color: #1F1F1F;
}
.company-organization__pdf {
  width: 1rem;
  height: 1rem;
  aspect-ratio: 1/1;
}

.company-executives {
  padding-block: 2.5rem 3.5rem;
}
@media screen and (max-width: 768px) {
  .company-executives {
    padding-block: 1rem 2rem;
  }
}
.company-executives__inner {
  margin-top: 2.5rem;
  max-width: 1180px;
  margin: 0 auto;
}
.company-executives__director {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0;
  text-align: left;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
@media screen and (max-width: 768px) {
  .company-executives__director {
    padding-block: 0;
  }
}
@media screen and (max-width: 768px) {
  .company-executives__director-title {
    margin-bottom: 1rem;
  }
}
.company-executives__director:nth-child(2) .company-executives__director-role {
  padding-top: 0.5rem;
}
@media screen and (max-width: 768px) {
  .company-executives__director:nth-child(2) .company-executives__director-img {
    border-bottom: 2px solid #C8C8C8;
  }
}
.company-executives__director:nth-child(2) .company-executives__director-img img {
  padding-top: 1rem;
  width: 9rem;
  height: 9rem;
  aspect-ratio: 144/144;
}
@media screen and (max-width: 768px) {
  .company-executives__director:nth-child(2) .company-executives__director-img img {
    width: 6.5rem;
    height: auto;
    padding: 0.5rem 0.5rem 1rem 1rem;
  }
}
.company-executives__director:nth-child(2) .company-executives__director-text {
  padding-top: 1rem;
}
.company-executives__director-role {
  padding-block: 2rem 1rem;
  min-width: 13.625rem;
  min-height: 3.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 2px solid #009FE3;
  color: #1F1F1F;
}
@media screen and (max-width: 768px) {
  .company-executives__director-role {
    min-width: 6.25rem;
    width: 6.25rem;
  }
  .company-executives__director-role p {
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 700;
  }
}
.company-executives__director-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .company-executives__director-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
    width: 100%;
  }
}
.company-executives__director-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 21.25rem;
  max-width: 100%;
  border-bottom: 2px solid #C8C8C8;
}
@media screen and (max-width: 768px) {
  .company-executives__director-img {
    width: 100%;
    max-width: 100%;
    border-bottom: none;
  }
}
.company-executives__director-img img {
  width: 9rem;
  height: 10rem;
  aspect-ratio: 160/160;
  -o-object-fit: cover;
     object-fit: cover;
  padding: 2rem 1rem 1rem;
}
@media screen and (max-width: 768px) {
  .company-executives__director-img img {
    width: 6.5rem;
    height: auto;
    padding: 1rem 0.5rem 0.5rem 1rem;
  }
}
.company-executives__director-img p {
  width: 10rem;
}
.company-executives__director-name {
  color: #1F1F1F;
}
.company-executives__director-text {
  padding: 2rem 1rem 1rem;
  max-width: 100%;
  width: calc(100% - 21.25rem);
  min-height: 3.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-bottom: 2px solid #C8C8C8;
  color: #1F1F1F;
}
@media screen and (max-width: 768px) {
  .company-executives__director-text {
    width: 100%;
    max-width: 100%;
    padding: 0;
    padding-inline: 1rem 0;
    padding-bottom: 1rem;
  }
  .company-executives__director-text-first {
    display: none;
  }
}
.company-executives__auditor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0;
  text-align: left;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.company-executives__auditor:nth-child(2) .company-executives__auditor-role {
  padding-top: 1rem;
}
@media screen and (max-width: 768px) {
  .company-executives__auditor:nth-child(2) .company-executives__auditor-role {
    width: 6.25rem;
    min-width: 6.25rem;
    padding-block: 0 0.875rem;
  }
}
.company-executives__auditor:nth-child(2) .company-executives__auditor-name {
  padding-top: 1rem;
}
@media screen and (max-width: 768px) {
  .company-executives__auditor:nth-child(2) .company-executives__auditor-name {
    padding-top: 1.3125rem;
  }
}
.company-executives__auditor-title {
  margin-top: 2.5rem;
}
@media screen and (max-width: 768px) {
  .company-executives__auditor-title {
    margin-block: 1.5rem 1rem;
  }
}
.company-executives__auditor-role {
  padding-block: 2rem 1rem;
  width: 13.625rem;
  min-height: 3.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 2px solid #009FE3;
  color: #1F1F1F;
}
@media screen and (max-width: 768px) {
  .company-executives__auditor-role {
    min-width: 6.25rem;
    width: 6.25rem;
    padding-block: 0;
    min-height: initial;
    vertical-align: middle;
  }
  .company-executives__auditor-role p {
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 700;
  }
}
.company-executives__auditor-name {
  width: calc(100% - 13.625rem);
  border-bottom: 2px solid #C8C8C8;
  padding: 2rem 1rem 1rem;
  color: #1F1F1F;
}
@media screen and (max-width: 768px) {
  .company-executives__auditor-name {
    width: 100%;
    max-width: 100%;
    padding-block: 1.875rem;
  }
}
.company-executives__external {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0;
  text-align: left;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.company-executives__external:nth-child(2) .company-executives__external-role {
  padding-top: 1rem;
}
@media screen and (max-width: 768px) {
  .company-executives__external:nth-child(2) .company-executives__external-role {
    width: 6.25rem;
    min-width: 6.25rem;
    padding-block: 0;
  }
}
.company-executives__external:nth-child(2) .company-executives__external-name {
  padding-top: 1rem;
}
@media screen and (max-width: 768px) {
  .company-executives__external:nth-child(2) .company-executives__external-name {
    padding-block: 0.5rem 0;
  }
}
.company-executives__external:nth-child(2) .company-executives__external-text {
  padding-top: 1rem;
}
@media screen and (max-width: 768px) {
  .company-executives__external:nth-child(2) .company-executives__external-text {
    padding-block: 0.5rem 1rem;
  }
}
.company-executives__external-title {
  margin-top: 2.5rem;
}
@media screen and (max-width: 768px) {
  .company-executives__external-title {
    margin-block: 1.5rem 1rem;
  }
}
.company-executives__external-role {
  padding-block: 2rem 1rem;
  min-width: 13.625rem;
  min-height: 3.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 2px solid #009FE3;
  color: #1F1F1F;
}
@media screen and (max-width: 768px) {
  .company-executives__external-role {
    width: 6.25rem;
    min-width: 6.25rem;
    padding-block: 0;
  }
  .company-executives__external-role p {
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 700;
  }
}
.company-executives__external-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .company-executives__external-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
    width: 100%;
  }
}
.company-executives__external-name {
  width: 11.5rem;
  border-bottom: 2px solid #C8C8C8;
  padding: 2rem 1rem 1rem;
  color: #1F1F1F;
}
@media screen and (max-width: 768px) {
  .company-executives__external-name {
    width: 100%;
    max-width: 100%;
    border-bottom: none;
    padding-block: 1rem 0.5rem;
  }
}
.company-executives__external-text {
  width: calc(100% - 11.5rem);
  padding: 2rem 1rem 1rem;
  border-bottom: 2px solid #C8C8C8;
  color: #1F1F1F;
}
@media screen and (max-width: 768px) {
  .company-executives__external-text {
    width: 100%;
    max-width: 100%;
    padding: 0;
    padding-inline: 1rem 0;
    padding-bottom: 1rem;
  }
}

.company-history {
  padding-block: 0 2.5rem;
}
.company-history__inner {
  max-width: 1410px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.5rem;
}
.company-history__btn {
  display: block;
  width: 13.75rem;
  height: 4.3125rem;
  padding: 0.5rem 1.5rem;
  margin-bottom: 1rem;
  border-radius: 2.125rem;
  background-color: #F8F8F8;
  color: #1F1F1F;
}
.company-history__btn.active {
  background-color: #009FE3;
  color: #FFFFFF;
}
.company-history__content-top-year {
  color: #333333;
}
.company-history__content-top-title {
  color: #1F1F1F;
}
.company-history__content-top-text {
  color: #1F1F1F;
  padding-block: 1rem 1.5rem;
}
.company-history__content-bottom {
  background-color: #F8FBFF;
  padding: 2rem;
}
.company-history__content-bottom-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.company-history__content-bottom-item-year {
  height: 100%;
  width: 6.125rem;
  color: #1F1F1F;
}
.company-history__content-bottom-item-month {
  height: 100%;
  width: 6.125rem;
  margin-inline: 0.5rem 1rem;
  text-align: right;
  font-size: 1.5rem;
  line-height: 1.5;
  color: #1F1F1F;
}
.company-history__content-bottom-item-text {
  min-height: 4.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-left: 3px solid #009FE3;
  padding: 1rem 2rem;
  max-width: 50.875rem;
  color: #1F1F1F;
}

@media screen and (max-width: 768px) {
  .under-investor-info__text {
    font-size: 0.875rem;
  }
}

.investor_info-ir-news {
  background-color: #F0F3F5;
  padding-block: 2.5rem 1.5rem;
  padding-inline: 25px;
  margin-top: 2.5rem;
}
@media screen and (max-width: 768px) {
  .investor_info-ir-news {
    margin-top: 1rem;
    padding-block: 1rem;
    padding-inline: 15px;
  }
}
.investor_info-ir-news__inner {
  max-width: 1180px;
  margin: 0 auto;
  background-color: #FFFFFF;
  padding: 2.5rem;
  border-radius: 1rem;
}
@media screen and (max-width: 768px) {
  .investor_info-ir-news__inner {
    padding: 1rem;
  }
}
.investor_info-ir-news__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.investor_info-ir-news__title {
  color: #333333;
}
.investor_info-ir-news__btn {
  color: #333333;
}
.investor_info-ir-news__btn.common-btn::before {
  background-color: #666666;
}
.investor_info-ir-news__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  margin-top: 1.5rem;
}
.investor_info-ir-news__content-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
.investor_info-ir-news__content-item-label {
  background-color: #EEEEEE;
  border-radius: 1rem;
  padding: 0.25rem 1rem;
  color: #1F1F1F;
}
@media screen and (max-width: 768px) {
  .investor_info-ir-news__content-item-label {
    min-width: 5.625rem;
  }
}
.investor_info-ir-news__content-item-date {
  font-family: "Roboto", sans-serif;
  font-size: 0.75rem;
  color: #333333;
  line-height: 1.5;
}
.investor_info-ir-news__content-item-title {
  color: #333333;
}

.investor_info-information {
  margin-top: 3.5rem;
}
@media screen and (max-width: 768px) {
  .investor_info-information {
    margin-top: 1rem;
  }
}
.investor_info-information__inner {
  max-width: 1230px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}
@media screen and (max-width: 768px) {
  .investor_info-information__inner {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}
.investor_info-information__item {
  background-color: #F0F3F5;
  padding: 0.5rem 0.5rem 1rem;
  border-radius: 1.5rem;
  display: grid;
  grid-template-rows: auto auto 1fr;
  -ms-flex-line-pack: start;
      align-content: start;
}
@media screen and (max-width: 768px) {
  .investor_info-information__item {
    padding: 0.5rem 0.5rem 1rem;
    max-width: 25rem;
    margin: 0 auto;
    display: block;
  }
}
.investor_info-information__img {
  background-color: #FFFFFF;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  width: 100%;
  height: auto;
  aspect-ratio: 366/196;
}
.investor_info-information__content {
  padding-inline: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
.investor_info-information__title {
  margin-top: 1rem;
  color: #1F1F1F;
}
.investor_info-information__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 1rem;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (max-width: 768px) {
  .investor_info-information__list {
    gap: 0.5rem;
    padding-block: 0.6875rem;
    margin-top: 0.5rem;
  }
}
.investor_info-information__list-item {
  display: inline-block;
  background-color: #FFFFFF;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  color: #1F1F1F;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 768px) {
  .investor_info-information__list-item {
    padding: 0.75rem;
  }
}
.investor_info-information__list-item-pdf {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  aspect-ratio: 1/1;
  margin-left: 0.25rem;
  vertical-align: middle;
  margin-bottom: 0.125rem;
}

.investor_info-calendar {
  margin-top: 2.5rem;
}
@media screen and (max-width: 768px) {
  .investor_info-calendar {
    margin-top: 2rem;
  }
}
.investor_info-calendar__inner {
  max-width: 83.125rem;
  margin: 0 auto;
}
.investor_info-calendar__title {
  color: #333333;
}
.investor_info-calendar__line {
  margin-top: 1.5rem;
}
@media screen and (max-width: 768px) {
  .investor_info-calendar__line {
    margin-top: 0.5rem;
  }
}
.investor_info-calendar__quarters {
  display: grid;
  grid-template-rows: repeat(2, 1fr);
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem 0.5rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin-top: 1.5rem;
}
@media screen and (max-width: 768px) {
  .investor_info-calendar__quarters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1rem;
  }
}
.investor_info-calendar__quarter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.investor_info-calendar__quarter-title {
  color: #1F1F1F;
  background-color: #E3F1FF;
  border-radius: 1.3125rem;
  text-align: center;
  padding-block: 0.25rem;
}
@media screen and (max-width: 768px) {
  .investor_info-calendar__quarter-title {
    font-size: 0.875rem;
  }
}
.investor_info-calendar__quarter-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.investor_info-calendar__month {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.investor_info-calendar__month:first-child.investor_info-calendar__month-title {
  margin-left: 0;
}
.investor_info-calendar__month:first-child.investor_info-calendar__month-list {
  padding-left: 0;
}
.investor_info-calendar__month:last-child.investor_info-calendar__month-title {
  margin-right: 0;
}
.investor_info-calendar__month:last-child.investor_info-calendar__month-list {
  padding-right: 0;
}
.investor_info-calendar__month-title {
  padding-block: 0.25rem;
  margin-top: 0.3125rem;
  margin-inline: 0.25rem;
  color: #1F1F1F;
  text-align: center;
  border-bottom: 1px solid #AFAFAF;
}
.investor_info-calendar__month-list {
  background-color: #F8F8F8;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  padding: 0.25rem 0.25rem 1rem;
  min-height: 3.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
}
@media screen and (max-width: 768px) {
  .investor_info-calendar__month-list {
    padding: 0.25rem 0.25rem 0.5rem;
  }
}
.investor_info-calendar__month-list-item {
  color: #1F1F1F;
}
@media screen and (max-width: 768px) {
  .investor_info-calendar__month-list-item {
    font-size: 0.875rem;
  }
}
.investor_info-calendar__schedule {
  margin-block: 2.5rem 3.75rem;
}
@media screen and (max-width: 768px) {
  .investor_info-calendar__schedule {
    margin-block: 2rem;
  }
}
.investor_info-calendar__schedule-title {
  color: #333333;
}
.investor_info-calendar__schedule-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  margin-top: 1.5rem;
}
@media screen and (max-width: 768px) {
  .investor_info-calendar__schedule-content {
    margin-top: 1rem;
    gap: 0.5rem;
  }
}
.investor_info-calendar__schedule-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  padding-block: 0.5rem;
}
.investor_info-calendar__schedule-item-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 1rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  .investor_info-calendar__schedule-item-body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.25rem;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.investor_info-calendar__schedule-item-label {
  background-color: #EEEEEE;
  padding: 0.25rem 0.5rem;
  border-radius: 1rem;
  color: #1F1F1F;
}
@media screen and (max-width: 768px) {
  .investor_info-calendar__schedule-item-label {
    min-width: 5.625rem;
  }
}
.investor_info-calendar__schedule-item-date {
  font-family: "Inter", sans-serif;
  color: #333333;
}
@media screen and (max-width: 768px) {
  .investor_info-calendar__schedule-item-date {
    font-size: 0.75rem;
  }
}
.investor_info-calendar__schedule-item-title {
  color: #333333;
}

.investor-info-stock-information {
  margin-block: 5rem 3.5rem;
}
@media screen and (max-width: 768px) {
  .investor-info-stock-information {
    margin-block: 1rem 2rem;
  }
}
.investor-info-stock-information__inner {
  max-width: 1180px;
  margin: 0 auto;
}
.investor-info-stock-information__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.investor-info-stock-information__item-label {
  border-bottom: 2px solid #009FE3;
  max-width: 13.625rem;
  width: 19.3%;
  padding-block: 1rem;
  color: #1F1F1F;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  .investor-info-stock-information__item-label {
    font-size: 1rem;
    min-width: 8.25rem;
  }
}
.investor-info-stock-information__item-text {
  border-bottom: 2px solid #C8C8C8;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 57rem;
  padding-block: 1rem;
  color: #1F1F1F;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 1rem;
}
@media screen and (max-width: 768px) {
  .investor-info-stock-information__item-text {
    padding-block: 1rem;
  }
}

.midtermplan-content {
  padding: 80px 0 120px;
}
@media screen and (max-width: 768px) {
  .midtermplan-content {
    padding: 60px 0 80px;
  }
}

.midtermplan-content__inner {
  max-width: 1180px;
  margin: 0 auto;
}

.midtermplan-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 40px;
}
@media screen and (max-width: 768px) {
  .midtermplan-list {
    gap: 24px;
  }
}

.midtermplan-item {
  width: 100%;
  max-width: 600px;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.midtermplan-item:hover {
  -webkit-transform: translateY(-4px);
          transform: translateY(-4px);
}
@media screen and (max-width: 768px) {
  .midtermplan-item {
    max-width: 100%;
  }
}

.midtermplan-item__link {
  display: block;
  text-decoration: none;
  overflow: hidden;
}
.midtermplan-item__link:hover .midtermplan-item__image img {
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}

.midtermplan-item__image {
  width: 100%;
  overflow: hidden;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
.midtermplan-item__image img {
  width: 100%;
  height: auto;
  display: block;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.midtermplan-item__content {
  position: relative;
}

.midtermplan-item__date {
  color: #333;
  font-size: 14px;
  margin-bottom: 12px;
  font-family: "Noto Sans JP", sans-serif;
}
@media screen and (max-width: 768px) {
  .midtermplan-item__date {
    font-size: 13px;
    margin-bottom: 8px;
  }
}

.midtermplan-item__title {
  font-size: 18px;
  font-weight: 500;
  color: #0068B7;
  line-height: 1.6;
  margin-bottom: 0;
  font-family: "Noto Sans JP", sans-serif;
}
@media screen and (max-width: 768px) {
  .midtermplan-item__title {
    font-size: 16px;
    padding-right: 40px;
  }
}

.under-contact__img {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  aspect-ratio: initial;
}
@media screen and (max-width: 768px) {
  .under-contact__img {
    padding-block: 0.625rem;
  }
}
.under-contact__img-img {
  display: block;
  margin-inline: auto;
  width: 12.5rem;
  height: 12rem;
  -o-object-fit: cover;
     object-fit: cover;
  margin-top: 2.0625rem;
}
@media screen and (max-width: 768px) {
  .under-contact__img-img {
    display: block;
    margin-top: 0;
    height: 9.375rem;
  }
}
@media screen and (max-width: 768px) {
  .under-contact__text {
    margin-bottom: 1.5rem;
  }
}

.contact-list {
  padding-bottom: 3.5rem;
}
@media screen and (max-width: 768px) {
  .contact-list {
    padding-bottom: 1.5rem;
  }
}
.contact-list__inner {
  max-width: 1180px;
  margin: 0 auto;
}
.contact-list__title {
  margin-top: 2.5rem;
  color: #1F1F1F;
}
@media screen and (max-width: 768px) {
  .contact-list__title {
    margin-top: 1rem;
    padding-top: 0.625rem;
  }
}
.contact-list__line {
  margin-top: 1rem;
}
@media screen and (max-width: 768px) {
  .contact-list__line {
    margin-top: 0.5rem;
    padding-bottom: 0.625rem;
  }
}
.contact-list__product-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  margin-top: 1.5rem;
}
@media screen and (max-width: 768px) {
  .contact-list__product-list {
    margin-top: 1rem;
  }
}
.contact-list__product-item {
  background-color: #F0F3F5;
  border-radius: 1rem;
  padding: 1.5rem 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
.contact-list__product-item-inner {
  width: 100%;
}
.contact-list__product-item-title {
  color: #1F1F1F;
}
.contact-list__product-item-lists {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 0.5rem;
  margin-top: 0.5rem;
}
@media screen and (max-width: 768px) {
  .contact-list__product-item-lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
  }
}
.contact-list__product-item-lists li {
  color: #1F1F1F;
  list-style: disc;
  margin-left: 0.5rem;
  list-style-position: inside;
}
.contact-list__product-item-btn::before {
  background-color: #474747;
  right: 0;
}
.contact-list__product-item-btn::after {
  -webkit-transform: translateX(-0.875rem) rotate(45deg);
          transform: translateX(-0.875rem) rotate(45deg);
}
@media screen and (max-width: 768px) {
  .contact-list__product-item-btn::after {
    -webkit-transform: translateX(-0.625rem) rotate(45deg);
            transform: translateX(-0.625rem) rotate(45deg);
  }
}
.contact-list__other-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  margin-top: 1.5rem;
}
@media screen and (max-width: 768px) {
  .contact-list__other-list {
    margin-top: 1rem;
  }
}
.contact-list__other-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  background-color: #F0F3F5;
  border-radius: 1rem;
  padding: 2.5rem 1rem;
}
@media screen and (max-width: 768px) {
  .contact-list__other-item {
    padding: 1.5rem 1rem;
  }
}
.contact-list__other-item-title {
  color: #1F1F1F;
}
.contact-list__other-item-btn::before {
  background-color: #474747;
  right: 0;
}
.contact-list__other-item-btn::after {
  -webkit-transform: translateX(-0.875rem) rotate(45deg);
          transform: translateX(-0.875rem) rotate(45deg);
}
@media screen and (max-width: 768px) {
  .contact-list__other-item-btn::after {
    -webkit-transform: translateX(-0.625rem) rotate(45deg);
            transform: translateX(-0.625rem) rotate(45deg);
  }
}

.under-top__inner.pfb {
  padding-bottom: 1.5rem;
}

.product-list {
  font-family: "Noto Sans JP", sans-serif;
  max-width: 1410px;
  margin: 0 auto;
  padding: 2rem 25px;
}
.product-list__title {
  margin: 0 0 0.5rem 0;
  font-size: 1.5rem;
  font-weight: bold;
}
.product-list__title-link {
  color: #333333;
}
.product-list__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  padding: 0;
  margin-top: 1.5rem;
  list-style-type: none;
}
.product-list__button {
  display: block;
  width: 100%;
  padding: 1.5rem;
  background-color: #F0F3F5;
  border-radius: 1rem;
  text-decoration: none;
  color: #1F1F1F;
  -webkit-transition: background-color 0.2s, -webkit-transform 0.2s;
  transition: background-color 0.2s, -webkit-transform 0.2s;
  transition: background-color 0.2s, transform 0.2s;
  transition: background-color 0.2s, transform 0.2s, -webkit-transform 0.2s;
  height: 100%;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .product-list__button {
    padding: 1rem;
  }
}

.product-list.under {
  padding-bottom: 3.5rem;
}

.common-btn.pfb::before {
  background-color: #666666;
}

@media (max-width: 768px) {
  .product-list__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 420px) {
  .product-list__grid {
    grid-template-columns: 1fr;
  }
  .product-list__title {
    font-size: 1.25rem;
  }
}
.under-top__text.business {
  margin-top: 1rem;
  margin-bottom: 9.0625rem;
  max-width: 100%;
  width: 38.5rem;
}
@media screen and (max-width: 768px) {
  .under-top__text.business {
    margin-bottom: 1rem;
    font-size: 1rem;
  }
}

.pill-nav {
  background-color: #F5F5F5;
  height: 4.625rem;
  width: 100%;
  font-family: "Noto Sans JP", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1rem;
  margin-bottom: 1.25rem;
}

@media screen and (max-width: 768px) {
  .pill-nav__inner {
    padding-inline: 0;
  }
}

.pill-nav.business {
  margin-bottom: 1rem;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
}
@media screen and (max-width: 768px) {
  .pill-nav.business {
    margin-bottom: 0;
  }
}

.pill-nav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem;
  list-style-type: none;
  padding: 0 0 0 2.5rem;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .pill-nav__list {
    padding: 20px;
  }
}

.pill-nav__item {
  list-style: none;
}

.pill-nav__link {
  display: inline-block;
  padding: 0.8rem 1.6rem;
  border-radius: 624.9375rem;
  text-decoration: none;
  font-weight: 400;
  white-space: nowrap;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  background-color: #FFFFFF;
  color: #1F1F1F;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.pill-nav__link:hover {
  background-color: #009FE3;
  color: #FFFFFF;
  -webkit-box-shadow: none;
          box-shadow: none;
}
@media screen and (max-width: 768px) {
  .pill-nav__link {
    font-size: 0.875rem;
  }
}

.pill-nav__link.blue {
  background-color: #009FE3;
  color: #FFFFFF;
}

.business-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.5rem 0 1.5rem 2.5rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 100%;
  width: 87.5rem;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .business-section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 1rem 1rem 0.5rem;
  }
}
.business-section__left {
  max-width: 100%;
  width: 45rem;
}
.business-section__title {
  color: #333333;
  margin-bottom: 0.5rem;
}
.business-section__subtitle {
  color: #1F1F1F;
  margin: 1rem 0;
}
.business-section__english-name {
  color: #666666;
}
.business-section__text {
  color: #1F1F1F;
  line-height: 1.6;
  margin-bottom: 1rem;
}
.business-section__link {
  color: #333333;
  text-decoration: none;
}
.business-section__img {
  height: 40rem;
  width: 40rem;
  aspect-ratio: 640/640;
}
@media screen and (max-width: 768px) {
  .business-section__img {
    width: 100%;
    height: auto;
    aspect-ratio: 280/280;
  }
}

.common-btn.business-section__link::before {
  background-color: #474747;
}

.js-business-accordion {
  display: none;
}

/* 変数定義 */
/* business-accordionのスコープ内でスタイルを記述 */
.business-accordion {
  background-color: #F8F8F8;
  padding: 4rem 25px 2.5rem;
  font-family: "Noto Sans JP", sans-serif;
  /* セクション共通スタイル */
}
.business-accordion .ba-section {
  max-width: 1130px;
  margin: 0 auto;
}
.business-accordion .ba-section__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1rem;
}
.business-accordion .ba-section__title {
  color: #333333;
}
.business-accordion .ba-section__link {
  color: #333333;
  text-decoration: none;
}
.business-accordion {
  /* カードリスト共通スタイル */
}
.business-accordion .ba-card-list--2col,
.business-accordion .ba-card-list--3col {
  display: grid;
  gap: 1rem;
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 1024px) {
  .business-accordion .ba-card-list--2col,
  .business-accordion .ba-card-list--3col {
    grid-template-columns: 1fr;
  }
}
.business-accordion .ba-card-list--2col {
  grid-template-columns: repeat(2, 1fr);
}
.business-accordion .ba-card-list--3col {
  grid-template-columns: repeat(3, 1fr);
}
.business-accordion {
  /* 活躍分野カード */
}
.business-accordion .ba-field-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1rem 1.5rem;
  background-color: #FFFFFF;
  border-radius: 0.75rem;
  border: 1px solid #e0e0e0;
  text-decoration: none;
  color: inherit;
  -webkit-transition: -webkit-box-shadow 0.3s;
  transition: -webkit-box-shadow 0.3s;
  transition: box-shadow 0.3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
}
.business-accordion .ba-field-card:hover {
  -webkit-box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.08);
}
.business-accordion .ba-field-card__icon {
  margin-right: 1rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.business-accordion .ba-field-card__icon img {
  display: block;
}
.business-accordion .ba-field-card__title {
  font-size: 1.125rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.business-accordion .ba-field-card__text {
  font-size: 0.875rem;
  color: #555;
  line-height: 1.6;
}
.business-accordion {
  /* 関連製品カード */
}
.business-accordion .ba-product-card {
  display: block;
  background-color: #F0F3F5;
  border-radius: 0.75rem;
  border: 1px solid #e0e0e0;
  overflow: hidden;
  text-decoration: none;
  -webkit-transition: -webkit-box-shadow 0.3s;
  transition: -webkit-box-shadow 0.3s;
  transition: box-shadow 0.3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
}
.business-accordion .ba-product-card:hover {
  -webkit-box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.08);
}
.business-accordion .ba-product-card__image {
  margin: 0.5rem 0.5rem 0;
}
.business-accordion .ba-product-card__image img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 1rem 1rem 0 0;
}
.business-accordion .ba-product-card__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 1rem;
  background-color: #f0f1f3;
}
.business-accordion .ba-product-card__title {
  color: #333333;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.business-accordion {
  /* 閉じるボタン */
}
.business-accordion .ba-close-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 1.5rem auto 0;
  padding: 0 1.5rem;
  color: #555;
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.business-accordion .ba-close-button::after {
  content: "";
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  margin-left: 0.5rem;
  border-radius: 50%;
  background-color: #666666;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0.75rem 0.75rem;
  background-image: url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"%3E%3Cpath d="M18.3 5.71a1 1 0 0 0-1.41 0L12 10.59 7.11 5.7a1 1 0 1 0-1.41 1.41L10.59 12l-4.9 4.89a1 1 0 1 0 1.41 1.41L12 13.41l4.89 4.9a1 1 0 0 0 1.41-1.41L13.41 12l4.9-4.89a1 1 0 0 0-.01-1.4Z" fill="%23ffffff"/%3E%3C/svg%3E');
}
.business-accordion {
  /* レスポンシブ対応 (タブレット) */
}
@media screen and (max-width: 1024px) {
  .business-accordion .ba-section__title {
    font-size: 1.25rem;
  }
}

.product-card-showcase {
  font-family: "Noto Sans JP", sans-serif;
  max-width: 1180px;
  margin: 0 auto;
  padding: 4rem 25px 2.5rem;
}
@media screen and (max-width: 768px) {
  .product-card-showcase {
    padding: 1rem 15px 1.5rem;
  }
}

.product-card-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5625rem;
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.product-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #F0F3F5;
  border: 1px solid #F0F3F5;
  border-radius: 24px;
  overflow: hidden;
  text-decoration: none;
  color: #333333;
}
@media screen and (max-width: 768px) {
  .product-card {
    border-radius: 16px;
    height: 100%;
  }
}
@media screen and (max-width: 500px) {
  .product-card__text-area {
    padding-inline: 0.625rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
  }
  .product-card__text-area--02 {
    padding-inline: 0.25rem;
  }
}
.product-card__text {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-block: 1rem;
  display: block;
  margin: auto;
  color: #1F1F1F;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .product-card__text {
    line-height: 1.5;
    padding-block: 0.5rem;
    font-size: 1rem;
  }
}
@media screen and (max-width: 500px) {
  .product-card__text--long {
    text-align: left;
  }
}
@media screen and (max-width: 420px) {
  .product-card__text--long02 {
    text-align: left;
  }
}
.product-card__image-area {
  background-color: #F0F3F5;
}
.product-card__image {
  border-radius: 24px 24px 0 0;
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  padding: 0.5rem 0.5rem 0;
}
@media screen and (max-width: 768px) {
  .product-card__image {
    border-radius: 16px 16px 0 0;
    padding: 0.25rem 0.25rem 0;
  }
}

@media (max-width: 1024px) {
  .product-card-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
  }
}
.under-top__text.pcsteelwire {
  margin-top: 1rem;
  max-width: 100%;
  width: 42.6875rem;
}
@media screen and (max-width: 768px) {
  .under-top__text.pcsteelwire {
    font-size: 0.875rem;
  }
}
.under-top__text.pcsteelwire:last-child {
  margin-top: 0.5rem;
}

@media screen and (max-width: 768px) {
  .under-top__left.pcsteelwire {
    padding-bottom: 1.5rem;
  }
}

.under-top__img.pcsteelwire {
  display: block;
  max-width: 28rem;
  width: 100%;
  height: auto;
  aspect-ratio: 448/300;
}
@media screen and (max-width: 768px) {
  .under-top__img.pcsteelwire {
    width: auto;
    height: 9.375rem;
    margin-inline: auto;
    margin-bottom: 1rem;
  }
}

.pill-nav {
  background-color: #F5F5F5;
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  font-family: sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1rem;
  margin-bottom: 1.25rem;
}

.pill-nav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem;
  list-style-type: none;
  padding: 0 0 0 2.5rem;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .pill-nav__list {
    padding: 0;
    gap: 0.5rem;
  }
}

.pill-nav__item {
  list-style: none;
}

.pill-nav__link {
  display: inline-block;
  padding: 0.8em 1.6em;
  border-radius: 9999px;
  text-decoration: none;
  font-weight: 400;
  white-space: nowrap;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  background-color: #FFFFFF;
  color: #1F1F1F;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.pill-nav__link--active {
  background-color: #009FE3;
  color: #FFFFFF;
  -webkit-box-shadow: none;
          box-shadow: none;
}
@media screen and (max-width: 768px) {
  .pill-nav__link {
    padding: 0.5rem 1rem;
  }
}

.pill-nav__link.blue {
  background-color: #009FE3;
  color: #FFFFFF;
}

.pill-nav.PCsteelwire {
  margin-bottom: 2.5rem;
}

.product-catalog {
  font-family: "Noto Sans JP", sans-serif;
  max-width: 1180px;
  margin: 0 auto;
  scroll-margin-top: 6.75rem;
  padding: 1.25rem 25px 2.5rem;
}
@media screen and (max-width: 768px) {
  .product-catalog {
    padding: 1rem;
  }
}
.product-catalog__section {
  padding-top: 2.5rem;
}
@media screen and (max-width: 768px) {
  .product-catalog__section {
    padding-top: 1rem;
  }
}
.product-catalog.last {
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 768px) {
  .product-catalog.last {
    margin-bottom: 0;
  }
}
.product-catalog__border-bottom {
  border-bottom: 1px solid #8F8F8F;
}
.product-catalog__header {
  margin-bottom: 1rem;
}
.product-catalog__title {
  color: #333333;
  margin: 0 0 1.375rem 0;
}
.product-catalog__description {
  color: #1F1F1F;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .product-catalog__description {
    font-size: 1rem;
  }
}
.product-catalog__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .product-catalog__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
.product-catalog__item {
  background-color: #F0F3F5;
  border-radius: 16px;
  overflow: hidden;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.product-catalog__item:hover {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}
.product-catalog__item li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
.product-catalog__image {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 355/204;
  -o-object-fit: cover;
     object-fit: cover;
  padding: 0.5rem 0.5rem 0 0.5rem;
  border-radius: 1rem 1rem 0 0;
}
@media screen and (max-width: 768px) {
  .product-catalog__image {
    padding: 0.25rem 0.25rem 0 0.25rem;
  }
}
.product-catalog__content {
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (max-width: 768px) {
  .product-catalog__content {
    padding: 0.5rem;
  }
}
.product-catalog__card-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.product-catalog__card-header .common-btn {
  display: none;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 1rem;
}
@media screen and (max-width: 768px) {
  .product-catalog__card-header .common-btn {
    display: block;
  }
}
.product-catalog__card-title {
  color: #1F1F1F;
  margin: 0;
}
.product-catalog__card-text {
  color: #1F1F1F;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .product-catalog__card-text {
    display: none;
  }
}

.under-top.springsteelwire {
  margin: 2.5rem auto;
}

.under-top__text.springsteelwire {
  margin-top: 1rem;
  width: 42.6875rem;
}

.under-top__img.springsteelwire {
  max-width: 28rem;
  width: 100%;
  height: auto;
  aspect-ratio: 448/300;
}

.product-feature {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2.5rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 87.5rem;
  margin: 0 auto 2.5rem;
  padding-left: 25px;
  font-family: "Noto Sans JP", sans-serif;
}
.product-feature__text-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  /* 横幅の比率 */
  min-width: 0;
  /* Flexboxの縮小時の崩れを防ぐ */
}
.product-feature__heading {
  margin-bottom: 1rem;
  position: relative;
  padding-left: 1.5rem;
}
.product-feature__heading::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 0.75rem;
  height: 0.75rem;
  background-color: #009FE3;
  border-radius: 50%;
}
.product-feature__description {
  line-height: 1.6;
  max-width: 41.25rem;
}
.product-feature__image-container {
  -webkit-box-flex: 1.1;
      -ms-flex: 1.1;
          flex: 1.1;
  position: relative;
  border-radius: 1.125rem;
  overflow: hidden;
  width: 100%;
  max-width: 43.75rem;
  aspect-ratio: 700/400;
  font-size: 0;
}
.product-feature__bg-image {
  height: 100%;
  display: block;
}

/* --- レスポンシブ対応 --- */
/* 画面幅が768px以下になったら縦並びにする */
@media (max-width: 768px) {
  .product-feature {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    /* 縦並びに変更 */
    gap: 1.5625rem;
  }
}
.under-top__text.stainless-steel-wire,
.under-top__text.titanium-wire,
.under-top__text.wire-rope,
.under-top__text.seismic-reinforcement,
.under-top__text.fall-prevention,
.under-top__text.rakkyo-cable,
.under-top__text.bridge-cable,
.under-top__text.bridge-maintenance {
  margin-top: 1rem;
  max-width: 100%;
  width: 42.6875rem;
}
@media screen and (max-width: 768px) {
  .under-top__text.stainless-steel-wire,
  .under-top__text.titanium-wire,
  .under-top__text.wire-rope,
  .under-top__text.seismic-reinforcement,
  .under-top__text.fall-prevention,
  .under-top__text.rakkyo-cable,
  .under-top__text.bridge-cable,
  .under-top__text.bridge-maintenance {
    font-size: 0.875rem;
  }
}
.under-top__text.stainless-steel-wire:last-child,
.under-top__text.titanium-wire:last-child,
.under-top__text.wire-rope:last-child,
.under-top__text.seismic-reinforcement:last-child,
.under-top__text.fall-prevention:last-child,
.under-top__text.rakkyo-cable:last-child,
.under-top__text.bridge-cable:last-child,
.under-top__text.bridge-maintenance:last-child {
  margin-top: 0.5rem;
}

@media screen and (max-width: 768px) {
  .under-top__left.stainless-steel-wire,
  .under-top__left.titanium-wire,
  .under-top__left.wire-rope,
  .under-top__left.seismic-reinforcement,
  .under-top__left.fall-prevention,
  .under-top__left.rakkyo-cable,
  .under-top__left.cablebrace,
  .under-top__left.bridge-cable,
  .under-top__left.bridge-maintenance {
    padding-bottom: 1.5rem;
  }
}

.under-top__img.stainless-steel-wire,
.under-top__img.titanium-wire,
.under-top__img.wire-rope,
.under-top__img.seismic-reinforcement,
.under-top__img.fall-prevention,
.under-top__img.rakkyo-cable,
.under-top__img.bridge-cable,
.under-top__img.bridge-maintenance {
  display: block;
  max-width: 28rem;
  width: 100%;
  height: auto;
  aspect-ratio: 448/300;
}
@media screen and (max-width: 768px) {
  .under-top__img.stainless-steel-wire,
  .under-top__img.titanium-wire,
  .under-top__img.wire-rope,
  .under-top__img.seismic-reinforcement,
  .under-top__img.fall-prevention,
  .under-top__img.rakkyo-cable,
  .under-top__img.bridge-cable,
  .under-top__img.bridge-maintenance {
    width: auto;
    height: 9.375rem;
    margin-inline: auto;
    margin-bottom: 1rem;
  }
}

.product-catalog {
  font-family: "Noto Sans JP", sans-serif;
  max-width: 1180px;
  margin: 0 auto;
  scroll-margin-top: 6.75rem;
  padding: 1.25rem 25px 2.5rem;
}
@media screen and (max-width: 768px) {
  .product-catalog {
    padding: 1rem;
  }
}
.product-catalog__section {
  padding-top: 2.5rem;
}
@media screen and (max-width: 768px) {
  .product-catalog__section {
    padding-top: 1rem;
  }
}
.product-catalog__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .product-catalog__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
.product-catalog__item {
  background-color: #F0F3F5;
  border-radius: 1rem;
  overflow: hidden;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.product-catalog__item:hover {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}
.product-catalog__item li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
.product-catalog__image {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  padding: 0.5rem 0.5rem 0 0.5rem;
  border-radius: 1rem 1rem 0 0;
}
@media screen and (max-width: 768px) {
  .product-catalog__image {
    padding: 0.25rem 0.25rem 0 0.25rem;
  }
}
.product-catalog__content {
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (max-width: 768px) {
  .product-catalog__content {
    padding: 0.5rem;
  }
}
.product-catalog__card-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.product-catalog__card-header .common-btn {
  display: none;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 1rem;
}
@media screen and (max-width: 768px) {
  .product-catalog__card-header .common-btn {
    display: block;
  }
}
.product-catalog__card-title {
  color: #1F1F1F;
  margin: 0;
}
.product-catalog__card-text {
  color: #1F1F1F;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .product-catalog__card-text {
    display: none;
  }
}

.stainless-steel-wire-catalog .product-catalog__image {
  aspect-ratio: 355/149;
}
@media screen and (max-width: 768px) {
  .stainless-steel-wire-catalog .product-catalog__image {
    aspect-ratio: 166/96;
  }
}

.product-catalog__item--empty-image .product-catalog__image {
  display: none;
}
.product-catalog__item--empty-image li {
  position: relative;
}
.product-catalog__item--empty-image li::before {
  content: "";
  display: block;
  width: 100%;
  aspect-ratio: 355/204;
  background-color: #F0F3F5;
  padding: 0.5rem 0.5rem 0 0.5rem;
  border-radius: 1rem 1rem 0 0;
}
@media screen and (max-width: 768px) {
  .product-catalog__item--empty-image li::before {
    padding: 0.25rem 0.25rem 0 0.25rem;
  }
}

.product-about__description-text.--ml16 {
  margin-left: 1rem;
}
@media screen and (max-width: 768px) {
  .product-about__description-text.--ml16 {
    margin-left: 0.5rem;
  }
}
.product-about__description-text.--mt4 {
  margin-top: 0.25rem;
}

.product-about__table--spring-stainless {
  min-width: 50rem;
}
.product-about__table--spring-stainless th,
.product-about__table--spring-stainless td {
  padding: 0.75rem 1rem;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .product-about__table--spring-stainless th,
  .product-about__table--spring-stainless td {
    font-size: 0.875rem;
    padding: 0.5rem 0.75rem;
  }
}
.product-about__table--spring-stainless thead th {
  text-align: center;
  vertical-align: middle;
  line-height: 1.4;
}
.product-about__table--spring-stainless tbody th {
  text-align: center;
  white-space: nowrap;
  font-weight: 400;
}
.product-about__table--spring-stainless tbody td {
  text-align: left !important;
}
.product-about__table--spring-stainless thead th:nth-child(1) {
  width: 22%;
}
.product-about__table--spring-stainless tbody th:nth-child(1) {
  width: 11%;
}
.product-about__table--spring-stainless tbody th:nth-child(2) {
  width: 11%;
}
.product-about__table--spring-stainless thead th:nth-child(2),
.product-about__table--spring-stainless tbody td:nth-child(3) {
  width: 18%;
}
.product-about__table--spring-stainless thead th:nth-child(3),
.product-about__table--spring-stainless tbody td:nth-child(4) {
  width: 50%;
}

.product-about__table--lubrication {
  min-width: 50rem;
}
.product-about__table--lubrication th,
.product-about__table--lubrication td {
  padding: 0.75rem 1rem;
}
@media screen and (max-width: 768px) {
  .product-about__table--lubrication th,
  .product-about__table--lubrication td {
    font-size: 0.875rem;
    padding: 0.5rem 0.75rem;
  }
}
.product-about__table--lubrication thead th {
  text-align: center;
  vertical-align: middle;
}
.product-about__table--lubrication tbody th,
.product-about__table--lubrication tbody td {
  text-align: left !important;
}
.product-about__table--lubrication thead th:nth-child(1),
.product-about__table--lubrication tbody th:nth-child(1) {
  width: 25%;
}
.product-about__table--lubrication thead th:nth-child(2),
.product-about__table--lubrication tbody td:nth-child(2) {
  width: 12%;
}
.product-about__table--lubrication thead th:nth-child(3),
.product-about__table--lubrication tbody td:nth-child(3) {
  width: 18%;
}
.product-about__table--lubrication thead th:nth-child(4),
.product-about__table--lubrication tbody td:nth-child(4) {
  width: 45%;
}

.excel-d-images {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
}
@media screen and (max-width: 768px) {
  .excel-d-images {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}
.excel-d-images__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.excel-d-images__wrapper {
  width: 100%;
  border-radius: 0.5rem;
  overflow: hidden;
}
.excel-d-images__img {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
.excel-d-images__caption {
  margin-top: 0.75rem;
  text-align: left;
  color: #1F1F1F;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .excel-d-images__caption {
    margin-top: 0.5rem;
    font-size: 0.875rem;
  }
}

.product-about__table--mechanical {
  min-width: 68.75rem;
  table-layout: auto;
}
.product-about__table--mechanical th,
.product-about__table--mechanical td {
  padding: 0.625rem 0.75rem;
  font-size: 0.875rem;
  text-align: center;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .product-about__table--mechanical th,
  .product-about__table--mechanical td {
    font-size: 0.75rem;
    padding: 0.5rem 0.375rem;
  }
}
.product-about__table--mechanical thead th {
  text-align: center;
  vertical-align: middle;
  line-height: 1.3;
  font-size: 0.875rem;
}
@media screen and (max-width: 768px) {
  .product-about__table--mechanical thead th {
    font-size: 0.75rem;
  }
}
.product-about__table--mechanical tbody td {
  text-align: center;
  vertical-align: middle;
  font-size: 0.875rem;
}
@media screen and (max-width: 768px) {
  .product-about__table--mechanical tbody td {
    font-size: 0.75rem;
  }
}

.cablebrace-banner--catalog .cablebrace-banner__icon {
  width: 5rem;
  height: 5rem;
}
@media screen and (max-width: 768px) {
  .cablebrace-banner--catalog .cablebrace-banner__icon {
    width: 3.75rem;
    height: 3.75rem;
  }
}

.spring-usecase {
  background-color: #F8F8F8;
  padding: 1.5rem 2rem;
  border-radius: 0.5rem;
}
@media screen and (max-width: 768px) {
  .spring-usecase {
    padding: 1rem 1.25rem;
  }
}
.spring-usecase__image {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0.5rem;
  overflow: hidden;
  background-color: #FFFFFF;
  padding: 1rem;
}
@media screen and (max-width: 768px) {
  .spring-usecase__image {
    padding: 0.75rem;
  }
}
.spring-usecase__img {
  max-width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.spring-usecase__text {
  padding: 0.375rem 0;
  line-height: 1.6;
  color: #1F1F1F;
}
.spring-usecase__text + .spring-usecase__text {
  margin-top: 0.5rem;
}
.spring-usecase__text span {
  font-weight: 700;
}

.cablebrace-banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.5rem;
  background-color: #CCECFA;
  padding: 1.5rem 2rem;
  border-radius: 1rem;
}
@media screen and (max-width: 768px) {
  .cablebrace-banner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1rem;
    padding: 1.25rem;
  }
}
.cablebrace-banner__icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 7.5rem;
  height: 7.5rem;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 768px) {
  .cablebrace-banner__icon {
    width: 5rem;
    height: 5rem;
  }
}
.cablebrace-banner__content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
@media screen and (max-width: 768px) {
  .cablebrace-banner__content {
    gap: 0.75rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
  }
}
.cablebrace-banner__title {
  color: #1F1F1F;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .cablebrace-banner__title {
    font-size: 1rem;
  }
}
.cablebrace-banner__text {
  color: #1F1F1F;
  line-height: 1.8;
  margin: 0;
}
.cablebrace-banner__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
}
@media screen and (max-width: 768px) {
  .cablebrace-banner__links {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.75rem;
    width: 100%;
  }
}
.cablebrace-banner__link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  color: #009FE3;
  text-decoration: none;
  font-weight: 500;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.cablebrace-banner__link:hover {
  opacity: 0.7;
}
@media screen and (max-width: 768px) {
  .cablebrace-banner__link {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.cablebrace-banner__link-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.cablebrace-banner__link-arrow img {
  width: 1.75rem;
  height: 1.75rem;
}
@media screen and (max-width: 768px) {
  .cablebrace-banner__link-arrow img {
    width: 1.5rem;
    height: 1.5rem;
  }
}

.product-about__description-text.--ml16 {
  margin-left: 1rem;
}
@media screen and (max-width: 768px) {
  .product-about__description-text.--ml16 {
    margin-left: 0.5rem;
  }
}
.product-about__description-text.--mt4 {
  margin-top: 0.25rem;
}

.product-about__table--cold-heading {
  min-width: 50rem;
}
.product-about__table--cold-heading th,
.product-about__table--cold-heading td {
  padding: 0.75rem 1rem;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .product-about__table--cold-heading th,
  .product-about__table--cold-heading td {
    font-size: 0.875rem;
    padding: 0.5rem 0.75rem;
  }
}
.product-about__table--cold-heading thead th {
  text-align: center !important;
  vertical-align: middle;
  line-height: 1.4;
}
.product-about__table--cold-heading tbody th {
  text-align: center !important;
  white-space: nowrap;
  font-weight: 400;
}
.product-about__table--cold-heading tbody td {
  text-align: left !important;
}
.product-about__table--cold-heading tbody td:nth-child(3) {
  text-align: left !important;
}
.product-about__table--cold-heading tbody td:nth-child(4) {
  text-align: left !important;
}
.product-about__table--cold-heading thead th:nth-child(1) {
  width: 22%;
}
.product-about__table--cold-heading tbody th:nth-child(1) {
  width: 11%;
}
.product-about__table--cold-heading tbody th:nth-child(2) {
  width: 11%;
}
.product-about__table--cold-heading thead th:nth-child(2),
.product-about__table--cold-heading tbody td:nth-child(3) {
  width: 18%;
  text-align: left !important;
}
.product-about__table--cold-heading thead th:nth-child(3),
.product-about__table--cold-heading tbody td:nth-child(4) {
  width: 50%;
  text-align: left !important;
}

.product-about__table--lubrication-cold {
  min-width: 50rem;
}
.product-about__table--lubrication-cold th,
.product-about__table--lubrication-cold td {
  padding: 0.75rem 1rem;
}
@media screen and (max-width: 768px) {
  .product-about__table--lubrication-cold th,
  .product-about__table--lubrication-cold td {
    font-size: 0.875rem;
    padding: 0.5rem 0.75rem;
  }
}
.product-about__table--lubrication-cold thead th {
  text-align: center !important;
  vertical-align: middle;
}
.product-about__table--lubrication-cold tbody th,
.product-about__table--lubrication-cold tbody td {
  text-align: left !important;
}
.product-about__table--lubrication-cold thead th:nth-child(1),
.product-about__table--lubrication-cold tbody th:nth-child(1) {
  width: 20%;
}
.product-about__table--lubrication-cold thead th:nth-child(2),
.product-about__table--lubrication-cold tbody td:nth-child(2) {
  width: 15%;
  text-align: left !important;
}
.product-about__table--lubrication-cold thead th:nth-child(3),
.product-about__table--lubrication-cold tbody td:nth-child(3) {
  width: 65%;
  text-align: left !important;
}

.cold-heading-images {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
}
@media screen and (max-width: 768px) {
  .cold-heading-images {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}
.cold-heading-images__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.cold-heading-images__wrapper {
  width: 100%;
  border-radius: 0.5rem;
  overflow: hidden;
}
.cold-heading-images__img {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
.cold-heading-images__caption {
  margin-top: 0.75rem;
  text-align: left;
  color: #1F1F1F;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .cold-heading-images__caption {
    margin-top: 0.5rem;
    font-size: 0.875rem;
  }
}

.product-about__table--mechanical-cold {
  table-layout: fixed;
  width: 100%;
}
.product-about__table--mechanical-cold th,
.product-about__table--mechanical-cold td {
  padding: 0.625rem 0.5rem;
  font-size: 0.8125rem;
  text-align: center !important;
  vertical-align: middle;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .product-about__table--mechanical-cold th,
  .product-about__table--mechanical-cold td {
    font-size: 0.6875rem;
    padding: 0.375rem 0.25rem;
  }
}
.product-about__table--mechanical-cold thead th {
  text-align: center !important;
  vertical-align: middle;
  font-size: 0.8125rem;
}
@media screen and (max-width: 768px) {
  .product-about__table--mechanical-cold thead th {
    font-size: 0.6875rem;
  }
}
.product-about__table--mechanical-cold tbody th {
  text-align: center !important;
  vertical-align: middle;
  font-size: 0.8125rem;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .product-about__table--mechanical-cold tbody th {
    font-size: 0.6875rem;
  }
}
.product-about__table--mechanical-cold tbody td {
  text-align: center !important;
  vertical-align: middle;
  font-size: 0.8125rem;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .product-about__table--mechanical-cold tbody td {
    font-size: 0.6875rem;
  }
}
.product-about__table--mechanical-cold thead th:nth-child(1),
.product-about__table--mechanical-cold tbody th:nth-child(1) {
  width: 12% !important;
}
.product-about__table--mechanical-cold thead th:nth-child(2) {
  width: 44% !important;
}
.product-about__table--mechanical-cold thead th:nth-child(3) {
  width: 44% !important;
}
.product-about__table--mechanical-cold tbody td:nth-child(2),
.product-about__table--mechanical-cold tbody td:nth-child(3),
.product-about__table--mechanical-cold tbody td:nth-child(4),
.product-about__table--mechanical-cold tbody td:nth-child(5),
.product-about__table--mechanical-cold tbody td:nth-child(6),
.product-about__table--mechanical-cold tbody td:nth-child(7) {
  width: 14.67% !important;
}
.product-about__table--mechanical-cold tbody tr:has(td[rowspan]) {
  height: auto;
}

.cablebrace-banner--catalog .cablebrace-banner__icon {
  width: 5rem;
  height: 5rem;
}
@media screen and (max-width: 768px) {
  .cablebrace-banner--catalog .cablebrace-banner__icon {
    width: 3.75rem;
    height: 3.75rem;
  }
}

.cold-heading-usecase {
  background-color: #F8F8F8;
  padding: 1.5rem 2rem;
  border-radius: 0.5rem;
}
@media screen and (max-width: 768px) {
  .cold-heading-usecase {
    padding: 1rem 1.25rem;
  }
}
.cold-heading-usecase__text {
  padding: 0.375rem 0;
  line-height: 1.8;
  color: #1F1F1F;
}
.cold-heading-usecase__text + .cold-heading-usecase__text {
  margin-top: 0.5rem;
}
.cold-heading-usecase__text span {
  font-weight: 700;
}

.cablebrace-banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.5rem;
  background-color: #CCECFA;
  padding: 1.5rem 2rem;
  border-radius: 1rem;
}
@media screen and (max-width: 768px) {
  .cablebrace-banner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1rem;
    padding: 1.25rem;
  }
}
.cablebrace-banner__icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 7.5rem;
  height: 7.5rem;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 768px) {
  .cablebrace-banner__icon {
    width: 5rem;
    height: 5rem;
  }
}
.cablebrace-banner__content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
@media screen and (max-width: 768px) {
  .cablebrace-banner__content {
    gap: 0.75rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
  }
}
.cablebrace-banner__title {
  color: #1F1F1F;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .cablebrace-banner__title {
    font-size: 1rem;
  }
}
.cablebrace-banner__text {
  color: #1F1F1F;
  line-height: 1.8;
  margin: 0;
}
.cablebrace-banner__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
}
@media screen and (max-width: 768px) {
  .cablebrace-banner__links {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.75rem;
    width: 100%;
  }
}
.cablebrace-banner__link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  color: #009FE3;
  text-decoration: none;
  font-weight: 500;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.cablebrace-banner__link:hover {
  opacity: 0.7;
}
@media screen and (max-width: 768px) {
  .cablebrace-banner__link {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.cablebrace-banner__link-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.cablebrace-banner__link-arrow img {
  width: 1.75rem;
  height: 1.75rem;
}
@media screen and (max-width: 768px) {
  .cablebrace-banner__link-arrow img {
    width: 1.5rem;
    height: 1.5rem;
  }
}

.titanium-wire-catalog .product-catalog__image {
  aspect-ratio: 355/149;
}
@media screen and (max-width: 768px) {
  .titanium-wire-catalog .product-catalog__image {
    aspect-ratio: 166/96;
  }
}

.under-top__left.titanium {
  max-width: 43.75rem;
}

#titanium-properties .product-feature {
  margin-bottom: 2.5rem;
}
#titanium-properties .product-feature:last-child {
  margin-bottom: 0;
}

.product-feature {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2.5rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 87.5rem;
  margin: 0 auto 2.5rem;
  padding-left: 25px;
  padding-right: 25px;
  font-family: "Noto Sans JP", sans-serif;
}
@media screen and (max-width: 768px) {
  .product-feature {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-bottom: 1.5rem;
  }
}
.product-feature__text-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.product-feature__heading {
  margin-bottom: 1rem;
  position: relative;
  padding-left: 1.5rem;
}
.product-feature__heading::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 0.75rem;
  height: 0.75rem;
  background-color: #009FE3;
  border-radius: 50%;
}
@media screen and (max-width: 768px) {
  .product-feature__heading {
    padding-left: 1.25rem;
    margin-bottom: 0.75rem;
  }
  .product-feature__heading::before {
    width: 0.625rem;
    height: 0.625rem;
  }
}
.product-feature__description {
  line-height: 1.8;
  max-width: 41.25rem;
  color: #1F1F1F;
}
.product-feature__list {
  list-style: none;
  padding-left: 1.5rem;
}
.product-feature__list li {
  position: relative;
  padding-left: 1rem;
  margin-bottom: 0.5rem;
}
.product-feature__list li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0.625rem;
  width: 0.375rem;
  height: 0.375rem;
  background-color: #009FE3;
  border-radius: 50%;
}
@media screen and (max-width: 768px) {
  .product-feature__list {
    padding-left: 1rem;
  }
}
.product-feature__image-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
@media screen and (max-width: 768px) {
  .product-feature__image-wrapper {
    gap: 0.75rem;
  }
}
.product-feature__image-container {
  position: relative;
  border-radius: 1rem;
  overflow: hidden;
  width: 100%;
  max-width: 37.5rem;
  aspect-ratio: 600/400;
  font-size: 0;
}
@media screen and (max-width: 768px) {
  .product-feature__image-container {
    max-width: 100%;
    aspect-ratio: 16/10;
  }
}
.product-feature__bg-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.titanium-image-caption {
  text-align: center;
  color: #1F1F1F;
  font-size: 0.8125rem;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .titanium-image-caption {
    font-size: 0.75rem;
    text-align: center;
  }
}

.product-about__table--titanium thead tr th,
.product-about__table--titanium tbody tr th,
.product-about__table--titanium tbody tr td {
  padding: 0.75rem 0.5rem;
}
@media screen and (max-width: 768px) {
  .product-about__table--titanium thead tr th,
  .product-about__table--titanium tbody tr th,
  .product-about__table--titanium tbody tr td {
    padding: 0.625rem 0.375rem;
  }
}
.product-about__table--titanium thead tr th:nth-child(1),
.product-about__table--titanium tbody tr th:nth-child(1),
.product-about__table--titanium tbody tr th:nth-child(2) {
  min-width: 6.25rem;
  width: auto;
}
@media screen and (max-width: 768px) {
  .product-about__table--titanium thead tr th:nth-child(1),
  .product-about__table--titanium tbody tr th:nth-child(1),
  .product-about__table--titanium tbody tr th:nth-child(2) {
    min-width: 5rem;
  }
}
.product-about__table--titanium thead tr th:nth-child(3),
.product-about__table--titanium tbody tr td:nth-child(3) {
  min-width: 17.5rem;
  width: 25%;
}
@media screen and (max-width: 768px) {
  .product-about__table--titanium thead tr th:nth-child(3),
  .product-about__table--titanium tbody tr td:nth-child(3) {
    min-width: 12.5rem;
  }
}

.product-catalog .product-catalog__header {
  margin-bottom: 1rem;
  margin-top: 3rem;
}
.product-catalog .product-catalog__header:first-child {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .product-catalog .product-catalog__header {
    margin-top: 2rem;
  }
}

.pill-nav.wire-rope {
  background-color: #F5F5F5;
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  font-family: sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1rem;
  margin-bottom: 1.25rem;
}

.pill-nav.wire-rope .pill-nav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem;
  list-style-type: none;
  padding: 0 0 0 2.5rem;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .pill-nav.wire-rope .pill-nav__list {
    padding: 0;
    gap: 0.5rem;
  }
}

.pill-nav.wire-rope .pill-nav__item {
  list-style: none;
}

.pill-nav.wire-rope .pill-nav__link {
  display: inline-block;
  padding: 0.5rem 1rem;
  border-radius: 9999px;
  text-decoration: none;
  font-weight: 400;
  white-space: nowrap;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  background-color: #FFFFFF;
  color: #1F1F1F;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.pill-nav.wire-rope .pill-nav__link--active {
  background-color: #009FE3;
  color: #FFFFFF;
  -webkit-box-shadow: none;
          box-shadow: none;
}
@media screen and (max-width: 768px) {
  .pill-nav.wire-rope .pill-nav__link {
    padding: 0.5rem 1rem;
  }
}

.pill-nav.wire-rope .pill-nav__link.blue {
  background-color: #009FE3;
  color: #FFFFFF;
}

.wire-rope-catalog .product-catalog__image {
  aspect-ratio: 355/149;
}
@media screen and (max-width: 768px) {
  .wire-rope-catalog .product-catalog__image {
    aspect-ratio: 166/96;
  }
}

.seismic-reinforcement-catalog .product-catalog__image {
  aspect-ratio: 355/149;
}
@media screen and (max-width: 768px) {
  .seismic-reinforcement-catalog .product-catalog__image {
    aspect-ratio: 166/96;
  }
}

.product-highlight {
  margin-top: 1.5rem;
}
.product-highlight__title {
  margin-bottom: 1rem;
}
.product-highlight__title.--mb0 {
  margin-bottom: 0rem;
}
@media screen and (max-width: 768px) {
  .product-highlight__title {
    margin-bottom: 0.75rem;
  }
}
.product-highlight__text {
  color: #1F1F1F;
}
.product-highlight__text.--mt8 {
  margin-top: 0.5rem;
}
.product-highlight__text.--mb40 {
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 768px) {
  .product-highlight__text.--mb40 {
    margin-bottom: 1.5rem;
  }
}
.product-highlight.--mt16 {
  margin-top: 1rem;
}
@media screen and (max-width: 768px) {
  .product-highlight.--mt16 {
    margin-top: 0.75rem;
  }
}

.under-top--with-back-panel {
  position: relative;
}

.under-top__inner--with-back-panel {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 1.5rem;
}
@media screen and (max-width: 768px) {
  .under-top__inner--with-back-panel {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    gap: 1rem;
    width: 75%;
    margin-right: auto;
    margin-left: 0;
  }
}

.product-back-panel {
  position: absolute;
  right: 0;
  top: 1.875rem;
  background-color: #F5F5F5;
  border-radius: 0.75rem 0 0 0.75rem;
  padding: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  color: #1F1F1F;
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .product-back-panel {
    top: 1rem;
    padding: 0.75rem;
    gap: 0.375rem;
  }
}
.product-back-panel:hover {
  opacity: 0.9;
}
.product-back-panel__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .product-back-panel__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    gap: 0.375rem;
  }
}
.product-back-panel__icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .product-back-panel__icons {
    gap: 0.25rem;
  }
}
.product-back-panel__icon {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  background-color: #F8FBFF;
}
@media screen and (max-width: 768px) {
  .product-back-panel__icon {
    width: 2.5rem;
    height: 2.5rem;
  }
}
.product-back-panel__label {
  color: #1F1F1F;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .product-back-panel__label {
    font-size: 0.75rem;
  }
}
.product-back-panel__link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  color: #1F1F1F;
}
@media screen and (max-width: 768px) {
  .product-back-panel__link {
    gap: 0.25rem;
    font-size: 0.75rem;
  }
}
.product-back-panel__link-text {
  font-weight: 500;
}
.product-back-panel__link-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.product-back-panel__link-arrow img {
  display: block;
}
@media screen and (max-width: 768px) {
  .product-back-panel__link-arrow img {
    width: 1.5rem;
    height: 1.5rem;
  }
}

.product-feature-list {
  list-style: none;
  padding-left: 0;
  margin: 1rem 0 0;
}
.product-feature-list__item {
  position: relative;
  padding-left: 1rem;
  margin-bottom: 0.75rem;
}
.product-feature-list__item::before {
  content: "•";
  position: absolute;
  left: 0;
  color: #1F1F1F;
  font-size: 1.25rem;
}
.product-feature-list__item span {
  font-weight: 600;
}
.product-feature-list__item:last-child {
  margin-bottom: 0;
}

.cable-types {
  margin-top: 1.875rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto auto auto auto;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
@media screen and (max-width: 768px) {
  .cable-types {
    grid-template-columns: 1fr;
    -webkit-column-gap: 0rem;
       -moz-column-gap: 0rem;
            column-gap: 0rem;
  }
}
.cable-types.--mt16 {
  margin-top: 1rem;
}
@media screen and (max-width: 768px) {
  .cable-types.--mt16 {
    margin-top: 0.5rem;
  }
}

.cable-type-column {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 4;
  row-gap: 0.5rem;
}
@media screen and (max-width: 768px) {
  .cable-type-column {
    grid-template-rows: auto;
    grid-row: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 2rem;
  }
}

.cable-type-item__title {
  color: #1F1F1F;
}
.cable-type-item__title.--fz18 {
  font-size: 1.125rem;
}
@media screen and (max-width: 768px) {
  .cable-type-item__title.--fz18 {
    font-size: 1rem;
  }
}
.cable-type-item__image-wrapper {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cable-type-item__image {
  max-width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.cable-type-item__description {
  color: #1F1F1F;
}

.anchoring-method {
  margin-top: 2.5rem;
}
@media screen and (max-width: 768px) {
  .anchoring-method {
    margin-top: 2rem;
  }
}
.anchoring-method__subtitle {
  color: #00A0E8;
  margin-bottom: 1rem;
}
.anchoring-method__image-wrapper {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 768px) {
  .anchoring-method__image-wrapper {
    margin-bottom: 1rem;
  }
}
.anchoring-method__image {
  max-width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 0.5rem;
}
.anchoring-method__description {
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 768px) {
  .anchoring-method__description {
    margin-bottom: 1rem;
  }
}
.anchoring-method__description-title {
  color: #1F1F1F;
  margin-bottom: 0.75rem;
  font-weight: 500;
}
.anchoring-method__description-text {
  color: #1F1F1F;
  line-height: 1.8;
}
.anchoring-method__description-text p {
  margin-bottom: 0.5rem;
}
.anchoring-method__description-text p:last-child {
  margin-bottom: 0;
}
.anchoring-method__section-title {
  margin-top: 2rem;
  margin-bottom: 1rem;
  font-weight: 700;
  color: #1F1F1F;
}
.anchoring-method__single-image-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 1rem;
}
.anchoring-method__single-image {
  max-width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 0.5rem;
}
.anchoring-method__note {
  margin-top: 0.5rem;
  color: #DC3545;
  text-align: center;
}
.anchoring-method__list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.anchoring-method__list li {
  position: relative;
  padding-left: 1rem;
  margin-bottom: 0.5rem;
  line-height: 1.8;
}
.anchoring-method__list li .list-marker {
  position: absolute;
  left: 0;
  color: #00A0E8;
}
.anchoring-method__list li:last-child {
  margin-bottom: 0;
}

.anchoring-overview {
  margin-top: 1rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto auto auto;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
@media screen and (max-width: 768px) {
  .anchoring-overview {
    grid-template-columns: 1fr;
    -webkit-column-gap: 0rem;
       -moz-column-gap: 0rem;
            column-gap: 0rem;
  }
}

.anchoring-overview-column {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  row-gap: 0.5rem;
}
@media screen and (max-width: 768px) {
  .anchoring-overview-column {
    grid-template-rows: auto;
    grid-row: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
  }
  .anchoring-overview-column:last-child {
    margin-bottom: 0;
  }
}

.anchoring-overview-item__image-wrapper {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #F0F3F5;
  border-radius: 0.5rem;
  padding: 1rem;
}
.anchoring-overview-item__image {
  max-width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.anchoring-overview-item__title {
  margin-top: 0.5rem;
  color: #1F1F1F;
  font-weight: 700;
}
.anchoring-overview-item__description {
  margin-top: 0.25rem;
  color: #1F1F1F;
  line-height: 1.6;
}

.table-image-wrapper {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.5rem;
}

.table-diagram-image {
  max-width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

.product-about__description + .product-about__description {
  margin-top: 2.5rem;
}
@media screen and (max-width: 768px) {
  .product-about__description + .product-about__description {
    margin-top: 2rem;
  }
}

.product-about__description-list-title.--section-title {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .product-about__description-list-title.--section-title {
    margin-top: 1.5rem;
  }
}

.product-about__tables.--mt16 {
  margin-top: 1rem;
}
@media screen and (max-width: 768px) {
  .product-about__tables.--mt16 {
    margin-top: 0.75rem;
  }
}

.product-about__tables-note.--red-center {
  text-align: center;
  color: #DC3545;
  margin-top: 0.5rem;
}
.product-about__tables-note.--center {
  text-align: center;
  margin-top: 0.5rem;
}

.product-about__table {
  table-layout: fixed;
  width: 100%;
}
.product-about__table thead th,
.product-about__table tbody th {
  width: 33.333%;
  text-align: center;
}
.product-about__table td,
.product-about__table tbody th {
  width: 33.333%;
}
.product-about__table td div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.5rem;
}
.product-about__table td div img {
  width: 17.125rem;
  height: 13.125rem;
  -o-object-fit: contain;
     object-fit: contain;
  aspect-ratio: 137/105;
}
@media screen and (max-width: 768px) {
  .product-about__table td div img {
    width: 100%;
    height: auto;
  }
}
.product-about__table--surface-treatment thead th,
.product-about__table--surface-treatment tbody th,
.product-about__table--surface-treatment td {
  width: 33.333%;
}
.product-about__table--surface-treatment thead th:nth-child(1),
.product-about__table--surface-treatment thead th:nth-child(2),
.product-about__table--surface-treatment thead th:nth-child(3),
.product-about__table--surface-treatment tbody th:nth-child(1),
.product-about__table--surface-treatment tbody td:nth-child(2),
.product-about__table--surface-treatment tbody td:nth-child(3) {
  width: 33.333%;
}
.product-about__table--spj thead th[colspan="2"] {
  width: 33.333%;
}
.product-about__table--spj thead th:nth-child(1) {
  width: 33.333%;
}
.product-about__table--spj thead th:nth-child(2),
.product-about__table--spj thead th:nth-child(3) {
  width: 33.333%;
}
.product-about__table--spj tbody th[colspan="2"] {
  width: 33.333%;
}
.product-about__table--spj tbody td:nth-child(2),
.product-about__table--spj tbody td:nth-child(3) {
  width: 33.333%;
}
.product-about__table--spj tbody th:nth-child(1),
.product-about__table--spj tbody th:nth-child(2) {
  width: 16.666%;
}
.product-about__table--spj tbody td:nth-child(3),
.product-about__table--spj tbody td:nth-child(4) {
  width: 33.333%;
}
.product-about__table--flat-cable thead th,
.product-about__table--flat-cable tbody th,
.product-about__table--flat-cable td {
  width: 33.333%;
}
.product-about__table--flat-cable thead th:nth-child(1),
.product-about__table--flat-cable thead th:nth-child(2),
.product-about__table--flat-cable thead th:nth-child(3),
.product-about__table--flat-cable tbody th:nth-child(1),
.product-about__table--flat-cable tbody td:nth-child(2),
.product-about__table--flat-cable tbody td:nth-child(3) {
  width: 33.333%;
}

.product-download__notes {
  list-style: none;
  padding-left: 0;
  margin: 1.5rem 0 0;
  color: #1F1F1F;
}
.product-download__notes li {
  position: relative;
  padding-left: 1.25rem;
  margin-bottom: 0.5rem;
  line-height: 1.5;
}
.product-download__notes li::before {
  content: "■";
  position: absolute;
  left: 0;
  color: #1F1F1F;
  font-size: 0.75rem;
  top: 0.2rem;
}
.product-download__notes li:last-child {
  margin-bottom: 0;
}
.product-download__warning {
  margin-top: 1rem;
  color: #DC3545;
  line-height: 1.5;
}
.product-download__warning .product-download__warning-icon,
.product-download__warning .product-download__warning-label {
  color: #DC3545;
}
.product-download__warning .product-download__warning-label {
  font-weight: 600;
  margin-right: 0.25rem;
}
.product-download__popular {
  margin-top: 1rem;
  padding: 1.5rem;
  background-color: #E3F1FF;
  border-radius: 1rem;
}
@media screen and (max-width: 768px) {
  .product-download__popular {
    padding: 1rem;
    margin-top: 0.5rem;
  }
}
.product-download__popular-title {
  color: #1F1F1F;
  font-weight: 700;
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
@media screen and (max-width: 768px) {
  .product-download__popular-title {
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
  }
}
.product-download__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  max-width: 10.3125rem;
}
.product-download__item-thumb-wrapper {
  width: 100%;
  margin-bottom: 0.75rem;
}
.product-download__item-thumb {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
.product-download__item-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  color: #0464CB;
  text-decoration: none;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.product-download__item-link:hover {
  opacity: 0.8;
}
.product-download__item-link-icon {
  width: 0.875rem;
  height: 1.0625rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: inline-block;
  vertical-align: middle;
}
.product-download__accordion {
  margin-top: 1.5rem;
}
@media screen and (max-width: 768px) {
  .product-download__accordion {
    margin-top: 1rem;
  }
}
.product-download__accordion-summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 1rem 0;
  list-style: none;
  cursor: pointer;
  color: #1F1F1F;
  font-weight: 700;
}
.product-download__accordion-summary::-webkit-details-marker, .product-download__accordion-summary::marker {
  display: none;
}
.product-download__accordion-summary--column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.product-download__accordion-title {
  font-size: 1.125rem;
}
@media screen and (max-width: 768px) {
  .product-download__accordion-title {
    font-size: 0.875rem;
  }
}
.product-download__accordion-title-sub {
  display: block;
  font-size: 1.125rem;
  font-weight: 400;
  margin-top: 0.25rem;
}
@media screen and (max-width: 768px) {
  .product-download__accordion-title-sub {
    font-size: 0.875rem;
  }
}
.product-download__accordion-icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
  margin-left: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.product-download__accordion-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.product-download__accordion-icon-plus {
  display: block;
}
.product-download__accordion-icon-minus {
  display: none;
}
.product-download__accordion-item[open] .product-download__accordion-icon-plus {
  display: none;
}
.product-download__accordion-item[open] .product-download__accordion-icon-minus {
  display: block;
}
.product-download__accordion-content {
  display: block;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: max-height 0.45s ease-out, opacity 0.35s ease-out;
  transition: max-height 0.45s ease-out, opacity 0.35s ease-out;
}
.product-download__accordion-item[open] .product-download__accordion-content {
  max-height: 3000px;
  opacity: 1;
}
.product-download__accordion-content--closing {
  max-height: 0 !important;
  opacity: 0 !important;
}
.product-download__category-wrap {
  border-radius: 0.5rem;
  background: #F8FBFF;
  padding: 1rem;
}
@media screen and (max-width: 768px) {
  .product-download__category-wrap {
    padding: 0.75rem;
  }
}
.product-download__category-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}
@media screen and (max-width: 768px) {
  .product-download__category-grid {
    grid-template-columns: 1fr;
    gap: 0.75rem;
  }
}
.product-download__category-box {
  padding: 0;
}
.product-download__category-title {
  font-size: 0.875rem;
  font-weight: 700;
  color: #1F1F1F;
  margin-bottom: 0.5rem;
  margin-top: 0rem;
}
.product-download__file-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.375rem;
  color: #0464CB;
  text-decoration: none;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.product-download__file-link:hover {
  opacity: 0.8;
}
.product-download__file-link + .product-download__file-link {
  margin-left: 1rem;
}
@media screen and (max-width: 768px) {
  .product-download__file-link + .product-download__file-link {
    margin-left: 0.75rem;
  }
}
.product-download__file-link-icon {
  width: 0.875rem;
  height: 1.0625rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.product-download__file-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
@media screen and (max-width: 768px) {
  .product-download__file-grid {
    gap: 0.375rem;
  }
}
.product-download__file-grid--col3 {
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem 1rem;
}
@media screen and (max-width: 768px) {
  .product-download__file-grid--col3 {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.375rem;
  }
}
.product-download__file-grid--col4 {
  grid-template-columns: repeat(4, 1fr);
  gap: 0.5rem 1rem;
}
@media screen and (max-width: 768px) {
  .product-download__file-grid--col4 {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.375rem;
  }
}
.product-download__file-grid .product-download__file-link {
  margin-left: 0;
}
.product-download__category-box--standard-parts .product-download__file-link + .product-download__file-link {
  margin-left: 0;
}

.cablebrace-features__title {
  margin-bottom: 1.5rem;
  color: #1F1F1F;
}
@media screen and (max-width: 768px) {
  .cablebrace-features__title {
    margin-bottom: 1rem;
    font-size: 1.25rem;
  }
}

.cablebrace-features {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2.5rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
@media screen and (max-width: 768px) {
  .cablebrace-features {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
}

.cablebrace-features__list-wrap {
  padding-left: 0.5rem;
}

.cablebrace-features__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
.cablebrace-features__list-item {
  position: relative;
  padding-left: 1.5rem;
  color: #1F1F1F;
  line-height: 1.6;
}
.cablebrace-features__list-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.5rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #00A0E8;
}

.cablebrace-features__image {
  display: block;
}

.cablebrace-features__image-item {
  position: relative;
  width: 100%;
  aspect-ratio: 571/421;
  max-width: 35.6875rem;
}

.cablebrace-features__image-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.cablebrace-features__image-label {
  position: absolute;
  left: 0.5rem;
  top: 0.5rem;
  padding: 0.25rem 0.5rem;
  background-color: #474747;
  color: #FFFFFF;
  font-size: 0.75rem;
  border-radius: 0.25rem;
}

.cablebrace-banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  padding: 0.75rem;
  border-radius: 1rem;
  text-decoration: none;
  color: #1F1F1F;
}
@media screen and (max-width: 768px) {
  .cablebrace-banner {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    gap: 0.75rem 1rem;
    padding: 1rem;
  }
}
.cablebrace-banner__icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 7.5rem;
  height: 7.5rem;
  border-radius: 50%;
  background-color: #FFFFFF;
}
@media screen and (max-width: 768px) {
  .cablebrace-banner__icon {
    width: 5rem;
    height: 5rem;
    grid-column: 1;
    grid-row: 1;
  }
}
.cablebrace-banner__content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (max-width: 768px) {
  .cablebrace-banner__content {
    display: contents;
  }
}
.cablebrace-banner__text {
  margin: 0 0 1rem;
  line-height: 1.7;
}
@media screen and (max-width: 768px) {
  .cablebrace-banner__text {
    margin-bottom: 0;
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
  }
}
.cablebrace-banner__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem;
  font-size: 1.25rem;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .cablebrace-banner__links {
    font-size: 1rem;
    gap: 0.75rem;
    grid-column: 1/-1;
    grid-row: 2;
  }
}
.cablebrace-banner__link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  color: #1F1F1F;
  text-decoration: none;
  font-weight: 700;
}
.cablebrace-banner__link:hover {
  opacity: 0.8;
}
.cablebrace-banner__link-arrow {
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 1.75rem;
  height: 1.75rem;
}
@media screen and (max-width: 768px) {
  .cablebrace-banner__link-arrow {
    width: 1.5rem;
    height: 1.5rem;
  }
}

.cablebrace-banner--contact {
  background-color: #E3F1FF;
}

.cablebrace-banner--software {
  border-radius: 1rem;
  width: 100%;
  padding: 0rem;
  background-color: transparent;
}
.cablebrace-banner--software:hover {
  opacity: 0.95;
}

.cablebrace-banner--software__image {
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  max-width: 40rem;
  aspect-ratio: 640/162;
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .cablebrace-banner--software__image {
    max-width: 100%;
  }
}
.cablebrace-banner--software__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.cablebrace-banner--software__cta {
  position: absolute;
  right: 0;
  bottom: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background-color: rgba(255, 255, 255, 0.9);
  color: #0464CB;
  font-size: 0.875rem;
  font-weight: 600;
}
.cablebrace-banner--software__cta::after {
  content: "";
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 6px solid #0464CB;
}

.cablebrace-cases__intro {
  margin-top: 1.875rem;
  margin-bottom: 1.5rem;
  color: #1F1F1F;
  line-height: 1.7;
}
@media screen and (max-width: 768px) {
  .cablebrace-cases__intro {
    margin-bottom: 1rem;
  }
}

.cablebrace-cases__content-wrap {
  background-color: #E3F1FF;
  border-radius: 1rem;
  overflow: hidden;
}
.cablebrace-cases__tabs {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 0;
  gap: 0;
}
.cablebrace-cases__tab {
  padding: 0.875rem 1rem;
  border: 1px solid #0464CB;
  background-color: #FFFFFF;
  color: #0464CB;
  font-size: 1.125rem;
  font-weight: 700;
  text-align: center;
  cursor: pointer;
  -webkit-transition: background-color 0.2s, color 0.2s, border-color 0.2s;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
  margin-left: -1px;
}
.cablebrace-cases__tab:first-child {
  margin-left: 0;
  border-top-left-radius: 1rem;
}
.cablebrace-cases__tab:last-child {
  border-top-right-radius: 1rem;
}
.cablebrace-cases__tab.active {
  background-color: #0464CB;
  border-color: #0464CB;
  color: #FFFFFF;
  border-bottom-color: #E3F1FF;
  position: relative;
  z-index: 1;
  margin-bottom: -1px;
}
.cablebrace-cases__tab:hover:not(.active) {
  background-color: rgba(0, 159, 227, 0.06);
}
@media screen and (max-width: 768px) {
  .cablebrace-cases__tab {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 0.75rem;
  }
  .cablebrace-cases__tab:first-child {
    border-top-left-radius: 1rem;
  }
}

.cablebrace-cases__panel.active {
  display: block;
}
.cablebrace-cases__panel:not(.active) {
  display: none;
}
.cablebrace-cases__panel .cablebrace-cases__panel-inner:not(.cablebrace-cases__panel-inner--roof) {
  padding-top: 1.5rem;
}

.cablebrace-cases__panel-inner--roof {
  padding: 1.5rem 0 0;
}
@media screen and (max-width: 768px) {
  .cablebrace-cases__panel-inner--roof {
    padding: 1rem 0 0;
  }
}

.cablebrace-cases__roof-row {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 2.5rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  margin-top: 1.5rem;
}
@media screen and (max-width: 768px) {
  .cablebrace-cases__roof-row {
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-top: 1.25rem;
  }
}

.cablebrace-cases__panel-inner {
  padding: 1.5rem;
}
@media screen and (max-width: 768px) {
  .cablebrace-cases__panel-inner {
    padding: 1rem;
  }
}

.cablebrace-cases__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0;
}

.cablebrace-cases__desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.75rem;
  margin-bottom: 0;
}
.cablebrace-cases__desc .cablebrace-cases__icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.cablebrace-cases__desc .cablebrace-cases__icon svg {
  display: block;
}
.cablebrace-cases__desc .cablebrace-cases__icon-img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 3.625rem;
  height: 3.625rem;
  display: block;
}
.cablebrace-cases__desc p {
  color: #1F1F1F;
  line-height: 1.7;
  margin: 0;
}

.cablebrace-cases__case-region {
  margin: 0 0 0.25rem;
  color: #1F1F1F;
  font-size: 1.125rem;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .cablebrace-cases__case-region {
    font-size: 1rem;
    margin-bottom: 0rem;
  }
}

.cablebrace-cases__case-title {
  margin: 0 0 0.75rem;
  color: #1F1F1F;
  font-size: 1.125rem;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .cablebrace-cases__case-title {
    font-size: 1rem;
    margin: 0 0 0.5rem;
  }
}

.cablebrace-cases__case-heading {
  margin: 0 0 0.75rem;
  color: #1F1F1F;
  font-size: 1.125rem;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .cablebrace-cases__case-heading {
    font-size: 1rem;
    margin: 0 0 0.5rem;
  }
}

.cablebrace-cases__left--heading-only .cablebrace-cases__tags {
  display: none;
}

.cablebrace-cases__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem;
  list-style: none;
  padding: 0;
  margin: 0 0 1.25rem;
}
@media screen and (max-width: 768px) {
  .cablebrace-cases__tags {
    margin: 0 0 0rem;
  }
}

.cablebrace-cases__tag {
  padding: 0.25rem 0.75rem;
  border-radius: 0.25rem;
  background-color: #6F6F6F;
  color: #FFFFFF;
  font-size: 0.75rem;
}

.cablebrace-cases__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 1rem;
}
@media screen and (max-width: 768px) {
  .cablebrace-cases__right {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}

.cablebrace-cases__gallery {
  width: 100%;
  margin-bottom: 0;
}

.cablebrace-cases__main-img {
  position: relative;
  width: 100%;
  aspect-ratio: 16/10;
  border-radius: 0.5rem;
  overflow: hidden;
  background-color: #F5F5F5;
  margin-bottom: 0.75rem;
}
.cablebrace-cases__main-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.cablebrace-cases__arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 2.5rem;
  height: 2.5rem;
  border: none;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.9);
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.cablebrace-cases__arrow::before {
  content: "";
  width: 0.75rem;
  height: 0.75rem;
  border-left: 2px solid #474747;
  border-bottom: 2px solid #474747;
}
.cablebrace-cases__arrow:hover {
  background-color: #FFFFFF;
}
.cablebrace-cases__arrow--prev {
  left: 0.75rem;
}
.cablebrace-cases__arrow--prev::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  margin-left: 0.25rem;
}
.cablebrace-cases__arrow--next {
  right: 0.75rem;
}
.cablebrace-cases__arrow--next::before {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
  margin-right: 0.25rem;
}

.cablebrace-cases__thumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .cablebrace-cases__thumbs {
    gap: 0.25rem;
  }
}

.cablebrace-cases__thumb {
  width: 5rem;
  height: 3.75rem;
  padding: 0;
  border: 2px solid transparent;
  border-radius: 0.25rem;
  overflow: hidden;
  background: none;
  cursor: pointer;
}
.cablebrace-cases__thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.cablebrace-cases__thumb.active {
  border-color: #009FE3;
}

.cablebrace-cases__cta {
  display: inline-block;
  padding: 0.75rem 2rem;
  background-color: #0464CB;
  color: #FFFFFF;
  font-size: 0.875rem;
  font-weight: 600;
  text-decoration: none;
  border-radius: 1.5625rem;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.cablebrace-cases__cta:hover {
  opacity: 0.9;
}

.cablebrace-about__lead {
  margin: 1.5rem 0 1.5rem;
  color: #1F1F1F;
  line-height: 1.7;
}
.cablebrace-about__lead:last-of-type {
  margin-bottom: 1.5rem;
}

.cablebrace-about__media-row {
  display: grid;
  grid-template-columns: 1fr 1.32fr;
  gap: 1.5rem;
}
@media screen and (max-width: 768px) {
  .cablebrace-about__media-row {
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }
}

.cablebrace-about__media-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
}

.cablebrace-about__media-img-wrap {
  width: 100%;
  aspect-ratio: 4/3;
  border-radius: 0.5rem;
  overflow: hidden;
  background-color: #F5F5F5;
}
.cablebrace-about__media-img-wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.cablebrace-about__media-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.cablebrace-about__caption {
  margin: 0;
  color: #333333;
  font-size: 0.75rem;
  line-height: 1.5;
}

.cablebrace-about__video-wrap {
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: 0.5rem;
  overflow: hidden;
  background-color: #1F1F1F;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.cablebrace-about__video {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}

.cablebrace-about__video-placeholder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.5rem;
  padding: 1.5rem;
  text-align: center;
}

.cablebrace-about__video-title {
  color: #FFFFFF;
  font-size: 1rem;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .cablebrace-about__video-title {
    font-size: 0.875rem;
  }
}

.cablebrace-about__video-note {
  color: #F8F8F8;
  font-size: 0.75rem;
}

.cablebrace-about__block {
  margin-top: 2.5rem;
}
@media screen and (max-width: 768px) {
  .cablebrace-about__block {
    margin-top: 2rem;
  }
}
.cablebrace-about__block:first-of-type {
  margin-top: 0;
}

.cablebrace-about__block-inner {
  display: grid;
  grid-template-columns: 1fr 1.3fr;
  gap: 1.5rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
@media screen and (max-width: 768px) {
  .cablebrace-about__block-inner {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
}

.cablebrace-about__text .product-about__description-list-title {
  margin-bottom: 0.5rem;
}
.cablebrace-about__text .product-about__description-list-text {
  margin: 0;
  color: #1F1F1F;
  line-height: 1.7;
}

.cablebrace-about__block-img {
  width: 100%;
  border-radius: 0.5rem;
  overflow: hidden;
  max-width: 37.5rem;
  height: 100%;
}
.cablebrace-about__block-img img {
  width: 100%;
  height: auto;
  display: block;
}

.cablebrace-advantages__block-inner {
  grid-template-columns: 1fr 2.5fr;
}
@media screen and (max-width: 768px) {
  .cablebrace-advantages__block-inner {
    grid-template-columns: 1fr;
  }
}
.cablebrace-advantages__block-inner.--grid1 {
  grid-template-columns: 1fr 1fr;
}
@media screen and (max-width: 768px) {
  .cablebrace-advantages__block-inner.--grid1 {
    grid-template-columns: 1fr;
  }
}

.cablebrace-advantages__block-inner .cablebrace-about__block-img {
  max-width: none;
}

.cablebrace-banner--experience {
  display: block;
  padding: 1.5rem;
  margin-top: 2.5rem;
}
@media screen and (max-width: 768px) {
  .cablebrace-banner--experience {
    padding: 1rem;
    margin-top: 2rem;
  }
}

.cablebrace-banner__experience-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
}
@media screen and (max-width: 768px) {
  .cablebrace-banner__experience-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    gap: 0.75rem;
  }
}

.cablebrace-banner--experience .cablebrace-banner__content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.cablebrace-banner--experience .cablebrace-banner__content .under-top__line.common-line {
  margin-top: 0.5rem;
  margin-bottom: 0.75rem;
}
@media screen and (max-width: 768px) {
  .cablebrace-banner--experience .cablebrace-banner__content .under-top__line.common-line {
    margin-top: 0.5rem;
  }
}

.cablebrace-banner__tag {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  background-color: #F5F5F5;
  color: #333333;
  font-size: 0.75rem;
  border-radius: 1.25rem;
  margin-bottom: 0.5rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.cablebrace-banner__experience-title {
  margin: 0 0 0.5rem;
  color: #1F1F1F;
  font-size: 1.5rem;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .cablebrace-banner__experience-title {
    font-size: 1.25rem;
  }
}

.cablebrace-banner__underline {
  margin-bottom: 0.75rem;
  line-height: 0;
}
.cablebrace-banner__underline img {
  display: block;
  width: auto;
  max-width: 7.5rem;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

.cablebrace-banner__experience-img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  max-width: 22.75rem;
  aspect-ratio: 91/60;
  width: 100%;
  border-radius: 0.5rem;
  overflow: hidden;
}
.cablebrace-banner__experience-img img {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 768px) {
  .cablebrace-banner__experience-img {
    max-width: none;
  }
}

.cablebrace-construction-videos__heading {
  margin-top: 2.5rem;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 768px) {
  .cablebrace-construction-videos__heading {
    margin-top: 2rem;
    margin-bottom: 1.25rem;
  }
}
.cablebrace-construction-videos__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}
@media screen and (max-width: 768px) {
  .cablebrace-construction-videos__grid {
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }
}
.cablebrace-construction-videos__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.cablebrace-construction-videos__video-wrap {
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: 0.5rem;
  overflow: hidden;
  background-color: #1F1F1F;
  margin-bottom: 0.75rem;
  -webkit-box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.12);
          box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.12);
}
.cablebrace-construction-videos__video {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}
.cablebrace-construction-videos__card-title {
  margin: 0 0 0.25rem;
  font-weight: 700;
  color: #1F1F1F;
}
.cablebrace-construction-videos__card-desc {
  margin: 0;
  color: #333333;
  font-size: 0.875rem;
  line-height: 1.6;
}

.cablebrace-faq__title {
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 768px) {
  .cablebrace-faq__title {
    margin-bottom: 1.25rem;
  }
}
.cablebrace-faq__category {
  margin-bottom: 2rem;
}
@media screen and (max-width: 768px) {
  .cablebrace-faq__category {
    margin-bottom: 1.5rem;
  }
}
.cablebrace-faq__category:last-child {
  margin-bottom: 0;
}
.cablebrace-faq__category-title {
  font-size: 1.125rem;
  font-weight: 700;
  color: #1F1F1F;
  margin: 0 0 1rem;
}
@media screen and (max-width: 768px) {
  .cablebrace-faq__category-title {
    font-size: 1rem;
    margin-bottom: 0.75rem;
  }
}
.cablebrace-faq__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.75rem;
}
.cablebrace-faq__item {
  background-color: #F8FBFF;
  border-radius: 0.5rem;
  overflow: hidden;
  -webkit-box-shadow: 0 0.0625rem 0.25rem rgba(0, 0, 0, 0.06);
          box-shadow: 0 0.0625rem 0.25rem rgba(0, 0, 0, 0.06);
}
.cablebrace-faq__question {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  padding: 1rem 1.25rem;
  cursor: pointer;
  list-style: none;
  position: relative;
  padding-right: 3rem;
}
.cablebrace-faq__question::-webkit-details-marker {
  display: none;
}
.cablebrace-faq__question::marker {
  display: none;
}
@media screen and (max-width: 768px) {
  .cablebrace-faq__question {
    padding: 0.875rem 1rem;
    padding-right: 2.75rem;
  }
}
.cablebrace-faq__question-label {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 1rem;
  font-weight: 700;
  color: #00438B;
}
@media screen and (max-width: 768px) {
  .cablebrace-faq__question-label {
    font-size: 0.875rem;
  }
}
.cablebrace-faq__question-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 0.9375rem;
  font-weight: 500;
  color: #1F1F1F;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .cablebrace-faq__question-text {
    font-size: 0.875rem;
  }
}
.cablebrace-faq__question-icon {
  position: absolute;
  right: 1.25rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 0.75rem;
  height: 0.75rem;
  border-right: 2px solid #00438B;
  border-bottom: 2px solid #00438B;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
@media screen and (max-width: 768px) {
  .cablebrace-faq__question-icon {
    right: 1rem;
  }
}
.cablebrace-faq__item[open] .cablebrace-faq__question-icon {
  -webkit-transform: translateY(-50%) rotate(-135deg);
          transform: translateY(-50%) rotate(-135deg);
}
.cablebrace-faq__answer {
  padding: 0 1.25rem 1rem;
  padding-left: 2.75rem;
}
@media screen and (max-width: 768px) {
  .cablebrace-faq__answer {
    padding: 0 1rem 0.875rem;
    padding-left: 2.375rem;
  }
}
.cablebrace-faq__answer p {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.7;
  color: #333333;
}

.cablebrace-materials {
  padding-bottom: 5rem;
}
@media screen and (max-width: 768px) {
  .cablebrace-materials {
    padding-bottom: 2.5rem;
  }
}
.cablebrace-materials__title {
  margin-bottom: 0.5rem;
}
.cablebrace-materials__lead {
  margin: 0 0 1.5rem;
  color: #333333;
}
@media screen and (max-width: 768px) {
  .cablebrace-materials__lead {
    margin-bottom: 1.25rem;
  }
}
.cablebrace-materials__popular {
  margin-top: 0;
}
.cablebrace-materials__popular-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1.5rem;
}
@media screen and (max-width: 768px) {
  .cablebrace-materials__popular-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1rem;
  }
}
.cablebrace-materials__popular-row .product-download__item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
@media screen and (max-width: 768px) {
  .cablebrace-materials__popular-row .product-download__item {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
  }
}
.cablebrace-materials__category {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .cablebrace-materials__category {
    margin-top: 1.5rem;
  }
}
.cablebrace-materials__category--inside {
  margin-top: 1.25rem;
  padding-top: 1rem;
}
@media screen and (max-width: 768px) {
  .cablebrace-materials__category--inside {
    margin-top: 1rem;
    padding-top: 0.75rem;
  }
}
.cablebrace-materials__category--inside:first-of-type {
  margin-top: 1.25rem;
  padding-top: 1.25rem;
}
@media screen and (max-width: 768px) {
  .cablebrace-materials__category--inside:first-of-type {
    margin-top: 1rem;
    padding-top: 1rem;
  }
}
.cablebrace-materials__category-title {
  font-size: 1.125rem;
  font-weight: 700;
  color: #1F1F1F;
  margin: 0 0 0.75rem;
}
@media screen and (max-width: 768px) {
  .cablebrace-materials__category-title {
    font-size: 1rem;
  }
}
.cablebrace-materials__link-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem 1.5rem;
}
@media screen and (max-width: 768px) {
  .cablebrace-materials__link-list {
    gap: 0.75rem 1rem;
  }
}
.cablebrace-materials__link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  color: #0464CB;
  text-decoration: none;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.cablebrace-materials__link:hover {
  opacity: 0.8;
}
.cablebrace-materials__link-icon {
  width: 0.875rem;
  height: 1.0625rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.cablebrace-materials__engineer {
  margin-top: 2rem;
  padding: 1.5rem;
  background-color: #F0F3F5;
  border-radius: 1rem;
}
@media screen and (max-width: 768px) {
  .cablebrace-materials__engineer {
    margin-top: 1.5rem;
    padding: 1rem;
  }
}
.cablebrace-materials__engineer-title {
  font-size: 1.125rem;
  font-weight: 700;
  color: #1F1F1F;
  margin: 0 0 0.5rem;
}
@media screen and (max-width: 768px) {
  .cablebrace-materials__engineer-title {
    font-size: 1rem;
    margin-bottom: 0.375rem;
  }
}
.cablebrace-materials__engineer-line {
  margin-bottom: 1rem;
}
@media screen and (max-width: 768px) {
  .cablebrace-materials__engineer-line {
    margin-bottom: 0.75rem;
  }
}
.cablebrace-materials__engineer-thumbs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.25rem;
}
@media screen and (max-width: 768px) {
  .cablebrace-materials__engineer-thumbs {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}
.cablebrace-materials__engineer-thumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.cablebrace-materials__engineer-thumb-img {
  background-color: #FFFFFF;
  border: 1px solid #C8C8C8;
  border-radius: 0.5rem;
  overflow: hidden;
  aspect-ratio: 4/3;
  margin-bottom: 0.75rem;
  -webkit-box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.06);
          box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.06);
}
.cablebrace-materials__engineer-thumb-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.cablebrace-materials__engineer-thumb-label {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  color: #1F1F1F;
  text-align: left;
}
.cablebrace-materials__engineer-note {
  margin: 1.5rem 0 1rem;
  font-size: 1rem;
  line-height: 1.7;
  color: #333333;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .cablebrace-materials__engineer-note {
    margin-top: 1.25rem;
    margin-bottom: 0.75rem;
  }
}
.cablebrace-materials__engineer-note-link {
  color: #00438B;
  font-weight: 600;
  text-decoration: underline;
}
.cablebrace-materials__engineer-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.5rem;
  padding: 0.875rem 1.5rem;
  background-color: #0464CB;
  color: #FFFFFF;
  font-weight: 600;
  text-decoration: none;
  border-radius: 1.5625rem;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  -webkit-box-shadow: 0 0.125rem 0.5rem rgba(4, 100, 203, 0.25);
          box-shadow: 0 0.125rem 0.5rem rgba(4, 100, 203, 0.25);
}
.cablebrace-materials__engineer-btn:hover {
  opacity: 0.9;
}
.cablebrace-materials__engineer-btn::after {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  border-right: 2px solid #FFFFFF;
  border-bottom: 2px solid #FFFFFF;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.fall-prevention-catalog .product-catalog__image {
  aspect-ratio: 355/149;
}
@media screen and (max-width: 768px) {
  .fall-prevention-catalog .product-catalog__image {
    aspect-ratio: 166/96;
  }
}

.noisebarriersafety-highlight {
  font-weight: 700;
}

.product-about__description-list-text.--mt24 {
  margin-top: 1.5rem;
}

.noisebarriersafety-about__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
}

.noisebarriersafety-imgs-two-col {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.5rem;
  max-width: 100%;
  overflow: hidden;
  border-radius: 0 !important;
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .noisebarriersafety-imgs-two-col {
    margin-top: 1rem;
    gap: 1rem;
    grid-template-columns: 1fr;
  }
}
.noisebarriersafety-imgs-two-col > .product-about__img,
.noisebarriersafety-imgs-two-col > .noisebarriersafety-img-label {
  min-width: 0;
  width: 100%;
  max-width: 100%;
}
.noisebarriersafety-imgs-two-col img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
@media screen and (max-width: 768px) {
  .noisebarriersafety-imgs-two-col {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}

.noisebarriersafety-img-label {
  position: relative;
}
.noisebarriersafety-img-label__text {
  position: absolute;
  top: 0.5rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  color: #DC3545;
  font-weight: 600;
}

.noisebarriersafety-nav-links .product-download__accordion-summary--link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  padding: 1rem 0;
  text-decoration: none;
  color: #1F1F1F;
  border-bottom: 1px solid #F8F8F8;
  cursor: pointer;
}
.noisebarriersafety-nav-links .product-download__accordion-summary--link:hover {
  opacity: 0.8;
}

.cable-types {
  margin-top: 1.875rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto auto auto auto;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
@media screen and (max-width: 768px) {
  .cable-types {
    grid-template-columns: 1fr;
    -webkit-column-gap: 0rem;
       -moz-column-gap: 0rem;
            column-gap: 0rem;
  }
}
.cable-types.--mt16 {
  margin-top: 1rem;
}
@media screen and (max-width: 768px) {
  .cable-types.--mt16 {
    margin-top: 0.5rem;
  }
}
.cable-types.cable-types--three-col {
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto auto auto;
  gap: 2.5rem;
}
@media screen and (max-width: 768px) {
  .cable-types.cable-types--three-col {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}
.cable-types.cable-types--three-col .cable-type-column {
  grid-row: span 3;
}
.cable-types.cable-types--three-col .cable-type-item__image-wrapper {
  border-radius: 0;
}
.cable-types.--mt32 {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .cable-types.--mt32 {
    margin-top: 1rem;
  }
}

@media screen and (max-width: 768px) {
  .table-scroll-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 1rem;
  }
}

.cable-type-column {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 4;
  row-gap: 0.5rem;
}
@media screen and (max-width: 768px) {
  .cable-type-column {
    grid-template-rows: auto;
    grid-row: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 2rem;
  }
}

.cable-type-item__title {
  color: #1F1F1F;
}
.cable-type-item__title.--fz18 {
  font-size: 1.125rem;
}
@media screen and (max-width: 768px) {
  .cable-type-item__title.--fz18 {
    font-size: 1rem;
  }
}
.cable-type-item__title.--mt24 {
  margin-top: 1.5rem;
}
.cable-type-item__title.--reset-margin {
  -webkit-margin-before: 0;
          margin-block-start: 0;
  -webkit-margin-after: 0;
          margin-block-end: 0;
}
.cable-type-item__image-wrapper {
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  border-radius: 0.5rem;
  background-color: #EEEEEE;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.cable-type-item__image {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.cable-type-item__description {
  color: #1F1F1F;
  line-height: 1.8;
}
.cable-type-item__description.--mt16 {
  margin-top: 1rem;
}
.cable-type-item__description.--fz14 {
  font-size: 0.875rem;
  line-height: 1.7;
}
@media screen and (max-width: 768px) {
  .cable-type-item__description.--fz14 {
    font-size: 0.8125rem;
  }
}

.roadsafety-spec-table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  min-width: 62.5rem;
}
@media screen and (max-width: 768px) {
  .roadsafety-spec-table {
    min-width: 50rem;
  }
}
.roadsafety-spec-table .col-dimension {
  width: 60%;
}
.roadsafety-spec-table .col-rope {
  width: 13.33%;
}
.roadsafety-spec-table .col-sleeve {
  width: 13.33%;
}
.roadsafety-spec-table .col-efficiency {
  width: 13.33%;
}
.roadsafety-spec-table th,
.roadsafety-spec-table td {
  padding: 0.375rem 1rem;
  border: 1px solid #E1E1E1;
  vertical-align: middle;
  text-align: center;
}
.roadsafety-spec-table thead th {
  color: #1F1F1F;
  padding: 0.25rem 0.5rem;
  line-height: 1.3;
}
.roadsafety-spec-table thead th.--bg_glay {
  border: 1px solid #D9D9D9;
  background: #F7F8FC;
}
.roadsafety-spec-table thead th.--fw400 {
  font-weight: 400;
}
.roadsafety-spec-table tbody th {
  color: #333333;
  text-align: center;
}
.roadsafety-spec-table tbody th.--center {
  text-align: center;
}
.roadsafety-spec-table tbody th.--fw400 {
  font-weight: 400;
}
.roadsafety-spec-table tbody td.--center {
  text-align: center;
}
.roadsafety-spec-table tbody td img {
  max-width: 70% !important;
  height: auto;
  display: block;
  margin: 0 auto;
}
.roadsafety-spec-table sup {
  font-size: 0.75em;
}
@media screen and (max-width: 768px) {
  .roadsafety-spec-table {
    font-size: 0.875rem;
  }
  .roadsafety-spec-table th,
  .roadsafety-spec-table td {
    padding: 0.5rem 0.75rem;
  }
}

.roadsafety-press-table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  min-width: 50rem;
}
@media screen and (max-width: 768px) {
  .roadsafety-press-table {
    min-width: 37.5rem;
  }
}
.roadsafety-press-table .col-press-1,
.roadsafety-press-table .col-press-2,
.roadsafety-press-table .col-press-3,
.roadsafety-press-table .col-press-4 {
  width: 25%;
}
.roadsafety-press-table th,
.roadsafety-press-table td {
  padding: 0.75rem 1rem;
  border: 1px solid #E1E1E1;
  vertical-align: middle;
  text-align: center;
}
.roadsafety-press-table thead th {
  color: #1F1F1F;
}
.roadsafety-press-table thead th.--bg_glay {
  border: 1px solid #D9D9D9;
  background: #F7F8FC;
}
.roadsafety-press-table thead th.--fw400 {
  font-weight: 400;
}
.roadsafety-press-table tbody th {
  color: #333333;
  text-align: center;
}
.roadsafety-press-table tbody th.--center {
  text-align: center;
}
.roadsafety-press-table tbody th.--fw400 {
  font-weight: 400;
}
.roadsafety-press-table tbody td.--center {
  text-align: center;
}
.roadsafety-press-table tbody td img {
  max-width: 80%;
  height: auto;
  display: block;
  margin: 0 auto;
}
.roadsafety-press-table tbody td.press-image-cell {
  position: relative;
}
.roadsafety-press-table tbody td.press-image-cell .press-label {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  background: #F7F8FC;
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  font-weight: 400;
  color: #1F1F1F;
  border: 1px solid #D9D9D9;
  border-radius: 0.25rem;
  z-index: 1;
}
.roadsafety-press-table sup {
  font-size: 0.75em;
}
@media screen and (max-width: 768px) {
  .roadsafety-press-table {
    font-size: 0.875rem;
  }
  .roadsafety-press-table th,
  .roadsafety-press-table td {
    padding: 0.5rem 0.75rem;
  }
}

.bridge-cable-catalog .product-catalog__image {
  aspect-ratio: 355/149;
}
@media screen and (max-width: 768px) {
  .bridge-cable-catalog .product-catalog__image {
    aspect-ratio: 166/96;
  }
}

.option-badge {
  display: inline-block;
  background-color: #333;
  color: #fff;
  padding: 0.125rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.875rem;
  font-weight: 500;
  margin-left: 0.5rem;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .option-badge {
    font-size: 0.75rem;
    padding: 0.1875rem 0.625rem;
  }
}
.option-badge--blue {
  background-color: #0464CB;
}
.option-badge--absolute {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  margin-left: 0;
  padding: 0.00625rem 0.5rem;
}

.cable-type-item__image-wrapper {
  background-color: transparent;
  aspect-ratio: auto;
}

.spwc-project-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}
@media screen and (max-width: 768px) {
  .spwc-project-grid {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}

.spwc-project-grid-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
}
@media screen and (max-width: 768px) {
  .spwc-project-grid-item {
    gap: 0.25rem;
  }
}
.spwc-project-grid-item__image {
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  border-radius: 0.5rem;
}
.spwc-project-grid-item__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.spwc-project-grid-item__caption {
  color: #1F1F1F;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .spwc-project-grid-item__caption {
    text-align: left;
  }
}

.bridge-maintenance-catalog .product-catalog__image {
  aspect-ratio: 355/149;
}
@media screen and (max-width: 768px) {
  .bridge-maintenance-catalog .product-catalog__image {
    aspect-ratio: 166/96;
  }
}

.cable-maintenance-note {
  background-color: #e8f4f8;
  padding: 1.5rem;
  border-radius: 0.25rem;
}
@media screen and (max-width: 768px) {
  .cable-maintenance-note {
    padding: 1rem;
  }
}
.cable-maintenance-note__text {
  line-height: 1.8;
}

.cable-maintenance-mechanism,
.cable-maintenance-features {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.cable-maintenance-mechanism__item,
.cable-maintenance-mechanism .cable-maintenance-feature-item,
.cable-maintenance-features__item,
.cable-maintenance-features .cable-maintenance-feature-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.5rem;
}
.cable-maintenance-mechanism__text,
.cable-maintenance-mechanism .cable-maintenance-feature-text,
.cable-maintenance-features__text,
.cable-maintenance-features .cable-maintenance-feature-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  line-height: 1.8;
}

.cable-maintenance-accuracy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  padding: 1.5rem;
  background-color: #f8f9fa;
  border-radius: 0.25rem;
}
@media screen and (max-width: 768px) {
  .cable-maintenance-accuracy {
    padding: 1rem;
  }
}
.cable-maintenance-accuracy-item p {
  line-height: 1.8;
}

.cable-maintenance-accuracy-table {
  background-color: #f8f8f8;
  border-radius: 0.25rem;
  padding: 1.5rem;
}
@media screen and (max-width: 768px) {
  .cable-maintenance-accuracy-table {
    padding: 1rem;
  }
}
.cable-maintenance-accuracy-table__title {
  font-size: 1.125rem;
  font-weight: bold;
  margin-bottom: 1rem;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .cable-maintenance-accuracy-table__title {
    font-size: 1rem;
    margin-bottom: 0.75rem;
  }
}
.cable-maintenance-accuracy-table__content {
  width: 100%;
  border-collapse: collapse;
}

.cable-maintenance-accuracy-label {
  padding: 0.125rem 0;
  line-height: 1.6;
  width: 23%;
}
@media screen and (max-width: 768px) {
  .cable-maintenance-accuracy-label {
    font-size: 0.875rem;
    width: 60%;
  }
}

.cable-maintenance-accuracy-value {
  padding: 0.125rem 0 0.125rem 1rem;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .cable-maintenance-accuracy-value {
    padding: 0.125rem 0 0.125rem 0.5rem;
    font-size: 0.875rem;
  }
}

.cable-maintenance-material-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
}
@media screen and (max-width: 768px) {
  .cable-maintenance-material-grid {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
}

.cable-maintenance-material-item {
  padding: 1.25rem;
  background-color: #f8f9fa;
  border-radius: 0.5rem;
}

.cable-maintenance-material-badge {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  border-radius: 0.25rem;
  font-size: 0.875rem;
  font-weight: bold;
  margin-bottom: 0.75rem;
  color: #fff;
}
.cable-maintenance-material-badge--blue {
  background-color: #0066cc;
}
.cable-maintenance-material-badge--yellow {
  background-color: #ffc107;
  color: #333;
}
.cable-maintenance-material-badge--orange {
  background-color: #ff9800;
}
.cable-maintenance-material-badge--gray {
  background-color: #6c757d;
}

.cable-maintenance-material-title {
  font-size: 1.125rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
}

.cable-maintenance-material-text {
  line-height: 1.8;
  font-size: 0.875rem;
}

.antimec-material-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.75rem;
}
@media screen and (max-width: 768px) {
  .antimec-material-grid {
    grid-template-columns: 1fr;
    gap: 0.75rem;
  }
}

.antimec-material-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.75rem;
}

.antimec-material-item {
  position: relative;
  padding: 1rem;
  background-color: #f8f8f8;
  border-radius: 0.25rem;
}
.antimec-material-item--large {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0.5rem;
}
.antimec-material-item--small {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0.5rem;
}

.antimec-material-title {
  font-size: 1.125rem;
  font-weight: bold;
  margin-top: 0rem;
  margin-bottom: 0.25rem;
  line-height: 1.4;
  padding-right: 5rem;
}
@media screen and (max-width: 768px) {
  .antimec-material-title {
    font-size: 1rem;
    padding-right: 4.375rem;
  }
}

.antimec-material-text {
  line-height: 1.7;
  font-size: 0.875rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (max-width: 768px) {
  .antimec-material-text {
    font-size: 0.8125rem;
  }
}

.product-download__contact-inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  margin-left: 1.5rem;
}
@media screen and (max-width: 768px) {
  .product-download__contact-inline {
    margin-left: 0;
  }
}

.product-download__contact-office-name {
  font-weight: bold;
  margin-bottom: 0.25rem;
}
.product-download__contact-office p {
  line-height: 1.8;
}
.product-download__contact-office p:not(:last-child) {
  margin-bottom: 0.125rem;
}

.cable-inspection-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.75rem;
}
@media screen and (max-width: 768px) {
  .cable-inspection-grid {
    grid-template-columns: 1fr;
    gap: 0.75rem;
  }
}

.cable-inspection-grid-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.25rem;
}
.cable-inspection-grid-item__image {
  aspect-ratio: 6/5;
  overflow: hidden;
  border-radius: 0.25rem;
}
.cable-inspection-grid-item__caption-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.25rem;
}
.cable-inspection-grid-item__caption-title {
  font-weight: bold;
  line-height: 1.4;
}
.cable-inspection-grid-item__caption {
  text-align: left;
  line-height: 1.6;
  font-size: 0.875rem;
}

.cable-inspection-grid-item--construction .cable-inspection-grid-item__image {
  aspect-ratio: 6/4;
}

.antimec-material-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.75rem;
}
@media screen and (max-width: 768px) {
  .antimec-material-grid {
    grid-template-columns: 1fr;
    gap: 0.75rem;
  }
}

.antimec-material-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.75rem;
}

.cable-inspection-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.replica-method-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
}
@media screen and (max-width: 768px) {
  .replica-method-grid {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}

.replica-method-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
}
.replica-method-item__image {
  width: 100%;
}
.replica-method-item__image img {
  width: 100%;
  height: auto;
  display: block;
}
.replica-method-item__caption {
  text-align: left;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .replica-method-item__caption {
    text-align: left;
    font-size: 0.875rem;
  }
}

.replica-composite {
  position: relative;
  width: 100%;
}
.replica-composite__image {
  width: 100%;
  height: auto;
  display: block;
}
.replica-composite__labels {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0;
  margin-top: 0.5rem;
}
.replica-composite__label {
  text-align: center;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .replica-composite__label {
    font-size: 0.875rem;
  }
}
.replica-composite__label--left {
  text-align: left;
}
.replica-composite__label--right {
  text-align: left;
}

@media screen and (max-width: 768px) {
  .product-about__grid {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
}

.product-back-panel--no-link {
  cursor: default;
  pointer-events: none;
}
.product-back-panel--no-link:hover {
  opacity: 1;
}

.product-about__description-title--no-underline {
  border-bottom: none;
}

.highstrength-usecase {
  background-color: #F8F8F8;
  padding: 1.5rem 1.5rem 2rem;
  border-radius: 0.5rem;
}
@media screen and (max-width: 768px) {
  .highstrength-usecase {
    padding: 1rem 1rem 1.5rem;
  }
}
.highstrength-usecase__list {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.highstrength-usecase__list li {
  padding: 0.25rem 0;
  line-height: 1.4;
}

.zincplating-spec-title {
  padding-left: 0;
}

.product-about__table--zincplating {
  min-width: 45rem;
}
.product-about__table--zincplating th,
.product-about__table--zincplating td {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.product-about__table--zincplating thead th {
  text-align: center;
}
.product-about__table--zincplating tbody th {
  text-align: left !important;
}
.product-about__table--zincplating thead th,
.product-about__table--zincplating tbody th,
.product-about__table--zincplating td {
  width: auto;
}
.product-about__table--zincplating thead th:nth-child(1),
.product-about__table--zincplating tbody th:nth-child(1) {
  width: 24%;
}
.product-about__table--zincplating thead th:nth-child(2),
.product-about__table--zincplating thead th:nth-child(3),
.product-about__table--zincplating thead th:nth-child(4),
.product-about__table--zincplating thead th:nth-child(5),
.product-about__table--zincplating tbody td:nth-child(2),
.product-about__table--zincplating tbody td:nth-child(3),
.product-about__table--zincplating tbody td:nth-child(4),
.product-about__table--zincplating tbody td:nth-child(5) {
  width: 19%;
}
.product-about__table--zincplating tbody td div img {
  max-width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

.product-about__table--reset {
  min-width: 60rem;
  table-layout: fixed;
}
.product-about__table--reset th,
.product-about__table--reset td {
  padding: 0.5rem 1rem;
  font-size: 1rem;
}
@media screen and (max-width: 768px) {
  .product-about__table--reset th,
  .product-about__table--reset td {
    font-size: 0.875rem;
    padding: 0.375rem 0.5rem;
  }
}
.product-about__table--reset thead th {
  text-align: center;
  vertical-align: middle;
  line-height: 1.4;
}
.product-about__table--reset tbody td {
  text-align: center;
  vertical-align: middle;
}
.product-about__table--reset th:nth-child(2),
.product-about__table--reset td:nth-child(2) {
  width: 8% !important;
}
.product-about__table--reset th:nth-child(3),
.product-about__table--reset td:nth-child(3) {
  width: 8% !important;
}
.product-about__table--reset th:nth-child(4),
.product-about__table--reset td:nth-child(4) {
  width: 8% !important;
}
.product-about__table--reset .product-about__table-note {
  font-size: 0.75rem;
}
.product-about__table--reset th:nth-child(1),
.product-about__table--reset td:nth-child(1),
.product-about__table--reset th:nth-child(5),
.product-about__table--reset td:nth-child(5),
.product-about__table--reset th:nth-child(6),
.product-about__table--reset td:nth-child(6),
.product-about__table--reset th:nth-child(7),
.product-about__table--reset td:nth-child(7),
.product-about__table--reset th:nth-child(8),
.product-about__table--reset td:nth-child(8) {
  width: 16.5% !important;
}

.under-top__inner.privacy {
  padding-bottom: 2.5rem;
}
@media screen and (max-width: 768px) {
  .under-top__inner.privacy {
    padding-bottom: 0rem;
  }
}

.privacy-policy {
  font-family: "Noto Sans JP", sans-serif;
  color: #1F1F1F;
  padding-inline: 25px;
  padding-bottom: 2.5rem;
  max-width: 73.75rem;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.5rem;
}
@media screen and (max-width: 768px) {
  .privacy-policy {
    padding-block: 1rem 2rem;
    padding-inline: 15px;
    gap: 1rem;
  }
}

.privacy-policy__content-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.privacy-policy__section:nth-of-type(1) .privacy-policy__content-flex {
  gap: 0.5rem;
}

.privacy-policy__section:nth-of-type(7) .privacy-policy__content-flex {
  gap: 1.5rem;
}

/* --- 見出し --- */
.privacy-policy__title {
  padding-bottom: 0.5rem;
}

/* --- テキスト --- */
.privacy-policy__text--margin-top {
  margin-top: 0.5rem;
}
.privacy-policy__text--margin-bottom {
  margin-bottom: 0.5rem;
}

/* --- リスト --- */
.privacy-policy__list {
  list-style-type: none;
  padding-left: 0;
}

.privacy-policy__list-item {
  padding-left: 2em; /* 記号分のスペースを確保 */
  text-indent: -2em; /* 記号をはみ出させて、テキストの左端を揃える */
}

/* --- リンク --- */
.privacy-policy__link {
  color: #1F1F1F;
  text-decoration: underline;
}

/* --- 変数定義 --- */
.contact-link {
  color: #1F1F1F;
  text-decoration: underline;
}

.account-policy {
  font-family: "Noto Sans JP", sans-serif;
  color: #1F1F1F;
  padding: 0 25px;
  max-width: 73.75rem;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .account-policy {
    padding-top: 1rem;
  }
}

.account-policy-section {
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 768px) {
  .account-policy-section {
    margin-bottom: 1rem;
  }
}
.account-policy-section:last-child {
  margin-bottom: 2.5rem;
}

.account-operation-policy .section-text {
  margin-bottom: 0.5rem;
}

/* --- 見出し --- */
.section-title {
  padding-bottom: 0.5rem;
}

.section-text.margin-top-8 {
  margin-top: 0.5rem;
}

.section-text.margin-bottom-8 {
  margin-bottom: 0.5rem;
}

/* --- リスト --- */
.custom-list {
  list-style-type: none;
  padding-left: 0;
}
.custom-list .custom-list-item {
  padding-left: 2em; /* 記号分のスペースを確保 */
  text-indent: -2em; /* 記号をはみ出させて、テキストの左端を揃える */
}

/* --- 全体を囲むコンテナ --- */
.social-media-info {
  font-family: "Noto Sans JP", sans-serif;
  max-width: 73.75rem;
  margin: 0.5rem auto 2.5rem;
}
@media screen and (max-width: 768px) {
  .social-media-info {
    margin-block: 0 1rem;
  }
}

/* --- 各行のスタイル --- */
.info-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1rem 0;
  border-bottom: 0.125rem solid #C8C8C8;
}
@media screen and (max-width: 768px) {
  .info-row {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    border-bottom: none;
    padding: 0;
  }
}

/* --- ラベル（左側）のスタイル --- */
.info-label {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 13.625rem;
          flex: 0 0 13.625rem;
  font-size: 1.25rem;
  font-weight: 700;
  color: #1F1F1F;
  position: relative;
}
@media screen and (max-width: 768px) {
  .info-label {
    border-bottom: 0.125rem solid #009FE3;
    padding-block: 1rem;
    width: 32vw;
    -webkit-box-flex: initial;
        -ms-flex: initial;
            flex: initial;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 1rem;
  }
}
.info-label::after {
  content: "";
  position: absolute;
  bottom: -0.9em;
  left: 0;
  width: 13.625rem;
  height: 0.125rem;
  background-color: #009FE3;
}
@media screen and (max-width: 768px) {
  .info-label::after {
    display: none;
  }
}

/* --- 値（右側）のスタイル --- */
.info-value {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #1F1F1F;
  word-break: break-all;
  padding-left: 1rem;
}
@media screen and (max-width: 768px) {
  .info-value {
    border-bottom: 0.125rem solid #C8C8C8;
    padding-block: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.info-value a {
  color: inherit;
  text-decoration: none;
}
.info-value a:hover {
  text-decoration: underline;
}

.email-link {
  color: #1F1F1F;
  text-decoration: underline;
}

.google-link {
  color: #1F1F1F;
  text-decoration: underline;
}

@media screen and (max-width: 768px) {
  .sitemap {
    margin-top: 2.8125rem;
  }
}
.sitemap a {
  text-decoration: none;
  color: #1F1F1F;
}
.sitemap__inner {
  max-width: 1130px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.5rem;
  padding-bottom: 2.5rem;
}
@media screen and (max-width: 768px) {
  .sitemap__inner {
    gap: 1rem;
  }
}
.sitemap__group-title {
  margin-bottom: 1rem;
}
.sitemap__group:not(:has(.sitemap__body)) .sitemap__group-title {
  margin-bottom: 0;
}
.sitemap__body {
  padding-left: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
@media screen and (max-width: 768px) {
  .sitemap__category {
    padding-block: 0.5rem;
  }
}
.sitemap__category-title {
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 768px) {
  .sitemap__category-title {
    margin-bottom: 1.5rem;
  }
}
.sitemap__category:not(:has(ul)) .sitemap__category-title {
  margin-bottom: 0;
}
.sitemap__category-title.common-btn::before {
  width: 1.75rem;
  height: 1.75rem;
  right: -0.75rem;
}
@media screen and (max-width: 768px) {
  .sitemap__category-title.common-btn::before {
    width: 1.5rem;
    height: 1.5rem;
    right: -0.625rem;
  }
}
.sitemap__category-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.5rem 2.5rem;
}
@media screen and (max-width: 768px) {
  .sitemap__category-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 2rem 2.5rem;
  }
  .sitemap__category-list li {
    white-space: nowrap;
  }
}

.under-top-catalog__img img {
  display: block;
  width: auto;
  height: 17.5rem;
  aspect-ratio: 676/676;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .under-top-catalog__img img {
    height: 38vw;
  }
}

.under-top-catalog__text {
  max-width: 39.375rem;
}

.catalog-tab {
  background-color: #F5F5F5;
  padding: 1.125rem 0;
  margin-top: 2.5rem;
}
@media screen and (max-width: 768px) {
  .catalog-tab {
    margin-top: 1.5rem;
    padding-block: 1rem;
  }
}

.catalog-tab__inner {
  max-width: 1410px;
  margin: 0 auto;
}

.catalog-tab__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.catalog-tab__item {
  background-color: #FFFFFF;
  border-radius: 1.875rem;
  padding: 0.5rem 1rem;
}
.catalog-tab__item a {
  color: #1F1F1F;
  text-decoration: none;
}
.catalog-tab__item.active {
  background-color: #009FE3;
}
.catalog-tab__item.active a {
  color: #FFFFFF;
  font-weight: 700;
}
.catalog-tab__item:hover:not(.active) {
  background-color: #F8FBFF;
}

.catalog-content {
  padding: 4rem 0;
}
@media screen and (max-width: 768px) {
  .catalog-content {
    padding-block: 2.1875rem 0;
  }
}
.catalog-content__inner {
  max-width: 1180px;
  margin: 0 auto;
}
.catalog-content__items {
  max-width: 1130px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem 1.5rem;
  padding-block: 1.875rem 2.5rem;
}
@media screen and (max-width: 768px) {
  .catalog-content__items {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem 0.5rem;
    padding-block: 1.6875rem 3.1875rem;
  }
  .catalog-content__items:last-child {
    padding-bottom: 1rem;
  }
}
.catalog-content__item {
  width: 16.53125rem;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 0.25rem 0.25rem 1rem;
  border-radius: 1rem;
  background-color: #F0F3F5;
  position: relative;
  overflow: hidden;
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .catalog-content__item {
    padding: 0.25rem 0.25rem 0.5rem;
    width: 11.03125rem;
  }
}
@media screen and (max-width: 768px) {
  .catalog-content__item-wrap {
    padding-top: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .catalog-content__item-wrap:first-child {
    padding-top: 0;
  }
}
.catalog-content__item-img {
  width: 16.03125rem;
  height: auto;
  display: block;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.75rem 0.75rem 0 0;
}
@media screen and (max-width: 768px) {
  .catalog-content__item-img {
    width: 10.53125rem;
  }
}
.catalog-content__item-title {
  margin-top: 0.5rem;
  padding: 0 0.5rem;
}
.catalog-content__item-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1rem;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 10;
  border-radius: 0.75rem;
}
.catalog-content__item:hover .catalog-content__item-overlay {
  opacity: 1;
  visibility: visible;
}
.catalog-content__item-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  background-color: rgba(255, 255, 255, 0.95);
  border-radius: 0.5rem;
  padding: 0.5625rem 1rem;
  text-decoration: none;
  color: #1F1F1F;
  width: 9.75rem;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  -webkit-transition: -webkit-transform 0.2s ease, -webkit-box-shadow 0.2s ease;
  transition: -webkit-transform 0.2s ease, -webkit-box-shadow 0.2s ease;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  transition: transform 0.2s ease, box-shadow 0.2s ease, -webkit-transform 0.2s ease, -webkit-box-shadow 0.2s ease;
}
.catalog-content__item-btn:hover {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.catalog-content__item-btn-icon {
  width: 1.25rem;
  height: 1.25rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.catalog-content__item-btn-text {
  white-space: nowrap;
}
.catalog-content__item-file-icon {
  width: 1.5rem;
  height: 1.5rem;
}
.catalog-content__item-file-name-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.5rem 0.5rem 0;
}

.sustainability-index {
  padding: 3.125rem 0 6.25rem;
}

.sustainability-index__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2.5rem;
  max-width: 62.5rem;
  margin: 5rem auto 0;
}

.sustainability-index__link {
  display: block;
  text-decoration: none;
  color: #333;
}

.sustainability-index__link:hover {
  opacity: 0.8;
}

.sustainability-index__image {
  width: 100%;
  margin-top: 1.875rem;
}

.sustainability-index__image img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  max-height: 18.75rem;
}

@media (max-width: 768px) {
  .sustainability-index__list {
    grid-template-columns: 1fr;
    gap: 1.875rem;
    margin-top: 2.5rem;
  }
  .sustainability-index {
    padding: 1.875rem 0 3.75rem;
  }
  .sustainability-index__main-title {
    font-size: 1.75rem;
    padding: 0.9375rem;
  }
}
.sdgs-content {
  padding: 5rem 0 7.5rem;
}
@media screen and (max-width: 768px) {
  .sdgs-content {
    padding: 3.75rem 0 5rem;
  }
}

.sdgs-content__inner {
  max-width: 62.5rem;
  margin: 0 auto;
  padding: 0 1.25rem;
}
@media screen and (max-width: 768px) {
  .sdgs-content__inner {
    padding: 0 0.625rem;
  }
}

.sdgs-about {
  margin-bottom: 6.25rem;
}
@media screen and (max-width: 768px) {
  .sdgs-about {
    margin-bottom: 4.375rem;
  }
}

.sdgs-about__title {
  text-align: center;
  margin-bottom: 1.5rem;
  font-size: 1.625rem;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .sdgs-about__title {
    font-size: 1.25rem;
    margin-bottom: 1rem;
  }
}

.sdgs-about__line {
  margin-bottom: 3.125rem;
  text-align: center;
  max-width: 36.0625rem;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .sdgs-about__line {
    margin-bottom: 1.25rem;
    max-width: 100%;
  }
}
.sdgs-about__line img {
  width: 100%;
  height: auto;
}

.sdgs-about__content {
  margin-top: 3.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3.75rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  .sdgs-about__content {
    margin-top: 2.5rem;
    gap: 1.5rem;
  }
}

.sdgs-about__image {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 36.25rem;
}
@media screen and (max-width: 768px) {
  .sdgs-about__image {
    width: 100%;
    max-width: 31.25rem;
  }
}
.sdgs-about__image img {
  width: 100%;
  height: auto;
}

.sdgs-about__text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 1rem;
  max-width: 36.25rem;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .sdgs-about__text {
    font-size: 0.9375rem;
  }
}

.sdgs-connection {
  margin-bottom: 6.25rem;
}
@media screen and (max-width: 768px) {
  .sdgs-connection {
    margin-bottom: 4.375rem;
  }
}

.sdgs-connection__title {
  text-align: center;
  margin-bottom: 2.5rem;
  font-size: 1.625rem;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .sdgs-connection__title {
    font-size: 1.25rem;
    margin-bottom: 1rem;
  }
}

.sdgs-connection__line {
  margin-bottom: 3.125rem;
  text-align: center;
  max-width: 36.0625rem;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .sdgs-connection__line {
    margin-bottom: 1.25rem;
    max-width: 100%;
  }
}
.sdgs-connection__line img {
  max-width: 100%;
  height: auto;
}

.sdgs-connection__text {
  font-size: 1rem;
  margin-bottom: 3.125rem;
  max-width: 36.875rem;
  width: 100%;
  margin-inline: auto;
  margin-top: 2.5rem;
}
@media screen and (max-width: 768px) {
  .sdgs-connection__text {
    font-size: 0.9375rem;
    margin-top: 2.1875rem;
    margin-bottom: 2.8125rem;
  }
}

.sdgs-connection__flow {
  margin-top: 3.125rem;
  margin-bottom: 2.5rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .sdgs-connection__flow {
    margin-top: 2.5rem;
    margin-bottom: 2.1875rem;
  }
}
.sdgs-connection__flow img {
  max-width: 100%;
  height: auto;
}

.sdgs-connection__link {
  text-align: center;
}
.sdgs-connection__link a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  color: #0068B7;
  text-decoration: none;
  font-size: 1rem;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.sdgs-connection__link a:hover {
  opacity: 0.7;
}
@media screen and (max-width: 768px) {
  .sdgs-connection__link a {
    font-size: 0.75rem;
  }
}

.sdgs-connection__link-icon {
  font-size: 0.875rem;
  font-weight: 900;
}

.sdgs-goals__title {
  text-align: center;
  margin-bottom: 1.5rem;
  font-size: 1.625rem;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .sdgs-goals__title {
    font-size: 1.25rem;
    margin-bottom: 1rem;
  }
}

.sdgs-goals__line {
  margin-bottom: 3.125rem;
  text-align: center;
  max-width: 36.0625rem;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .sdgs-goals__line {
    margin-bottom: 1.25rem;
    max-width: 100%;
  }
}

.sdgs-goals__container {
  margin-top: 3.125rem;
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 768px) {
  .sdgs-goals__container {
    margin-top: 1.25rem;
    margin-bottom: 1.875rem;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 1.25rem;
  }
  .sdgs-goals__container::-webkit-scrollbar {
    display: none;
  }
}

.sdgs-goals__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 3.125rem;
}
@media screen and (max-width: 768px) {
  .sdgs-goals__header {
    min-width: 56.25rem;
    margin-top: 1.25rem;
  }
}

.sdgs-goals__header-items {
  position: relative;
  width: 70%;
  background-color: #999;
  padding-left: 2.75rem;
}
@media screen and (max-width: 768px) {
  .sdgs-goals__header-items {
    padding-left: 1.25rem;
  }
}

.sdgs-goals__header-item-sub {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 0.3125rem 9.1875rem;
  border-top: solid 0.25rem white;
  border-left: solid 0.25rem white;
}

.sdgs-goals__header-item {
  width: 27%;
  background-color: #999;
  padding: 0.9375rem;
  text-align: center;
  font-weight: 700;
  font-size: 1rem;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .sdgs-goals__header-item {
    font-size: 0.875rem;
  }
}

.sdgs-goals__link {
  display: block;
  text-decoration: none;
  color: inherit;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.sdgs-goals__link:hover {
  opacity: 0.8;
}

.sdgs-goals__contents {
  display: grid;
  grid-template-columns: 70% 27%;
  gap: 3%;
  background-color: #fff;
  border-bottom: 1px solid #666;
}
@media screen and (max-width: 768px) {
  .sdgs-goals__contents {
    min-width: 56.25rem;
  }
}

.sdgs-goals__index {
  display: grid;
  grid-template-columns: 38% 62%;
  padding: 2.5rem 0rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  .sdgs-goals__index {
    grid-template-columns: 35% 65%;
    padding: 1rem 0rem;
  }
}

.sdgs-goals__goal-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.25rem;
  font-weight: 700;
  text-align: left;
  background-color: #fff;
  letter-spacing: 0.001em;
}
@media screen and (max-width: 768px) {
  .sdgs-goals__goal-title {
    font-size: 1rem;
  }
}

.sdgs-goals__goal-title--yellow {
  color: #fd9d24;
}

.sdgs-goals__goal-title--green {
  color: #19486a;
}

.sdgs-goals__goal-title--pink {
  color: #a21942;
}

.sdgs-goals__items ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sdgs-goals__items ul li {
  position: relative;
  padding-left: 1rem;
  font-size: 1rem;
  color: #1F1F1F;
  text-align: left;
}
.sdgs-goals__items ul li:last-child {
  margin-bottom: 0;
}
.sdgs-goals__items ul li::before {
  content: "●";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #1F1F1F;
  font-size: 0.625rem;
}
@media screen and (max-width: 768px) {
  .sdgs-goals__items ul li {
    font-size: 0.8125rem;
    margin-bottom: 0.375rem;
  }
}

.sdgs-goals__icons-set {
  padding: 3.75rem 0rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem 0.75rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: center;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .sdgs-goals__icons-set {
    padding: 1rem;
    gap: 0.75rem 0.5rem;
    grid-template-columns: repeat(3, 1fr);
  }
}
.sdgs-goals__icons-set img {
  width: 5rem;
  height: auto;
}
@media screen and (max-width: 768px) {
  .sdgs-goals__icons-set img {
    width: 3.75rem;
  }
}

.sdgs__links {
  margin-top: 1.5625rem;
}
@media screen and (max-width: 768px) {
  .sdgs__links {
    margin-top: 1.875rem;
  }
}

.sdgs__link {
  margin-top: 0.9375rem;
  text-align: center;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 768px) {
  .sdgs__link {
    margin-top: 0.625rem;
    margin-bottom: 0.5rem;
  }
}
.sdgs__link a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  color: #0068B7;
  text-decoration: none;
  font-size: 1rem;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.sdgs__link a:hover {
  opacity: 0.7;
}
@media screen and (max-width: 768px) {
  .sdgs__link a {
    font-size: 0.75rem;
  }
}

.sdgs__detail-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .sdgs__detail-links {
    gap: 0.25rem;
  }
}
.sdgs__detail-links a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.5rem;
  color: #0068B7;
  text-decoration: none;
  font-size: 0.875rem;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.sdgs__detail-links a:hover {
  opacity: 0.7;
}
@media screen and (max-width: 768px) {
  .sdgs__detail-links a {
    font-size: 0.75rem;
  }
}

.sdgs__link-icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 0.875rem;
}

.sdgs-detail {
  padding: 5rem 0 7.5rem;
}
@media screen and (max-width: 768px) {
  .sdgs-detail {
    padding: 3.75rem 0 5rem;
  }
}

.sdgs-detail__inner {
  max-width: 62.5rem;
  margin: 0 auto;
  padding: 0 1.25rem;
}
@media screen and (max-width: 768px) {
  .sdgs-detail__inner {
    padding: 0 0.625rem;
  }
}

.sdgs-detail__page-title {
  font-size: 2.375rem;
  font-weight: 700;
  line-height: 1.6;
  margin-bottom: 2.1875rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .sdgs-detail__page-title {
    font-size: 1.75rem;
    margin-bottom: 1.5625rem;
  }
}

.sdgs-detail__page-title--yellow {
  color: #fd9d24;
}

.sdgs-detail__page-title--green {
  color: #19486a;
}

.sdgs-detail__page-title--pink {
  color: #a21942;
}

.sdgs-detail__color-line {
  text-align: center;
  max-width: 36.0625rem;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .sdgs-detail__color-line {
    max-width: 100%;
  }
}
.sdgs-detail__color-line img {
  width: 100%;
  height: auto;
}

.sdgs-detail__article {
  margin-top: 6.25rem;
  margin-bottom: 6.25rem;
}
@media screen and (max-width: 768px) {
  .sdgs-detail__article {
    margin-top: 4.375rem;
    margin-bottom: 4.375rem;
  }
}

.sdgs-detail__article-title {
  font-size: 1.375rem;
  font-weight: 700;
  color: #1F1F1F;
  text-align: center;
  padding-bottom: 1.25rem;
  border-bottom: solid 2px #fd9d24;
}
@media screen and (max-width: 768px) {
  .sdgs-detail__article-title {
    font-size: 1.25rem;
    padding-bottom: 0.9375rem;
  }
}

.sdgs-detail__article-title--green {
  border-bottom-color: #19486a;
}

.sdgs-detail__article-title--pink {
  border-bottom-color: #a21942;
}

.sdgs-detail__article-image {
  max-width: 25rem;
  width: 100%;
  margin-inline: auto;
  margin-top: 3.125rem;
}
@media screen and (max-width: 768px) {
  .sdgs-detail__article-image {
    margin-top: 2.1875rem;
    padding: 0 0.9375rem;
  }
}
.sdgs-detail__article-image img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.sdgs-detail__article-image--eco-action {
  max-width: 12.5rem;
}
.sdgs-detail__article-image--double {
  max-width: 25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.5rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  .sdgs-detail__article-image--double {
    max-width: 18.75rem;
    gap: 1.25rem;
  }
}
.sdgs-detail__article-image--double img {
  width: 10.3125rem;
}
@media screen and (max-width: 768px) {
  .sdgs-detail__article-image--double img {
    width: 8.75rem;
  }
}

.sdgs-detail__article-description {
  width: 86%;
  margin-inline: auto;
  margin-top: 1.875rem;
  font-size: 1rem;
  line-height: 1.6;
  color: #1F1F1F;
  letter-spacing: 0.001em;
}
@media screen and (max-width: 768px) {
  .sdgs-detail__article-description {
    font-size: 0.9375rem;
    margin-top: 1.5625rem;
  }
}
.sdgs-detail__article-description--long {
  width: 100%;
}
.sdgs-detail__article-sdgs {
  margin-top: 1.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.9375rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .sdgs-detail__article-sdgs {
    margin-top: 1.5625rem;
    gap: 0.8125rem;
  }
}
.sdgs-detail__article-sdgs img {
  width: 6.25rem;
  height: auto;
}
@media screen and (max-width: 768px) {
  .sdgs-detail__article-sdgs img {
    width: 5rem;
  }
}

.sdgs-detail__article-products {
  margin-top: 1.875rem;
  font-size: 0.9375rem;
  line-height: 1.8;
  color: #1F1F1F;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .sdgs-detail__article-products {
    font-size: 0.875rem;
    margin-top: 1.5625rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.sdgs-detail__article-products a,
.sdgs-detail__article-products span {
  color: #0068B7;
  text-decoration-line: underline;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  margin: 0 0.1875rem;
}
.sdgs-detail__article-products a:hover {
  opacity: 0.7;
  text-decoration: underline;
}
.sdgs-detail__article-products span {
  color: #1F1F1F;
  cursor: default;
  text-decoration-line: none;
}

.sdgs-detail__article-business {
  margin-top: 1.25rem;
  font-size: 1rem;
  line-height: 1.8;
  color: #1F1F1F;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .sdgs-detail__article-business {
    font-size: 0.9375rem;
  }
}

.sdgs-detail__nav-links {
  margin-top: 3.75rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .sdgs-detail__nav-links {
    margin-top: 3.125rem;
    text-align: left;
  }
}

.sdgs-detail__nav-list {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.sdgs-detail__nav-list a {
  color: #0068B7;
}

.sdgs-detail__nav-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.5rem;
  color: #009FE3;
  text-decoration: none;
  font-size: 0.875rem;
  line-height: 1.8;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.sdgs-detail__nav-link:hover {
  opacity: 0.7;
}
@media screen and (max-width: 768px) {
  .sdgs-detail__nav-link {
    font-size: 0.8125rem;
  }
}

.sdgs-detail__nav-icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.sdgs-detail__article-external-link {
  margin-top: 2.5rem;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
}
.sdgs-detail__article-external-link a {
  color: #0068B7;
}
@media screen and (max-width: 768px) {
  .sdgs-detail__article-external-link {
    margin-top: 1.875rem;
  }
}

.sdgs-detail__article-external-link--row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.5rem;
}
.mt50 {
  margin-top: 3.125rem;
}
@media screen and (max-width: 768px) {
  .mt50 {
    margin-top: 1.875rem;
  }
}

.sdgs-detail__article--partner {
  padding-bottom: 3.75rem;
}
.sdgs-detail__article--partner:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
}
@media screen and (max-width: 768px) {
  .sdgs-detail__article--partner {
    padding-bottom: 3.125rem;
  }
}

.sdgs-detail__article-date {
  font-size: 1.25rem;
  font-weight: 700;
  color: #1F1F1F;
  text-align: center;
  padding-bottom: 1.25rem;
  border-bottom: solid 2px #19486a;
}
@media screen and (max-width: 768px) {
  .sdgs-detail__article-date {
    font-size: 1.125rem;
    padding-bottom: 0.9375rem;
  }
}

.sdgs-detail__article-image-single {
  max-width: 31.25rem;
  width: 100%;
  margin: 2.5rem auto 0;
}
@media screen and (max-width: 768px) {
  .sdgs-detail__article-image-single {
    margin-top: 1.875rem;
  }
}
.sdgs-detail__article-image-single img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.sdgs-detail__article-image-grid {
  max-width: 56.25rem;
  width: 100%;
  margin: 2.5rem auto 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.25rem;
}
@media screen and (max-width: 768px) {
  .sdgs-detail__article-image-grid {
    grid-template-columns: repeat(1, 1fr);
    margin-top: 1.875rem;
    gap: 1.25rem;
    padding: 0 1.25rem;
  }
}
.sdgs-detail__article-image-grid img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.sdgs-detail__article-image-item {
  width: 100%;
}
.sdgs-detail__article-image-item img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.sustainability-management {
  padding: 5rem 0 7.5rem;
}
@media screen and (max-width: 768px) {
  .sustainability-management {
    padding: 3.75rem 0 5rem;
  }
}

.sustainability-management__inner {
  max-width: 62.5rem;
  margin: 0 auto;
  padding: 0 1.25rem;
}
@media screen and (max-width: 768px) {
  .sustainability-management__inner {
    padding: 0 0.625rem;
  }
}

.sustainability-management__main-title {
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 1.6;
  margin-bottom: 3.75rem;
  text-align: center;
  color: #fff;
  padding: 0.5rem 0;
  background: -webkit-gradient(linear, left top, right top, from(#19486a), to(#0068B7));
  background: linear-gradient(to right, #19486a, #0068B7);
  text-align: left;
  padding-left: 1.25rem;
}
@media screen and (max-width: 768px) {
  .sustainability-management__main-title {
    font-size: 1.4375rem;
    margin-bottom: 2.8125rem;
    padding: 0.625rem;
  }
}

.strategy-section__text {
  font-size: 1rem;
  margin-bottom: 1.5rem;
  letter-spacing: -0.01em;
}

.management-message {
  margin-bottom: 6.25rem;
}
@media screen and (max-width: 768px) {
  .management-message {
    margin-bottom: 5rem;
  }
}

.management-message__title {
  font-size: 1.4375rem;
  font-weight: 700;
  color: #0068B7;
  margin-bottom: 2.1875rem;
  padding-left: 1rem;
  border-left: solid 8px #0068B7;
}
@media screen and (max-width: 768px) {
  .management-message__title {
    font-size: 1.25rem;
    margin-bottom: 2.1875rem;
    padding-left: 0.625rem;
  }
}

.management-message__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3.125rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .management-message__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 1.5625rem;
  }
}

.management-message__text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.management-message__subtitle {
  font-size: 1.625rem;
  font-weight: 700;
  color: #0068B7;
  margin-bottom: 1rem;
}
@media screen and (max-width: 768px) {
  .management-message__subtitle {
    font-size: 1.125rem;
    margin-bottom: 0.9375rem;
  }
}

.management-message__body {
  font-size: 1rem;
  color: #1F1F1F;
}
@media screen and (max-width: 768px) {
  .management-message__body {
    font-size: 0.9375rem;
  }
}
.management-message__body p {
  margin-bottom: 1rem;
}
@media screen and (max-width: 768px) {
  .management-message__body p {
    margin-bottom: 0.75rem;
  }
}
.management-message__body p:last-child {
  margin-bottom: 0;
}

.management-message__signature {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 1rem;
}
@media screen and (max-width: 768px) {
  .management-message__signature {
    margin-top: 0.5rem;
  }
}
.management-message__signature img {
  max-width: 21.5rem;
  height: auto;
}
@media screen and (max-width: 768px) {
  .management-message__signature img {
    max-width: 15.625rem;
  }
}
@media screen and (max-width: 420px) {
  .management-message__signature img {
    max-width: 12.5rem;
  }
}

.management-message__image {
  width: 25rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .management-message__image {
    width: 100%;
    max-width: 31.25rem;
    margin: 0 auto;
  }
}
@media screen and (max-width: 420px) {
  .management-message__image {
    max-width: 100%;
  }
}
.management-message__image img {
  width: 100%;
  height: auto;
  -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.management-philosophy {
  margin-bottom: 6.25rem;
}
@media screen and (max-width: 768px) {
  .management-philosophy {
    margin-bottom: 5rem;
  }
}

.management-philosophy__title {
  font-size: 1.4375rem;
  font-weight: 700;
  color: #0068B7;
  margin-bottom: 2.1875rem;
  padding-left: 1rem;
  border-left: solid 8px #0068B7;
}
@media screen and (max-width: 768px) {
  .management-philosophy__title {
    font-size: 1.25rem;
    margin-bottom: 2.1875rem;
    padding-left: 0.625rem;
  }
}

.management-philosophy__content {
  font-size: 1rem;
  color: #1F1F1F;
  margin-bottom: 3.125rem;
}
@media screen and (max-width: 768px) {
  .management-philosophy__content {
    font-size: 0.9375rem;
    margin-bottom: 1.125rem;
  }
}

.management-philosophy__image {
  text-align: center;
}
.management-philosophy__image img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 768px) {
  .management-philosophy__image img {
    max-width: 100%;
  }
}

.management-strategy {
  margin-bottom: 6.25rem;
}
@media screen and (max-width: 768px) {
  .management-strategy {
    margin-bottom: 5rem;
  }
}

.management-strategy__title {
  font-size: 1.4375rem;
  font-weight: 700;
  color: #0068B7;
  margin-bottom: 2.1875rem;
  padding-left: 1rem;
  border-left: solid 8px #0068B7;
}
@media screen and (max-width: 768px) {
  .management-strategy__title {
    font-size: 1.25rem;
    margin-bottom: 2.1875rem;
    padding-left: 0.625rem;
  }
}

.management-strategy__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3.125rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 3.125rem;
}
@media screen and (max-width: 768px) {
  .management-strategy__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 1.5625rem;
    margin-bottom: 1.125rem;
  }
}

.management-strategy__text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.management-strategy__subtitle {
  font-size: 1.125rem;
  font-weight: 700;
  color: #0068B7;
  margin-bottom: 1.875rem;
}
@media screen and (max-width: 768px) {
  .management-strategy__subtitle {
    font-size: 0.9375rem;
    margin-bottom: 1.5625rem;
  }
}

.management-strategy__body {
  font-size: 1rem;
  color: #1F1F1F;
}
@media screen and (max-width: 768px) {
  .management-strategy__body {
    font-size: 0.9375rem;
  }
}
.management-strategy__body p {
  margin-bottom: 0.9375rem;
}
@media screen and (max-width: 768px) {
  .management-strategy__body p {
    margin-bottom: 0.75rem;
  }
}
.management-strategy__body p:last-child {
  margin-bottom: 0;
}

.management-strategy__images {
  width: 35%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.9375rem;
}
@media screen and (max-width: 768px) {
  .management-strategy__images {
    width: 100%;
    margin: 0 auto;
  }
}

.management-strategy__image img {
  width: 100%;
  height: auto;
  -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.management-strategy__link {
  text-align: center;
  margin: 0 auto;
}

.management-strategy__link-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.25rem;
  padding: 1.25rem 1.875rem;
  background-color: #fafafa;
  border-bottom: 1px #eee solid;
  border-radius: 0.5rem;
  text-decoration: none;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
@media screen and (max-width: 768px) {
  .management-strategy__link-btn {
    padding: 0.625rem 1.5625rem 0.625rem 0.9375rem;
    gap: 0.625rem;
  }
}
.management-strategy__link-btn:hover {
  background-color: #f5fafe;
}
.management-strategy__link-btn:hover .management-strategy__link-text {
  color: #ED7D31;
}

.management-strategy__link-icon {
  width: 3.125rem;
  height: 3.125rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .management-strategy__link-icon {
    width: 2.8125rem;
    height: 2.8125rem;
  }
}
.management-strategy__link-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.management-strategy__link-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 1.125rem;
  font-weight: 700;
  color: #0068B7;
  text-align: left;
  position: relative;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
@media screen and (max-width: 768px) {
  .management-strategy__link-text {
    font-size: 1rem;
  }
}
.management-strategy__link-text::after {
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: -10px;
  width: 15px;
  height: 15px;
  border-top: 1px solid #0A62BA;
  border-right: 1px solid #0A62BA;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.management-process {
  margin-bottom: 6.25rem;
}
@media screen and (max-width: 768px) {
  .management-process {
    margin-bottom: 5rem;
  }
}

.management-process__title {
  font-size: 1.4375rem;
  font-weight: 700;
  color: #0068B7;
  margin-bottom: 2.1875rem;
  padding-left: 1rem;
  border-left: solid 8px #0068B7;
}
@media screen and (max-width: 768px) {
  .management-process__title {
    font-size: 1.25rem;
    margin-bottom: 2.1875rem;
    padding-left: 0.625rem;
  }
}

.management-process__content {
  font-size: 1rem;
  color: #1F1F1F;
  margin-bottom: 3.125rem;
}
@media screen and (max-width: 768px) {
  .management-process__content {
    font-size: 0.9375rem;
    margin-bottom: 2.5rem;
  }
}

.management-process__steps {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2.5rem;
  margin-bottom: 3.125rem;
}
@media screen and (max-width: 768px) {
  .management-process__steps {
    grid-template-columns: 1fr;
    gap: 1.5625rem;
    margin-bottom: 2.5rem;
    padding: 0 3.75rem;
  }
}

.management-process__step {
  text-align: center;
  padding-block: 1.5625rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  .management-process__step {
    padding: 1.25rem;
  }
}
.management-process__step:nth-child(-n+3)::before {
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -22px;
  width: 15px;
  height: 15px;
  border-top: 3px solid #333;
  border-right: 3px solid #333;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
@media screen and (max-width: 768px) {
  .management-process__step:nth-child(-n+3)::before {
    display: block;
    left: 0;
    right: 0;
    top: initial;
    bottom: -22px;
    width: 13px;
    height: 13px;
    border-top: 3px solid #333;
    border-right: 3px solid #333;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
  }
}
.management-process__step:nth-child(-n+3)::after {
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -22px;
  width: 20px;
  height: 3px;
  background: #333;
}
@media screen and (max-width: 768px) {
  .management-process__step:nth-child(-n+3)::after {
    display: block;
    left: 0;
    right: 0;
    top: initial;
    bottom: -14px;
    width: 20px;
    height: 3px;
    background: #333;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}

.management-process__step-number {
  font-size: 1rem;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .management-process__step-number {
    font-size: 1.125rem;
  }
}

.management-process__step-title {
  font-size: 1rem;
  font-weight: 400;
  color: #1F1F1F;
}
@media screen and (max-width: 768px) {
  .management-process__step-title {
    text-align: center;
  }
}

.management-process__step-image img {
  width: 100%;
  height: auto;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .management-process__step-image img {
    max-width: 11.25rem;
  }
}

.management-process__step-text {
  font-size: 1rem;
  line-height: 1.7;
  color: #1F1F1F;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .management-process__step-text {
    text-align: center;
  }
}

.management-process__link {
  text-align: center;
  margin: 0 auto;
}

.management-process__link-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.25rem;
  padding: 1.25rem 1.875rem;
  background-color: #fafafa;
  border-bottom: 1px #eee solid;
  border-radius: 0.5rem;
  text-decoration: none;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
@media screen and (max-width: 768px) {
  .management-process__link-btn {
    padding: 0.625rem 1.5625rem 0.625rem 0.9375rem;
    gap: 0.625rem;
  }
}
.management-process__link-btn:hover {
  background-color: #f5fafe;
}
.management-process__link-btn:hover .management-process__link-text {
  color: #ED7D31;
}

.management-process__link-icon {
  width: 3.125rem;
  height: 3.125rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .management-process__link-icon {
    width: 2.8125rem;
    height: 2.8125rem;
  }
}
.management-process__link-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.management-process__link-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 1.125rem;
  font-weight: 700;
  color: #0068B7;
  text-align: left;
  position: relative;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
@media screen and (max-width: 768px) {
  .management-process__link-text {
    font-size: 1rem;
  }
}
.management-process__link-text::after {
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: -10px;
  width: 15px;
  height: 15px;
  border-top: 1px solid #0A62BA;
  border-right: 1px solid #0A62BA;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.management-process__link-arrow {
  font-size: 1.25rem;
  color: #0068B7;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .management-process__link-arrow {
    font-size: 1.125rem;
  }
}

.management-materiality {
  margin-bottom: 6.25rem;
}
@media screen and (max-width: 768px) {
  .management-materiality {
    margin-bottom: 5rem;
  }
}

.management-materiality__title {
  font-size: 1.4375rem;
  font-weight: 700;
  color: #0068B7;
  margin-bottom: 2.1875rem;
  padding-left: 1rem;
  border-left: solid 8px #0068B7;
}
@media screen and (max-width: 768px) {
  .management-materiality__title {
    font-size: 1.25rem;
    margin-bottom: 2.1875rem;
    padding-left: 0.625rem;
  }
}

.management-materiality__content {
  font-size: 1rem;
  color: #1F1F1F;
  margin-bottom: 3.75rem;
}
@media screen and (max-width: 768px) {
  .management-materiality__content {
    font-size: 0.9375rem;
    margin-bottom: 3.125rem;
  }
}

.management-materiality__section {
  margin-bottom: 4.375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  .management-materiality__section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 3.75rem;
  }
}
.management-materiality__section:last-child {
  margin-bottom: 0;
}

.management-materiality__section--output .management-materiality__section-header {
  background-color: #E7F6FF;
}

.management-materiality__section--transformation .management-materiality__section-header {
  background: linear-gradient(135deg, #fff9e6 0%, #fff0cc 100%);
}

.management-materiality__section-header {
  padding: 1.875rem;
  text-align: center;
  width: 30%;
  padding: 20px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  border-top: 1px #eee solid;
  border-bottom: 1px #eee solid;
  background-color: #E7F6FF;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .management-materiality__section-header {
    width: 100%;
    padding: 1.5625rem 1.25rem;
    margin-bottom: 0;
    border-bottom: none;
  }
}

.management-materiality__section-label {
  font-size: 1.125rem;
  font-weight: 700;
  color: #1F1F1F;
  margin-bottom: 0.625rem;
}
@media screen and (max-width: 768px) {
  .management-materiality__section-label {
    font-size: 0.9375rem;
    margin-bottom: 0.5rem;
  }
}

.management-materiality__section-title {
  font-size: 1.125rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .management-materiality__section-title {
    font-size: 1.125rem;
    margin-bottom: 0.625rem;
  }
}

.management-materiality__section-subtitle {
  font-size: 1.125rem;
  font-weight: 700;
  color: #1F1F1F;
}
@media screen and (max-width: 768px) {
  .management-materiality__section-subtitle {
    font-size: 1rem;
  }
}

.management-materiality__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #fafafa;
  width: 70%;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 768px) {
  .management-materiality__items {
    width: 100%;
    gap: 0rem;
  }
}
.management-materiality__items li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.management-materiality__items li:hover .management-materiality__item {
  background-color: #f5fafe;
}
.management-materiality__items li:hover .management-materiality__item .management-materiality__item-text,
.management-materiality__items li:hover .management-materiality__item .management-materiality__item-text p {
  color: #ED7D31;
}
.management-materiality__items li:hover .management-materiality__item-dotted-line {
  background-color: #f5fafe;
}
.management-materiality__items li:hover .management-materiality__item-dotted-line .management-materiality__item-text-only p {
  color: #ED7D31;
}
.management-materiality__items li:hover .management-materiality__item-link {
  background-color: #f5fafe;
}
.management-materiality__items li:hover .management-materiality__item-link .management-materiality__item-text-only {
  color: #ED7D31;
}

.management-materiality__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.875rem;
  padding: 1.25rem 1.5625rem;
  background: #fafafa;
  text-decoration: none;
  color: #0068B7;
  border-top: 1px #eee solid;
  border-bottom: 1px #eee solid;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  position: relative;
}
@media screen and (max-width: 768px) {
  .management-materiality__item {
    gap: 1.5625rem;
    padding: 1.25rem 3.125rem 1.25rem 1.25rem;
  }
  .management-materiality__item:nth-child(-n+2) {
    border-bottom: none;
  }
}
.management-materiality__item::after {
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 20px;
  width: 15px;
  height: 15px;
  border-top: 1px solid #0A62BA;
  border-right: 1px solid #0A62BA;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.management-materiality__item.--no-border {
  border-bottom: none;
}

.management-materiality__item-dotted-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.875rem;
  padding: 1.5625rem;
  background: #fafafa;
  text-decoration: none;
  color: #0068B7;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  position: relative;
  padding: 20px 45px 20px 0;
  width: calc(100% - 150px);
  margin-left: auto;
  border-top: 1px #eee dashed;
}
.management-materiality__item-dotted-line::after {
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 20px;
  width: 15px;
  height: 15px;
  border-top: 1px solid #0A62BA;
  border-right: 1px solid #0A62BA;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
@media screen and (max-width: 768px) {
  .management-materiality__item-dotted-line {
    width: calc(100% - 114px);
  }
}

.management-materiality__item-icon {
  width: 7.5rem;
  height: 7.5rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 768px) {
  .management-materiality__item-icon {
    width: 4.375rem;
    height: 4.375rem;
  }
}

.management-materiality__item-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 1.375rem;
  font-weight: 700;
  color: #0068B7;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.management-materiality__item-text p {
  line-height: 1.2;
  letter-spacing: -0.01em;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
@media screen and (max-width: 768px) {
  .management-materiality__item-text {
    font-size: 1.1875rem;
  }
}

.management-materiality__item-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.5625rem;
  background: #E7F6FF;
  text-decoration: none;
  color: #0068B7;
  border-top: 1px #eee solid;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  position: relative;
}
@media screen and (max-width: 768px) {
  .management-materiality__item-link {
    padding: 1.25rem;
  }
}
.management-materiality__item-link::after {
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 20px;
  width: 15px;
  height: 15px;
  border-top: 1px solid #0A62BA;
  border-right: 1px solid #0A62BA;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.management-materiality__item-link:last-child {
  border-bottom: 1px #eee solid;
}

.management-materiality__item-text-only {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 1.375rem;
  font-weight: 700;
  color: #0068B7;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  text-align: left;
  padding-left: 1.25rem;
}
.management-materiality__item-text-only p {
  line-height: 1.5;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
@media screen and (max-width: 768px) {
  .management-materiality__item-text-only {
    font-size: 1.1875rem;
    padding-left: 0rem;
  }
}

.management-governance {
  margin-bottom: 6.25rem;
}
@media screen and (max-width: 768px) {
  .management-governance {
    margin-bottom: 5rem;
  }
}

.management-governance__title {
  font-size: 1.4375rem;
  font-weight: 700;
  color: #0068B7;
  margin-bottom: 2.1875rem;
  padding-left: 1rem;
  border-left: solid 8px #0068B7;
}
@media screen and (max-width: 768px) {
  .management-governance__title {
    font-size: 1.25rem;
    margin-bottom: 2.1875rem;
    padding-left: 0.625rem;
  }
}

.management-governance__content {
  font-size: 1rem;
  color: #1F1F1F;
  margin-bottom: 3.125rem;
}
@media screen and (max-width: 768px) {
  .management-governance__content {
    font-size: 0.9375rem;
    margin-bottom: 2.5rem;
  }
}

.management-governance__section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media screen and (max-width: 768px) {
  .management-governance__section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0;
  }
}

.management-governance__section-header {
  width: 30%;
  padding: 20px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  border-top: 1px #eee solid;
  border-bottom: 1px #eee solid;
  background-color: #F2F2F2;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .management-governance__section-header {
    width: 100%;
    padding: 1.5625rem 1.25rem;
    margin-bottom: 0;
    border-bottom: none;
  }
}

.management-governance__section-title {
  font-size: 1rem;
  font-weight: 700;
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .management-governance__section-title {
    font-size: 1.125rem;
    margin-bottom: 0.625rem;
  }
}

.management-governance__section-subtitle {
  font-size: 1rem;
  font-weight: 700;
  color: #1F1F1F;
}
@media screen and (max-width: 768px) {
  .management-governance__section-subtitle {
    font-size: 1rem;
  }
}

.management-governance__link {
  width: 70%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  background: #fafafa;
  border-bottom: 1px #ddd solid;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
@media screen and (max-width: 768px) {
  .management-governance__link {
    width: 100%;
  }
}
.management-governance__link:hover {
  background-color: #f5fafe;
}
.management-governance__link:hover .management-governance__link-text {
  color: #ED7D31;
}

.management-governance__link-btn {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.25rem;
  padding: 1.25rem 1.875rem;
  text-decoration: none;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  position: relative;
}
.management-governance__link-btn::after {
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 20px;
  width: 15px;
  height: 15px;
  border-top: 1px solid #0A62BA;
  border-right: 1px solid #0A62BA;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
@media screen and (max-width: 768px) {
  .management-governance__link-btn {
    padding: 1.25rem 3.125rem 1.25rem 1.25rem;
    gap: 0.625rem;
  }
}

.management-governance__link-icon {
  width: 6.875rem;
  height: 6.875rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .management-governance__link-icon {
    width: 2.8125rem;
    height: 2.8125rem;
  }
}
.management-governance__link-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

@media screen and (max-width: 768px) {
  .management-governance__section .management-governance__link-icon {
    width: 4.375rem;
    height: 4.375rem;
  }
}
@media screen and (max-width: 768px) {
  .management-governance__section .management-governance__link-text {
    font-size: 1.1875rem;
  }
}

.management-governance__link-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 1.375rem;
  font-weight: 700;
  color: #0068B7;
  text-align: left;
  line-height: 1.2;
  letter-spacing: -0.01em;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
@media screen and (max-width: 768px) {
  .management-governance__link-text {
    font-size: 0.9375rem;
  }
}

.management-governance__link-arrow {
  font-size: 1.25rem;
  color: #0068B7;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .management-governance__link-arrow {
    font-size: 1.125rem;
  }
}

.management-assessment {
  margin-bottom: 6.25rem;
}
@media screen and (max-width: 768px) {
  .management-assessment {
    margin-bottom: 5rem;
  }
}

.management-assessment__title {
  font-size: 1.4375rem;
  font-weight: 700;
  color: #0068B7;
  margin-bottom: 2.1875rem;
  padding-left: 1rem;
  border-left: solid 8px #0068B7;
}
@media screen and (max-width: 768px) {
  .management-assessment__title {
    font-size: 1.25rem;
    margin-bottom: 2.1875rem;
    padding-left: 0.625rem;
  }
}

.management-assessment__content {
  font-size: 1rem;
  color: #1F1F1F;
  margin-bottom: 3.125rem;
}
@media screen and (max-width: 768px) {
  .management-assessment__content {
    font-size: 0.9375rem;
    margin-bottom: 2.5rem;
  }
}

.management-assessment__logos {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.25rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  .management-assessment__logos {
    grid-template-columns: repeat(2, 1fr);
    gap: 2.1875rem 1.25rem;
  }
}

.management-assessment__logo {
  text-align: center;
}
.management-assessment__logo img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.management-assessment__logo p {
  font-size: 0.8125rem;
  line-height: 1.5;
  color: #1F1F1F;
}
@media screen and (max-width: 768px) {
  .management-assessment__logo p {
    font-size: 0.75rem;
  }
}

.management-document__title {
  font-size: 1.4375rem;
  font-weight: 700;
  color: #0068B7;
  margin-bottom: 2.1875rem;
  padding-left: 1rem;
  border-left: solid 8px #0068B7;
}
@media screen and (max-width: 768px) {
  .management-document__title {
    font-size: 1.25rem;
    margin-bottom: 2.1875rem;
    padding-left: 0.625rem;
  }
}

.management-document__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-decoration: none;
}

.management-document__image {
  width: 25rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .management-document__image {
    width: 100%;
  }
}
.management-document__image img {
  width: 100%;
  height: auto;
  border: 1px solid #ddd;
}

.management-document__text {
  text-align: left;
}
.management-document__text p {
  font-size: 1.125rem;
  color: #1F1F1F;
}
@media screen and (max-width: 768px) {
  .management-document__text p {
    font-size: 0.9375rem;
  }
}
.management-document__text p:first-child {
  font-size: 1.125rem;
  color: #1F1F1F;
}
@media screen and (max-width: 768px) {
  .management-document__text p:first-child {
    font-size: 0.8125rem;
  }
}
.management-document__text p:last-child {
  color: #0068B7;
}

.sustainability-strategy {
  padding-top: 5rem;
  padding-bottom: 7.5rem;
}
@media screen and (max-width: 768px) {
  .sustainability-strategy {
    padding-top: 3.75rem;
    padding-bottom: 6.25rem;
  }
}

.sustainability-strategy__inner {
  max-width: 62.5rem;
  margin: 0 auto;
  padding: 0 1.25rem;
}
@media screen and (max-width: 768px) {
  .sustainability-strategy__inner {
    padding: 0 0.625rem;
  }
}

.sustainability-strategy__main-title {
  font-size: 2.5rem;
  font-weight: 700;
  color: #0068B7;
  text-align: center;
  margin-bottom: 3.75rem;
}
@media screen and (max-width: 768px) {
  .sustainability-strategy__main-title {
    font-size: 2rem;
    margin-bottom: 3.75rem;
  }
}

.strategy-section {
  margin-bottom: 6.25rem;
}
@media screen and (max-width: 768px) {
  .strategy-section {
    margin-bottom: 5rem;
  }
}
.strategy-section:last-child {
  margin-bottom: 0;
}

.strategy-section__title {
  font-size: 1.4375rem;
  font-weight: 700;
  color: #0068B7;
  margin-bottom: 2.5rem;
  padding-left: 1rem;
  border-left: solid 8px #0068B7;
}
@media screen and (max-width: 768px) {
  .strategy-section__title {
    font-size: 1.25rem;
    margin-bottom: 2.1875rem;
    padding-left: 0.625rem;
  }
}

.strategy-section__image {
  width: 100%;
}
.strategy-section__image img {
  width: 100%;
  height: auto;
  display: block;
}

.strategy-section__governance {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3.125rem;
  margin-top: 2.5rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border: 1px #eee solid;
  padding: 0.9375rem;
}
@media screen and (max-width: 768px) {
  .strategy-section__governance {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 1.875rem;
  }
}

.strategy-section__governance-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.strategy-section__governance-image {
  width: 129%;
}
.strategy-section__governance-image img {
  width: 100%;
  height: auto;
  display: block;
}
@media screen and (max-width: 768px) {
  .strategy-section__governance-image {
    width: 100%;
  }
}

.strategy-section__subtitle {
  font-size: 1.25rem;
  font-weight: 700;
  color: #0068B7;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 768px) {
  .strategy-section__subtitle {
    font-size: 1.125rem;
    margin-bottom: 1.25rem;
  }
}

.strategy-section__lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3.125rem;
}
@media screen and (max-width: 768px) {
  .strategy-section__lists {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 1.875rem;
  }
}

.strategy-section__list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.strategy-section__list-item {
  position: relative;
  padding-left: 1rem;
  margin-bottom: 0.625rem;
  font-size: 1rem;
  line-height: 1.6;
  letter-spacing: -0.01em;
}
.strategy-section__list-item:last-child {
  margin-bottom: 0;
}
.strategy-section__list-item::before {
  content: "◆";
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 700;
}

.strategy-section__note {
  margin: 0.3125rem 0;
  font-size: 0.75rem;
  line-height: 1.5;
  color: initial;
  text-align: right;
}

.process {
  padding: 5rem 0 7.5rem;
}
@media screen and (max-width: 768px) {
  .process {
    padding: 3.75rem 0 5rem;
  }
}

.process__inner {
  max-width: 62.5rem;
  margin: 0 auto;
  padding: 0 1.25rem;
}
@media screen and (max-width: 768px) {
  .process__inner {
    padding: 0 0.625rem;
  }
}

.process__title {
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.6;
  margin-bottom: 3.75rem;
  color: #fff;
  padding: 0.5rem 0;
  background: -webkit-gradient(linear, left top, right top, from(#19486a), to(#0068B7));
  background: linear-gradient(to right, #19486a, #0068B7);
  text-align: left;
  padding-left: 1.25rem;
}
@media screen and (max-width: 768px) {
  .process__title {
    font-size: 1.25rem;
    margin-bottom: 2.1875rem;
    padding: 0.625rem 0;
    padding-left: 0.625rem;
  }
}

.process__section {
  margin-bottom: 5rem;
}
@media screen and (max-width: 768px) {
  .process__section {
    margin-bottom: 3.75rem;
  }
}
.process__section:last-child {
  margin-bottom: 0;
}
.process__section p {
  font-size: 1rem;
  line-height: 1.8;
  color: #1F1F1F;
  margin-bottom: 1.25rem;
}
@media screen and (max-width: 768px) {
  .process__section p {
    font-size: 0.9375rem;
    margin-bottom: 1.125rem;
    letter-spacing: -0.01em;
  }
}
.process__section p:last-child {
  margin-bottom: 0;
}
.process__section b {
  font-weight: 700;
}

.process__note {
  margin-bottom: 1.25rem;
}
@media screen and (max-width: 768px) {
  .process__note {
    margin-bottom: 0.625rem;
  }
}
.process__note p {
  font-size: 1.1rem;
  line-height: 1.8;
  color: #1F1F1F;
  margin-bottom: 0.9375rem;
}
@media screen and (max-width: 768px) {
  .process__note p {
    font-size: 0.9375rem;
    line-height: 1.5;
  }
}
.process__note b {
  font-weight: 700;
}

.process__heading {
  font-size: 1.625rem;
  font-weight: 500;
  color: #0068B7;
  margin-bottom: 2.1875rem;
  padding-left: 1rem;
  border-left: solid 8px #0068B7;
}
@media screen and (max-width: 768px) {
  .process__heading {
    font-size: 1.25rem;
    margin-bottom: 1.875rem;
  }
}

.process__info {
  background-color: #fafafa;
  border: 1px solid #eee;
  padding: 0.9375rem;
}
.process__info p {
  font-size: 1rem;
  line-height: 1.6;
  color: #1F1F1F;
  letter-spacing: -0.01em;
}
@media screen and (max-width: 768px) {
  .process__info p {
    font-size: 0.9375rem;
  }
}
.process__info b {
  font-weight: 700;
}
.process__info img {
  max-width: 100%;
  height: auto;
}

.process__info-title {
  display: inline-block;
  font-size: 1.125rem;
  border-bottom: 1px #0A62BA dotted;
  color: #0A62BA;
  margin-bottom: 1.25rem;
}
@media screen and (max-width: 768px) {
  .process__info-title {
    margin-bottom: 1.125rem;
  }
}

.process__image-center {
  max-width: 38.75rem;
  width: 100%;
  margin: 0 auto;
}
.process__image-center img {
  max-width: 100%;
  height: auto;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .process__image-center {
    width: 100%;
  }
}

.process__stakeholder-note {
  font-size: 0.75rem !important;
  line-height: 1.2 !important;
  margin-top: 1rem;
}
@media screen and (max-width: 768px) {
  .process__stakeholder-note {
    font-size: 0.8125rem;
    margin-top: 0.875rem;
  }
}

.process__message {
  background-color: #f8f9fa;
  border: 1px solid #e9ecef;
  padding: 0.9375rem;
  margin-top: 0.9375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.5rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .process__message {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1.875rem;
    margin-top: 1.5625rem;
  }
}

.process__message-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.process__message-text p {
  font-size: 1rem;
  line-height: 1.8;
  color: #1F1F1F;
  margin-bottom: 1.25rem;
}
@media screen and (max-width: 768px) {
  .process__message-text p {
    font-size: 0.9375rem;
    margin-bottom: 1.125rem;
  }
}
.process__message-text p:last-child {
  margin-bottom: 0;
}

.process__message-title {
  display: inline-block;
  font-size: 1.25rem;
  border-bottom: 1px #0A62BA dotted;
  color: #0A62BA;
  margin-bottom: 1.25rem;
}
@media screen and (max-width: 768px) {
  .process__message-title {
    font-size: 1.25rem;
    margin-bottom: 1.125rem;
  }
}
.process__message-title:not(:first-child) {
  margin-top: 1.875rem;
}
@media screen and (max-width: 768px) {
  .process__message-title:not(:first-child) {
    margin-top: 1.5625rem;
  }
}

.process__message-images {
  width: 35%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.5625rem;
}
@media screen and (max-width: 768px) {
  .process__message-images {
    width: 100%;
    max-width: 37.5rem;
    margin: 0 auto;
    gap: 1.25rem;
    padding: 1.25rem;
  }
}
.process__message-images p {
  margin-bottom: 0;
}
.process__message-images img {
  width: 100%;
  height: auto;
}

.dx-strategy {
  padding: 3.75rem 0 3.75rem;
}
@media screen and (max-width: 768px) {
  .dx-strategy {
    padding: 2.5rem 0 1.25rem;
  }
}

.dx-strategy__inner {
  max-width: 62.5rem;
  margin: 0 auto;
  padding: 0 1.25rem;
}
@media screen and (max-width: 768px) {
  .dx-strategy__inner {
    max-width: 37.5rem;
    width: 100%;
    padding: 0 1rem;
  }
}

.dx-strategy__main-title {
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 1.875rem;
  color: #fff;
  padding: 0.625rem;
  background: -webkit-gradient(linear, left top, right top, from(#0068B7), to(#0080D8));
  background: linear-gradient(to right, #0068B7, #0080D8);
  text-align: left;
  padding-left: 1.25rem;
}
@media screen and (max-width: 768px) {
  .dx-strategy__main-title {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
    padding: 0.625rem 1.25rem;
  }
}

.dx-strategy-message {
  margin-bottom: 6.25rem;
}
@media screen and (max-width: 768px) {
  .dx-strategy-message {
    margin-bottom: 5rem;
  }
}

.dx-strategy-message__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 1.875rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1.25rem;
}
@media screen and (max-width: 768px) {
  .dx-strategy-message__header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 0rem;
  }
}

.dx-strategy-message__subtitle {
  font-size: 1.25rem;
  font-weight: 700;
  color: #0068B7;
  padding-left: 1rem;
  border-left: solid 8px #0068B7;
}
@media screen and (max-width: 768px) {
  .dx-strategy-message__subtitle {
    font-size: 1.125rem;
    padding-left: 0.625rem;
    width: 100%;
  }
}

.dx-strategy-message__logos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.25rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  .dx-strategy-message__logos {
    gap: 0.9375rem;
  }
}

.dx-strategy-message__logos-image {
  width: 7.5rem;
  height: 7.5rem;
  -o-object-fit: contain;
     object-fit: contain;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .dx-strategy-message__logos-image {
    width: 6.25rem;
    height: 6.25rem;
  }
}

.dx-strategy-message__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 7.5rem;
  height: 7.5rem;
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .dx-strategy-message__logo {
    width: 6.25rem;
    height: 6.25rem;
  }
}
.dx-strategy-message__logo--dx img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.dx-strategy-message__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.5rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  background-color: #f8f9fa;
  padding: 1.875rem;
  border-radius: 0.25rem;
}
@media screen and (max-width: 768px) {
  .dx-strategy-message__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1.5625rem;
    padding: 1.25rem;
  }
}

.dx-strategy-message__image {
  width: 15.625rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .dx-strategy-message__image {
    width: 100%;
    max-width: 18.75rem;
    margin: 0 auto;
  }
}
.dx-strategy-message__image img {
  width: 100%;
  height: auto;
  border-radius: 0.5rem;
  -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.dx-strategy-message__text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.dx-strategy-message__name {
  font-size: 1.25rem;
  font-weight: 700;
  color: #1F1F1F;
  margin-bottom: 1.25rem;
}
@media screen and (max-width: 768px) {
  .dx-strategy-message__name {
    font-size: 1.125rem;
    margin-bottom: 0.9375rem;
  }
}

.dx-strategy-message__body {
  font-size: 1rem;
  color: #1F1F1F;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .dx-strategy-message__body {
    font-size: 0.9375rem;
  }
}
.dx-strategy-message__body p {
  margin-bottom: 1.125rem;
}
@media screen and (max-width: 768px) {
  .dx-strategy-message__body p {
    margin-bottom: 0.9375rem;
  }
}
.dx-strategy-message__body p:last-child {
  margin-bottom: 0;
}

.dx-strategy-overview {
  margin-bottom: 6.25rem;
}
@media screen and (max-width: 768px) {
  .dx-strategy-overview {
    margin-bottom: 5rem;
  }
}

.dx-strategy-overview__title {
  font-size: 1.4375rem;
  font-weight: 700;
  color: #0068B7;
  margin-bottom: 1.25rem;
  padding-left: 1rem;
  border-left: solid 8px #0068B7;
}
@media screen and (max-width: 768px) {
  .dx-strategy-overview__title {
    font-size: 1.25rem;
    margin-bottom: 1.125rem;
    padding-left: 0.625rem;
  }
}

.dx-strategy-overview__intro {
  font-size: 1rem;
  color: #1F1F1F;
  margin-bottom: 1.875rem;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .dx-strategy-overview__intro {
    font-size: 0.9375rem;
    margin-bottom: 1.5rem;
  }
}

.dx-strategy-overview__transformations {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.875rem;
  margin-bottom: 3.125rem;
}
@media screen and (max-width: 768px) {
  .dx-strategy-overview__transformations {
    grid-template-columns: 1fr;
    gap: 2.5rem;
    margin-bottom: 2.5rem;
  }
}

.dx-strategy-overview__transformation {
  background-color: #fff;
  border: 1px solid #e9ecef;
  border-radius: 0.5rem;
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transition: -webkit-box-shadow 0.3s;
  transition: -webkit-box-shadow 0.3s;
  transition: box-shadow 0.3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
}
@media screen and (max-width: 768px) {
  .dx-strategy-overview__transformation {
    padding: 1rem 1.5rem;
  }
}
.dx-strategy-overview__transformation:hover {
  -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.dx-strategy-overview__transformation-title {
  font-size: 1.125rem;
  font-weight: 700;
  color: #0068B7;
  margin-bottom: 0.5rem;
  line-height: 1.4;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .dx-strategy-overview__transformation-title {
    font-size: 1rem;
  }
}

.dx-strategy-overview__transformation-image {
  text-align: center;
}
.dx-strategy-overview__transformation-image img {
  width: 100%;
  max-width: 12.5rem;
  height: auto;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .dx-strategy-overview__transformation-image img {
    max-width: 11.25rem;
  }
}

.dx-strategy-overview__transformation-text {
  font-size: 1rem;
  color: #1F1F1F;
  line-height: 1.8;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (max-width: 768px) {
  .dx-strategy-overview__transformation-text {
    font-size: 0.9375rem;
    margin-bottom: 1.125rem;
  }
}
.dx-strategy-overview__transformation-text p {
  margin: 0;
}

.dx-strategy-overview__transformation-keyword {
  background-color: #FFE5E5;
  color: #D32F2F;
  padding: 0.5rem 0.75rem;
  border-radius: 0.25rem;
  text-align: center;
  font-size: 0.875rem;
  font-weight: 500;
  margin-top: 0.5rem;
}
@media screen and (max-width: 768px) {
  .dx-strategy-overview__transformation-keyword {
    font-size: 0.8125rem;
    padding: 0.375rem 0.625rem;
    margin-top: 0.375rem;
    max-width: 25rem;
    margin: 0 auto;
    width: 100%;
  }
}
.dx-strategy-overview__transformation-keyword span {
  color: #D32F2F;
}

.dx-strategy-steps {
  margin-bottom: 6.25rem;
}
@media screen and (max-width: 768px) {
  .dx-strategy-steps {
    margin-bottom: 5rem;
  }
}

.dx-strategy-steps__title {
  font-size: 1.4375rem;
  font-weight: 700;
  color: #0068B7;
  margin-bottom: 1.25rem;
  padding-left: 1rem;
  border-left: solid 8px #0068B7;
}
@media screen and (max-width: 768px) {
  .dx-strategy-steps__title {
    font-size: 1.25rem;
    margin-bottom: 1.125rem;
    padding-left: 0.625rem;
  }
}

.dx-strategy-steps__intro {
  font-size: 1rem;
  color: #1F1F1F;
  margin-bottom: 1.25rem;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .dx-strategy-steps__intro {
    font-size: 0.9375rem;
    margin-bottom: 1.125rem;
  }
}

.dx-strategy-steps__theme {
  background: -webkit-gradient(linear, left top, right top, from(#0068B7), to(#0080D8));
  background: linear-gradient(to right, #0068B7, #0080D8);
  padding: 0.9375rem 1.25rem;
  margin-bottom: 1.5rem;
  border-radius: 0.25rem;
}
@media screen and (max-width: 768px) {
  .dx-strategy-steps__theme {
    padding: 0.75rem 0.9375rem;
  }
}

.dx-strategy-steps__theme-text {
  font-size: 1rem;
  font-weight: 700;
  color: #fff;
  text-align: center;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .dx-strategy-steps__theme-text {
    font-size: 0.875rem;
  }
}

.dx-strategy-steps__steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.875rem;
  margin-bottom: 2.5rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  .dx-strategy-steps__steps {
    grid-template-columns: 1fr;
    gap: 1.875rem;
    margin-bottom: 1.875rem;
  }
}

.dx-strategy-steps__step {
  background-color: #fff;
  border: 2px solid #0068B7;
  border-radius: 0.5rem;
  padding: 1rem;
  position: relative;
  -webkit-transition: -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
  transition: -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
  transition: transform 0.3s, box-shadow 0.3s;
  transition: transform 0.3s, box-shadow 0.3s, -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
}
.dx-strategy-steps__step:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -15px;
  width: 0;
  height: 0;
  border-left: 12px solid #0068B7;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .dx-strategy-steps__step {
    padding: 1rem;
  }
  .dx-strategy-steps__step:not(:last-child)::after {
    display: none;
  }
}
.dx-strategy-steps__step:hover {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
  -webkit-box-shadow: 0 4px 15px rgba(0, 104, 183, 0.2);
          box-shadow: 0 4px 15px rgba(0, 104, 183, 0.2);
}

.dx-strategy-steps__step-title {
  font-size: 1.125rem;
  font-weight: 700;
  color: #0068B7;
  margin-bottom: 0.5rem;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .dx-strategy-steps__step-title {
    font-size: 1rem;
    margin-bottom: 0.375rem;
  }
}

.dx-strategy-steps__step-text {
  font-size: 1rem;
  color: #1F1F1F;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .dx-strategy-steps__step-text {
    font-size: 0.9375rem;
  }
}
.dx-strategy-steps__step-text p {
  margin: 0;
}

.dx-strategy-steps__image {
  text-align: center;
}
.dx-strategy-steps__image img {
  width: 100%;
  max-width: 56.25rem;
  height: auto;
  margin: 0 auto;
}

.dx-strategy-commitment {
  margin-bottom: 6.25rem;
}
@media screen and (max-width: 768px) {
  .dx-strategy-commitment {
    margin-bottom: 5rem;
  }
}

.dx-strategy-commitment__title {
  font-size: 1.4375rem;
  font-weight: 700;
  color: #0068B7;
  margin-bottom: 1.25rem;
  padding-left: 1rem;
  border-left: solid 8px #0068B7;
}
@media screen and (max-width: 768px) {
  .dx-strategy-commitment__title {
    font-size: 1.25rem;
    margin-bottom: 1.125rem;
    padding-left: 0.625rem;
  }
}

.dx-strategy-commitment__intro {
  font-size: 1rem;
  color: #1F1F1F;
  margin-bottom: 2.5rem;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .dx-strategy-commitment__intro {
    font-size: 0.9375rem;
    margin-bottom: 1.875rem;
  }
}

.dx-strategy-commitment__item {
  margin-bottom: 2.5rem;
  border: 2px solid #E7F6FF;
  border-radius: 0.25rem;
  padding: 1.5rem;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .dx-strategy-commitment__item {
    margin-bottom: 1.875rem;
    padding: 1rem;
  }
}
.dx-strategy-commitment__item:last-child {
  margin-bottom: 0;
}

.dx-strategy-commitment__header {
  margin-bottom: 1.125rem;
}
@media screen and (max-width: 768px) {
  .dx-strategy-commitment__header {
    margin-bottom: 1rem;
  }
}

.dx-strategy-commitment__header-title {
  font-size: 1.125rem;
  font-weight: 700;
  color: #fff;
  background: -webkit-gradient(linear, left top, right top, from(#0068B7), to(#0080D8));
  background: linear-gradient(to right, #0068B7, #0080D8);
  padding: 0.5rem 1rem;
  border-radius: 0.25rem;
  margin: 0;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .dx-strategy-commitment__header-title {
    font-size: 1rem;
    padding: 0.375rem 0.75rem;
  }
}

.dx-strategy-commitment__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.25rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  .dx-strategy-commitment__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1rem;
  }
}

.dx-strategy-commitment__image {
  width: 10rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .dx-strategy-commitment__image {
    width: 100%;
    max-width: 10rem;
    margin: 0 auto;
  }
}
.dx-strategy-commitment__image img {
  width: 100%;
  height: auto;
  border-radius: 0.25rem;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 4/5;
  -webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
}

.dx-strategy-commitment__text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.dx-strategy-commitment__name {
  font-size: 1.125rem;
  font-weight: 700;
  color: #1F1F1F;
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 768px) {
  .dx-strategy-commitment__name {
    font-size: 1rem;
    margin-bottom: 0.375rem;
  }
}

.dx-strategy-commitment__message {
  font-size: 1rem;
  color: #1F1F1F;
  line-height: 1.4;
  margin-bottom: 1.125rem;
}
@media screen and (max-width: 768px) {
  .dx-strategy-commitment__message {
    font-size: 0.9375rem;
    margin-bottom: 1rem;
  }
}
.dx-strategy-commitment__message p {
  margin: 0;
}

.dx-strategy-commitment__directions {
  margin-top: 1.125rem;
}
@media screen and (max-width: 768px) {
  .dx-strategy-commitment__directions {
    margin-top: 1rem;
  }
}

.dx-strategy-commitment__directions-title {
  font-size: 1rem;
  font-weight: 700;
  color: #1F1F1F;
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 768px) {
  .dx-strategy-commitment__directions-title {
    font-size: 0.9375rem;
    margin-bottom: 0.375rem;
  }
}

.dx-strategy-commitment__directions-list {
  font-size: 1rem;
  color: #1F1F1F;
  line-height: 1.4;
  margin: 0;
  padding-left: 1.25rem;
  list-style: disc;
  list-style-position: outside;
}
@media screen and (max-width: 768px) {
  .dx-strategy-commitment__directions-list {
    font-size: 0.9375rem;
    padding-left: 1.125rem;
  }
}
.dx-strategy-commitment__directions-list li {
  margin-bottom: 0.375rem;
  padding-left: 0.25rem;
}
@media screen and (max-width: 768px) {
  .dx-strategy-commitment__directions-list li {
    margin-bottom: 0.375rem;
    padding-left: 0.25rem;
  }
}
.dx-strategy-commitment__directions-list li:last-child {
  margin-bottom: 0;
}

.dx-strategy-enhancement {
  margin-bottom: 6.25rem;
}
@media screen and (max-width: 768px) {
  .dx-strategy-enhancement {
    margin-bottom: 5rem;
  }
}

.dx-strategy-enhancement__title {
  font-size: 1.4375rem;
  font-weight: 700;
  color: #0068B7;
  margin-bottom: 1.25rem;
  padding-left: 1rem;
  border-left: solid 8px #0068B7;
}
@media screen and (max-width: 768px) {
  .dx-strategy-enhancement__title {
    font-size: 1.25rem;
    margin-bottom: 1.125rem;
    padding-left: 0.625rem;
  }
}

.dx-strategy-enhancement__intro {
  font-size: 1rem;
  color: #1F1F1F;
  margin-bottom: 1.25rem;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .dx-strategy-enhancement__intro {
    font-size: 0.9375rem;
    margin-bottom: 1.125rem;
  }
}

.dx-strategy-enhancement__categories {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.875rem;
  margin-bottom: 5rem;
}
@media screen and (max-width: 768px) {
  .dx-strategy-enhancement__categories {
    grid-template-columns: 1fr;
    gap: 1.875rem;
    margin-bottom: 2.5rem;
  }
}

.dx-strategy-enhancement__category {
  background-color: #fff;
  border: 1px solid #e9ecef;
  border-radius: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.dx-strategy-enhancement__category-header {
  background: -webkit-gradient(linear, left top, right top, from(#0068B7), to(#0080D8));
  background: linear-gradient(to right, #0068B7, #0080D8);
  padding: 0.75rem 1rem;
  border-radius: 0.25rem 0.25rem 0 0;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .dx-strategy-enhancement__category-header {
    padding: 0.625rem 0.75rem;
  }
}

.dx-strategy-enhancement__category-title {
  font-size: 1.25rem;
  font-weight: 700;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .dx-strategy-enhancement__category-title {
    font-size: 1.125rem;
  }
}

.dx-strategy-enhancement__category-subtitle {
  font-size: 0.75rem;
  color: #fff;
  margin: 0;
  opacity: 0.9;
}
@media screen and (max-width: 768px) {
  .dx-strategy-enhancement__category-subtitle {
    font-size: 0.6875rem;
  }
}

.dx-strategy-enhancement__category-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 1rem;
}
@media screen and (max-width: 768px) {
  .dx-strategy-enhancement__category-content {
    padding: 0.75rem;
  }
}

.dx-strategy-enhancement__category-lead {
  font-size: 1rem;
  font-weight: 700;
  color: #0068B7;
  margin-bottom: 0.75rem;
  padding-left: 0.75rem;
  border-left: solid 4px #0068B7;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .dx-strategy-enhancement__category-lead {
    font-size: 0.9375rem;
    margin-bottom: 0.625rem;
    padding-left: 0.625rem;
  }
}

.dx-strategy-enhancement__category-text {
  font-size: 1rem;
  color: #1F1F1F;
  line-height: 1.4;
  margin-bottom: 0.75rem;
}
@media screen and (max-width: 768px) {
  .dx-strategy-enhancement__category-text {
    font-size: 0.9375rem;
    margin-bottom: 0.5rem;
  }
}

.dx-strategy-enhancement__category-list {
  font-size: 0.875rem;
  color: #1F1F1F;
  line-height: 1.4;
  margin: 0;
  padding-left: 1.25rem;
  list-style: disc;
  list-style-position: outside;
}
@media screen and (max-width: 768px) {
  .dx-strategy-enhancement__category-list {
    font-size: 0.8125rem;
    padding-left: 1.125rem;
  }
}
.dx-strategy-enhancement__category-list li {
  margin-bottom: 0.25rem;
}
@media screen and (max-width: 768px) {
  .dx-strategy-enhancement__category-list li {
    margin-bottom: 0.1875rem;
  }
}
.dx-strategy-enhancement__category-list li:last-child {
  margin-bottom: 0;
}

.dx-strategy-initiatives {
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 768px) {
  .dx-strategy-initiatives {
    margin-bottom: 1.875rem;
  }
}

.dx-strategy-initiatives__title {
  font-size: 1.4375rem;
  font-weight: 700;
  color: #0068B7;
  margin-bottom: 1.25rem;
  padding-left: 1rem;
  border-left: solid 8px #0068B7;
}
@media screen and (max-width: 768px) {
  .dx-strategy-initiatives__title {
    font-size: 1.25rem;
    margin-bottom: 1.125rem;
    padding-left: 0.625rem;
  }
}

.dx-strategy-initiatives__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.875rem;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 768px) {
  .dx-strategy-initiatives__items {
    grid-template-columns: 1fr;
    gap: 2.5rem;
    margin-bottom: 1rem;
  }
}

.dx-strategy-initiatives__item {
  background-color: #fff;
  border: 1px solid #e9ecef;
  border-radius: 0.5rem;
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (max-width: 768px) {
  .dx-strategy-initiatives__item {
    padding: 0.75rem;
  }
}

.dx-strategy-initiatives__item-title {
  font-size: 1.125rem;
  font-weight: 700;
  color: #0068B7;
  background: transparent;
  padding: 0;
  border-radius: 0;
  margin: 0;
  text-align: center;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .dx-strategy-initiatives__item-title {
    font-size: 1rem;
  }
}

.dx-strategy-initiatives__item-image {
  margin-top: 1rem;
  text-align: center;
}
.dx-strategy-initiatives__item-image img {
  width: 100%;
  max-width: 12.5rem;
  height: auto;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .dx-strategy-initiatives__item-image img {
    max-width: 11.25rem;
  }
}

.dx-strategy-initiatives__item-year {
  font-size: 1.125rem;
  font-weight: 700;
  color: #1F1F1F;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .dx-strategy-initiatives__item-year {
    font-size: 1rem;
  }
}

.dx-strategy-initiatives__item-main {
  font-size: 0.9375rem;
  font-weight: 700;
  color: #1F1F1F;
  line-height: 1.4;
  letter-spacing: -0.01em;
  margin-bottom: 0.75rem;
}
@media screen and (max-width: 768px) {
  .dx-strategy-initiatives__item-main {
    font-size: 0.9375rem;
    margin-bottom: 0.5rem;
  }
}

.dx-strategy-initiatives__item-list {
  font-size: 0.875rem;
  color: #1F1F1F;
  line-height: 1.4;
  margin: 0;
  padding-left: 1.25rem;
  list-style: disc;
  list-style-position: outside;
}
@media screen and (max-width: 768px) {
  .dx-strategy-initiatives__item-list {
    font-size: 0.8125rem;
    padding-left: 1.125rem;
  }
}
.dx-strategy-initiatives__item-list li {
  margin-bottom: 0.25rem;
  padding-left: 0.25rem;
}
@media screen and (max-width: 768px) {
  .dx-strategy-initiatives__item-list li {
    margin-bottom: 0.1875rem;
    padding-left: 0.25rem;
  }
}
.dx-strategy-initiatives__item-list li:last-child {
  margin-bottom: 0;
}

.dx-strategy-initiatives__item-link {
  margin-top: 1rem;
}
@media screen and (max-width: 768px) {
  .dx-strategy-initiatives__item-link {
    margin-top: 0.75rem;
  }
}

.dx-strategy-initiatives__item-link-btn {
  display: inline-block;
  color: #0068B7;
  text-decoration: underline;
  font-size: 0.875rem;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
@media screen and (max-width: 768px) {
  .dx-strategy-initiatives__item-link-btn {
    font-size: 0.8125rem;
  }
}
.dx-strategy-initiatives__item-link-btn:hover {
  color: #0080D8;
}

.dx-strategy-kpi {
  margin-bottom: 6.25rem;
}
@media screen and (max-width: 768px) {
  .dx-strategy-kpi {
    margin-bottom: 5rem;
  }
}

.dx-strategy-kpi__certification {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.875rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 5rem;
  padding: 1rem;
  background-color: #E7F6FF;
  border: none;
}
@media screen and (max-width: 768px) {
  .dx-strategy-kpi__certification {
    margin-bottom: 1.5rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1rem;
  }
}

.dx-strategy-kpi__certification-logo {
  max-width: 18.75rem;
  width: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.dx-strategy-kpi__certification-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.dx-strategy-kpi__certification-title {
  font-size: 1.25rem;
  font-weight: 700;
  color: #0068B7;
  margin-bottom: 0.75rem;
}
@media screen and (max-width: 768px) {
  .dx-strategy-kpi__certification-title {
    font-size: 1.125rem;
    margin-bottom: 0.5rem;
  }
}

.dx-strategy-kpi__certification-text {
  font-size: 0.875rem;
  color: #1F1F1F;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .dx-strategy-kpi__certification-text {
    font-size: 0.8125rem;
  }
}

.dx-strategy-kpi__certification-link {
  color: #0068B7;
  text-decoration: underline;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  display: inline-block;
  margin-top: 0.5rem;
}
.dx-strategy-kpi__certification-link:hover {
  color: #0080D8;
}

.dx-strategy-kpi__main {
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 768px) {
  .dx-strategy-kpi__main {
    margin-bottom: 1.875rem;
  }
}

.dx-strategy-kpi__main-title {
  font-size: 1.4375rem;
  font-weight: 700;
  color: #0068B7;
  margin-bottom: 1.25rem;
  padding-left: 1rem;
  border-left: solid 8px #0068B7;
}
@media screen and (max-width: 768px) {
  .dx-strategy-kpi__main-title {
    font-size: 1.25rem;
    margin-bottom: 1.125rem;
    padding-left: 0.625rem;
  }
}

.dx-strategy-kpi__main-intro {
  font-size: 1rem;
  color: #1F1F1F;
  margin-bottom: 1.5rem;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .dx-strategy-kpi__main-intro {
    font-size: 0.9375rem;
    margin-bottom: 1rem;
  }
}

.dx-strategy-kpi__table-wrapper {
  overflow-x: auto;
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 768px) {
  .dx-strategy-kpi__table-wrapper {
    overflow-x: visible;
    margin-bottom: 1.875rem;
  }
}

.dx-strategy-kpi__table {
  width: 100%;
  border-collapse: collapse;
  font-size: 1rem;
  border-bottom: 1px solid #ddd;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .dx-strategy-kpi__table {
    font-size: 1rem;
    border-bottom: none;
    border-top: 1px solid #ddd;
  }
}
.dx-strategy-kpi__table thead {
  background-color: #fafafa;
}
@media screen and (max-width: 768px) {
  .dx-strategy-kpi__table thead {
    display: block;
    background-color: transparent;
    margin-bottom: 0.75rem;
  }
}
@media screen and (max-width: 768px) {
  .dx-strategy-kpi__table thead tr {
    display: block;
    border-bottom: 1px solid #ddd;
    border-radius: 0.25rem;
    overflow: hidden;
  }
}
.dx-strategy-kpi__table th,
.dx-strategy-kpi__table td {
  padding: 1rem 1.25rem;
  text-align: center;
  border-top: 1px solid #ddd;
  vertical-align: top;
}
@media screen and (max-width: 768px) {
  .dx-strategy-kpi__table th,
  .dx-strategy-kpi__table td {
    padding: 0.75rem 1rem;
  }
}
.dx-strategy-kpi__table th {
  font-weight: 700;
  line-height: 1.5;
  color: #1F1F1F;
  padding: 0.9375rem;
}
@media screen and (max-width: 768px) {
  .dx-strategy-kpi__table th {
    display: block;
    width: 100%;
    border-top: 1px solid #ddd;
    padding: 0.5rem 0.9375rem;
    text-align: center;
    background-color: #fafafa;
  }
  .dx-strategy-kpi__table th:first-child {
    border-top: none;
  }
}
@media screen and (max-width: 768px) {
  .dx-strategy-kpi__table tbody {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .dx-strategy-kpi__table tbody tr {
    display: block;
    margin-bottom: 0.75rem;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    line-height: 1.5;
  }
}
.dx-strategy-kpi__table tbody td {
  text-align: left;
}
@media screen and (max-width: 768px) {
  .dx-strategy-kpi__table tbody td {
    display: block;
    width: 100%;
    padding: 0.625rem;
    border-top: 1px solid #ddd;
    text-align: left;
  }
  .dx-strategy-kpi__table tbody td:first-child {
    background-color: #fafafa;
    font-weight: 700;
    color: #0068B7;
  }
  .dx-strategy-kpi__table tbody td::before {
    content: attr(data-label);
    display: block;
    font-weight: 700;
    margin-bottom: 0.3125rem;
    color: #1F1F1F;
  }
}

.dx-strategy-kpi__table-header:nth-child(1) {
  width: 30%;
}
.dx-strategy-kpi__table-header:nth-child(2) {
  width: 70%;
}
@media screen and (max-width: 768px) {
  .dx-strategy-kpi__table-header {
    width: auto !important;
  }
}

.dx-strategy-kpi__table-data {
  color: #1F1F1F;
  line-height: 1.4;
}
.dx-strategy-kpi__table-data:nth-child(1) {
  width: 30%;
  font-weight: 700;
  color: #0068B7;
}
.dx-strategy-kpi__table-data:nth-child(2) {
  width: 70%;
}
@media screen and (max-width: 768px) {
  .dx-strategy-kpi__table-data {
    width: auto !important;
  }
  .dx-strategy-kpi__table-data:first-child {
    color: #0068B7;
  }
}

.dx-strategy-kpi__table-list {
  font-size: 1rem;
  color: #1F1F1F;
  line-height: 1.4;
  margin: 0;
  padding-left: 1.25rem;
  list-style: disc;
}
@media screen and (max-width: 768px) {
  .dx-strategy-kpi__table-list {
    font-size: 0.9375rem;
    padding-left: 1.125rem;
  }
}
.dx-strategy-kpi__table-list li {
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 768px) {
  .dx-strategy-kpi__table-list li {
    margin-bottom: 0.375rem;
  }
}
.dx-strategy-kpi__table-list li:last-child {
  margin-bottom: 0;
}

.dx-strategy-kpi__item-number {
  font-size: 1.25rem;
  font-weight: 700;
  color: #0068B7;
}
@media screen and (max-width: 768px) {
  .dx-strategy-kpi__item-number {
    font-size: 1.125rem;
  }
}

.dx-strategy-kpi__footer {
  background: linear-gradient(135deg, #0068B7 0%, #00BFFF 50%, #00CED1 100%);
  padding: 1.25rem 1.875rem;
  text-align: center;
  -webkit-box-shadow: 0 4px 20px rgba(0, 191, 255, 0.3);
          box-shadow: 0 4px 20px rgba(0, 191, 255, 0.3);
  position: relative;
  overflow: hidden;
}
.dx-strategy-kpi__footer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, transparent 50%);
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .dx-strategy-kpi__footer {
    padding: 0.9375rem 1.25rem;
  }
}

.dx-strategy-kpi__footer-text {
  font-size: 1.125rem;
  font-weight: 700;
  color: #fff;
  margin: 0;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .dx-strategy-kpi__footer-text {
    font-size: 1rem;
  }
}

.materialities {
  padding: 3.75rem 0 3.75rem;
}
@media screen and (max-width: 768px) {
  .materialities {
    padding: 2.5rem 0 1.25rem;
  }
}

.materialities__inner {
  max-width: 62.5rem;
  margin: 0 auto;
  padding: 0 1.25rem;
}
@media screen and (max-width: 768px) {
  .materialities__inner {
    padding: 0 0.625rem;
  }
}

.materialities__main-title {
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 2.8125rem;
  color: #fff;
  padding: 0.625rem;
  background: -webkit-gradient(linear, left top, right top, from(#0068B7), to(#0080D8));
  background: linear-gradient(to right, #0068B7, #0080D8);
  text-align: left;
  padding-left: 1.25rem;
}
@media screen and (max-width: 768px) {
  .materialities__main-title {
    font-size: 1.5rem;
    margin-bottom: 1.875rem;
    padding: 0.625rem 1.25rem;
  }
}

.materialities__subtitle {
  font-size: 1.125rem;
  font-weight: 700;
  color: #1F1F1F;
  margin-bottom: 2.5rem;
  line-height: 1.7;
}
@media screen and (max-width: 768px) {
  .materialities__subtitle {
    font-size: 1rem;
    margin-bottom: 1.875rem;
  }
}

.materialities-theme {
  margin-bottom: 5rem;
}
@media screen and (max-width: 768px) {
  .materialities-theme {
    margin-bottom: 4.375rem;
  }
}

.materialities-theme__label {
  font-size: 1.125rem;
  font-weight: 700;
  color: #ED7D31;
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 768px) {
  .materialities-theme__label {
    font-size: 1.125rem;
    margin-bottom: 0.75rem;
  }
}

.materialities-theme__subtitle {
  font-size: 0.875rem;
  font-weight: 400;
  color: #ED7D31;
  margin-bottom: 0.625rem;
}
@media screen and (max-width: 768px) {
  .materialities-theme__subtitle {
    font-size: 0.9375rem;
    margin-bottom: 0.5rem;
  }
}

.materialities-theme__lead {
  font-size: 1.125rem;
  font-weight: 700;
  color: #1F1F1F;
  margin-bottom: 1.875rem;
  line-height: 1.7;
}
@media screen and (max-width: 768px) {
  .materialities-theme__lead {
    font-size: 1rem;
    margin-bottom: 1.25rem;
  }
}

.materialities-theme__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 2.5rem;
  margin-bottom: 1.875rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  .materialities-theme__content {
    gap: 1rem;
    margin-bottom: 1.5rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.u-pc-only {
  display: block;
}
@media screen and (max-width: 768px) {
  .u-pc-only {
    display: none;
  }
}

.u-sp-only {
  display: none;
}
@media screen and (max-width: 768px) {
  .u-sp-only {
    display: block;
  }
}

.materialities-theme__icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 10rem;
  height: 10rem;
}
.materialities-theme__icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.materialities-theme__text-box {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-top: 0.625rem;
}
@media screen and (max-width: 768px) {
  .materialities-theme__text-box {
    padding-top: 0rem;
  }
}

.materialities-theme__title {
  font-size: 1.75rem;
  font-weight: 700;
  color: #0068B7;
  margin-bottom: 1.25rem;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .materialities-theme__title {
    font-size: 1rem;
    margin-bottom: 1rem;
  }
}

.materialities-theme__position {
  font-size: 0.875rem;
  color: #333;
  text-align: right;
  margin-top: -0.625rem;
}
@media screen and (max-width: 768px) {
  .materialities-theme__position {
    font-size: 0.8125rem;
  }
}

.materialities-theme__description {
  font-size: 1rem;
  color: #1F1F1F;
}
@media screen and (max-width: 768px) {
  .materialities-theme__description {
    font-size: 0.875rem;
  }
}
.materialities-theme__description p {
  margin-bottom: 1.125rem;
}
.materialities-theme__description sub {
  font-size: 0.7em;
  vertical-align: sub;
}

.materialities-products {
  margin-bottom: 5rem;
}
@media screen and (max-width: 768px) {
  .materialities-products {
    margin-bottom: 3.75rem;
  }
}
@media screen and (max-width: 420px) {
  .materialities-products {
    margin-bottom: 3.125rem;
  }
}

.materialities-products__title {
  font-size: 1.625rem;
  font-weight: 500;
  color: #0068B7;
  margin-bottom: 1.875rem;
  padding: 0.0625rem 0.625rem 0.25rem;
  border-left: solid 8px #0068B7;
}
@media screen and (max-width: 768px) {
  .materialities-products__title {
    font-size: 1.3125rem;
    margin-bottom: 1.5rem;
  }
}

.materialities-products__content {
  font-size: 1rem;
  color: #1F1F1F;
  margin-bottom: 1.125rem;
}
@media screen and (max-width: 768px) {
  .materialities-products__content {
    font-size: 0.875rem;
    margin-bottom: 1rem;
  }
}
.materialities-products__content p {
  margin-bottom: 1rem;
}
.materialities-products__content sub {
  font-size: 0.7em;
  vertical-align: sub;
}

.materialities-products__image {
  width: 100%;
  margin: 0 auto;
  padding: 0.625rem 2.5rem;
  margin-bottom: 1.25rem;
}
@media screen and (max-width: 768px) {
  .materialities-products__image {
    max-width: 100%;
    padding: 0rem;
  }
}
.materialities-products__image img {
  width: 100%;
  height: auto;
  display: block;
}
.materialities-products__image:last-child {
  margin-bottom: 0rem;
}

.materialities-kpi {
  margin-bottom: 5rem;
}
@media screen and (max-width: 768px) {
  .materialities-kpi {
    margin-bottom: 3.75rem;
  }
}
.materialities-kpi--bordered {
  border: 1px solid #eee;
  padding: 0.9375rem;
}

.materialities-kpi__title {
  font-size: 1.625rem;
  font-weight: 500;
  color: #0068B7;
  margin-bottom: 1.875rem;
  padding: 0.0625rem 0.625rem 0.25rem;
  border-left: solid 8px #0068B7;
}
@media screen and (max-width: 768px) {
  .materialities-kpi__title {
    font-size: 1.3125rem;
    margin-bottom: 2rem;
  }
}

.materialities-kpi__subtitle {
  margin-bottom: 0.375rem;
  display: inline-block;
  font-size: 1.15em;
  border-bottom: 1px #0A62BA dotted;
  color: #0A62BA;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .materialities-kpi__subtitle {
    font-size: 1.1em;
  }
}
.materialities-kpi__subtitle:first-child {
  margin-top: 0;
}

.materialities-kpi__chart-section {
  margin-bottom: 1.25rem;
}
.materialities-kpi__chart-section:last-child {
  margin-bottom: 0rem;
}
.materialities-kpi__chart-section--center {
  text-align: center;
}

.materialities-kpi__chart-title {
  margin-bottom: 0.375rem;
  display: inline-block;
  font-size: 1em;
  border-bottom: 1px #0A62BA dotted;
  color: #0A62BA;
}
@media screen and (max-width: 768px) {
  .materialities-kpi__chart-title {
    margin-bottom: 0.375rem;
    font-size: 0.95em;
  }
}

.materialities-kpi .materialities-products__image {
  max-width: 43.75rem;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .materialities-kpi .materialities-products__image {
    max-width: 100%;
  }
}

.materialities-kpi__sdgs {
  margin-bottom: 3.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media screen and (max-width: 768px) {
  .materialities-kpi__sdgs {
    margin-bottom: 2.5rem;
  }
}

.materialities-kpi__sdgs-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .materialities-kpi__sdgs-list {
    gap: 0.625rem;
  }
}

.materialities-kpi__sdgs-item {
  width: 7.5rem;
  height: 7.5rem;
}
@media screen and (max-width: 768px) {
  .materialities-kpi__sdgs-item {
    width: 5rem;
    height: 5rem;
  }
}
.materialities-kpi__sdgs-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.materialities-kpi__table {
  overflow-x: auto;
}
@media screen and (max-width: 768px) {
  .materialities-kpi__table {
    overflow-x: visible;
  }
}

.materialities-kpi__table-content {
  width: 100%;
  border-collapse: collapse;
  font-size: 1rem;
  border-bottom: 1px solid #ddd;
}
@media screen and (max-width: 768px) {
  .materialities-kpi__table-content {
    font-size: 1rem;
    border-bottom: none;
    border-top: 1px solid #ddd;
  }
}
.materialities-kpi__table-content thead {
  background-color: #fafafa;
}
@media screen and (max-width: 768px) {
  .materialities-kpi__table-content thead {
    display: block;
    background-color: transparent;
    margin-bottom: 0.75rem;
  }
}
@media screen and (max-width: 768px) {
  .materialities-kpi__table-content thead tr {
    display: block;
    border-bottom: 1px solid #ddd;
    border-radius: 0.25rem;
    overflow: hidden;
  }
}
.materialities-kpi__table-content th,
.materialities-kpi__table-content td {
  padding: 1rem 1.25rem;
  text-align: center;
  border-top: 1px solid #ddd;
  vertical-align: top;
}
@media screen and (max-width: 768px) {
  .materialities-kpi__table-content th,
  .materialities-kpi__table-content td {
    padding: 0.75rem 1rem;
  }
}
.materialities-kpi__table-content th {
  font-weight: 500;
  line-height: 1.5;
  color: #1F1F1F;
  padding: 0.9375rem;
}
@media screen and (max-width: 768px) {
  .materialities-kpi__table-content th {
    display: block;
    width: 100%;
    border-top: 1px solid #ddd;
    padding: 0.5rem 0.9375rem;
    text-align: center;
    background-color: #fafafa;
  }
  .materialities-kpi__table-content th:first-child {
    border-top: none;
  }
}
@media screen and (max-width: 768px) {
  .materialities-kpi__table-content tbody {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .materialities-kpi__table-content tbody tr {
    display: block;
    margin-bottom: 0.75rem;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    line-height: 1.5;
  }
}
.materialities-kpi__table-content tbody td {
  text-align: left;
  width: 30%;
}
@media screen and (max-width: 768px) {
  .materialities-kpi__table-content tbody td {
    display: block;
    width: 100%;
    padding: 0.625rem;
    border-top: 1px solid #ddd;
    text-align: center;
    text-align: left;
  }
  .materialities-kpi__table-content tbody td:first-child {
    background-color: #fafafa;
  }
}

@media screen and (max-width: 420px) {
  .materialities-kpi__table-header {
    white-space: nowrap;
  }
}
.materialities-kpi__table-header:nth-child(1) {
  width: 30%;
}
.materialities-kpi__table-header:nth-child(2) {
  width: 40%;
}
.materialities-kpi__table-header:nth-child(3) {
  width: 30%;
}
@media screen and (max-width: 768px) {
  .materialities-kpi__table-header {
    width: auto !important;
  }
}

.materialities-kpi__table-data {
  color: #1F1F1F;
}
.materialities-kpi__table-data:nth-child(1) {
  width: 30%;
}
.materialities-kpi__table-data:nth-child(2) {
  width: 40%;
}
.materialities-kpi__table-data:nth-child(3) {
  width: 30%;
}
@media screen and (max-width: 768px) {
  .materialities-kpi__table-data {
    width: auto !important;
  }
}
.materialities-kpi__table-data sub,
.materialities-kpi__table-data sup {
  font-size: 0.7em;
}

.materialities-kpi__note {
  font-size: 0.75rem;
  color: #666;
  line-height: 1.6;
  padding-left: 1rem;
  margin-top: 0.3125rem;
}
@media screen and (max-width: 768px) {
  .materialities-kpi__note {
    font-size: 0.6875rem;
    padding-left: 0rem;
    margin-top: 0rem;
  }
}

.materialities-kpi__link-btn {
  display: block;
  position: relative;
  background: #0068B7;
  color: #fff;
  padding: 0.625rem 3.125rem 0.625rem 1.25rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  margin-left: 0;
  margin-right: auto;
  width: 80%;
  text-decoration: none;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media screen and (max-width: 768px) {
  .materialities-kpi__link-btn {
    margin-top: 1rem;
    margin-bottom: 1rem;
    width: 90%;
  }
}
.materialities-kpi__link-btn:hover {
  opacity: 0.8;
}
.materialities-kpi__link-btn::after {
  content: "";
  position: absolute;
  margin: auto;
  top: 50%;
  right: 20px;
  width: 8px;
  height: 8px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg) translateY(-50%);
          transform: rotate(45deg) translateY(-50%);
}
@media screen and (max-width: 768px) {
  .materialities-kpi__link-btn::after {
    right: 15px;
  }
}

.materialities-kpi__link-btn-text {
  font-size: 0.875rem;
  line-height: 1.3;
  display: block;
}
@media screen and (max-width: 768px) {
  .materialities-kpi__link-btn-text {
    font-size: 0.8125rem;
    line-height: 1.3;
  }
}

.materialities-kpi__link-btn-arrow {
  display: none;
}

.materialities-link {
  margin-top: 2.5rem;
  text-align: right;
}
@media screen and (max-width: 768px) {
  .materialities-link {
    margin-top: 1.875rem;
  }
}

.materialities-link__btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.75rem;
  padding: 0.625rem 1.25rem 0.625rem 1.25rem;
  font-size: 1rem;
  font-weight: 700;
  color: #fff;
  background: -webkit-gradient(linear, left top, right top, from(#0068B7), to(#0080D8));
  background: linear-gradient(to right, #0068B7, #0080D8);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-box-shadow: 0 2px 8px rgba(0, 104, 183, 0.3);
          box-shadow: 0 2px 8px rgba(0, 104, 183, 0.3);
}
@media screen and (max-width: 768px) {
  .materialities-link__btn {
    font-size: 0.9375rem;
    gap: 0.625rem;
  }
}
.materialities-link__btn:hover {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 4px 12px rgba(0, 104, 183, 0.4);
          box-shadow: 0 4px 12px rgba(0, 104, 183, 0.4);
}

.materialities-link__arrow {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  margin-top: -0.125rem;
}
@media screen and (max-width: 768px) {
  .materialities-link__arrow {
    width: 0.4375rem;
    height: 0.4375rem;
  }
}

.governance {
  padding: 3.75rem 0 3.75rem;
}
@media screen and (max-width: 768px) {
  .governance {
    padding: 2.5rem 0 3.75rem;
  }
}

.governance__inner {
  max-width: 62.5rem;
  margin: 0 auto;
  padding: 0 1.25rem;
}
@media screen and (max-width: 768px) {
  .governance__inner {
    padding: 0 0.625rem;
  }
}

.governance__title {
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.6;
  margin-bottom: 3.75rem;
  color: #fff;
  padding: 0.5rem 0 0.5rem 1.25rem;
  background: -webkit-gradient(linear, left top, right top, from(#19486a), to(#0068B7));
  background: linear-gradient(to right, #19486a, #0068B7);
}
@media screen and (max-width: 768px) {
  .governance__title {
    font-size: 1.25rem;
    margin-bottom: 2.1875rem;
    padding: 0.625rem 0 0.625rem 0.625rem;
  }
}

.governance__section {
  margin-bottom: 5rem;
}
@media screen and (max-width: 768px) {
  .governance__section {
    margin-bottom: 3.75rem;
  }
}
.governance__section:last-child {
  margin-bottom: 0;
}

.governance__heading {
  font-size: 1.625rem;
  font-weight: 500;
  color: #0068B7;
  margin-bottom: 2.1875rem;
  padding-left: 1rem;
  border-left: solid 8px #0068B7;
}
@media screen and (max-width: 768px) {
  .governance__heading {
    font-size: 1.25rem;
    margin-bottom: 1.875rem;
    padding-left: 0.625rem;
  }
}

.governance__content {
  font-size: 1rem;
  color: #1F1F1F;
  margin-bottom: 1.875rem;
}
@media screen and (max-width: 768px) {
  .governance__content {
    font-size: 0.9375rem;
    margin-bottom: 1.5625rem;
  }
}

.governance__imglist-wrapper {
  margin-top: 2.5rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .governance__imglist-wrapper {
    margin-top: 2.1875rem;
    padding: 0 3.125rem;
  }
}

.governance__imglist {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3.125rem;
  padding: 0 3.125rem;
}
@media screen and (max-width: 768px) {
  .governance__imglist {
    grid-template-columns: 1fr;
    gap: 1.5625rem;
    padding: 0;
  }
}
.governance__imglist li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.governance__imglist img {
  width: 100%;
  height: auto;
  display: block;
  -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.governance__table-note {
  font-size: 0.75rem;
  color: #1F1F1F;
  text-align: right;
  margin-bottom: 0.25rem;
}
@media screen and (max-width: 768px) {
  .governance__table-note {
    font-size: 0.6875rem;
  }
}

.governance__table {
  overflow-x: auto;
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 768px) {
  .governance__table {
    margin-bottom: 2.1875rem;
  }
}
.governance__table table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.75rem;
  background-color: #fff;
  min-width: 50rem;
}
@media screen and (max-width: 768px) {
  .governance__table table {
    font-size: 0.625rem;
  }
}
.governance__table table thead tr {
  background-color: #0068B7;
  border: 1px solid #ddd;
}
.governance__table table thead tr th {
  color: #fff;
  padding: 0.3125rem 0.125rem;
  text-align: center;
  border: 1px solid #ddd;
  line-height: 1.4;
  font-size: 0.65625rem;
}
@media screen and (max-width: 768px) {
  .governance__table table thead tr th {
    min-width: 6.875rem;
  }
}
.governance__table table tbody tr:nth-child(even) {
  background-color: #f8f9fa;
}
.governance__table table tbody tr th {
  padding: 0.3125rem 0.125rem;
  text-align: center;
  border: 1px solid #ddd;
  background-color: #EAEEF8;
}
.governance__table table tbody tr th:first-child {
  min-width: 6.25rem;
  font-size: 0.8125rem;
}
@media screen and (max-width: 768px) {
  .governance__table table tbody tr th:first-child {
    font-size: 0.75rem;
    min-width: 6.875rem;
  }
}
.governance__table table tbody tr th:nth-child(2) {
  min-width: 6.25rem;
}
.governance__table table tbody tr td {
  padding: 0.3125rem 0.125rem;
  text-align: center;
  border: 1px solid #ddd;
  color: #1F1F1F;
  width: 11%;
}
.governance__info {
  border: 1px solid #eee;
  padding: 0.9375rem;
  margin-top: 2.5rem;
}
@media screen and (max-width: 768px) {
  .governance__info {
    margin-top: 2.1875rem;
  }
}

.governance__info-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.875rem;
}
@media screen and (max-width: 768px) {
  .governance__info-list {
    gap: 1.5625rem;
  }
}

.governance__info-item {
  list-style: none;
  margin: 0;
  padding: 0;
}

.governance__info-title {
  display: inline-block;
  font-size: 1.125rem;
  border-bottom: 1px #0A62BA dotted;
  color: #0A62BA;
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 768px) {
  .governance__info-title {
    font-size: 1rem;
  }
}

.governance__info-content {
  font-size: 1rem;
  color: #1F1F1F;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .governance__info-content {
    font-size: 0.9375rem;
  }
}

.governance__info-image {
  text-align: center;
  margin: 0;
}
.governance__info-image img {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

.governance__message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3.125rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 1.875rem;
  margin-top: 2.5rem;
}
@media screen and (max-width: 768px) {
  .governance__message {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 2.1875rem;
    padding: 0rem;
    margin-top: 2.1875rem;
  }
}

.governance__message-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.1875rem;
}
@media screen and (max-width: 768px) {
  .governance__message-text {
    gap: 1.875rem;
  }
}

.governance__message-title {
  display: inline-block;
  font-size: 1.125rem;
  border-bottom: 1px #0A62BA dotted;
  color: #0A62BA;
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 768px) {
  .governance__message-title {
    font-size: 1.125rem;
    margin-bottom: 0.75rem;
  }
}

.governance__message-content {
  font-size: 1rem;
  color: #1F1F1F;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .governance__message-content {
    font-size: 0.9375rem;
  }
}

.governance__message-images {
  width: 21.875rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.875rem;
}
@media screen and (max-width: 768px) {
  .governance__message-images {
    width: 100%;
    max-width: 31.25rem;
    margin: 0 auto;
    gap: 1.5625rem;
  }
}
.governance__message-images p {
  margin: 0;
}
.governance__message-images img {
  width: 100%;
  height: auto;
  display: block;
  -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.error-notfound {
  margin-top: 1.25rem;
  text-align: center;
}
.error-notfound a {
  text-decoration: none;
}
.error-notfound__text {
  font-size: 5rem;
  font-weight: 900;
  color: #1F1F1F;
  line-height: 1;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .error-notfound__text {
    font-size: 3rem;
  }
}

.error-page {
  padding-block: 2.5rem 7.5rem;
}
@media screen and (max-width: 768px) {
  .error-page {
    padding-block: 1.875rem 5rem;
  }
}
.error-page a {
  text-decoration: none;
}
.error-page__inner {
  max-width: 62.5rem;
  margin: 0 auto;
}
.error-page__content {
  text-align: left;
  padding-left: 1.5625rem;
}
@media screen and (max-width: 768px) {
  .error-page__content {
    padding-left: 0.9375rem;
  }
}
.error-page__title {
  font-size: 1.75rem;
  font-weight: 700;
  margin-bottom: 1rem;
  color: #1F1F1F;
}
@media screen and (max-width: 768px) {
  .error-page__title {
    font-size: 1.25rem;
  }
}
.error-page__text {
  margin-bottom: 2.5rem;
  color: #333333;
  line-height: 1.8;
  font-size: 1rem;
}
@media screen and (max-width: 768px) {
  .error-page__text {
    font-size: 0.875rem;
  }
}
.error-page__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.5rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .error-page__buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 1rem;
  }
}
.error-page__buttons .common-btn {
  text-decoration: none;
  color: #1F1F1F;
  font-weight: 700;
}