@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');
/* Shared footer, using the top page as the reference. */
.homepage-footer { text-align: left; }
.homepage-footer, .homepage-footer * { box-sizing: border-box; font-family: 'Noto Sans JP', sans-serif; }
.homepage-footer-brand > a { display: inline-block; }
.homepage-footer {
    padding:42px 0 16px;
    background:linear-gradient(110deg,#061a33 0%,#0c365c 100%);
    color:#fff;
    font-family:'Noto Sans JP',sans-serif;
}

.homepage-footer-inner {
  width:83.333%;
  max-width:1200px;
  margin:0 auto
}

.homepage-footer-main {
  display:flex;
  justify-content:
  space-between;gap:48px
}

.homepage-footer-brand img {
  display:block;
  width:310px;
  max-width:100%;
  height:auto
}

.homepage-footer-brand p {
  margin:26px 0 0;
  color:#d0deed;
  font-size:20px;
  font-weight:700;
  line-height:1.85;
  letter-spacing:.05em
}

.homepage-footer-brand p span {
  font-weight:400;
  margin:0 .15em
}
.homepage-footer-nav {
  display:grid;
  grid-template-columns:1fr 1fr;
  width:496px;
  max-width:50%
}
.homepage-footer-group {
  min-width:0;
  padding-right:60px
}
.homepage-footer-group + .homepage-footer-group {
  border-left:1px solid #294963;
  padding:0 0 0 60px
}
.homepage-footer-group h2 {
  position:relative;
  margin:0 0 24px;
  padding:0 0 14px;
  color:#ffffff;
  font-size:14px;
  font-weight:400;
  line-height:1.5;
  letter-spacing:.06em
}
.homepage-footer-group h2::after {
  content:"";
  position:absolute;
  bottom:0;left:0;
  width:40px;
  height:2px;
  background:#0762d8
}
.homepage-footer-group ul {
  list-style:none;
  margin:0;
  padding:0
}
.homepage-footer-group li + li {
  margin-top:14px
}
.homepage-footer-group a {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;color:#fff;
  font-size:14px;
  line-height:1.5;
  letter-spacing:.05em;
  text-decoration:none
}
.homepage-footer-group a::after {
  content:"";
  flex:0 0 auto;
  width:8px;
  height:8px;
  border-top:1px solid currentColor;
  border-right:1px solid currentColor;
  transform:rotate(45deg);
  margin-right:2px
}
.homepage-footer a:hover {
  color:#b8d9ff;
  text-decoration:none
}
.homepage-footer a:focus-visible {
  outline:2px solid #80beff;
  outline-offset:5px
}
.homepage-footer-bottom {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  margin-top:40px;
  padding-top:20px;
  border-top:1px solid #294963;
  color:#96b1cd;
  letter-spacing:.08em
}
.homepage-footer-bottom a,.homepage-footer-bottom small {
  color:inherit;
  font-size:14px;
  line-height:1.6;
  text-decoration:none
}

@media (min-width:801px) and (max-width:1439px) {
    .homepage-footer {
      padding:2.92vw 0 1.11vw
    }
    .homepage-footer-brand img {
      width:21.53vw
    }
    .homepage-footer-brand p {
      font-size:1.389vw;
      margin-top:1.8vw
    }
    .homepage-footer-main {
      gap:3.33vw
    }
    .homepage-footer-nav {
      width:34.44vw
    }
    .homepage-footer-group {
      padding-right:4.17vw
    }
    .homepage-footer-group + .homepage-footer-group {
      padding-left:4.17vw
    }
    .homepage-footer-group h2 {
      font-size:.972vw;
      margin-bottom:1.67vw;
      padding-bottom:.972vw;
      white-space:nowrap
    }
    .homepage-footer-group h2::after {
      width:2.78vw
    }
    .homepage-footer-group a {
      font-size:.972vw
    }
    .homepage-footer-group li + li {
      margin-top:.972vw
    }
    .homepage-footer-group a::after {
      width:.556vw;
      height:.556vw
    }
    .homepage-footer-bottom {
      margin-top:2.78vw;
      padding-top:1.389vw
    }
    .homepage-footer-bottom a,.homepage-footer-bottom small {
      font-size:.972vw
    }
}

@media (max-width:800px) {
    .homepage-footer {
      padding:52px 19px 25px
    }
    .homepage-footer-inner {
      width:100%
    }
    .homepage-footer-main {
      display:block
    }
    .homepage-footer-brand img {
      width:292px
    }
    .homepage-footer-brand p {
      margin:12px 0 0;
      font-size:clamp(16px,3.92vw,20px);
      line-height:1.85;
      letter-spacing:.05em
    }
    .homepage-footer-nav {
      width:100%;
      max-width:none;
      margin-top:28px
    }
    .homepage-footer-group {
      padding-right:26px
    }
    .homepage-footer-group + .homepage-footer-group {
      padding-left:25px
    }
    .homepage-footer-group h2 {
      font-size:clamp(12px,3.53vw,18px);
      white-space:nowrap;
      padding-bottom:16px;
      margin-bottom:16px;
      letter-spacing:.06em
    }
    .homepage-footer-group h2::after {
      width:50px
    }
    .homepage-footer-group a {
      font-size:clamp(16px,3.92vw,20px);
      line-height:1.5
    }
    .homepage-footer-group a::after {
      width:10px;
      height:10px
    }
    .homepage-footer-group li + li {
      margin-top:14px
    }
    .homepage-footer-bottom {
      flex-direction:column;
      gap:12px;
      margin-top:
      52px;
      padding-top:26px;
      text-align:center
    }
    .homepage-footer-bottom a,.homepage-footer-bottom small {
      font-size:clamp(14px,3.53vw,18px);
      line-height:1.5
    }
}


/* Footer links brighten without inheriting the legacy bold blue hover. */
.homepage-footer-group a,
.homepage-footer-bottom a {
  color: #96b1cd;
  font-size: 14px;
  font-weight: 400;
  transition: color 120ms cubic-bezier(0, 0, .58, 1);
}

.homepage-footer .homepage-footer-group a:hover,
.homepage-footer .homepage-footer-group a:focus-visible,
.homepage-footer .homepage-footer-bottom a:hover,
.homepage-footer .homepage-footer-bottom a:focus-visible {
  color: #fff !important;
  font-weight: 400 !important;
  text-decoration: none;
}

.homepage-footer-group a::after {
  color: inherit;
  transition: color 120ms cubic-bezier(0, 0, .58, 1);
}

@media (prefers-reduced-motion: reduce) {
  .homepage-footer-group a,
  .homepage-footer-bottom a {
    transition: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .homepage-footer-group a::after {
    transition: none;
  }
}

/* External footer links use the supplied icon instead of a chevron. */
.homepage-footer-group .footer-external-link::after {
  width: 14px;
  height: 14px;
  border: 0;
  background-color: currentColor;
  -webkit-mask: url('../images/Top%20page/new%20tab_Icon.svg') center / contain no-repeat;
  mask: url('../images/Top%20page/new%20tab_Icon.svg') center / contain no-repeat;
  transform: none;
}