@charset "UTF-8";
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:where([hidden]:not([hidden=until-found])) {
  display: none !important;
}

:where(html) {
  -webkit-text-size-adjust: none;
  color-scheme: dark light;
  -moz-tab-size: 2;
    -o-tab-size: 2;
       tab-size: 2;
}

@media (prefers-reduced-motion: no-preference) {
  :where(html:focus-within) {
    scroll-behavior: smooth;
  }
}
:where(body) {
  line-height: 1.5;
  font-family: system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}

:where(button) {
  all: unset;
}

:where(input, button, textarea, select) {
  font: inherit;
  color: inherit;
}

:where(textarea) {
  resize: vertical;
  resize: block;
}

:where(button, label, select, summary, [role=button], [role=option]) {
  cursor: pointer;
}

:where(:disabled) {
  cursor: not-allowed;
}

:where(label:has(> input:disabled), label:has(+ input:disabled)) {
  cursor: not-allowed;
}

:where(a) {
  color: inherit;
  text-underline-offset: 0.2ex;
}

:where(ul, ol) {
  list-style: none;
}

:where(img, svg, video, canvas, audio, iframe, embed, object) {
  display: block;
}

:where(img, picture, svg, video) {
  max-inline-size: 100%;
  block-size: auto;
}

:where(p, h1, h2, h3, h4, h5, h6) {
  overflow-wrap: break-word;
}

:where(h1, h2, h3) {
  line-height: calc(1em + 0.5rem);
  text-wrap: balance;
}

:where(hr) {
  border: none;
  border-block-start: 1px solid;
  color: inherit;
  block-size: 0;
  overflow: visible;
}

:where(:focus-visible) {
  outline: 3px solid CanvasText;
  box-shadow: 0 0 0 5px Canvas;
  outline-offset: 1px;
}

:where(:focus-visible, :target) {
  scroll-margin-block: 8vh;
}

:where(.visually-hidden:not(:focus-within, :active)) {
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden !important;
  position: absolute !important;
  white-space: nowrap !important;
  border: 0 !important;
}

@keyframes ANI--menu {
  0% {
    opacity: 0;
    display: none;
    visibility: hidden;
  }
  0.1% {
    display: grid;
    visibility: inherit;
  }
  100% {
    opacity: 1;
  }
}
@keyframes ANI--Slide--R-L {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0%);
  }
}
@keyframes ANI--Fade--UP {
  0% {
    transform: translateY(20%);
    opacity: 0;
  }
  100% {
    transform: translatY(0%);
    opacity: 1;
  }
}
.topicsblock {
  display: none !important;
}

body {
  font-family: "Arial", "メイリオ";
  font-display: swap;
  font-feature-settings: "palt";
}

body#n24 {
  font-family: "Noto Sans JP", sans-serif;
  color: #070A20;
  font-size: 28px;
}

body#n24 .breadcrumbs {
  background-color: #fff;
  border-top: 1px #B6D4E7 solid;
  font-size: 12px;
  line-height: 1;
  padding-top: 0.8em;
  padding-bottom: 0.8em;
}
body#n24 .breadcrumbs ul {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
body#n24 .breadcrumbs ul li {
  margin-right: 1em;
  font-weight: bold;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
}
body#n24 .breadcrumbs ul li a {
  color: #092A81;
  font-weight: normal;
  display: flex;
}
body#n24 .breadcrumbs ul li a:hover {
  text-decoration: none;
}
body#n24 .breadcrumbs ul li a::after {
  content: "";
  background-image: url("../img/common/breadcrumbs--arrow.svg");
  background-size: 0.6em;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  width: 1em;
  height: 1em;
  position: relative;
  right: -0.6em;
  vertical-align: bottom;
}
@media only screen and (max-width: 768px) {
  body#n24 .breadcrumbs ul li {
    display: none;
  }
  body#n24 .breadcrumbs ul li:first-child {
    display: block;
  }
  body#n24 .breadcrumbs ul li:last-child {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
}
@media only screen and (max-width: 1200px) {
  body#n24 .breadcrumbs {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media only screen and (max-width: 426px) {
  body#n24 .breadcrumbs {
    padding-left: 8px;
    padding-right: 8px;
    font-size: 11px;
  }
}

body#n24 .btn a {
  font-family: "Noto Sans JP", sans-serif;
  border-radius: 8px;
  background-color: #092A81;
  font-size: clamp(12px, 0.8vw, 14px);
  font-weight: 600;
  color: #fff;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  min-width: 160px;
  display: grid;
  padding: 0.2em 0.8em;
  align-content: center;
  transition: all 0.2s;
}
body#n24 .btn a span.btnTxt {
  padding: 1em 0.2em;
}
@media only screen and (max-height: 800px) {
  body#n24 .btn a span.btnTxt {
    font-size: 12px;
  }
}
body#n24 .btn a span.btnTxt.btnTxt--S {
  padding: 0.8em 0.2em;
}
body#n24 .btn a:hover {
  background-color: #1DC9FF;
}
@media only screen and (max-width: 1200px) {
  body#n24 .btn a {
    min-width: 100px;
  }
}
body#n24 .btn.btn--gbClr--white a {
  background-color: #fff;
  color: #092A81;
}
body#n24 .btn.btn--gbClr--white a:hover {
  background-color: #1DC9FF;
}
body#n24 .btn.btn--iconLR a {
  display: grid;
  grid-template-columns: minmax(24px, max-content) auto minmax(24px, max-content);
  align-items: center;
  justify-items: center;
}
body#n24 .btn.btn--iconLR a span.iconL {
  display: inline-block;
  background-color: transparent;
}
body#n24 .btn.btn--iconLR a span.iconR {
  display: inline-block;
  background-color: transparent;
}
body#n24 .btn.btn--iconLR a span.icon--arrow {
  width: 24px;
  height: 24px;
  aspect-ratio: 1;
  margin: 0 auto;
  background-size: contain;
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 18L17 12L11 6" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
body#n24 .btn.btn--iconLR a span.icon--arrow-blue {
  width: 24px;
  height: 24px;
  aspect-ratio: 1;
  margin: 0 auto;
  background-size: contain;
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 18L17 12L11 6" stroke="%23092A81" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

body#n24 .title--A {
  width: 100%;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 19px;
  line-height: 1.2;
  color: #070A20;
  position: relative;
  letter-spacing: 0.04em;
  margin-bottom: 2.4em;
  padding: 10px 0 10px 12px;
  border-left: 6px solid #1DC9FF;
}
@media only screen and (max-width: 768px) {
  body#n24 .title--A {
    font-size: 16px;
    line-height: 1.1;
  }
}
body#n24 .title--A::before {
  position: absolute;
  top: 0;
  left: -6px;
  content: "";
  border-left: 6px solid #0C3493;
  height: 50%;
  width: calc(100% + 6px);
}
body#n24 .title--A::after {
  position: absolute;
  bottom: -6px;
  left: -6px;
  content: "";
  width: calc(100% + 6px);
  border-bottom: 1px #BEDBEF solid;
}
body#n24 .title--A > .text {
  font-weight: 600;
}

@keyframes ANI--upFade {}
body#n24.JS--menuOpen {
  overflow: hidden;
  touch-action: none;
  width: 100%;
  height: auto;
}

body#n24 #menu_nav {
  display: none;
  visibility: hidden;
  opacity: 0;
}
body#n24.JS--menuOpen #menu_nav {
  overflow: auto;
  animation-name: ANI--menu;
  animation-duration: 0.4s;
  animation-fill-mode: forwards;
  animation-timing-function: ease;
  visibility: inherit;
  opacity: 1;
  position: fixed;
  z-index: 100;
  width: 100vw;
  height: 100%;
  color: #fff;
  top: 0;
  left: 0;
  background-color: #161F24;
  background-color: #292929;
  background-color: #0e264c;
  background-color: #051939;
  background-color: #17396f;
  display: grid;
  grid-template-rows: 120px auto;
}
@media only screen and (max-width: 1200px) {
  body#n24.JS--menuOpen #menu_nav {
    grid-template-rows: auto auto;
  }
}
body#n24.JS--menuOpen #menu_nav .menu_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 32px;
}
@media only screen and (max-width: 1200px) {
  body#n24.JS--menuOpen #menu_nav .menu_header {
    padding: 16px;
  }
}
@media only screen and (max-width: 1200px) {
  body#n24.JS--menuOpen #menu_nav .menu_header .logo {
    max-width: 180px;
  }
}
body#n24.JS--menuOpen #menu_nav .menu_header #menuBtn--close a {
  background-color: #0f2b59;
  min-width: 64px;
  min-height: 64px;
  aspect-ratio: 1;
}
body#n24.JS--menuOpen #menu_nav .menu_header #menuBtn--close a:hover {
  background-color: #235199;
}
body#n24.JS--menuOpen #menu_nav .menu_header #menuBtn--close a span {
  display: inline-block;
  width: 20px;
  height: 20px;
  aspect-ratio: 1;
  margin: 0 auto;
  background-size: contain;
  background-image: url('data:image/svg+xml;utf8,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13 1L1 13" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M1 1L13 13" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
@media only screen and (max-width: 1200px) {
  body#n24.JS--menuOpen #menu_nav .menu_header #menuBtn--close a {
    min-width: 48px;
    min-height: 48px;
  }
  body#n24.JS--menuOpen #menu_nav .menu_header #menuBtn--close a span {
    width: 16px;
    height: 16px;
  }
}
body#n24.JS--menuOpen #menu_nav .menu_cnt {
  max-width: 1200px;
  width: 100%;
  margin: 64px auto;
  padding-left: 32px;
  padding-right: 32px;
}
@media only screen and (max-width: 1200px) {
  body#n24.JS--menuOpen #menu_nav .menu_cnt {
    margin: 32px auto;
  }
}
@media only screen and (max-width: 992px) {
  body#n24.JS--menuOpen #menu_nav .menu_cnt {
    padding-left: 16px;
    padding-right: 16px;
  }
}
body#n24.JS--menuOpen #menu_nav .menu_cnt .cnt_inner {
  font-size: 16px;
  display: grid;
  grid-template-columns: 2fr 1fr;
  align-items: start;
  height: 100%;
}
body#n24.JS--menuOpen #menu_nav .menu_cnt .cnt_inner a {
  text-decoration: none;
}
@media only screen and (max-width: 1440px) {
  body#n24.JS--menuOpen #menu_nav .menu_cnt .cnt_inner {
    grid-template-columns: 1fr;
  }
}
body#n24.JS--menuOpen #menu_nav .menu_cnt .cnt_inner .menu_left {
  padding: 0 64px;
  padding-left: 0;
  border-right: 1px #F5FBFF solid;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, auto));
  gap: 2em;
}
@media only screen and (max-width: 1440px) {
  body#n24.JS--menuOpen #menu_nav .menu_cnt .cnt_inner .menu_left {
    border-right: 0;
    padding-right: 0;
  }
}
body#n24.JS--menuOpen #menu_nav .menu_cnt .cnt_inner .menu_left dl {
  margin-bottom: 4em;
}
@media only screen and (max-width: 1200px) {
  body#n24.JS--menuOpen #menu_nav .menu_cnt .cnt_inner .menu_left dl {
    margin-bottom: 2em;
  }
}
body#n24.JS--menuOpen #menu_nav .menu_cnt .cnt_inner .menu_left dl dt {
  font-size: 22px;
  line-height: 1.2;
  padding-bottom: 1em;
  margin-bottom: 1.6em;
  border-bottom: 1px #F5FBFF solid;
  font-weight: 900;
}
@media only screen and (max-width: 1440px) {
  body#n24.JS--menuOpen #menu_nav .menu_cnt .cnt_inner .menu_left dl dt {
    font-size: 18px;
  }
}
body#n24.JS--menuOpen #menu_nav .menu_cnt .cnt_inner .menu_left dl dt > a {
  display: grid;
  grid-auto-flow: column;
  justify-content: space-between;
  align-items: center;
  gap: 0.2em;
}
body#n24.JS--menuOpen #menu_nav .menu_cnt .cnt_inner .menu_left dl dt > a .ico--arrow-R {
  background-color: #F5FBFF;
  display: grid;
  align-items: center;
  justify-items: center;
  border-radius: 100%;
  width: 100%;
  height: 100%;
  width: 20px;
  height: auto;
  aspect-ratio: 1;
  margin: 0 auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 18L17 12L11 6" stroke="%23092A81" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-size: 80%;
  background-position: 25% center;
  transition: all 0.2s;
}
body#n24.JS--menuOpen #menu_nav .menu_cnt .cnt_inner .menu_left dl dt > a:hover {
  color: #1DC9FF;
}
body#n24.JS--menuOpen #menu_nav .menu_cnt .cnt_inner .menu_left dl dt > a:hover .ico--arrow-R {
  background-color: #1DC9FF;
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 18L17 12L11 6" stroke="%230C3493" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
body#n24.JS--menuOpen #menu_nav .menu_cnt .cnt_inner .menu_left dl dd {
  font-size: 13px;
  line-height: 1.3;
  margin-top: 1.2em;
}
body#n24.JS--menuOpen #menu_nav .menu_cnt .cnt_inner .menu_left dl dd:first-child {
  margin-top: 0;
}
body#n24.JS--menuOpen #menu_nav .menu_cnt .cnt_inner .menu_left dl dd a {
  text-decoration: none;
}
body#n24.JS--menuOpen #menu_nav .menu_cnt .cnt_inner .menu_left dl dd a::before {
  margin-right: 0.2em;
}
body#n24.JS--menuOpen #menu_nav .menu_cnt .cnt_inner .menu_left dl dd a:hover {
  text-decoration: underline;
  color: #1DC9FF;
}
body#n24.JS--menuOpen #menu_nav .menu_cnt .cnt_inner .menu_right {
  width: 100%;
  margin: 0 auto;
  padding: 0 64px;
  padding-right: 0;
  display: grid;
  grid-auto-flow: row;
  gap: 4em;
}
@media only screen and (max-width: 1440px) {
  body#n24.JS--menuOpen #menu_nav .menu_cnt .cnt_inner .menu_right {
    padding: 0;
    padding-top: 2em;
    margin-top: 3em;
    border-top: 1px #F5FBFF solid;
  }
}
body#n24.JS--menuOpen #menu_nav .menu_cnt .cnt_inner .menu_right dl dt {
  font-size: 18px;
  line-height: 1;
  margin-bottom: 1.2em;
  font-weight: 900;
}
body#n24.JS--menuOpen #menu_nav .menu_cnt .cnt_inner .menu_right dl dd {
  font-size: 13px;
}
body#n24.JS--menuOpen #menu_nav .menu_cnt .cnt_inner .menu_right dl dd.bnr {
  background-color: rgb(30, 30, 30);
  width: 100%;
  aspect-ratio: 1.7;
  display: grid;
  place-content: center;
}
@media only screen and (max-width: 1440px) {
  body#n24.JS--menuOpen #menu_nav .menu_cnt .cnt_inner .menu_right dl {
    max-width: 50%;
  }
}
body#n24.JS--menuOpen #menu_nav .menu_cnt .cnt_inner .menu_right .menu--inquiry {
  display: grid;
  grid-template-rows: auto auto auto;
  gap: 1.2em;
}
@media only screen and (max-width: 1440px) {
  body#n24.JS--menuOpen #menu_nav .menu_cnt .cnt_inner .menu_right .menu--inquiry {
    max-width: clamp(300px, 100%, 380px);
    margin: 0 auto;
  }
}
body#n24.JS--menuOpen #menu_nav .menu_cnt .cnt_inner .menu_right .menu--inquiry .tel {
  text-align: right;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-end;
  font-family: "Lato", sans-serif;
  align-items: center;
  color: #092A81;
  font-size: 36px;
  font-weight: 900;
}
@media only screen and (max-width: 1440px) {
  body#n24.JS--menuOpen #menu_nav .menu_cnt .cnt_inner .menu_right .menu--inquiry .tel {
    justify-content: center;
  }
}
body#n24.JS--menuOpen #menu_nav .menu_cnt .cnt_inner .menu_right .menu--inquiry .tel .num {
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
  gap: 0.2em;
  color: #fff;
}
body#n24.JS--menuOpen #menu_nav .menu_cnt .cnt_inner .menu_right .menu--inquiry .tel .num .icon {
  content: "";
  display: inline-block;
  width: 28px;
  aspect-ratio: 1;
  margin: 0 auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.4246 4.82261C14.3625 5.00472 15.2245 5.46123 15.9003 6.1337C16.576 6.80617 17.0348 7.66402 17.2178 8.59743M13.4246 1C15.3733 1.21544 17.1905 2.08388 18.5778 3.46272C19.9651 4.84157 20.8401 6.64887 21.059 8.58788M20.0987 16.214V19.0809C20.0998 19.3471 20.045 19.6105 19.9379 19.8544C19.8307 20.0983 19.6736 20.3172 19.4765 20.4971C19.2794 20.677 19.0467 20.814 18.7934 20.8993C18.54 20.9845 18.2716 21.0162 18.0052 20.9922C15.0502 20.6727 12.2117 19.6678 9.71778 18.0584C7.39751 16.5911 5.43033 14.6335 3.95594 12.3245C2.333 9.83138 1.32301 6.99289 1.00779 4.03897C0.983797 3.7747 1.01536 3.50836 1.10046 3.25689C1.18557 3.00543 1.32236 2.77435 1.50213 2.57838C1.68189 2.3824 1.90069 2.22582 2.1446 2.11861C2.3885 2.0114 2.65217 1.9559 2.91881 1.95565H5.79973C6.26577 1.95109 6.71758 2.11532 7.07094 2.41774C7.42431 2.72016 7.65511 3.14013 7.72034 3.59937C7.84194 4.51686 8.06744 5.41772 8.39255 6.28476C8.52176 6.62681 8.54972 6.99855 8.47313 7.35593C8.39654 7.71331 8.21861 8.04135 7.96041 8.30118L6.74083 9.51486C8.10788 11.9074 10.0985 13.8883 12.5027 15.2488L13.7223 14.0351C13.9834 13.7782 14.313 13.6011 14.6721 13.5249C15.0312 13.4486 15.4048 13.4765 15.7485 13.6051C16.6198 13.9286 17.525 14.153 18.447 14.274C18.9134 14.3395 19.3395 14.5733 19.644 14.931C19.9486 15.2887 20.1104 15.7453 20.0987 16.214Z" stroke="%23ffffff" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
body#n24.JS--menuOpen #menu_nav .menu_cnt .cnt_inner .menu_right .menu--inquiry .tel .sub {
  color: #fff;
  font-size: 13px;
  font-weight: 300;
}

body#n24 ul.fixed_parts {
  --RADIUS: 6px;
  position: fixed;
  z-index: 15;
  right: 0;
  bottom: 64px;
  font-size: 16px;
  font-weight: 900;
}
@media only screen and (max-width: 1440px) {
  body#n24 ul.fixed_parts {
    font-size: 12px;
  }
}
body#n24 ul.fixed_parts li {
  margin-top: 1em;
  animation-name: ANI--Slide--R-L;
  animation-duration: 0.4s;
  animation-fill-mode: both;
  animation-timing-function: ease;
  animation-delay: 0.4s;
}
body#n24 ul.fixed_parts li:last-of-type {
  animation-delay: 0.6s;
}
body#n24 ul.fixed_parts li:first-of-type {
  margin-top: 0;
}
body#n24 ul.fixed_parts li > a {
  text-decoration: none;
  display: grid;
  grid-template-rows: auto auto;
  justify-items: center;
  gap: 0.2em;
  background-color: #fbe721;
  padding: 1em 1.2em;
  line-height: 1.2;
  border-top-left-radius: var(--RADIUS);
  border-bottom-left-radius: var(--RADIUS);
  box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.24);
  transition: all 0.2s;
}
body#n24 ul.fixed_parts li > a:hover {
  filter: brightness(105%);
}
@media only screen and (max-width: 1200px) {
  body#n24 ul.fixed_parts li > a {
    padding: 0.8em 0.8em;
  }
}
body#n24 ul.fixed_parts li > a .icon {
  --icon-color: #092a81;
  content: "";
  display: inline-block;
  width: 22px;
  aspect-ratio: 1;
  margin: 0 auto;
  background-size: contain;
  background-repeat: no-repeat;
}
body#n24 ul.fixed_parts li > a .txt {
  width: 1em;
  color: #092A81;
}
body#n24 ul.fixed_parts li.requestTest .icon {
  background-image: url('data:image/svg+xml;utf8,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.8333 1.83337H5.49996C5.01373 1.83337 4.54741 2.02653 4.2036 2.37034C3.85978 2.71416 3.66663 3.18048 3.66663 3.66671V18.3334C3.66663 18.8196 3.85978 19.2859 4.2036 19.6297C4.54741 19.9736 5.01373 20.1667 5.49996 20.1667H16.5C16.9862 20.1667 17.4525 19.9736 17.7963 19.6297C18.1401 19.2859 18.3333 18.8196 18.3333 18.3334V7.33337L12.8333 1.83337Z" stroke="%23092A81" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12.8334 1.83337V7.33337H18.3334" stroke="%23092A81" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M14.6667 11.9166H7.33337" stroke="%23092A81" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M14.6667 15.5834H7.33337" stroke="%23092A81" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M9.16671 8.25H8.25004H7.33337" stroke="%23092A81" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
body#n24 ul.fixed_parts li.requestDemo .icon {
  background-image: url('data:image/svg+xml;utf8,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.25 2.75H3.58333C2.57081 2.75 1.75 3.57081 1.75 4.58333V13.75C1.75 14.7625 2.57081 15.5833 3.58333 15.5833H18.25C19.2625 15.5833 20.0833 14.7625 20.0833 13.75V4.58333C20.0833 3.57081 19.2625 2.75 18.25 2.75Z" stroke="%23092A81" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M7.25 19.25H14.5833" stroke="%23092A81" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M10.9167 15.5834V19.25" stroke="%23092A81" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

body#n24 .cnt--TOPICS--wrap {
  display: grid;
  grid-auto-flow: row;
  gap: 1em;
}
body#n24 .cnt--TOPICS--wrap .title--A {
  margin-bottom: 0.6em;
}
body#n24 .cnt--TOPICS--wrap .cnt--TOPICS + .title--A {
  margin-top: 2em;
}
body#n24 div.cnt--TOPICS {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(316px, 1fr));
  gap: 1em;
}
body#n24 div.cnt--TOPICS.TOPICS--closstalk .corp_talktype {
  background-color: #e33757;
}
body#n24 div.cnt--TOPICS.TOPICS--presentation a {
  grid-row: span 4;
}
body#n24 div.cnt--TOPICS.TOPICS--presentation .corp_talktype {
  background-color: #09bda6;
}
@media only screen and (max-width: 1200px) {
  body#n24 div.cnt--TOPICS {
    gap: 16px;
  }
}
@media only screen and (max-width: 768px) {
  body#n24 div.cnt--TOPICS {
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  }
}
@media only screen and (max-width: 426px) {
  body#n24 div.cnt--TOPICS {
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  }
}
body#n24 div.cnt--TOPICS > a {
  --pdg: 16px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.08);
  text-decoration: none;
  border-radius: 8px;
  overflow: hidden;
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 6;
  gap: 0;
  border: 1px #BEDBEF solid;
  transition: all 0.1s;
}
body#n24 div.cnt--TOPICS > a.link--OFF {
  pointer-events: none;
}
body#n24 div.cnt--TOPICS > a:hover {
  opacity: 0.8;
  border: 1px #1DC9FF solid;
}
body#n24 div.cnt--TOPICS > a:hover .img {
  overflow: hidden;
}
body#n24 div.cnt--TOPICS > a:hover .img img {
  transform: scale(1.03);
  transition: all 0.5s;
}
body#n24 div.cnt--TOPICS > a .img {
  position: relative;
  display: grid;
  align-content: center;
}
body#n24 div.cnt--TOPICS > a .img.img--expo--kari {
  background-color: #0081c0;
}
body#n24 div.cnt--TOPICS > a .img.img--expo--kari::before {
  display: grid;
  place-content: center;
  content: "近日公開予定";
  color: #fff;
  font-weight: 900;
  letter-spacing: 0.2em;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.67);
  position: absolute;
  top: 0;
}
body#n24 div.cnt--TOPICS > a .img.img--expo--kari img {
  width: 64%;
  margin-inline: auto;
}
body#n24 div.cnt--TOPICS > a.cat--OFFICE .img::after {
  display: grid;
  place-content: center;
  content: "Back Office";
  min-width: 120px;
  height: auto;
  background-color: #0C3493;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  padding: 0.6em;
  border-bottom-right-radius: 8px;
  position: absolute;
  top: 0;
  left: 0;
  letter-spacing: 0.05em;
}
body#n24 div.cnt--TOPICS > a.cat--MAAS .img::after {
  display: grid;
  place-content: center;
  content: "スマートシティ・観光";
  min-width: 120px;
  height: auto;
  background-color: #1DC9FF;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  padding: 0.6em;
  border-bottom-right-radius: 8px;
  position: absolute;
  top: 0;
  left: 0;
}
body#n24 div.cnt--TOPICS > a .corp_talktype {
  font-size: 14px;
  padding: 0.2em;
  color: #fff;
  background-color: #0c1618;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
body#n24 div.cnt--TOPICS > a .corp_talktype span.frame {
  font-size: 11px;
  line-height: 1;
  border: 1px #fff solid;
  padding: 0.25em 0.4em;
  margin-right: 1em;
  letter-spacing: 0.1em;
}
body#n24 div.cnt--TOPICS > a .corp_talktype span.date {
  letter-spacing: 0.1em;
  font-size: 12px;
}
body#n24 div.cnt--TOPICS > a .corp_name {
  line-height: 1;
  padding-left: var(--pdg);
  padding-right: var(--pdg);
  padding-top: 16px;
  padding-bottom: 16px;
}
body#n24 div.cnt--TOPICS > a .corp_name .wrap {
  min-height: 3.6em;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
  font-weight: 900;
}
body#n24 div.cnt--TOPICS > a .corp_name .wrap .logo {
  max-width: 38%;
}
body#n24 div.cnt--TOPICS > a .corp_name .wrap .logo img {
  display: inline;
  height: auto;
  max-height: 36px;
}
body#n24 div.cnt--TOPICS > a .corp_name .wrap_supplier {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
body#n24 div.cnt--TOPICS > a .corp_name .wrap_supplier .logo {
  max-width: 34%;
  display: grid;
  place-content: center;
}
body#n24 div.cnt--TOPICS > a .corp_name .wrap_supplier .logo img {
  display: inline;
  height: auto;
  max-height: 36px;
}
body#n24 div.cnt--TOPICS > a .corp_name .wrap_supplier .name {
  font-size: 11px;
  text-align: right;
  letter-spacing: -0.05em;
}
body#n24 div.cnt--TOPICS > a .corp_name .wrap_supplier .name .person_name {
  display: block;
  margin-top: 0.2em;
  font-size: 17px;
}
body#n24 div.cnt--TOPICS > a .corp_name .wrap_x {
  display: flex;
  align-items: center;
  justify-content: center;
  --width: 20px;
  width: var(--width);
  height: var(--width);
  aspect-ratio: 1;
  margin: 0 auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13 1L1 13" stroke="%23231815" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M1 1L13 13" stroke="%23231815" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-size: 80%;
  background-position: center;
  margin-top: 0.1em;
  margin-bottom: 0.3em;
}
body#n24 div.cnt--TOPICS > a .corp_name .wrap_our_company {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: center;
  gap: 6px;
}
body#n24 div.cnt--TOPICS > a .corp_name .wrap_our_company .logo {
  max-width: 36%;
  display: grid;
  place-content: center;
}
body#n24 div.cnt--TOPICS > a .corp_name .wrap_our_company .logo img {
  display: inline;
  height: auto;
  max-height: 36px;
}
body#n24 div.cnt--TOPICS > a .corp_name .wrap_our_company .name {
  font-size: 16px;
}
body#n24 div.cnt--TOPICS > a .corp_title {
  font-size: 19px;
  font-weight: 900;
  line-height: 1.5;
  padding-left: var(--pdg);
  padding-right: var(--pdg);
}
body#n24 div.cnt--TOPICS > a .corp_title span {
  display: block;
  padding-top: var(--pdg);
  padding-bottom: var(--pdg);
  border-top: 1px #DAEEFB dotted;
}
body#n24 div.cnt--TOPICS > a .corp_tag {
  font-size: 12px;
  color: #729AB3;
  background-color: #EEF9FF;
  display: grid;
  align-items: center;
  padding-left: var(--pdg);
  padding-right: var(--pdg);
  padding-top: 8px;
  padding-bottom: 8px;
}
body#n24 div.cnt--TOPICS > a .corp_tag ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1em;
}
body#n24 div.cnt--TOPICS > a .survice_name {
  margin-left: var(--pdg);
  margin-right: var(--pdg);
  border-top: 1px #DAEEFB dotted;
}
body#n24 div.cnt--TOPICS > a .survice_name:not(:has(img)) {
  border: none;
}
body#n24 div.cnt--TOPICS > a .survice_name ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 12px;
}
body#n24 div.cnt--TOPICS > a .survice_name img {
  max-width: 132px;
  height: auto;
}

body#n24 .n24--top--mv--wrap {
  position: relative;
  height: 100vh;
}
@media only screen and (max-height: 800px) {
  body#n24 .n24--top--mv--wrap {
    height: calc(100vh - 80px);
  }
}
@media only screen and (max-width: 1200px) {
  body#n24 .n24--top--mv--wrap {
    height: calc(100vh - 80px);
  }
}
@media only screen and (max-width: 992px) {
  body#n24 .n24--top--mv--wrap {
    height: calc(100vh - 66px);
  }
}
@media only screen and (max-width: 768px) {
  body#n24 .n24--top--mv--wrap {
    height: auto;
  }
}

body#n24 .n24--top--mv {
  height: 100%;
  overflow: hidden;
}
body#n24 .n24--top--mv .top--mv--NoriAnnaiBar {
  display: grid;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 10;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 3em;
}
body#n24 .n24--top--mv .top--mv--NoriAnnaiBar .inner {
  position: relative;
  background-color: #070A20;
  color: #F5FBFF;
  font-weight: 900;
  font-size: 26px;
  display: grid;
  place-content: center;
  gap: 0.4em;
  padding: 1em 1.4em;
  width: 1em;
}
body#n24 .n24--top--mv .top--mv--NoriAnnaiBar .inner::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #D73617 transparent transparent transparent;
  border-width: 14px 14px 0px 0px;
  top: 8px;
  left: 8px;
}
body#n24 .n24--top--mv .top--mv--NoriAnnaiBar .inner::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent #D73617 transparent;
  border-width: 0px 0px 14px 14px;
  bottom: 8px;
  right: 8px;
}
@media only screen and (max-width: 1440px) {
  body#n24 .n24--top--mv .top--mv--NoriAnnaiBar .inner {
    font-size: 22px;
  }
}
@media only screen and (max-width: 1200px) {
  body#n24 .n24--top--mv .top--mv--NoriAnnaiBar {
    position: relative;
    width: 100%;
    justify-content: normal;
  }
  body#n24 .n24--top--mv .top--mv--NoriAnnaiBar .inner {
    width: auto;
    grid-auto-flow: column;
    align-items: center;
    font-size: 16px;
    padding: 0.6em;
  }
  body#n24 .n24--top--mv .top--mv--NoriAnnaiBar .inner::before {
    border-width: 8px 8px 0px 0px;
    top: 4px;
    left: 4px;
  }
  body#n24 .n24--top--mv .top--mv--NoriAnnaiBar .inner::after {
    border-width: 0px 0px 8px 8px;
    bottom: 4px;
    right: 4px;
  }
}
body#n24 .n24--top--mv .top--mv--divideWrap {
  height: 100%;
  display: grid;
  grid-template-columns: 50% 50%;
}
@media only screen and (max-width: 768px) {
  body#n24 .n24--top--mv .top--mv--divideWrap {
    grid-template-columns: 1fr;
    grid-template-rows: 50% 50%;
    height: auto;
  }
}
body#n24 .n24--top--mv .top--mv--divideWrap .divideWrap--left {
  background-color: #0C3493;
  background: linear-gradient(90deg, #1849ba 0%, rgb(4, 39, 123) 100%);
}
@media only screen and (max-width: 768px) {
  body#n24 .n24--top--mv .top--mv--divideWrap .divideWrap--left {
    background: linear-gradient(0deg, #1849ba 0%, rgb(4, 39, 123) 100%);
  }
}
body#n24 .n24--top--mv .top--mv--divideWrap .divideWrap--right {
  background-color: #1DC9FF;
  background: linear-gradient(90deg, rgb(6, 190, 249) 0%, #56d4ff 80%);
}
@media only screen and (max-width: 768px) {
  body#n24 .n24--top--mv .top--mv--divideWrap .divideWrap--right {
    background: linear-gradient(180deg, rgb(6, 190, 249) 0%, #56d4ff 80%);
  }
}

body#n24 .n24--top--mv--wrap .top--mv--divideWrap-dammy .LEFT,
body#n24 .n24--top--mv--wrap .top--mv--divideWrap-dammy .RIGHT {
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 100vh;
}
@media only screen and (max-width: 768px) {
  body#n24 .n24--top--mv--wrap .top--mv--divideWrap-dammy .LEFT,
  body#n24 .n24--top--mv--wrap .top--mv--divideWrap-dammy .RIGHT {
    display: none;
  }
}
body#n24 .n24--top--mv--wrap .top--mv--divideWrap-dammy .LEFT::after {
  content: "office";
  display: inline-block;
  font-family: "Poppins", sans-serif;
  color: #0C3493;
  font-size: clamp(400px, 22vw, 600px);
  position: absolute;
  z-index: 1;
  left: -0.15em;
  top: -1em;
  transform: rotateZ(90deg);
  transform-origin: bottom left;
  line-height: 1;
  color: #0C3493;
}
body#n24 .n24--top--mv--wrap .top--mv--divideWrap-dammy .RIGHT::after {
  content: "MaaS";
  display: inline-block;
  font-family: "Poppins", sans-serif;
  color: #0C3493;
  font-size: clamp(400px, 22vw, 600px);
  position: absolute;
  z-index: 1;
  right: -0.15em;
  top: -1.2em;
  transform: rotateZ(270deg);
  transform-origin: bottom right;
  line-height: 1;
  color: #1DC9FF;
}

body#n24 .n24--top--mv--wrap {
  position: relative;
  z-index: 10;
  overflow: hidden;
}
body#n24 .n24--top--mv--wrap .n24--top--mv .top--mv--divideWrap .divideWrap--left,
body#n24 .n24--top--mv--wrap .n24--top--mv .top--mv--divideWrap .divideWrap--right {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 24px;
  padding-top: 14%;
  padding-bottom: 8%;
}
@media only screen and (max-width: 768px) {
  body#n24 .n24--top--mv--wrap .n24--top--mv .top--mv--divideWrap .divideWrap--left,
  body#n24 .n24--top--mv--wrap .n24--top--mv .top--mv--divideWrap .divideWrap--right {
    padding-top: 2em;
    padding-bottom: 2em;
  }
}
@media only screen and (max-height: 800px) {
  body#n24 .n24--top--mv--wrap .n24--top--mv .top--mv--divideWrap .divideWrap--left,
  body#n24 .n24--top--mv--wrap .n24--top--mv .top--mv--divideWrap .divideWrap--right {
    padding-top: 1em;
  }
}
body#n24 .n24--top--mv--wrap .n24--top--mv .top--mv--divideWrap dl {
  display: grid;
  grid-auto-flow: row;
  justify-items: center;
  gap: 72px;
  position: relative;
  z-index: 2;
}
@media only screen and (max-height: 800px) {
  body#n24 .n24--top--mv--wrap .n24--top--mv .top--mv--divideWrap dl {
    gap: 40px;
  }
}
body#n24 .n24--top--mv--wrap .n24--top--mv .top--mv--divideWrap dl > dt {
  display: flex;
  flex-direction: column;
  align-items: center;
}
body#n24 .n24--top--mv--wrap .n24--top--mv .top--mv--divideWrap dl > dt .main {
  font-size: clamp(20px, 5.4vw, 100px);
  font-weight: 900;
  line-height: 1;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  margin-bottom: 0.1em;
  text-align: center;
}
body#n24 .n24--top--mv--wrap .n24--top--mv .top--mv--divideWrap dl > dt .main > span {
  font-family: "M PLUS 1", sans-serif;
  font-size: 83%;
}
body#n24 .n24--top--mv--wrap .n24--top--mv .top--mv--divideWrap dl > dt .main > span span.sc {
  letter-spacing: -0.07em;
}
body#n24 .n24--top--mv--wrap .n24--top--mv .top--mv--divideWrap dl > dt .main > span > span.nakaguro {
  letter-spacing: -0.2em;
  margin-left: -0.3em;
}
@media only screen and (max-height: 800px) {
  body#n24 .n24--top--mv--wrap .n24--top--mv .top--mv--divideWrap dl > dt .main {
    font-size: clamp(20px, 9.4vh, 100px);
  }
}
@media only screen and (max-width: 1200px) {
  body#n24 .n24--top--mv--wrap .n24--top--mv .top--mv--divideWrap dl > dt .main {
    font-size: clamp(20px, 4.5vw, 100px);
  }
}
@media only screen and (max-width: 768px) {
  body#n24 .n24--top--mv--wrap .n24--top--mv .top--mv--divideWrap dl > dt .main {
    font-size: clamp(20px, 10vw, 100px);
  }
}
body#n24 .n24--top--mv--wrap .n24--top--mv .top--mv--divideWrap dl > dt .sub {
  width: 100%;
  max-width: 480px;
  min-height: 3em;
  text-align: center;
}
body#n24 .n24--top--mv--wrap .n24--top--mv .top--mv--divideWrap dl > dt .sub ul {
  line-height: 1.5;
  font-size: clamp(12px, 0.8vw, 14px);
  font-weight: 900;
}
body#n24 .n24--top--mv--wrap .n24--top--mv .top--mv--divideWrap dl > dt .sub ul li {
  display: inline-block;
}
body#n24 .n24--top--mv--wrap .n24--top--mv .top--mv--divideWrap dl > dd {
  position: relative;
  background-color: #fff;
  padding: 4em 40px 32px;
  border-radius: 8px;
  width: 100%;
  width: 560px;
}
@media only screen and (max-width: 1440px) {
  body#n24 .n24--top--mv--wrap .n24--top--mv .top--mv--divideWrap dl > dd {
    width: 500px;
  }
}
@media only screen and (max-width: 1200px) {
  body#n24 .n24--top--mv--wrap .n24--top--mv .top--mv--divideWrap dl > dd {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  body#n24 .n24--top--mv--wrap .n24--top--mv .top--mv--divideWrap dl > dd {
    padding: 4em 24px 24px;
  }
}
@media only screen and (max-height: 800px) {
  body#n24 .n24--top--mv--wrap .n24--top--mv .top--mv--divideWrap dl > dd {
    padding-top: 2.5em;
  }
}
body#n24 .n24--top--mv--wrap .n24--top--mv .top--mv--divideWrap dl > dd .copy {
  font-size: 1.8vw;
  font-size: clamp(13px, 1.5vw, 25px);
  font-weight: 900;
  line-height: 1.1;
  text-align: center;
  color: #092A81;
}
body#n24 .n24--top--mv--wrap .n24--top--mv .top--mv--divideWrap dl > dd .copy span {
  position: relative;
  z-index: 1;
  margin-inline: auto;
  width: -moz-fit-content;
  width: fit-content;
  background-image: linear-gradient(rgba(0, 0, 0, 0) 65%, #ffe800 70%);
  mix-blend-mode: darken;
  padding: 0.1em;
}
@media only screen and (max-width: 768px) {
  body#n24 .n24--top--mv--wrap .n24--top--mv .top--mv--divideWrap dl > dd .copy {
    font-size: 18px;
  }
}
body#n24 .n24--top--mv--wrap .n24--top--mv .top--mv--divideWrap dl > dd .logos {
  margin: 16px auto;
}
body#n24 .n24--top--mv--wrap .n24--top--mv .top--mv--divideWrap dl > dd .logos ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  justify-items: center;
}
body#n24 .n24--top--mv--wrap .n24--top--mv .top--mv--divideWrap dl > dd .logos ul li {
  display: inline-block;
}
body#n24 .n24--top--mv--wrap .n24--top--mv .top--mv--divideWrap dl > dd .logos ul li img {
  display: block;
  width: 100%;
  max-width: 132px;
}
body#n24 .n24--top--mv--wrap .n24--top--mv .top--mv--divideWrap dl > dd .btn a {
  font-size: 15px;
}
body#n24 .n24--top--mv--wrap .n24--top--mv .top--mv--divideWrap dl > dd .btn a .btnTxt {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: baseline;
  -moz-column-gap: 0.5em;
       column-gap: 0.5em;
  row-gap: 0.1em;
}
@media only screen and (max-width: 768px) {
  body#n24 .n24--top--mv--wrap .n24--top--mv .top--mv--divideWrap dl > dd .btn a {
    font-size: 13px;
  }
}
@media only screen and (max-width: 426px) {
  body#n24 .n24--top--mv--wrap .n24--top--mv .top--mv--divideWrap dl > dd .btn a {
    font-size: 12px;
  }
}
body#n24 .n24--top--mv--wrap .n24--top--mv .top--mv--divideWrap .divideWrap--left dl dt {
  color: #fff;
}
body#n24 .n24--top--mv--wrap .n24--top--mv .top--mv--divideWrap .divideWrap--left dl dd {
  box-shadow: 8px 8px 0px 0px #EDFF1D;
}
body#n24 .n24--top--mv--wrap .n24--top--mv .top--mv--divideWrap .divideWrap--left dl dd .img {
  position: absolute;
  top: -30%;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 300px;
  width: 100%;
  animation-name: ANI--Fade--UP;
  animation-duration: 0.8s;
  animation-fill-mode: both;
  animation-timing-function: ease;
  animation-delay: 0.2s;
}
@media only screen and (max-height: 800px) {
  body#n24 .n24--top--mv--wrap .n24--top--mv .top--mv--divideWrap .divideWrap--left dl dd .img {
    max-width: 220px;
  }
}
body#n24 .n24--top--mv--wrap .n24--top--mv .top--mv--divideWrap .divideWrap--right dl dt {
  color: #092A81;
}
body#n24 .n24--top--mv--wrap .n24--top--mv .top--mv--divideWrap .divideWrap--right dl dd {
  box-shadow: 8px 8px 0px 0px #0C3493;
}
body#n24 .n24--top--mv--wrap .n24--top--mv .top--mv--divideWrap .divideWrap--right dl dd .img {
  position: absolute;
  top: -30%;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 300px;
  width: 100%;
  animation-name: ANI--Fade--UP;
  animation-duration: 0.8s;
  animation-fill-mode: both;
  animation-timing-function: ease;
  animation-delay: 0.4s;
}
@media only screen and (max-height: 800px) {
  body#n24 .n24--top--mv--wrap .n24--top--mv .top--mv--divideWrap .divideWrap--right dl dd .img {
    max-width: 220px;
  }
}

body#n24 .n24--top--mv--wrap.top--mv--wrap--sub {
  height: auto;
}
body#n24 .n24--top--mv--wrap.top--mv--wrap--sub .n24--top--mv {
  height: 800px;
  overflow: hidden;
}
@media only screen and (max-height: 800px) {
  body#n24 .n24--top--mv--wrap.top--mv--wrap--sub .n24--top--mv {
    height: 100%;
  }
}
body#n24 .n24--top--mv--wrap.top--mv--wrap--sub .n24--top--mv .top--mv--sub--inner {
  height: 100%;
  max-width: 1360px;
  margin-inline: auto;
  display: grid;
  grid-template-rows: min-content min-content;
  align-content: center;
  gap: 64px;
  padding-top: 120px;
  padding-bottom: 64px;
  position: relative;
  z-index: 2;
}
@media only screen and (max-height: 800px) {
  body#n24 .n24--top--mv--wrap.top--mv--wrap--sub .n24--top--mv .top--mv--sub--inner {
    padding-top: 64px;
  }
}
@media only screen and (max-width: 1440px) {
  body#n24 .n24--top--mv--wrap.top--mv--wrap--sub .n24--top--mv .top--mv--sub--inner {
    padding: 120px 32px;
  }
}
body#n24 .n24--top--mv--wrap.top--mv--wrap--sub .n24--top--mv .top--mv--sub--inner .sub--inner--top {
  display: grid;
  grid-template-rows: min-content min-content;
  justify-items: start;
  color: #fff;
}
body#n24 .n24--top--mv--wrap.top--mv--wrap--sub .n24--top--mv .top--mv--sub--inner .sub--inner--top .title {
  font-size: 60px;
  font-weight: 900;
  line-height: 1.2;
  border-bottom: 2px #fff solid;
  padding-bottom: 0.6em;
  font-size: clamp(24px, 6vw, 48px);
}
body#n24 .n24--top--mv--wrap.top--mv--wrap--sub .n24--top--mv .top--mv--sub--inner .sub--inner--top .en {
  font-family: "Poppins", sans-serif;
  font-size: 22px;
  font-weight: 500;
  padding-top: 0.6em;
}
@media only screen and (max-width: 1440px) {
  body#n24 .n24--top--mv--wrap.top--mv--wrap--sub .n24--top--mv .top--mv--sub--inner .sub--inner--top .en {
    font-size: 16px;
  }
}
body#n24 .n24--top--mv--wrap.top--mv--wrap--sub .n24--top--mv .top--mv--sub--inner .sub--inner--btm .copy {
  font-size: 28px;
  font-weight: 900;
  color: #f5ff00;
}
@media only screen and (max-width: 1440px) {
  body#n24 .n24--top--mv--wrap.top--mv--wrap--sub .n24--top--mv .top--mv--sub--inner .sub--inner--btm .copy {
    font-size: 20px;
  }
}
@media only screen and (max-width: 768px) {
  body#n24 .n24--top--mv--wrap.top--mv--wrap--sub .n24--top--mv .top--mv--sub--inner .sub--inner--btm .copy {
    font-size: 16px;
  }
}
body#n24 .n24--top--mv--wrap.top--mv--wrap--sub .n24--top--mv .top--mv--sub--inner .sub--inner--btm ul.logos {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 24px;
}
body#n24 .n24--top--mv--wrap.top--mv--wrap--sub .n24--top--mv .top--mv--sub--inner .sub--inner--btm ul.logos li {
  overflow: hidden;
  border-radius: 6px;
}
body#n24 .n24--top--mv--wrap.top--mv--wrap--sub .n24--top--mv .top--mv--sub--inner .sub--inner--btm ul.logos li img {
  display: block;
  max-width: 126px;
}
@media only screen and (max-width: 1440px) {
  body#n24 .n24--top--mv--wrap.top--mv--wrap--sub .n24--top--mv .top--mv--sub--inner .sub--inner--btm ul.logos {
    margin-top: 16px;
  }
  body#n24 .n24--top--mv--wrap.top--mv--wrap--sub .n24--top--mv .top--mv--sub--inner .sub--inner--btm ul.logos li {
    border-radius: 3px;
  }
  body#n24 .n24--top--mv--wrap.top--mv--wrap--sub .n24--top--mv .top--mv--sub--inner .sub--inner--btm ul.logos li img {
    max-width: 100px;
  }
}
body#n24 .n24--top--mv--wrap.top--mv--wrap--sub .n24--top--mv.BO-side {
  background: linear-gradient(180deg, rgb(3, 0, 109) 0%, rgb(1, 53, 207) 100%);
  mix-blend-mode: luminosity;
}
body#n24 .n24--top--mv--wrap.top--mv--wrap--sub .n24--top--mv.BO-side .top--mv--sub--inner .sub--inner--top .title {
  font-size: clamp(24px, 6vw, 48px);
}
body#n24 .n24--top--mv--wrap.top--mv--wrap--sub .n24--top--mv.BO-side::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(../img/top/bg--BO-side.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 0.15;
}
body#n24 .n24--top--mv--wrap.top--mv--wrap--sub .n24--top--mv.BO-side::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-image: radial-gradient(#1DC9FF 24%, transparent 24%);
  background-size: 8px 8px;
  mix-blend-mode: screen;
  opacity: 0.3;
}
@media only screen and (max-width: 768px) {
  body#n24 .n24--top--mv--wrap.top--mv--wrap--sub .n24--top--mv.BO-side::before {
    background-image: radial-gradient(#1DC9FF 24%, transparent 24%);
    background-size: 5px 5px;
  }
}
body#n24 .n24--top--mv--wrap.top--mv--wrap--sub .n24--top--mv.MAAS-side {
  background: linear-gradient(180deg, rgb(0, 104, 215) 33%, rgb(3, 205, 253) 100%);
  mix-blend-mode: luminosity;
}
body#n24 .n24--top--mv--wrap.top--mv--wrap--sub .n24--top--mv.MAAS-side::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(../img/top/bg--MAAS-side.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 0.1;
}
body#n24 .n24--top--mv--wrap.top--mv--wrap--sub .n24--top--mv.MAAS-side::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-image: radial-gradient(#1DC9FF 24%, transparent 24%);
  background-size: 8px 8px;
  mix-blend-mode: screen;
  opacity: 0.3;
}
@media only screen and (max-width: 768px) {
  body#n24 .n24--top--mv--wrap.top--mv--wrap--sub .n24--top--mv.MAAS-side::before {
    background-image: radial-gradient(#1DC9FF 24%, transparent 24%);
    background-size: 5px 5px;
  }
}

body#n24 .n24--top--mainCnt--wrap {
  display: grid;
  grid-auto-flow: row;
}
body#n24 .n24--top--mainCnt--wrap .mainCnt--unit-wrap .mainCnt--unit {
  max-width: 1080px;
  margin: 0 auto;
  padding: 16px;
  padding-top: 80px;
  padding-bottom: 120px;
}
@media only screen and (max-width: 768px) {
  body#n24 .n24--top--mainCnt--wrap .mainCnt--unit-wrap .mainCnt--unit {
    padding-top: 40px;
    padding-bottom: 60px;
  }
}
body#n24 .n24--top--mainCnt--wrap .mainCnt--unit-wrap .mainCnt--unit .title--wrap {
  display: grid;
  gap: 0.6em;
  grid-auto-flow: row;
  justify-items: center;
  color: #092A81;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1;
  margin-bottom: 64px;
}
@media only screen and (max-width: 768px) {
  body#n24 .n24--top--mainCnt--wrap .mainCnt--unit-wrap .mainCnt--unit .title--wrap {
    gap: 0.4em;
    margin-bottom: 1.2em;
  }
}
body#n24 .n24--top--mainCnt--wrap .mainCnt--unit-wrap .mainCnt--unit .title--wrap > .main {
  font-weight: 900;
  font-size: 48px;
}
@media only screen and (max-width: 768px) {
  body#n24 .n24--top--mainCnt--wrap .mainCnt--unit-wrap .mainCnt--unit .title--wrap > .main {
    font-size: 32px;
  }
}
body#n24 .n24--top--mainCnt--wrap .mainCnt--unit-wrap .mainCnt--unit .title--wrap > .sub {
  font-weight: 600;
  font-size: 18px;
}
@media only screen and (max-width: 768px) {
  body#n24 .n24--top--mainCnt--wrap .mainCnt--unit-wrap .mainCnt--unit .title--wrap > .sub {
    font-size: 14px;
  }
}
body#n24 .n24--top--mainCnt--wrap .mainCnt--unit-wrap .mainCnt--unit .cnt--wrap .cnt--wrap--text {
  font-size: 16px;
  text-align: center;
}
body#n24 .n24--top--mainCnt--wrap .mainCnt--unit-wrap .mainCnt--unit .cnt--wrap.cnt--wrap--devide {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
body#n24 .n24--top--mainCnt--wrap .mainCnt--unit-wrap .mainCnt--unit .cnt--wrap.cnt--wrap--devide .devide--LEFT {
  padding-right: 24px;
}
@media only screen and (max-width: 768px) {
  body#n24 .n24--top--mainCnt--wrap .mainCnt--unit-wrap .mainCnt--unit .cnt--wrap.cnt--wrap--devide .devide--LEFT {
    margin-bottom: 48px;
  }
}
body#n24 .n24--top--mainCnt--wrap .mainCnt--unit-wrap .mainCnt--unit .cnt--wrap.cnt--wrap--devide .devide--RIGHT {
  padding-left: 24px;
}
@media only screen and (max-width: 768px) {
  body#n24 .n24--top--mainCnt--wrap .mainCnt--unit-wrap .mainCnt--unit .cnt--wrap.cnt--wrap--devide {
    grid-template-columns: 1fr;
  }
  body#n24 .n24--top--mainCnt--wrap .mainCnt--unit-wrap .mainCnt--unit .cnt--wrap.cnt--wrap--devide .devide--LEFT,
  body#n24 .n24--top--mainCnt--wrap .mainCnt--unit-wrap .mainCnt--unit .cnt--wrap.cnt--wrap--devide .devide--RIGHT {
    padding-left: 0;
    padding-right: 0;
  }
}
body#n24 .n24--top--mainCnt--wrap .mainCnt--unit-wrap.color--A {
  background-color: #FFF;
}
body#n24 .n24--top--mainCnt--wrap .mainCnt--unit-wrap.color--B {
  background-color: #F3F7FF;
}
body#n24 .n24--top--mainCnt--wrap .mainCnt--unit-wrap.color--D {
  background-color: #F3F7FF;
}

body#n24 ul.service-cards {
  display: grid;
  grid-auto-flow: row;
  gap: 24px;
}
body#n24 ul.service-cards.tops--sub {
  grid-auto-flow: row;
  grid-template-columns: 1fr 1fr;
}
@media only screen and (max-width: 768px) {
  body#n24 ul.service-cards.tops--sub {
    grid-template-columns: 100%;
  }
}
@media only screen and (max-width: 768px) {
  body#n24 ul.service-cards {
    gap: 0.6em;
  }
}
body#n24 ul.service-cards > li > a {
  color: #070A20;
  font-family: "Noto Sans JP", sans-serif;
  text-decoration: none;
  background-color: #EEF9FF;
  border-radius: 8px;
  display: grid;
  grid-auto-flow: row;
  padding: 16px;
  width: 100%;
}
body#n24 ul.service-cards > li > a .card--generalTitle {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 16px;
  display: grid;
  gap: 2px;
  grid-template-columns: 20px auto;
  align-items: center;
}
body#n24 ul.service-cards > li > a .card--generalTitle > .circle {
  border-radius: 16px;
  width: 16px;
  height: 16px;
}
@media only screen and (max-width: 768px) {
  body#n24 ul.service-cards > li > a .card--generalTitle {
    font-size: 13px;
    margin-bottom: 0.8em;
  }
}
body#n24 ul.service-cards > li > a .card--logoImg {
  background-color: #fff;
  border-radius: 8px;
  display: grid;
  justify-items: center;
}
body#n24 ul.service-cards > li > a .card--logoImg img {
  display: block;
  width: 100%;
  max-width: 340px;
}
@media only screen and (max-width: 768px) {
  body#n24 ul.service-cards > li > a .card--logoImg img {
    max-width: 240px;
  }
}
body#n24 ul.service-cards > li > a .card--serviceName {
  font-size: 20px;
  font-weight: 900;
  margin-top: 0.6em;
  margin-bottom: 0.4em;
}
@media only screen and (max-width: 768px) {
  body#n24 ul.service-cards > li > a .card--serviceName {
    font-size: 17px;
  }
}
body#n24 ul.service-cards > li > a .card--serviceTxt {
  font-size: 13px;
  line-height: 1.4;
}
@media only screen and (max-width: 768px) {
  body#n24 ul.service-cards > li > a .card--serviceTxt {
    font-size: 12px;
  }
}
body#n24 ul.service-cards > li > a .card--btnTxt {
  font-size: 16px;
  line-height: 1;
  text-align: right;
  margin-top: 0.8em;
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  justify-content: end;
  gap: 2px;
  color: #092A81;
  font-weight: 600;
}
@media only screen and (max-width: 768px) {
  body#n24 ul.service-cards > li > a .card--btnTxt {
    font-size: 12px;
  }
}
body#n24 ul.service-cards > li > a .card--btnTxt .ico--arrow-R {
  --RADIUS: 20px;
  background-color: #092A81;
  display: grid;
  align-items: center;
  justify-items: center;
  border-radius: var(--RADIUS);
  width: var(--RADIUS);
  height: var(--RADIUS);
}
@media only screen and (max-width: 768px) {
  body#n24 ul.service-cards > li > a .card--btnTxt .ico--arrow-R {
    --RADIUS: 16px;
  }
}
body#n24 ul.service-cards > li > a .card--btnTxt .ico--arrow-R img {
  display: block;
  width: 6px;
}
@media only screen and (max-width: 768px) {
  body#n24 ul.service-cards > li > a .card--btnTxt .ico--arrow-R img {
    width: 4px;
  }
}
body#n24 ul.service-cards > li > a:hover {
  opacity: 0.7;
}
body#n24 ul.service-cards.BO-side .circle {
  background-color: #0C3493;
}
body#n24 ul.service-cards.MAAS-side .circle {
  background-color: #1DC9FF;
}

body#n24 .cnt--reasons--wrap {
  font-family: "Noto Sans JP", sans-serif;
}
body#n24 .cnt--reasons--wrap ul.cnt--reasons {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 16px;
}
@media only screen and (max-width: 768px) {
  body#n24 .cnt--reasons--wrap ul.cnt--reasons {
    grid-template-columns: 1fr;
    gap: 0.4em;
  }
}
body#n24 .cnt--reasons--wrap ul.cnt--reasons > li {
  background-color: #fff;
  border: 1px #BEDBEF solid;
  display: grid;
  grid-row: auto;
  justify-items: center;
  border-radius: 8px;
  padding: 40px 32px;
}
@media only screen and (max-width: 992px) {
  body#n24 .cnt--reasons--wrap ul.cnt--reasons > li {
    padding: 0.6em;
  }
}
@media only screen and (max-width: 768px) {
  body#n24 .cnt--reasons--wrap ul.cnt--reasons > li {
    grid-template-columns: min-content auto;
    grid-template-rows: auto auto;
    justify-items: start;
    row-gap: 0.1em;
    -moz-column-gap: 0.6em;
         column-gap: 0.6em;
  }
}
body#n24 .cnt--reasons--wrap ul.cnt--reasons > li .icon {
  background-color: #EEF9FF;
  width: 200px;
  height: 200px;
  border-radius: 100%;
  display: grid;
  place-content: center;
}
body#n24 .cnt--reasons--wrap ul.cnt--reasons > li .icon img {
  width: 100%;
  max-width: 240px;
}
@media only screen and (max-width: 992px) {
  body#n24 .cnt--reasons--wrap ul.cnt--reasons > li .icon {
    width: 140px;
    height: 140px;
  }
}
@media only screen and (max-width: 768px) {
  body#n24 .cnt--reasons--wrap ul.cnt--reasons > li .icon {
    grid-row: 1/3;
    align-self: center;
    width: 120px;
    height: 120px;
  }
}
body#n24 .cnt--reasons--wrap ul.cnt--reasons > li .caption {
  font-size: 20px;
  font-weight: 900;
  line-height: 1.3;
  text-align: center;
  margin-top: 1em;
}
body#n24 .cnt--reasons--wrap ul.cnt--reasons > li .caption span {
  display: inline-block;
}
@media only screen and (max-width: 992px) {
  body#n24 .cnt--reasons--wrap ul.cnt--reasons > li .caption {
    font-size: 16px;
    margin-top: 1em;
  }
}
@media only screen and (max-width: 768px) {
  body#n24 .cnt--reasons--wrap ul.cnt--reasons > li .caption {
    text-align: left;
    margin-top: 0;
    margin-bottom: 0.5em;
  }
  body#n24 .cnt--reasons--wrap ul.cnt--reasons > li .caption span {
    display: inline;
  }
}
body#n24 .cnt--reasons--wrap ul.cnt--reasons > li .detail {
  font-size: 14px;
  line-height: 1.4;
  margin-top: 1.5em;
}
@media only screen and (max-width: 992px) {
  body#n24 .cnt--reasons--wrap ul.cnt--reasons > li .detail {
    font-size: 12px;
    margin-top: 1em;
  }
}
@media only screen and (max-width: 768px) {
  body#n24 .cnt--reasons--wrap ul.cnt--reasons > li .detail {
    text-align: left;
    margin-top: 0;
  }
}

body#n24 .cnt--news--wrap {
  font-family: "Noto Sans JP", sans-serif;
}
body#n24 .cnt--news--wrap .btn {
  margin-top: 2em;
  max-width: clamp(200px, 100%, 480px);
  margin-inline: auto;
}
body#n24 .cnt--news--wrap .btn a .btnTxt {
  font-size: 14px;
}
@media only screen and (max-width: 768px) {
  body#n24 .cnt--news--wrap .btn {
    margin-top: 1em;
  }
  body#n24 .cnt--news--wrap .btn a .btnTxt {
    font-size: 13px;
  }
}
body#n24 .cnt--news--wrap ul {
  border-top: 1px #527285 dotted;
  line-height: 1;
}
body#n24 .cnt--news--wrap ul li {
  border-bottom: 1px #527285 dotted;
  padding: 1em 1em;
  display: grid;
  grid-template-columns: auto auto;
  justify-content: start;
  align-items: center;
  gap: 0.8em;
}
body#n24 .cnt--news--wrap ul li:nth-of-type(n + 6) {
  display: none;
}
@media only screen and (max-width: 768px) {
  body#n24 .cnt--news--wrap ul li {
    padding: 0.6em 0;
  }
}
body#n24 .cnt--news--wrap ul li span.day {
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: 900;
}
@media only screen and (max-width: 768px) {
  body#n24 .cnt--news--wrap ul li span.day {
    font-size: 12px;
  }
}
body#n24 .cnt--news--wrap ul li a {
  font-size: 14px;
  line-height: 1.3;
  text-decoration: none;
}
@media only screen and (max-width: 768px) {
  body#n24 .cnt--news--wrap ul li a {
    font-size: 12px;
  }
}
body#n24 .cnt--news--wrap ul li a:hover {
  color: #1DC9FF;
  text-decoration: underline;
}
body#n24 .cnt--news--wrap ul li.news--common dd::before {
  content: "共通";
  background-color: #070A20;
}
body#n24 .cnt--news--wrap ul li.news--Office dd::before {
  content: "Back Office";
  background-color: #0C3493;
}
body#n24 .cnt--news--wrap ul li.news--MaaS dd::before {
  content: "MaaS";
  background-color: #1DC9FF;
}
body#n24 .cnt--news--wrap ul li.news--other dd::before {
  content: "その他";
  background-color: #527285;
}

@keyframes ANI--fadeInAnime {
  0% {
    opacity: 0;
    height: 0%;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  100% {
    opacity: 1;
    height: 100%;
    padding-top: 32px;
    padding-bottom: 32px;
  }
}
body#n24 .cnt--FAQ--wrap {
  font-family: "Noto Sans JP", sans-serif;
}
body#n24 .cnt--FAQ--wrap .btn {
  margin-top: 2em;
  max-width: clamp(200px, 100%, 480px);
  margin-inline: auto;
}
body#n24 .cnt--FAQ--wrap .btn a .btnTxt {
  font-size: 14px;
}
@media only screen and (max-width: 768px) {
  body#n24 .cnt--FAQ--wrap .btn {
    margin-top: 1em;
  }
  body#n24 .cnt--FAQ--wrap .btn a .btnTxt {
    font-size: 13px;
  }
}
body#n24 .cnt--FAQ--wrap ul.cnt--FAQ {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media only screen and (max-width: 992px) {
  body#n24 .cnt--FAQ--wrap ul.cnt--FAQ {
    gap: 12px;
  }
}
body#n24 .cnt--FAQ--wrap ul.cnt--FAQ li {
  font-size: 16px;
  width: 100%;
  background-color: #fff;
  border: 1px #BEDBEF solid;
  border-radius: 8px;
  box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.16);
}
@media only screen and (max-width: 992px) {
  body#n24 .cnt--FAQ--wrap ul.cnt--FAQ li {
    font-size: 13px;
  }
}
body#n24 .cnt--FAQ--wrap ul.cnt--FAQ li dl {
  display: grid;
  grid-auto-flow: row;
}
body#n24 .cnt--FAQ--wrap ul.cnt--FAQ li dl dt,
body#n24 .cnt--FAQ--wrap ul.cnt--FAQ li dl dd {
  display: grid;
  gap: 16px;
  padding: 32px;
}
body#n24 .cnt--FAQ--wrap ul.cnt--FAQ li dl dt span,
body#n24 .cnt--FAQ--wrap ul.cnt--FAQ li dl dd span {
  display: inline-block;
}
body#n24 .cnt--FAQ--wrap ul.cnt--FAQ li dl dt span:first-child,
body#n24 .cnt--FAQ--wrap ul.cnt--FAQ li dl dd span:first-child {
  color: #fff;
  border-radius: 8px;
  aspect-ratio: 1;
  width: 2em;
  height: 2em;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-family: "Lexend Exa", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  line-height: 1;
}
@media only screen and (max-width: 992px) {
  body#n24 .cnt--FAQ--wrap ul.cnt--FAQ li dl dt,
  body#n24 .cnt--FAQ--wrap ul.cnt--FAQ li dl dd {
    padding: 1em;
  }
}
body#n24 .cnt--FAQ--wrap ul.cnt--FAQ li dl dt {
  grid-template-columns: fit-content(36px) auto fit-content(36px);
  align-items: center;
  font-weight: 600;
}
body#n24 .cnt--FAQ--wrap ul.cnt--FAQ li dl dt span:first-child {
  background-color: #0C3493;
}
body#n24 .cnt--FAQ--wrap ul.cnt--FAQ li dl dt:hover {
  border-radius: 8px;
  cursor: pointer;
  background-color: #EEF9FF;
}
body#n24 .cnt--FAQ--wrap ul.cnt--FAQ li dl dt::after {
  content: "";
  display: inline-block;
  width: 32px;
  height: 32px;
  display: inline-block;
  aspect-ratio: 1;
  margin: 0 auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path fill="%2382AFCA" d="M440-440H240q-17 0-28.5-11.5T200-480q0-17 11.5-28.5T240-520h200v-200q0-17 11.5-28.5T480-760q17 0 28.5 11.5T520-720v200h200q17 0 28.5 11.5T760-480q0 17-11.5 28.5T720-440H520v200q0 17-11.5 28.5T480-200q-17 0-28.5-11.5T440-240v-200Z"/></svg>');
  background-size: 80%;
  background-position: 25% center;
}
body#n24 .cnt--FAQ--wrap ul.cnt--FAQ li dl dd {
  height: 0;
  opacity: 0;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
  font-size: 90%;
  border-top: 1px #DAEEFB dashed;
  grid-template-columns: fit-content(36px) auto;
  align-items: start;
}
body#n24 .cnt--FAQ--wrap ul.cnt--FAQ li dl dd span:first-child {
  background-color: #1DC9FF;
}
body#n24 .cnt--FAQ--wrap ul.cnt--FAQ li dl dd span:last-child {
  background-color: #EEF9FF;
  padding: 1em;
  border-radius: 8px;
}
body#n24 .cnt--FAQ--wrap ul.cnt--FAQ li.JS--active dl dt {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
body#n24 .cnt--FAQ--wrap ul.cnt--FAQ li.JS--active dl dt::after {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path fill="%2382AFCA" d="M240-440q-17 0-28.5-11.5T200-480q0-17 11.5-28.5T240-520h480q17 0 28.5 11.5T760-480q0 17-11.5 28.5T720-440H240Z"/></svg>');
}
body#n24 .cnt--FAQ--wrap ul.cnt--FAQ li.JS--active dl dd {
  animation-name: ANI--fadeInAnime;
  animation-duration: 0.8s;
  animation-fill-mode: forwards;
  animation-timing-function: ease;
}

body#n24 .n24--header {
  padding: 8px;
  display: flex;
  justify-content: space-between;
  gap: 24px;
  background-color: #fff;
  min-height: 80px;
}
@media only screen and (max-width: 1200px) {
  body#n24 .n24--header {
    gap: 12px;
    min-height: auto;
  }
}
body#n24 .n24--header .header--LEFT {
  display: grid;
  grid-template-columns: 136px 1fr;
  gap: 16px;
}
body#n24 .n24--header .header--LEFT .header--logo--img {
  align-self: center;
  padding-left: 8px;
}
body#n24 .n24--header .header--LEFT .header--logo--img a {
  display: inline-block;
  display: grid;
}
body#n24 .n24--header .header--LEFT .header--logo--img a img {
  display: block;
  width: min(100%, 128px);
}
body#n24 .n24--header .header--LEFT nav {
  display: grid;
  align-self: center;
}
body#n24 .n24--header .header--LEFT nav ul {
  display: grid;
  grid-template-columns: repeat(6, auto);
  gap: 16px;
  width: -moz-max-content;
  width: max-content;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
}
body#n24 .n24--header .header--LEFT nav ul li {
  line-height: 1;
  font-size: 15px;
  font-size: clamp(13px, 0.8vw, 15px);
}
body#n24 .n24--header .header--LEFT nav ul li a {
  display: block;
  text-decoration: none;
  transition: all 0.1s;
}
body#n24 .n24--header .header--LEFT nav ul li a:hover {
  color: #1DC9FF;
}
@media only screen and (max-width: 1440px) {
  body#n24 .n24--header .header--LEFT nav ul {
    gap: 12px;
  }
}
@media only screen and (max-width: 992px) {
  body#n24 .n24--header .header--LEFT nav {
    display: none;
  }
}
body#n24 .n24--header .header--RIGHT {
  display: grid;
  grid-template-columns: 1fr minmax(auto, auto);
  gap: 8px;
  align-content: center;
}
@media only screen and (max-width: 768px) {
  body#n24 .n24--header .header--RIGHT {
    display: block;
  }
}
body#n24 .n24--header .header--RIGHT .header--inquiry {
  display: grid;
  grid-auto-flow: column;
  justify-content: end;
  align-items: center;
  gap: 8px;
  line-height: 1;
}
@media only screen and (max-width: 768px) {
  body#n24 .n24--header .header--RIGHT .header--inquiry {
    display: none;
  }
}
body#n24 .n24--header .header--RIGHT .header--inquiry .tel {
  text-align: right;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-end;
  font-family: "Lato", sans-serif;
  align-items: center;
  color: #092A81;
  font-size: 26px;
  font-weight: 900;
}
body#n24 .n24--header .header--RIGHT .header--inquiry .tel .num {
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
  gap: 0.2em;
}
body#n24 .n24--header .header--RIGHT .header--inquiry .tel .num .icon {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  aspect-ratio: 1;
  margin: 0 auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.4246 4.82261C14.3625 5.00472 15.2245 5.46123 15.9003 6.1337C16.576 6.80617 17.0348 7.66402 17.2178 8.59743M13.4246 1C15.3733 1.21544 17.1905 2.08388 18.5778 3.46272C19.9651 4.84157 20.8401 6.64887 21.059 8.58788M20.0987 16.214V19.0809C20.0998 19.3471 20.045 19.6105 19.9379 19.8544C19.8307 20.0983 19.6736 20.3172 19.4765 20.4971C19.2794 20.677 19.0467 20.814 18.7934 20.8993C18.54 20.9845 18.2716 21.0162 18.0052 20.9922C15.0502 20.6727 12.2117 19.6678 9.71778 18.0584C7.39751 16.5911 5.43033 14.6335 3.95594 12.3245C2.333 9.83138 1.32301 6.99289 1.00779 4.03897C0.983797 3.7747 1.01536 3.50836 1.10046 3.25689C1.18557 3.00543 1.32236 2.77435 1.50213 2.57838C1.68189 2.3824 1.90069 2.22582 2.1446 2.11861C2.3885 2.0114 2.65217 1.9559 2.91881 1.95565H5.79973C6.26577 1.95109 6.71758 2.11532 7.07094 2.41774C7.42431 2.72016 7.65511 3.14013 7.72034 3.59937C7.84194 4.51686 8.06744 5.41772 8.39255 6.28476C8.52176 6.62681 8.54972 6.99855 8.47313 7.35593C8.39654 7.71331 8.21861 8.04135 7.96041 8.30118L6.74083 9.51486C8.10788 11.9074 10.0985 13.8883 12.5027 15.2488L13.7223 14.0351C13.9834 13.7782 14.313 13.6011 14.6721 13.5249C15.0312 13.4486 15.4048 13.4765 15.7485 13.6051C16.6198 13.9286 17.525 14.153 18.447 14.274C18.9134 14.3395 19.3395 14.5733 19.644 14.931C19.9486 15.2887 20.1104 15.7453 20.0987 16.214Z" stroke="%23092A81" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
body#n24 .n24--header .header--RIGHT .header--inquiry .tel .sub {
  font-size: 14px;
  margin-left: 8px;
}
@media only screen and (max-width: 1440px) {
  body#n24 .n24--header .header--RIGHT .header--inquiry .tel {
    display: none;
  }
}
body#n24 .n24--header .header--RIGHT .header--menuBtn {
  border-radius: 8px;
}
body#n24 .n24--header .header--RIGHT .header--menuBtn .btn#menuBtn a {
  background-color: transparent;
  min-width: 64px;
  min-height: auto;
  aspect-ratio: 1;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
body#n24 .n24--header .header--RIGHT .header--menuBtn .btn#menuBtn a span {
  display: inline-block;
  width: 32px;
  height: 32px;
  aspect-ratio: 1;
  margin: 0 auto;
  background-size: contain;
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 12H21" stroke="%23092A81" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M3 6H21" stroke="%23092A81" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M3 18H21" stroke="%23092A81" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
body#n24 .n24--header .header--RIGHT .header--menuBtn .btn#menuBtn a:hover {
  background-color: #DAEEFB;
}
@media only screen and (max-width: 992px) {
  body#n24 .n24--header .header--RIGHT .header--menuBtn .btn#menuBtn a {
    min-width: auto;
  }
  body#n24 .n24--header .header--RIGHT .header--menuBtn .btn#menuBtn a img {
    max-width: 24px;
    width: 100%;
  }
}

body#n24 header.n24--header.header--top {
  position: absolute;
  z-index: 20;
  top: 24px;
  left: 0;
  right: 0;
  margin: auto;
  background-color: white;
  border-radius: 6px;
  width: calc(100% - 48px);
  box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.16);
  color: #070A20;
  font-size: 14px;
}
@media only screen and (max-width: 1200px) {
  body#n24 header.n24--header.header--top {
    position: relative;
    border-radius: 0%;
    width: 100%;
    top: auto;
    left: auto;
    right: auto;
    min-height: auto;
  }
}
@media only screen and (max-height: 800px) {
  body#n24 header.n24--header.header--top {
    position: relative;
    border-radius: 0%;
    width: 100%;
    top: auto;
    left: auto;
    right: auto;
    min-height: auto;
  }
}
body#n24 header.n24--header.header--top .header--logo--img a {
  display: block;
}

body#n24 footer.n24--footer--wrap {
  font-weight: 400;
  position: relative;
}
body#n24 footer.n24--footer--wrap .footer--top {
  position: relative;
  top: 99px;
  z-index: 10;
}
@media only screen and (max-width: 1440px) {
  body#n24 footer.n24--footer--wrap .footer--top {
    top: 0;
    width: 100%;
  }
}
body#n24 footer.n24--footer--wrap .footer--top .footer--top--inner {
  width: 100%;
  max-width: 1360px;
  margin: 0 auto;
}
@media only screen and (max-width: 1440px) {
  body#n24 footer.n24--footer--wrap .footer--top .footer--top--inner {
    max-width: 100%;
  }
}
@media only screen and (max-width: 992px) {
  body#n24 footer.n24--footer--wrap .footer--top .footer--top--inner {
    max-width: 100%;
  }
}
body#n24 footer.n24--footer--wrap .footer--top .footer--top--inner .divide {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  background-color: #092A81;
}
@media only screen and (max-width: 992px) {
  body#n24 footer.n24--footer--wrap .footer--top .footer--top--inner .divide {
    grid-template-columns: 1fr;
  }
}
body#n24 footer.n24--footer--wrap .footer--top .footer--top--inner .divide dl {
  color: #F5FBFF;
  padding: 32px;
  background-color: #092A81;
  display: grid;
  grid-template-rows: max-content max-content minmax(32px, auto);
  align-items: start;
}
body#n24 footer.n24--footer--wrap .footer--top .footer--top--inner .divide dl:nth-child(even) {
  background-color: #0C3493;
}
@media only screen and (max-width: 992px) {
  body#n24 footer.n24--footer--wrap .footer--top .footer--top--inner .divide dl {
    padding: 24px;
  }
}
@media only screen and (max-width: 768px) {
  body#n24 footer.n24--footer--wrap .footer--top .footer--top--inner .divide dl {
    display: block;
  }
}
@media only screen and (max-width: 426px) {
  body#n24 footer.n24--footer--wrap .footer--top .footer--top--inner .divide dl {
    padding: 16px;
  }
}
body#n24 footer.n24--footer--wrap .footer--top .footer--top--inner .divide dl dt {
  font-weight: 600;
  font-size: 22px;
  margin-bottom: 1em;
  text-align: center;
  line-height: 1.2;
}
@media only screen and (max-width: 992px) {
  body#n24 footer.n24--footer--wrap .footer--top .footer--top--inner .divide dl dt {
    font-size: 18px;
  }
}
@media only screen and (max-width: 768px) {
  body#n24 footer.n24--footer--wrap .footer--top .footer--top--inner .divide dl dt {
    font-size: 16px;
  }
}
body#n24 footer.n24--footer--wrap .footer--top .footer--top--inner .divide dl dd.detail {
  font-size: 13px;
}
@media only screen and (max-width: 992px) {
  body#n24 footer.n24--footer--wrap .footer--top .footer--top--inner .divide dl dd.detail {
    font-size: 12px;
    text-align: center;
  }
}
@media only screen and (max-width: 768px) {
  body#n24 footer.n24--footer--wrap .footer--top .footer--top--inner .divide dl dd.detail {
    display: none;
  }
}
body#n24 footer.n24--footer--wrap .footer--top .footer--top--inner .divide dl dd.access {
  align-self: end;
}
body#n24 footer.n24--footer--wrap .footer--top .footer--top--inner .divide dl dd.access .tel {
  display: grid;
  grid-template-rows: auto auto;
  justify-content: center;
  justify-items: center;
  margin-top: 32px;
}
@media only screen and (max-width: 768px) {
  body#n24 footer.n24--footer--wrap .footer--top .footer--top--inner .divide dl dd.access .tel {
    margin-top: 0;
  }
}
body#n24 footer.n24--footer--wrap .footer--top .footer--top--inner .divide dl dd.access .tel .num {
  font-family: "Lato", sans-serif;
  font-size: 34px;
  font-weight: 900;
  line-height: 1;
}
body#n24 footer.n24--footer--wrap .footer--top .footer--top--inner .divide dl dd.access .tel .num .icon {
  content: "";
  display: inline-block;
  width: 0.75em;
  aspect-ratio: 1;
  margin: 0 auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.4246 4.82261C14.3625 5.00472 15.2245 5.46123 15.9003 6.1337C16.576 6.80617 17.0348 7.66402 17.2178 8.59743M13.4246 1C15.3733 1.21544 17.1905 2.08388 18.5778 3.46272C19.9651 4.84157 20.8401 6.64887 21.059 8.58788M20.0987 16.214V19.0809C20.0998 19.3471 20.045 19.6105 19.9379 19.8544C19.8307 20.0983 19.6736 20.3172 19.4765 20.4971C19.2794 20.677 19.0467 20.814 18.7934 20.8993C18.54 20.9845 18.2716 21.0162 18.0052 20.9922C15.0502 20.6727 12.2117 19.6678 9.71778 18.0584C7.39751 16.5911 5.43033 14.6335 3.95594 12.3245C2.333 9.83138 1.32301 6.99289 1.00779 4.03897C0.983797 3.7747 1.01536 3.50836 1.10046 3.25689C1.18557 3.00543 1.32236 2.77435 1.50213 2.57838C1.68189 2.3824 1.90069 2.22582 2.1446 2.11861C2.3885 2.0114 2.65217 1.9559 2.91881 1.95565H5.79973C6.26577 1.95109 6.71758 2.11532 7.07094 2.41774C7.42431 2.72016 7.65511 3.14013 7.72034 3.59937C7.84194 4.51686 8.06744 5.41772 8.39255 6.28476C8.52176 6.62681 8.54972 6.99855 8.47313 7.35593C8.39654 7.71331 8.21861 8.04135 7.96041 8.30118L6.74083 9.51486C8.10788 11.9074 10.0985 13.8883 12.5027 15.2488L13.7223 14.0351C13.9834 13.7782 14.313 13.6011 14.6721 13.5249C15.0312 13.4486 15.4048 13.4765 15.7485 13.6051C16.6198 13.9286 17.525 14.153 18.447 14.274C18.9134 14.3395 19.3395 14.5733 19.644 14.931C19.9486 15.2887 20.1104 15.7453 20.0987 16.214Z" stroke="%23fff" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  margin-right: 0.2em;
}
@media only screen and (max-width: 992px) {
  body#n24 footer.n24--footer--wrap .footer--top .footer--top--inner .divide dl dd.access .tel .num {
    font-size: 26px;
  }
}
body#n24 footer.n24--footer--wrap .footer--top .footer--top--inner .divide dl dd.access .tel .time {
  font-size: 13px;
  margin-top: 0.8em;
}
@media only screen and (max-width: 992px) {
  body#n24 footer.n24--footer--wrap .footer--top .footer--top--inner .divide dl dd.access .tel .time {
    font-size: 12px;
  }
}
body#n24 footer.n24--footer--wrap .footer--top .footer--top--inner .divide dl dd.access .btn a:hover {
  background-color: #1DC9FF;
}
@media only screen and (max-width: 992px) {
  body#n24 footer.n24--footer--wrap .footer--top .footer--top--inner .divide dl dd.access .btn {
    margin-top: 1em;
    display: flex;
    place-content: center;
  }
  body#n24 footer.n24--footer--wrap .footer--top .footer--top--inner .divide dl dd.access .btn a {
    max-width: 360px;
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  body#n24 footer.n24--footer--wrap .footer--top .footer--top--inner .divide dl dd.access .btn {
    margin-top: 0.5em;
  }
}
body#n24 footer.n24--footer--wrap .footer--btm {
  position: relative;
  z-index: 5;
  padding-top: 163px;
  background-color: #051939;
  width: 100%;
}
@media only screen and (max-width: 1440px) {
  body#n24 footer.n24--footer--wrap .footer--btm {
    padding-top: 64px;
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media only screen and (max-width: 768px) {
  body#n24 footer.n24--footer--wrap .footer--btm {
    padding-top: 32px;
  }
}
body#n24 footer.n24--footer--wrap .footer--btm .footer--btm--inner {
  width: 100%;
  max-width: 1360px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 48px;
  padding-bottom: 80px;
}
@media only screen and (max-width: 1200px) {
  body#n24 footer.n24--footer--wrap .footer--btm .footer--btm--inner {
    grid-template-columns: 1fr;
    padding-bottom: 32px;
  }
}
body#n24 footer.n24--footer--wrap .footer--btm .footer--btm--inner .btm--L {
  color: #F5FBFF;
  font-size: 14px;
}
@media only screen and (max-width: 1200px) {
  body#n24 footer.n24--footer--wrap .footer--btm .footer--btm--inner .btm--L {
    order: 2;
    border-top: 1px #F5FBFF solid solid;
    padding-top: 32px;
  }
}
@media only screen and (max-width: 768px) {
  body#n24 footer.n24--footer--wrap .footer--btm .footer--btm--inner .btm--L {
    font-size: 13px;
    display: grid;
    place-content: center;
    justify-items: center;
  }
}
body#n24 footer.n24--footer--wrap .footer--btm .footer--btm--inner .btm--L .logo {
  margin-bottom: 32px;
}
body#n24 footer.n24--footer--wrap .footer--btm .footer--btm--inner .btm--L .logo img {
  display: inline-block;
  width: 100%;
  max-width: 260px;
}
@media only screen and (max-width: 768px) {
  body#n24 footer.n24--footer--wrap .footer--btm .footer--btm--inner .btm--L .logo img {
    max-width: 200px;
  }
}
@media only screen and (max-width: 768px) {
  body#n24 footer.n24--footer--wrap .footer--btm .footer--btm--inner .btm--L .logo {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 768px) {
  body#n24 footer.n24--footer--wrap .footer--btm .footer--btm--inner .btm--L .sns {
    display: none;
  }
}
body#n24 footer.n24--footer--wrap .footer--btm .footer--btm--inner .btm--L .sns ul {
  display: flex;
  gap: 8px;
}
body#n24 footer.n24--footer--wrap .footer--btm .footer--btm--inner .btm--L .sns ul li a {
  display: block;
}
body#n24 footer.n24--footer--wrap .footer--btm .footer--btm--inner .btm--L .sns ul li a img {
  aspect-ratio: 1;
  width: 32px;
  display: block;
}
body#n24 footer.n24--footer--wrap .footer--btm .footer--btm--inner .btm--L .sns ul li a:hover {
  opacity: 0.7;
}
body#n24 footer.n24--footer--wrap .footer--btm .footer--btm--inner .btm--L .comInfo {
  margin-top: 1em;
}
@media only screen and (max-width: 768px) {
  body#n24 footer.n24--footer--wrap .footer--btm .footer--btm--inner .btm--L .comInfo {
    display: none;
  }
}
body#n24 footer.n24--footer--wrap .footer--btm .footer--btm--inner .btm--L .comInfo .comInfo--address {
  margin-top: 1em;
}
body#n24 footer.n24--footer--wrap .footer--btm .footer--btm--inner .btm--L .basicLinks {
  font-size: 13px;
  margin-top: 3em;
}
@media only screen and (max-width: 768px) {
  body#n24 footer.n24--footer--wrap .footer--btm .footer--btm--inner .btm--L .basicLinks {
    display: none;
  }
}
body#n24 footer.n24--footer--wrap .footer--btm .footer--btm--inner .btm--L .basicLinks ul {
  line-height: 1;
  display: flex;
  gap: 0.8em;
  flex-direction: column;
}
body#n24 footer.n24--footer--wrap .footer--btm .footer--btm--inner .btm--L .basicLinks ul li a {
  text-decoration: none;
  transition: all 0.2s;
}
body#n24 footer.n24--footer--wrap .footer--btm .footer--btm--inner .btm--L .basicLinks ul li a::before {
  margin-right: 0.2em;
}
body#n24 footer.n24--footer--wrap .footer--btm .footer--btm--inner .btm--L .basicLinks ul li a:hover {
  text-decoration: underline;
  color: #1DC9FF;
}
body#n24 footer.n24--footer--wrap .footer--btm .footer--btm--inner .btm--L .copyright {
  margin-top: 80px;
  font-size: 12px;
}
@media only screen and (max-width: 768px) {
  body#n24 footer.n24--footer--wrap .footer--btm .footer--btm--inner .btm--L .copyright {
    margin-top: 1em;
    line-height: 1;
    font-size: 11px;
  }
}
body#n24 footer.n24--footer--wrap .footer--btm .footer--btm--inner .btm--R {
  color: #F5FBFF;
  display: grid;
  grid-template-columns: repeat(3, minmax(200px, 1fr));
  justify-content: end;
  gap: 48px;
}
@media only screen and (max-width: 1200px) {
  body#n24 footer.n24--footer--wrap .footer--btm .footer--btm--inner .btm--R {
    order: 1;
  }
}
@media only screen and (max-width: 768px) {
  body#n24 footer.n24--footer--wrap .footer--btm .footer--btm--inner .btm--R {
    grid-template-columns: 1fr;
  }
}
body#n24 footer.n24--footer--wrap .footer--btm .footer--btm--inner .btm--R a {
  text-decoration: none;
}
body#n24 footer.n24--footer--wrap .footer--btm .footer--btm--inner .btm--R dl dt {
  font-size: 15px;
  line-height: 1;
  padding-bottom: 1em;
  margin-bottom: 2em;
  border-bottom: 1px #F5FBFF solid;
}
@media only screen and (max-width: 992px) {
  body#n24 footer.n24--footer--wrap .footer--btm .footer--btm--inner .btm--R dl dt {
    font-size: 13px;
  }
}
body#n24 footer.n24--footer--wrap .footer--btm .footer--btm--inner .btm--R dl dt > a {
  display: grid;
  grid-auto-flow: column;
  justify-content: space-between;
  align-items: center;
  font-weight: 600;
  transition: all 0.2s;
}
body#n24 footer.n24--footer--wrap .footer--btm .footer--btm--inner .btm--R dl dt > a .ico--arrow-R {
  background-color: #092A81;
  display: flex;
  align-items: center;
  justify-items: center;
  border-radius: 1.4em;
  width: 1.4em;
  height: 1.4em;
  display: inline-block;
  aspect-ratio: 1;
  margin: 0 auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 18L17 12L11 6" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-size: 80%;
  background-position: 25% center;
  transition: all 0.2s;
}
body#n24 footer.n24--footer--wrap .footer--btm .footer--btm--inner .btm--R dl dt > a:hover {
  color: #1DC9FF;
}
body#n24 footer.n24--footer--wrap .footer--btm .footer--btm--inner .btm--R dl dt > a:hover .ico--arrow-R {
  background-color: #1DC9FF;
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 18L17 12L11 6" stroke="%230C3493" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
body#n24 footer.n24--footer--wrap .footer--btm .footer--btm--inner .btm--R dl dd {
  font-size: 13px;
  line-height: 1.2;
  margin-top: 1.6em;
}
@media only screen and (max-width: 992px) {
  body#n24 footer.n24--footer--wrap .footer--btm .footer--btm--inner .btm--R dl dd {
    font-size: 12px;
    margin-top: 1.2em;
  }
}
body#n24 footer.n24--footer--wrap .footer--btm .footer--btm--inner .btm--R dl dd:first-child {
  margin-top: 0;
}
body#n24 footer.n24--footer--wrap .footer--btm .footer--btm--inner .btm--R dl dd a {
  text-decoration: none;
  transition: all 0.2s;
}
body#n24 footer.n24--footer--wrap .footer--btm .footer--btm--inner .btm--R dl dd a::before {
  margin-right: 0.2em;
}
body#n24 footer.n24--footer--wrap .footer--btm .footer--btm--inner .btm--R dl dd a:hover {
  text-decoration: underline;
  color: #1DC9FF;
}/*# sourceMappingURL=style.css.map */