@charset "UTF-8";
/* ---------------------------------------------------
  Setting
--------------------------------------------------- */
/* ---------------------------------------------------
  Mixin
--------------------------------------------------- */
/* ---------------------------------------------------
  Functions
--------------------------------------------------- */
/* ---------------------------------------------------
  Reset
--------------------------------------------------- */
*, *::before, *::after {
  box-sizing: border-box;
}

* {
  margin: 0;
}

html, body {
  height: 100%;
}

body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

img {
  image-rendering: -webkit-optimize-contrast;
}

img, video, canvas, svg {
  display: block flow;
  height: auto;
  max-width: 100%;
}

input,
button,
select,
textarea {
  font: inherit;
  text-transform: none;
}

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

ol,
ul {
  list-style: none;
  padding: 0;
}

table,
thead th,
thead td,
tbody th,
tbody td,
tfoot th,
tfoot td {
  color: inherit;
  background: transparent;
  border: none;
}

#root, #__next {
  isolation: isolate;
}

/* ---------------------------------------------------
  Base
--------------------------------------------------- */
@font-face {
  font-family: "Hiragino Sans";
  src: local(HiraginoSans-W0);
  font-weight: 100;
}
@font-face {
  font-family: "Hiragino Sans";
  src: local(HiraginoSans-W1);
  font-weight: 200;
}
@font-face {
  font-family: "Hiragino Sans";
  src: local(HiraginoSans-W2);
  font-weight: 300;
}
@font-face {
  font-family: "Hiragino Sans";
  src: local(HiraginoSans-W3);
  font-weight: 400;
}
@font-face {
  font-family: "Hiragino Sans";
  src: local(HiraginoSans-W4);
  font-weight: 500;
}
@font-face {
  font-family: "Hiragino Sans";
  src: local(HiraginoSans-W5);
  font-weight: 600;
}
@font-face {
  font-family: "Hiragino Sans";
  src: local(HiraginoSans-W6);
  font-weight: 700;
}
@font-face {
  font-family: "Hiragino Sans";
  src: local(HiraginoSans-W7);
  font-weight: 800;
}
@font-face {
  font-family: "Hiragino Sans";
  src: local(HiraginoSans-W8);
  font-weight: 900;
}
@font-face {
  font-family: "Hiragino Sans W9";
  src: local(HiraginoSans-W9);
  font-weight: 900;
}
@media print, screen and (max-width: 1023px) {
  :root {
    --header-height: 7rem;
  }
}
@media print, screen and (min-width: 1024px) {
  :root {
    --header-height: 10rem;
  }
}

html {
  width: 100%;
  min-width: 320px;
  opacity: 0;
  filter: blur(10px);
  transition: 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition-property: opacity, filter;
  scroll-behavior: smooth;
}
@media print, screen and (max-width: 1023px) {
  html {
    font-size: clamp(8px, 2.6666666667vw, 11px);
  }
}
@media print, screen and (min-width: 1024px) {
  html {
    font-size: clamp(9px, 0.5208333333vw, 10px);
  }
}
html.is-scroll-prevent {
  height: unset;
  overflow: hidden;
}
html.is-domloaded {
  opacity: 1;
  filter: blur(0px);
  height: auto;
}

body {
  width: 100%;
  max-width: 100vw;
  color: #000;
  font-family: "Noto Sans JP", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 400;
  -webkit-text-size-adjust: 100%;
  letter-spacing: 0;
  background: #F0F7FF;
  padding-block-start: var(--header-height);
  overflow-y: auto;
  overflow-x: hidden;
  scroll-padding: calc(var(--header-height) * 1.2);
}
@media print, screen and (max-width: 1023px) {
  body {
    font-size: 1.4rem;
    line-height: 1.75;
  }
}
@media print, screen and (min-width: 1024px) {
  body {
    font-size: 1.6rem;
    line-height: 1.85;
  }
}

header,
footer {
  min-width: 320px;
}

table {
  border-collapse: collapse;
}

th {
  text-align: left;
}

a,
button {
  color: #000;
  text-decoration: none;
  transition: 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition-property: color, background-color, opacity, filter, -webkit-text-decoration;
  transition-property: color, background-color, opacity, filter, text-decoration;
  transition-property: color, background-color, opacity, filter, text-decoration, -webkit-text-decoration;
}
@media (hover: hover) and (pointer: fine) {
  a:hover,
  button:hover {
    text-decoration: none;
  }
}
a:active,
button:active {
  text-decoration: none;
}

@media (hover: hover) and (pointer: fine) {
  a[href^=tel] {
    pointer-events: none;
  }
}

input {
  accent-color: #0044DD;
}

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

input,
textarea {
  position: relative;
  transition: 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
}

input:-webkit-autofill {
  box-shadow: 0 0 0px 1000px #fff inset;
}

input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

::-webkit-calendar-picker-indicator,
::-webkit-calendar-picker-indicator {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

:-moz-placeholder {
  color: #C1C1C1;
}

::-moz-placeholder {
  color: #C1C1C1;
}

::-webkit-input-placeholder {
  color: #C1C1C1;
}

sup,
sub {
  display: inline flow-root;
  margin: 0 clamp(0.1rem, 0.1em, 0.2rem);
  font-size: clamp(1rem, 0.7em, 1.4rem);
  line-height: 1;
}

:focus-visible {
  outline: #FFA01F 2px solid;
  outline-offset: -2px;
}

::-moz-selection {
  background: rgba(0, 161, 233, 0.25);
}

::selection {
  background: rgba(0, 161, 233, 0.25);
}

/* 印刷用 */
@media print {
  html {
    width: 100%;
    min-width: 1200px;
  }
  body {
    width: 100%;
    max-width: 1200px;
    -webkit-print-color-adjust: exact;
  }
}
/* ---------------------------------------------------
  ヘッダー
--------------------------------------------------- */
.l-header {
  display: block flex;
  align-items: center;
  position: fixed;
  inset: 0;
  width: 100%;
  background: #fff;
  height: var(--header-height);
  transition: 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition-property: filter;
  z-index: 9900;
  /*&.is-scrolly {
    filter: drop-shadow(0 0 1rem rgba($color: #000, $alpha: .2));
  }*/
}

@media screen and (min-width: 783px) {
  body.admin-bar .l-header {
    inset-block-start: 32px;
  }
}
body:not(.home) .l-header::before {
  opacity: 1;
}
body.is-drawer .l-header__ttl-txt {
  color: #fff !important;
}
@media (hover: hover) and (pointer: fine) {
  body.is-drawer .l-header__drawer-btn:hover .l-header__drawer-btn-line {
    translate: 0 0;
  }
}
body.is-drawer .l-header__drawer-btn-line:nth-child(1), body.is-drawer .l-header__drawer-btn-line:nth-child(3) {
  inset-block-start: 2.5rem;
  inset-inline-start: 0.6rem;
  width: 4rem;
}
body.is-drawer .l-header__drawer-btn-line:nth-child(1) {
  rotate: 330deg;
}
body.is-drawer .l-header__drawer-btn-line:nth-child(2) {
  scale: 0 1;
}
body.is-drawer .l-header__drawer-btn-line:nth-child(3) {
  rotate: -330deg;
}
body.is-drawer .l-header__drawer {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  pointer-events: auto;
}

@media print {
  .l-header {
    position: absolute;
  }
}
.l-header__inr {
  position: relative;
  display: block flex;
  align-items: center;
  width: 100%;
  z-index: 9900;
}
@media print, screen and (max-width: 1023px) {
  .l-header__inr {
    padding-inline: 1.5rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .l-header__inr {
    padding-inline: clamp(3rem, 3.125vw, 6rem);
  }
}

/* タイトル */
@media print, screen and (max-width: 1023px) {
  .l-header__logo img {
    width: 13.5rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .l-header__logo img {
    width: clamp(15rem, 10.4166666667vw, 20rem);
  }
}

/* PCナビ */
@media print, screen and (max-width: 1023px) {
  .l-header__pc-nav {
    display: none;
  }
}
@media print, screen and (min-width: 1024px) {
  .l-header__pc-nav {
    margin-inline-start: auto;
  }
}

.l-header__pc-nav-list {
  display: block flex;
  gap: 0 clamp(1.5rem, 1.5625vw, 3rem);
}

.l-header__pc-nav-list__item {
  position: relative;
}
.l-header__pc-nav-list__item > a {
  position: relative;
  display: block flow;
  font-size: 1.6rem;
  line-height: 1;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
@media (hover: hover) and (pointer: fine) {
  .l-header__pc-nav-list__item > a:hover {
    color: #0044DD;
  }
  .l-header__pc-nav-list__item > a:hover::after {
    scale: 1 1;
    transform-origin: left center;
  }
}
.l-header__pc-nav-list__item > a::after {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  inset-block-end: -5px;
  width: 100%;
  height: 1px;
  background: #0044DD;
  scale: 0 1;
  transform-origin: right center;
  transition: 0.4s cubic-bezier(0.25, 0.1, 0.25, 1) scale;
}

.l-header__pc-nav-magamenu {
  display: none;
}

/* お問い合わせ */
.l-header__trial {
  position: relative;
  display: block flex;
  justify-content: center;
  align-items: center;
  background: #FF7F00;
  border: 2px solid #FF7F00;
  overflow: hidden;
}
@media print, screen and (max-width: 1023px) {
  .l-header__trial {
    width: 11.5rem;
    height: 4.6rem;
    margin-inline: auto 5.7rem;
    padding-inline: 0.8rem;
    border-radius: 1rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .l-header__trial {
    width: 26rem;
    height: 6.4rem;
    margin-inline-start: clamp(2.5rem, 2.6041666667vw, 5rem);
    padding-inline: 1.6rem;
    border-radius: 1.5rem;
  }
}
.l-header__trial::after {
  content: "";
  position: absolute;
  inset-inline-start: -2.5%;
  inset-block-start: -2.5%;
  width: 105%;
  height: 105%;
  background: #fff;
  scale: 0 1;
  transform-origin: right center;
  transition: 0.4s cubic-bezier(0.42, 0, 0.58, 1) scale;
  z-index: 1;
}
@media (hover: hover) and (pointer: fine) {
  .l-header__trial:hover .l-header__trial-txt {
    color: #FF7F00;
  }
  .l-header__trial:hover::after {
    scale: 1 1;
    transform-origin: left center;
  }
}

.l-header__trial-txt {
  position: relative;
  color: #fff;
  font-weight: 700;
  margin-inline: auto;
  z-index: 2;
  transition: 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) color;
}
@media print, screen and (max-width: 1023px) {
  .l-header__trial-txt {
    font-size: 1.3rem;
    line-height: 1.1538461538;
  }
}
@media print, screen and (min-width: 1024px) {
  .l-header__trial-txt {
    font-size: 2rem;
    line-height: 1;
  }
}
.l-header__trial-txt em {
  font-style: normal;
}
@media print, screen and (max-width: 1023px) {
  .l-header__trial-txt em {
    font-size: 1.5rem;
    line-height: 1;
  }
}
@media print, screen and (min-width: 1024px) {
  .l-header__trial-txt em {
    font-size: 2.4rem;
    line-height: 1;
  }
}

.l-header__trial-arrow {
  position: relative;
  background: #fff;
  border: 1px solid #FF7F00;
  border-radius: 50%;
  z-index: 2;
}
@media print, screen and (max-width: 1023px) {
  .l-header__trial-arrow {
    width: 1.6rem;
    height: 1.6rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .l-header__trial-arrow {
    width: 2rem;
    height: 2rem;
  }
}
@media print, screen and (max-width: 1023px) {
  .l-header__trial-arrow svg {
    width: 0.8rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .l-header__trial-arrow svg {
    width: 1.2rem;
  }
}

/* ハンバーガー */
.l-header__drawer-btn {
  position: fixed;
  inset-block-start: 0.9rem;
  inset-inline-end: 1rem;
  width: 5.2rem;
  height: 5.2rem;
  background: transparent;
  padding: 0;
  border: none;
  transition: 0.4s cubic-bezier(0.25, 0.1, 0.25, 1) background;
  z-index: 9910;
}
@media print, screen and (min-width: 1024px) {
  .l-header__drawer-btn {
    display: none;
  }
}
@media (hover: hover) and (pointer: fine) {
  .l-header__drawer-btn:hover .l-header__drawer-btn-line:nth-child(1) {
    translate: 0 0.2rem;
  }
  .l-header__drawer-btn:hover .l-header__drawer-btn-line:nth-child(3) {
    translate: 0 -0.2rem;
  }
}

.l-header__drawer-btn-line {
  position: absolute;
  inset-inline-start: 1rem;
  width: 3.2rem;
  height: 2px;
  background: #0044DD;
  transition: 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition-property: inset width background rotate scale translate;
}
.l-header__drawer-btn-line:nth-child(1) {
  inset-block-start: 1.5rem;
}
.l-header__drawer-btn-line:nth-child(2) {
  inset-block-start: 2.5rem;
}
.l-header__drawer-btn-line:nth-child(3) {
  inset-block-start: 3.5rem;
}

/* ハンバーガー中身 */
.l-header__drawer {
  position: fixed;
  inset-block-start: var(--header-height);
  inset-inline-start: 0;
  width: 100%;
  max-height: calc(100dvh - var(--header-height));
  background: #fff;
  border-block-start: 1px solid #DDD;
  z-index: 9889;
  pointer-events: none;
  clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  transform-origin: center top;
  transition: 0.4s cubic-bezier(0.25, 0.1, 0.25, 1) clip-path;
}
@media print, screen and (min-width: 1024px) {
  .l-header__drawer {
    display: none;
  }
}

.l-header__drawer-inr {
  width: 100%;
  height: 100%;
  max-height: 100%;
  margin: auto;
  overflow: auto;
}

.l-header__drawer-scroll {
  display: block flex;
  flex-direction: column;
  min-height: 100%;
  background: center bottom 2.4rem/calc(100% - 4.8rem) auto url(../img/common/bg-logo.svg) no-repeat;
}

/* SPナビ */
.l-header__sp-nav {
  width: 100%;
}

.l-header__sp-nav-list {
  display: block flex;
  flex-direction: column;
  width: 100%;
}

.l-header__sp-nav-list__item {
  position: relative;
  width: 100%;
  border-block-end: 1px solid #DDD;
}
.l-header__sp-nav-list__item > a {
  position: relative;
  display: block flex;
  align-items: center;
  font-size: 1.6rem;
  line-height: 1;
  font-weight: 500;
  letter-spacing: 0.03em;
  padding-block: 1.5rem;
  padding-inline: 1.5rem;
}
@media (hover: hover) and (pointer: fine) {
  .l-header__sp-nav-list__item > a:hover {
    color: #0044DD;
  }
  .l-header__sp-nav-list__item > a:hover::after {
    scale: 1 1;
    transform-origin: left center;
  }
}
.l-header__sp-nav-list__item > a::after {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  inset-block-end: -1px;
  width: 100%;
  height: 1px;
  background: currentColor;
  scale: 0 1;
  transform-origin: right center;
  transition: 0.4s cubic-bezier(0.25, 0.1, 0.25, 1) scale;
}
.l-header__sp-nav-list__item > a img {
  display: block flow;
  width: 1em;
  margin-inline-start: 0.5em;
}

.l-header__sp-nav-list__item-arrow {
  position: relative;
  width: 2.8rem;
  height: 2.8rem;
  background: #F0F7FF;
  margin-inline-start: auto;
  border-radius: 50%;
  z-index: 2;
}
.l-header__sp-nav-list__item-arrow svg {
  width: 1.3rem;
}

/* ---------------------------------------------------
  フッター
--------------------------------------------------- */
.l-footer {
  position: relative;
  z-index: 1001;
}

.l-footer__top {
  color: #fff;
  background: #00267C;
}
@media print, screen and (max-width: 1023px) {
  .l-footer__top {
    padding-inline: 2rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .l-footer__top {
    padding-inline: clamp(5rem, 5.2083333333vw, 10rem);
  }
}

.l-footer__top-inr {
  width: 100%;
  margin-inline: auto;
}
@media print, screen and (max-width: 1023px) {
  .l-footer__top-inr {
    padding-block: 8.5rem 6rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .l-footer__top-inr {
    display: flex;
    max-width: 146rem;
    padding-block: 14rem;
  }
}

.l-footer__bottom {
  background: #fff;
}
@media print, screen and (max-width: 1023px) {
  .l-footer__bottom {
    padding-inline: 2rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .l-footer__bottom {
    padding-inline: clamp(5rem, 5.2083333333vw, 10rem);
  }
}

.l-footer__bottom-inr {
  display: block flex;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  margin-inline: auto;
}
@media print, screen and (max-width: 1023px) {
  .l-footer__bottom-inr {
    flex-direction: column;
    gap: 1.5rem;
    padding-block: 2.7rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .l-footer__bottom-inr {
    flex-direction: row-reverse;
    justify-content: flex-end;
    max-width: 146rem;
    padding-block: 3rem;
  }
}

/* タイトル */
.l-footer__ttl {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
}
@media print, screen and (max-width: 1023px) {
  .l-footer__ttl {
    margin-inline: auto;
  }
}
@media print, screen and (min-width: 1024px) {
  .l-footer__ttl {
    margin-inline-end: auto;
  }
}

.l-footer__ttl-catch {
  display: block flex;
  align-items: center;
  position: relative;
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media print, screen and (max-width: 1023px) {
  .l-footer__ttl-catch {
    height: 8.4rem;
    font-size: 2.4rem;
    line-height: 1.5833333333;
  }
}
@media print, screen and (min-width: 1024px) {
  .l-footer__ttl-catch {
    height: 12rem;
    font-size: 3.8rem;
    line-height: 1.4736842105;
  }
}
.l-footer__ttl-catch::before {
  content: "";
  width: 1rem;
  height: 100%;
  border: solid #fff;
  border-radius: 3.5rem;
}
@media print, screen and (max-width: 1023px) {
  .l-footer__ttl-catch::before {
    margin-inline-end: 1.4rem;
    border-width: 1px;
  }
}
@media print, screen and (min-width: 1024px) {
  .l-footer__ttl-catch::before {
    margin-inline-end: 3.5rem;
    border-width: 2px;
  }
}

.l-footer__ttl-logo {
  display: block;
}
@media print, screen and (max-width: 1023px) {
  .l-footer__ttl-logo {
    margin-block-start: 1.8rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .l-footer__ttl-logo {
    margin-block-start: 3rem;
  }
}
@media print, screen and (max-width: 1023px) {
  .l-footer__ttl-logo img {
    width: 24rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .l-footer__ttl-logo img {
    width: 35rem;
  }
}

/* ナビ */
.l-footer__nav {
  display: block flex;
  width: -moz-fit-content;
  width: fit-content;
}
@media print, screen and (max-width: 1023px) {
  .l-footer__nav {
    gap: 3.2rem;
    margin-block-start: 8rem;
    margin-inline: auto;
  }
}
@media print, screen and (min-width: 1024px) {
  .l-footer__nav {
    gap: 7rem;
    margin-inline-start: auto;
  }
}

.l-footer__nav-list {
  display: block flex;
  flex-direction: column;
}
@media print, screen and (max-width: 1023px) {
  .l-footer__nav-list {
    gap: 1.2rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .l-footer__nav-list {
    gap: 3rem;
  }
}

.l-footer__nav-list-item {
  position: relative;
}
.l-footer__nav-list-item > a {
  position: relative;
  display: inline flex;
  align-items: center;
  color: #fff;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
@media print, screen and (max-width: 1023px) {
  .l-footer__nav-list-item > a {
    gap: 0.5rem;
    font-size: 1.4rem;
    line-height: 1.2857142857;
  }
}
@media print, screen and (min-width: 1024px) {
  .l-footer__nav-list-item > a {
    gap: 1rem;
    font-size: 1.8rem;
    line-height: 1.3333333333;
  }
}
@media (hover: hover) and (pointer: fine) {
  .l-footer__nav-list-item > a:hover::after {
    scale: 1 1;
    transform-origin: left center;
  }
}
.l-footer__nav-list-item > a::before {
  content: "";
  position: relative;
  background: center/cover url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMiI+PHJlY3Qgd2lkdGg9IjIyIiBoZWlnaHQ9IjIyIiBmaWxsPSIjZWFmMGZmIiByeD0iMTEiLz48cGF0aCBmaWxsPSIjMDAyNjdjIiBkPSJNNC40OTIgMTEuMjg1di0uODE2aDEwLjY5MmExMS43NDggMTEuNzQ4IDAgMCAxLTIuMjk0LTIuMTkxbC43MzItLjQyM2ExNS4wNzUgMTUuMDc1IDAgMCAwIDMuNDkxIDMuMDMgMTQuNTkzIDE0LjU5MyAwIDAgMC0zLjQ5MSAzLjAzM2wtLjczMi0uNDE5YTExLjc0OCAxMS43NDggMCAwIDEgMi4yOTUtMi4xOTFINC40OTJaIi8+PC9zdmc+");
}
@media print, screen and (max-width: 1023px) {
  .l-footer__nav-list-item > a::before {
    width: 1.7rem;
    height: 1.7rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .l-footer__nav-list-item > a::before {
    width: 2.2rem;
    height: 2.2rem;
  }
}
.l-footer__nav-list-item > a::after {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  width: 100%;
  height: 1px;
  background: currentColor;
  scale: 0 1;
  transform-origin: right center;
  transition: 0.4s cubic-bezier(0.25, 0.1, 0.25, 1) scale;
}
@media print, screen and (max-width: 1023px) {
  .l-footer__nav-list-item > a::after {
    inset-block-end: -2px;
  }
}
@media print, screen and (min-width: 1024px) {
  .l-footer__nav-list-item > a::after {
    inset-block-end: -4px;
  }
}
.l-footer__nav-list-item > a img {
  display: block flow;
  width: 1em;
  margin-inline-start: 0.5em;
}

/* サブナビ */
@media print, screen and (min-width: 1024px) {
  .l-footer__sub-nav {
    margin-inline-start: auto;
  }
}

.l-footer__sub-nav-list {
  display: block flex;
}
@media print, screen and (max-width: 1023px) {
  .l-footer__sub-nav-list {
    gap: 2rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .l-footer__sub-nav-list {
    gap: 4rem;
  }
}

.l-footer__sub-nav-list-item {
  letter-spacing: 0.03em;
}
@media print, screen and (max-width: 1023px) {
  .l-footer__sub-nav-list-item {
    font-size: 1.2rem;
    line-height: 1;
  }
}
@media print, screen and (min-width: 1024px) {
  .l-footer__sub-nav-list-item {
    font-size: 1.4rem;
    line-height: 1;
  }
}

/* コピーライト */
.l-footer__copyright {
  font-family: "Lato", "Helvetica Neue", "Helvetica", "Segoe UI", sans-serif;
  letter-spacing: 0.03em;
}
@media print, screen and (max-width: 1023px) {
  .l-footer__copyright {
    font-size: 1.2rem;
    line-height: 1;
  }
}
@media print, screen and (min-width: 1024px) {
  .l-footer__copyright {
    font-size: 1.6rem;
    line-height: 1;
  }
}

/* ---------------------------------------------------
  Main
--------------------------------------------------- */
.l-main__inr {
  background: #fff;
}
@media print, screen and (max-width: 1023px) {
  .l-main__inr {
    padding-block: 6rem 10rem;
    border-radius: 2rem 2rem 0 0;
  }
}
@media print, screen and (min-width: 1024px) {
  .l-main__inr {
    padding-block: 10rem;
    border-radius: 5rem 5rem 0 0;
  }
}

.l-main__2col-wrap {
  display: flex;
}
@media print, screen and (max-width: 1023px) {
  .l-main__2col-wrap {
    flex-direction: column;
  }
}
@media print, screen and (min-width: 1024px) {
  .l-main__2col-wrap {
    justify-content: space-between;
  }
}

@media print, screen and (max-width: 1023px) {
  .l-contents {
    font-size: 1.4rem;
    line-height: 1.7142857143;
  }
}
@media print, screen and (min-width: 1024px) {
  .l-contents {
    width: 100%;
    max-width: 100rem;
    margin-inline-start: 5rem;
    font-size: 1.8rem;
    line-height: 1.7777777778;
  }
}

@media print, screen and (min-width: 1024px) {
  .l-sidebar {
    max-width: 30rem;
    min-width: 30rem;
  }
}

/* ---------------------------------------------------
  ボタン
--------------------------------------------------- */
.c-arrow {
  position: relative;
  display: block grid;
  place-items: center;
  transition: 0.4s cubic-bezier(0.25, 0.1, 0.25, 1) transform;
}

@media (hover: hover) and (pointer: fine) {
  a:hover .c-arrow {
    transform: translateX(1rem);
  }
}

.c-btn {
  position: relative;
  display: block flex;
  justify-content: center;
  align-items: center;
  gap: 0 1em;
  color: #fff;
  text-align: center;
  width: -moz-fit-content;
  width: fit-content;
  background: #0044DD;
  padding-block: 1rem;
  border: 2px solid #F0F7FF;
  overflow: hidden;
  transition: 0.3s cubic-bezier(0.42, 0, 0.58, 1) border;
}
@media print, screen and (max-width: 1023px) {
  .c-btn {
    min-width: 16rem;
    min-height: 5.6rem;
    padding-inline: 4.6rem;
    border-radius: 5.6rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-btn {
    min-width: 25rem;
    min-height: 6.8rem;
    padding-inline: 6rem;
    border-radius: 6.8rem;
  }
}
.c-btn:not(:first-child) {
  margin-block-start: 1lh;
}
@media print, screen and (max-width: 1023px) {
  .c-btn:not(:has(.c-btn__arrow)) {
    padding-inline: 1.5rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-btn:not(:has(.c-btn__arrow)) {
    padding-inline: 2rem;
  }
}
@media print, screen and (max-width: 1023px) {
  .c-btn.m-wide {
    min-width: 30rem;
    min-height: 6.8rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-btn.m-wide {
    min-width: 32rem;
  }
}
@media print, screen and (max-width: 1023px) {
  .c-btn.m-wide .c-btn__txt {
    font-size: 1.8rem;
    line-height: 1.3333333333;
  }
}
@media print, screen and (max-width: 1023px) {
  .c-btn.m-wide .c-btn__arrow {
    inset-inline-end: 3rem;
    width: 1.6rem;
  }
}
@media print, screen and (max-width: 1023px) {
  .c-btn.m-w100 {
    min-width: 100%;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-btn.m-w100 {
    min-width: 100%;
  }
}
@media print, screen and (max-width: 1023px) {
  .c-btn.m-w100 .c-btn__txt {
    font-size: 1.8rem;
    line-height: 1.3333333333;
  }
}
@media print, screen and (max-width: 1023px) {
  .c-btn.m-w100 .c-btn__arrow {
    inset-inline-end: 3rem;
    width: 1.6rem;
  }
}
.c-btn.m-lightblue {
  color: #0044DD;
  background: #F0F7FF;
  border-color: #0044DD;
}
.c-btn.m-lightblue::after {
  background: #0044DD;
}
@media (hover: hover) and (pointer: fine) {
  .c-btn.m-lightblue:hover {
    border-color: #F0F7FF;
  }
  .c-btn.m-lightblue:hover .c-btn__txt {
    color: #fff;
  }
  .c-btn.m-lightblue:hover .c-btn__arrow path {
    fill: #fff;
  }
}
.c-btn.m-orange {
  background: #FF7F00;
}
.c-btn.m-orange::after {
  background: #fff;
}
@media (hover: hover) and (pointer: fine) {
  .c-btn.m-orange:hover {
    border-color: #FF7F00;
  }
  .c-btn.m-orange:hover .c-btn__txt {
    color: #FF7F00;
  }
  .c-btn.m-orange:hover .c-btn__arrow path {
    fill: #FF7F00;
  }
}
.c-btn::after {
  content: "";
  position: absolute;
  inset-inline-start: -2.5%;
  inset-block-start: -2.5%;
  width: 105%;
  height: 105%;
  background: #F0F7FF;
  scale: 0 1;
  transform-origin: right center;
  transition: 0.4s cubic-bezier(0.42, 0, 0.58, 1) scale;
  z-index: 1;
}
@media (hover: hover) and (pointer: fine) {
  .c-btn:hover {
    border-color: #0044DD;
  }
  .c-btn:hover .c-btn__txt {
    color: #0044DD;
  }
  .c-btn:hover .c-btn__arrow path {
    fill: #0044DD;
  }
  .c-btn:hover::after {
    scale: 1 1;
    transform-origin: left center;
  }
}

.c-btn__txt {
  position: relative;
  font-weight: 700;
  transition: 0.3s cubic-bezier(0.42, 0, 0.58, 1) color;
  z-index: 2;
}
@media print, screen and (max-width: 1023px) {
  .c-btn__txt {
    font-size: 1.4rem;
    line-height: 1.2857142857;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-btn__txt {
    font-size: 1.8rem;
    line-height: 1.3333333333;
  }
}

.c-btn__arrow {
  position: absolute;
  inset-block-start: 50%;
  translate: 0 -50%;
  z-index: 2;
}
@media print, screen and (max-width: 1023px) {
  .c-btn__arrow {
    inset-inline-end: 1.6rem;
    width: 1.4rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-btn__arrow {
    inset-inline-end: 3rem;
    width: 1.6rem;
  }
}
.c-btn__arrow path {
  transition: 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0.2s fill;
}
.c-btn__arrow.m-reverse {
  inset-inline-start: unset;
  scale: -1 1;
}
@media print, screen and (max-width: 1023px) {
  .c-btn__arrow.m-reverse {
    inset-inline-start: 1.6rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-btn__arrow.m-reverse {
    inset-inline-start: 3rem;
  }
}
.c-btn__arrow.m-reverse path {
  transition: 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s fill;
}

.c-btn__wrap:not(:first-child) {
  margin-block-start: 1lh;
}
.c-btn__wrap .c-btn {
  margin-inline: auto;
}

.c-btn__list {
  display: block flex;
  flex-wrap: wrap;
}
.c-btn__list:not(:first-child) {
  margin-block-start: 1lh;
}
@media print, screen and (max-width: 1023px) {
  .c-btn__list {
    gap: 2rem 1.5rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-btn__list {
    gap: 2rem 4rem;
  }
}
.c-btn__list .c-btn:not(:first-child) {
  margin-block-start: 0;
}

/* ---------------------------------------------------
  テキスト系
--------------------------------------------------- */
.c-par:not(:first-child) {
  margin-block-start: 1lh;
}
@media print, screen and (max-width: 1023px) {
  .c-par.m-large {
    font-size: 1.6rem;
    line-height: 1.75;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-par.m-large {
    font-size: 2rem;
    line-height: 1.8;
  }
}
@media print, screen and (max-width: 1023px) {
  .c-par.m-small01 {
    font-size: 1.4rem;
    line-height: 1.7142857143;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-par.m-small01 {
    font-size: 1.6rem;
    line-height: 1.75;
  }
}
@media print, screen and (max-width: 1023px) {
  .c-par.m-small02 {
    font-size: 1.2rem;
    line-height: 1.75;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-par.m-small02 {
    font-size: 1.4rem;
    line-height: 1.7857142857;
  }
}

.c-u-list:not(:first-child),
.c-o-list:not(:first-child) {
  margin-block-start: 1lh;
}
@media print, screen and (max-width: 1023px) {
  .c-u-list.m-space-wide01 > li + li,
  .c-o-list.m-space-wide01 > li + li {
    margin-block-start: 2.25rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-u-list.m-space-wide01 > li + li,
  .c-o-list.m-space-wide01 > li + li {
    margin-block-start: 3rem;
  }
}
@media print, screen and (max-width: 1023px) {
  .c-u-list.m-space-wide02 > li + li,
  .c-o-list.m-space-wide02 > li + li {
    margin-block-start: 3.375rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-u-list.m-space-wide02 > li + li,
  .c-o-list.m-space-wide02 > li + li {
    margin-block-start: 4.5rem;
  }
}
@media print, screen and (max-width: 1023px) {
  .c-u-list.m-space-wide03 > li + li,
  .c-o-list.m-space-wide03 > li + li {
    margin-block-start: 4.5rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-u-list.m-space-wide03 > li + li,
  .c-o-list.m-space-wide03 > li + li {
    margin-block-start: 6rem;
  }
}

.c-u-list > li {
  position: relative;
}
@media print, screen and (max-width: 1023px) {
  .c-u-list > li {
    padding-inline-start: 2rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-u-list > li {
    padding-inline-start: 2.5rem;
  }
}
.c-u-list > li::before {
  position: absolute;
  inset-inline-start: 0;
  display: block flow;
  content: "";
  background: #FF7F00;
  border-radius: 50%;
}
@media print, screen and (max-width: 1023px) {
  .c-u-list > li::before {
    inset-block-start: calc((1lh - 1rem) / 2 + 1px);
    width: 1rem;
    height: 1rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-u-list > li::before {
    inset-block-start: calc((1lh - 1.5rem) / 2 + 1px);
    width: 1.5rem;
    height: 1.5rem;
  }
}
@media print, screen and (max-width: 1023px) {
  .c-u-list > li + li {
    margin-block-start: 0.5rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-u-list > li + li {
    margin-block-start: 1rem;
  }
}
@media print, screen and (max-width: 1023px) {
  .c-u-list > li .c-u-list,
  .c-u-list > li .c-o-list {
    margin-block-start: 1rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-u-list > li .c-u-list,
  .c-u-list > li .c-o-list {
    margin-block-start: 1.5rem;
  }
}

.c-o-list > li {
  position: relative;
  counter-increment: cnt;
}
@media print, screen and (max-width: 1023px) {
  .c-o-list > li {
    padding-inline-start: 3.7rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-o-list > li {
    padding-inline-start: 4.2rem;
  }
}
.c-o-list > li::before {
  position: absolute;
  inset-inline-start: 0;
  display: block flex;
  justify-content: center;
  align-items: center;
  content: counter(cnt);
  color: #fff;
  font-family: "Lato", "Helvetica Neue", "Helvetica", "Segoe UI", sans-serif;
  font-weight: 700;
  background: #0044DD;
  border-radius: 50%;
}
@media print, screen and (max-width: 1023px) {
  .c-o-list > li::before {
    width: 3rem;
    height: 3rem;
    font-size: 1.3rem;
    line-height: 1.2307692308;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-o-list > li::before {
    width: 3.4rem;
    height: 3.4rem;
    font-size: 1.5rem;
    line-height: 1.2;
  }
}
@media print, screen and (max-width: 1023px) {
  .c-o-list > li + li {
    margin-block-start: 1rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-o-list > li + li {
    margin-block-start: 1.5rem;
  }
}
@media print, screen and (max-width: 1023px) {
  .c-o-list > li .c-u-list,
  .c-o-list > li .c-o-list {
    margin-block-start: 1rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-o-list > li .c-u-list,
  .c-o-list > li .c-o-list {
    margin-block-start: 1.5rem;
  }
}

/* ---------------------------------------------------
  見出し
--------------------------------------------------- */
.c-headline {
  position: relative;
  font-weight: 700;
}
@media print, screen and (max-width: 1023px) {
  .c-headline {
    font-size: 2.2rem;
    line-height: 2;
    padding-inline-start: 1.8rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-headline {
    font-size: 2.8rem;
    line-height: 2;
    padding-inline-start: 2.4rem;
  }
}
@media print, screen and (max-width: 1023px) {
  .c-headline.m-h1 {
    font-size: 2.8rem;
    line-height: 2;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-headline.m-h1 {
    font-size: 3.5rem;
    line-height: 2;
  }
}
@media print, screen and (max-width: 1023px) {
  .c-headline.m-h2 {
    font-size: 2.2rem;
    line-height: 2;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-headline.m-h2 {
    font-size: 2.8rem;
    line-height: 2;
  }
}
@media print, screen and (max-width: 1023px) {
  .c-headline.m-h3 {
    font-size: 1.8rem;
    line-height: 2;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-headline.m-h3 {
    font-size: 2.2rem;
    line-height: 2;
  }
}
@media print, screen and (max-width: 1023px) {
  .c-headline.m-h4 {
    font-size: 1.6rem;
    line-height: 2;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-headline.m-h4 {
    font-size: 2rem;
    line-height: 2;
  }
}
@media print, screen and (max-width: 1023px) {
  .c-headline.m-h5 {
    font-size: 1.4rem;
    line-height: 2;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-headline.m-h5 {
    font-size: 1.8rem;
    line-height: 1.8888888889;
  }
}
@media print, screen and (max-width: 1023px) {
  .c-headline.m-h6 {
    font-size: 1.2rem;
    line-height: 2;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-headline.m-h6 {
    font-size: 1.6rem;
    line-height: 2;
  }
}
@media print, screen and (max-width: 1023px) {
  .c-headline:not(:first-child) {
    margin-block-start: 6rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-headline:not(:first-child) {
    margin-block-start: 8rem;
  }
}
@media print, screen and (max-width: 1023px) {
  .c-headline:not(:first-child).m-h3 {
    margin-block-start: 5.4rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-headline:not(:first-child).m-h3 {
    margin-block-start: 7.2rem;
  }
}
@media print, screen and (max-width: 1023px) {
  .c-headline:not(:first-child).m-h4 {
    margin-block-start: 4.8rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-headline:not(:first-child).m-h4 {
    margin-block-start: 6.4rem;
  }
}
@media print, screen and (max-width: 1023px) {
  .c-headline:not(:first-child).m-h5 {
    margin-block-start: 4.2rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-headline:not(:first-child).m-h5 {
    margin-block-start: 5.6rem;
  }
}
@media print, screen and (max-width: 1023px) {
  .c-headline:not(:first-child).m-h6 {
    margin-block-start: 3.6rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-headline:not(:first-child).m-h6 {
    margin-block-start: 4.8rem;
  }
}
.c-headline::before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  display: block;
  height: 100%;
  background: #0044DD;
  border-radius: 1rem;
}
@media print, screen and (max-width: 1023px) {
  .c-headline::before {
    width: 0.5rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-headline::before {
    width: 0.7rem;
  }
}

@media print, screen and (max-width: 1023px) {
  h1.c-headline {
    font-size: 2.8rem;
    line-height: 2;
  }
}
@media print, screen and (min-width: 1024px) {
  h1.c-headline {
    font-size: 3.5rem;
    line-height: 2;
  }
}

@media print, screen and (max-width: 1023px) {
  h2.c-headline {
    font-size: 2.2rem;
    line-height: 2;
  }
}
@media print, screen and (min-width: 1024px) {
  h2.c-headline {
    font-size: 2.8rem;
    line-height: 2;
  }
}

@media print, screen and (max-width: 1023px) {
  h3.c-headline {
    font-size: 1.8rem;
    line-height: 2;
  }
}
@media print, screen and (min-width: 1024px) {
  h3.c-headline {
    font-size: 2.2rem;
    line-height: 2;
  }
}
@media print, screen and (max-width: 1023px) {
  h3.c-headline:not(:first-child) {
    margin-block-start: 5.4rem;
  }
}
@media print, screen and (min-width: 1024px) {
  h3.c-headline:not(:first-child) {
    margin-block-start: 7.2rem;
  }
}

@media print, screen and (max-width: 1023px) {
  h4.c-headline {
    font-size: 1.6rem;
    line-height: 2;
  }
}
@media print, screen and (min-width: 1024px) {
  h4.c-headline {
    font-size: 2rem;
    line-height: 2;
  }
}
@media print, screen and (max-width: 1023px) {
  h4.c-headline:not(:first-child) {
    margin-block-start: 4.8rem;
  }
}
@media print, screen and (min-width: 1024px) {
  h4.c-headline:not(:first-child) {
    margin-block-start: 6.4rem;
  }
}

@media print, screen and (max-width: 1023px) {
  h5.c-headline {
    font-size: 1.4rem;
    line-height: 2;
  }
}
@media print, screen and (min-width: 1024px) {
  h5.c-headline {
    font-size: 1.8rem;
    line-height: 1.8888888889;
  }
}
@media print, screen and (max-width: 1023px) {
  h5.c-headline:not(:first-child) {
    margin-block-start: 4.2rem;
  }
}
@media print, screen and (min-width: 1024px) {
  h5.c-headline:not(:first-child) {
    margin-block-start: 5.6rem;
  }
}

@media print, screen and (max-width: 1023px) {
  h6.c-headline {
    font-size: 1.2rem;
    line-height: 2;
  }
}
@media print, screen and (min-width: 1024px) {
  h6.c-headline {
    font-size: 1.6rem;
    line-height: 2;
  }
}
@media print, screen and (max-width: 1023px) {
  h6.c-headline:not(:first-child) {
    margin-block-start: 3.6rem;
  }
}
@media print, screen and (min-width: 1024px) {
  h6.c-headline:not(:first-child) {
    margin-block-start: 4.8rem;
  }
}

/* ---------------------------------------------------
  表
--------------------------------------------------- */
.c-table-wrap:not(:first-child) {
  margin-block-start: 1lh;
}

.c-table {
  border: 1px solid #DDD;
  table-layout: auto;
}
.c-table.m-w100 {
  width: 100%;
}
.c-table:not(:first-child) {
  margin-block-start: 1lh;
}
.c-table th,
.c-table td {
  padding-block: 1.2rem;
  padding-inline: 2rem;
  border: 1px solid #DDD;
}
.c-table th {
  font-weight: 400;
  background: #F0F7FF;
}

/* ---------------------------------------------------
  タブ
--------------------------------------------------- */
.c-tab:not(:first-child) {
  margin-block-start: 1lh;
}

.c-tab__nav {
  display: flex;
  flex-wrap: wrap;
  border-block-end: 2px solid #DDD;
}

.c-tab__nav-item {
  color: #999;
  font-weight: 500;
  text-align: center;
  background: transparent;
  margin-block-end: -2px;
  padding-block: 1rem;
  padding-inline: 2rem;
  border: none;
  border-block-end: 2px solid #DDD;
}
@media print, screen and (max-width: 1023px) {
  .c-tab__nav-item {
    width: auto;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-tab__nav-item {
    min-width: 16.8rem;
  }
}
.c-tab__nav-item[aria-selected=true] {
  color: #0044DD;
  border-block-end: 2px solid #0044DD;
}

.c-tab__panel {
  padding-block-start: 0.9lh;
}
.c-tab__panel[aria-hidden=true] {
  display: none;
}

/* ---------------------------------------------------
  アコーディオンリスト
--------------------------------------------------- */
.c-acc-list {
  background: #fff;
  border: 1px solid #DDD;
  border-radius: 1rem;
}
.c-acc-list:not(:first-child) {
  margin-block-start: 1lh;
}
@media print, screen and (max-width: 1023px) {
  .c-acc-list[aria-hidden=false] {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
}

@media print, screen and (max-width: 1023px) {
  .c-acc-list__drawer-btn-wrap {
    position: fixed;
    inset-block-start: var(--header-height);
    inset-inline-start: 0;
    display: block flex;
    width: 100%;
    height: 3rem;
    background: #fff;
    padding-inline: 1.5rem;
    border-block-start: 1px solid #DDD;
    border-block-end: 1px solid #DDD;
    z-index: 9888;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-acc-list__drawer-btn-wrap {
    display: none;
  }
}

.c-acc-list__drawer-btn {
  display: block flex;
  align-items: center;
  gap: 0.7rem;
  color: #0044DD;
  font-size: 1.2rem;
  line-height: 1.3333333333;
  background: transparent;
  padding: 0;
  margin-inline-start: auto;
  border: none;
}
.c-acc-list__drawer-btn[aria-expanded=true]::after {
  inset-block-start: 2px;
  rotate: 225deg;
}
.c-acc-list__drawer-btn::after {
  content: "";
  position: relative;
  inset-block-start: -2px;
  width: 0.5em;
  height: 0.5em;
  display: block flow;
  margin-inline-start: auto;
  border-block-end: 2px solid #0044DD;
  border-inline-end: 2px solid #0044DD;
  rotate: 45deg;
  transform-origin: center;
  transition: 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition-property: inset, rotate;
}

.c-acc-list__1st:first-child .c-acc-list__1st-btn-txt {
  border-radius: 1rem 1rem 0 0;
}
.c-acc-list__1st:first-child .c-acc-list__1st-btn-toggle {
  border-radius: 0 1rem 0 0;
}
.c-acc-list__1st:last-child:has(.c-acc-list__1st-btn-toggle[aria-expanded=false]) .c-acc-list__1st-btn-txt {
  border-radius: 0 0 1rem 1rem;
}
.c-acc-list__1st:last-child:not(:has(.c-acc-list__1st-btn-toggle)) .c-acc-list__1st-btn-txt {
  border-radius: 0 0 1rem 1rem;
}
.c-acc-list__1st:last-child .c-acc-list__1st-btn-toggle[aria-expanded=false] {
  border-radius: 0 0 1rem 0;
}
.c-acc-list__1st:not(:first-child) {
  border-block-start: 1px solid #AFC8FF;
}

.c-acc-list__1st-btn {
  position: relative;
  display: block flex;
  align-items: center;
  width: 100%;
  background: #F0F7FF;
}

.c-acc-list__1st-btn-txt {
  position: relative;
  display: block flow;
  color: #0044DD;
  font-weight: 700;
  text-align: left;
  z-index: 2;
}
@media print, screen and (max-width: 1023px) {
  .c-acc-list__1st-btn-txt {
    font-size: 1.6rem;
    line-height: 1.3125;
    padding-block: 1.5rem;
    padding-inline: 2rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-acc-list__1st-btn-txt {
    font-size: 1.8rem;
    line-height: 1.3333333333;
    padding-block: 1.6rem;
    padding-inline: 3rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .c-acc-list__1st-btn-txt:hover {
    color: #0044DD;
  }
  .c-acc-list__1st-btn-txt:hover::before {
    scale: 1 1;
    transform-origin: left center;
  }
}

.c-acc-list__1st-btn-toggle {
  position: absolute;
  inset-inline-end: 0;
  display: block flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100%;
  background: #F0F7FF;
  border: none;
  border-radius: 0;
  z-index: 1;
}
@media (hover: hover) and (pointer: fine) {
  .c-acc-list__1st-btn-toggle:hover {
    background: #D5E8FF;
  }
}
.c-acc-list__1st-btn-toggle::after {
  content: "";
  position: relative;
  inset-block-start: 2px;
  margin-inline-start: auto;
  translate: 0 -50%;
  width: 0.5em;
  height: 0.5em;
  display: block flow;
  border-block-end: 2px solid #0044DD;
  border-inline-end: 2px solid #0044DD;
  rotate: 45deg;
  transform-origin: center;
  transition: 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition-property: inset, rotate;
  z-index: 2;
}
@media print, screen and (max-width: 1023px) {
  .c-acc-list__1st-btn-toggle::after {
    margin-inline-end: 1.5rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-acc-list__1st-btn-toggle::after {
    margin-inline-end: 2.5rem;
  }
}
.c-acc-list__1st-btn-toggle[aria-expanded=true]::after {
  inset-block-start: 4px;
  rotate: 225deg;
}

.c-acc-list__1st-panel {
  display: block grid;
  transition: 0.4s ease grid-template-rows;
}
.c-acc-list__1st-panel[aria-hidden=false] {
  grid-template-rows: 1fr;
}

.c-acc-list__1st-panel-inr {
  overflow: hidden;
}

@media print, screen and (max-width: 1023px) {
  .c-acc-list__1st-panel-item {
    padding-block: 1rem;
    padding-inline: 2rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-acc-list__1st-panel-item {
    padding-block: 1.2rem;
    padding-inline: 3rem;
  }
}
.c-acc-list__1st-panel-item:first-child {
  border-block-start: 1px solid #AFC8FF;
}
.c-acc-list__1st-panel-item:not(:first-child) {
  border-block-start: 1px solid #F0F7FF;
}
.c-acc-list__1st-panel-item:not(:last-child) {
  border-block-end: 1px solid #F0F7FF;
}

/* ---------------------------------------------------
  チェックリスト
--------------------------------------------------- */
.c-check-list {
  display: block flex;
  flex-direction: column;
  gap: 1rem;
  background: #F0F7FF;
  border: 1px solid #DDD;
  border-radius: 1rem;
}
@media print, screen and (max-width: 1023px) {
  .c-check-list {
    padding-block: 2rem;
    padding-inline: 1.5rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-check-list {
    padding-block: 3rem;
    padding-inline: 4rem;
  }
}
.c-check-list:not(:first-child) {
  margin-block-start: 1lh;
}

.c-check-list__item-wrap {
  display: block flex;
  align-items: first baseline;
  gap: 0.625em;
}
.c-check-list__item-wrap input {
  scale: 1.25;
}

/* ---------------------------------------------------
  インフォメーション
--------------------------------------------------- */
.c-info {
  display: flex;
  align-items: first baseline;
  gap: 0.5em;
  color: #0044DD;
  background: #F0F7FF;
  border: 1px solid #DDD;
  border-radius: 1rem;
}
@media print, screen and (max-width: 1023px) {
  .c-info {
    font-size: 1.4rem;
    line-height: 1.7142857143;
    padding-block: 1.2rem;
    padding-inline: 1.5rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-info {
    font-size: 1.6rem;
    line-height: 2;
    padding-block: 2.4rem;
    padding-inline: 3rem;
  }
}
.c-info::before {
  content: "";
  position: relative;
  inset-block-start: 0.3rem;
  display: block flow;
  background: center/cover url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDk0YWRlIj48Y2lyY2xlIGN4PSIxMCIgY3k9IjEwIiByPSIxMCIgc3Ryb2tlPSJub25lIi8+PGNpcmNsZSBjeD0iMTAiIGN5PSIxMCIgcj0iOS41Ii8+PC9nPjxnIGZpbGw9IiMwOTRhZGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03MTggLTU4NykiPjxjaXJjbGUgY3g9IjEiIGN5PSIxIiByPSIxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3MjcgNTkyKSIvPjxyZWN0IHdpZHRoPSIyIiBoZWlnaHQ9IjgiIHJ4PSIxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3MjcgNTk1KSIvPjwvZz48L3N2Zz4=");
}
@media print, screen and (max-width: 1023px) {
  .c-info::before {
    width: 1.8rem;
    height: 1.8rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-info::before {
    width: 2rem;
    height: 2rem;
  }
}
@media print, screen and (max-width: 1023px) {
  .c-info span {
    width: calc(100% - 0.5em - 1.8rem);
  }
}
@media print, screen and (min-width: 1024px) {
  .c-info span {
    width: calc(100% - 0.5em - 2rem);
  }
}

/* ---------------------------------------------------
  画像拡大
--------------------------------------------------- */
.c-img-zoom {
  position: relative;
  background: transparent;
  padding: 0;
  border: none;
  border-radius: 0;
}
.c-img-zoom:not(:first-child) {
  margin-block-start: 1lh;
}
.c-img-zoom::before, .c-img-zoom::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
}
.c-img-zoom::before {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  opacity: 0;
  transition: 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) opacity;
  z-index: 1;
}
.c-img-zoom::after {
  width: 4rem;
  height: 4rem;
  background-color: #0044DD;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOS44OTMiIGhlaWdodD0iMTkuODk2Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTEuODEyIDcuNDZWOC43YS40NjguNDY4IDAgMCAxLS40NjYuNDY2SDkuMTd2Mi4xNzZhLjQ2OC40NjggMCAwIDEtLjQ2Ni40NjZINy40NmEuNDY4LjQ2OCAwIDAgMS0uNDY2LS40NjZWOS4xN0g0LjgxOGEuNDY4LjQ2OCAwIDAgMS0uNDY2LS40N1Y3LjQ2YS40NjguNDY4IDAgMCAxIC40NjYtLjQ2NmgyLjE3NlY0LjgxOGEuNDY4LjQ2OCAwIDAgMSAuNDY2LS40NjZIOC43YS40NjguNDY4IDAgMCAxIC40NjYuNDY2djIuMTc2aDIuMTc2YS40NjguNDY4IDAgMCAxIC40Ny40NjZabTcuODEgMTEuMDYyLTEuMSAxLjFhLjkyOS45MjkgMCAwIDEtMS4zMTcgMGwtMy44NzgtMy44NzRhLjkzMi45MzIgMCAwIDEtLjI3Mi0uNjYxdi0uNjMzYTguMDc4IDguMDc4IDAgMSAxIDEuNC0xLjRoLjYzM2EuOTMyLjkzMiAwIDAgMSAuNjYxLjI3MmwzLjg3MyAzLjg3NGEuOTQuOTQgMCAwIDEgMCAxLjMyMlptLTYuMjU2LTEwLjQ0YTUuMjg0IDUuMjg0IDAgMSAwLTUuMjg0IDUuMjg0IDUuMjggNS4yOCAwIDAgMCA1LjI4NC01LjI4NFoiLz48L3N2Zz4=");
  background-position: center;
  background-size: 2rem 2rem;
  background-repeat: no-repeat;
  z-index: 2;
}
@media (hover: hover) and (pointer: fine) {
  .c-img-zoom:hover::before {
    opacity: 1;
  }
}

.c-img-zoom__modal {
  display: grid;
  place-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition-property: opacity, visibility;
  z-index: 9999;
}
.c-img-zoom__modal.is-active {
  opacity: 1;
  visibility: visible;
}

.c-img-zoom__modal-inr {
  width: auto;
  height: auto;
  max-width: calc(100vw - 4rem);
  max-height: calc(100vh - 4rem);
  background: #fff;
  pointer-events: auto;
  overflow: hidden;
}
.c-img-zoom__modal-inr img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: calc(100vw - 4rem);
  max-height: calc(100vh - 4rem);
  -o-object-fit: cover;
  object-fit: cover;
}

.c-img-zoom__modal-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition-property: background-color, opacity, visibility, pointer-events;
  cursor: pointer;
  z-index: 9998;
}
.c-img-zoom__modal-bg.is-active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
@media (hover: hover) and (pointer: fine) {
  .c-img-zoom__modal-bg:hover {
    background-color: rgba(0, 0, 0, 0.9);
  }
}

/* ---------------------------------------------------
  レイアウト
--------------------------------------------------- */
@media print, screen and (max-width: 1023px) {
  .c-section:not(:first-child) {
    margin-block-start: 6rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-section:not(:first-child) {
    margin-block-start: 8rem;
  }
}
@media print, screen and (max-width: 1023px) {
  .c-section.m-small01:not(:first-child) {
    margin-block-start: 4.8rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-section.m-small01:not(:first-child) {
    margin-block-start: 6.4rem;
  }
}
@media print, screen and (max-width: 1023px) {
  .c-section.m-small02:not(:first-child) {
    margin-block-start: 3.6rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-section.m-small02:not(:first-child) {
    margin-block-start: 4.8rem;
  }
}

.c-cluster {
  display: block flex;
  flex-wrap: wrap;
}
@media print, screen and (max-width: 1023px) {
  .c-cluster.m-space01 {
    gap: 0.5rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-cluster.m-space01 {
    gap: 1rem;
  }
}
@media print, screen and (max-width: 1023px) {
  .c-cluster.m-space02 {
    gap: 1rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-cluster.m-space02 {
    gap: 2rem;
  }
}
@media print, screen and (max-width: 1023px) {
  .c-cluster.m-space03 {
    gap: 1.5rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-cluster.m-space03 {
    gap: 3rem;
  }
}
@media print, screen and (max-width: 1023px) {
  .c-cluster.m-space04 {
    gap: 2rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-cluster.m-space04 {
    gap: 4rem;
  }
}
@media print, screen and (max-width: 1023px) {
  .c-cluster.m-space05 {
    gap: 2.5rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-cluster.m-space05 {
    gap: 5rem;
  }
}
@media print, screen and (max-width: 1023px) {
  .c-cluster.m-space06 {
    gap: 3rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-cluster.m-space06 {
    gap: 6rem;
  }
}
.c-cluster.m-vertical {
  flex-direction: column;
}
.c-cluster.m-center {
  justify-content: center;
}
.c-cluster.m-right {
  justify-content: flex-end;
}
.c-cluster:not(:first-child) {
  margin-block-start: 1lh;
}

.c-grid {
  display: block grid;
}
.c-grid.m-cols01 {
  grid-template-columns: repeat(1, 1fr);
}
.c-grid.m-cols02 {
  grid-template-columns: repeat(2, 1fr);
}
.c-grid.m-cols03 {
  grid-template-columns: repeat(3, 1fr);
}
.c-grid.m-cols04 {
  grid-template-columns: repeat(4, 1fr);
}
.c-grid.m-cols05 {
  grid-template-columns: repeat(5, 1fr);
}
.c-grid.m-cols06 {
  grid-template-columns: repeat(6, 1fr);
}
@media print, screen and (max-width: 1023px) {
  .c-grid.m-tb-cols01 {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media print, screen and (max-width: 1023px) {
  .c-grid.m-tb-cols02 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media print, screen and (max-width: 1023px) {
  .c-grid.m-tb-cols03 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media print, screen and (max-width: 1023px) {
  .c-grid.m-tb-cols04 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media print, screen and (max-width: 1023px) {
  .c-grid.m-tb-cols05 {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media print, screen and (max-width: 1023px) {
  .c-grid.m-tb-cols06 {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media print, screen and (max-width: 567px) {
  .c-grid.m-sp-cols01 {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media print, screen and (max-width: 567px) {
  .c-grid.m-sp-cols02 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media print, screen and (max-width: 567px) {
  .c-grid.m-sp-cols03 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media print, screen and (max-width: 567px) {
  .c-grid.m-sp-cols04 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media print, screen and (max-width: 567px) {
  .c-grid.m-sp-cols05 {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media print, screen and (max-width: 567px) {
  .c-grid.m-sp-cols06 {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media print, screen and (max-width: 1023px) {
  .c-grid.m-space01 {
    gap: 0.5rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-grid.m-space01 {
    gap: 1rem;
  }
}
@media print, screen and (max-width: 1023px) {
  .c-grid.m-space02 {
    gap: 1rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-grid.m-space02 {
    gap: 2rem;
  }
}
@media print, screen and (max-width: 1023px) {
  .c-grid.m-space03 {
    gap: 1.5rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-grid.m-space03 {
    gap: 3rem;
  }
}
@media print, screen and (max-width: 1023px) {
  .c-grid.m-space04 {
    gap: 2rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-grid.m-space04 {
    gap: 4rem;
  }
}
@media print, screen and (max-width: 1023px) {
  .c-grid.m-space05 {
    gap: 2.5rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-grid.m-space05 {
    gap: 5rem;
  }
}
@media print, screen and (max-width: 1023px) {
  .c-grid.m-space06 {
    gap: 3rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-grid.m-space06 {
    gap: 6rem;
  }
}
.c-grid:not(:first-child) {
  margin-block-start: 1lh;
}

/* ---------------------------------------------------
  フォーム
--------------------------------------------------- */
.c-input[type=text],
.c-input[type=email],
.c-input[type=time],
.c-input[type=date],
.c-input[type=datetime-local],
.c-input[type=week],
.c-input[type=month],
.c-input[type=number],
.c-input[type=password],
.c-input[type=search],
.c-input[type=tel],
.c-input[type=url],
.c-textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  background: #f2f2f2;
  border: 1px solid #ddd;
}
@media print, screen and (max-width: 1023px) {
  .c-input[type=text],
  .c-input[type=email],
  .c-input[type=time],
  .c-input[type=date],
  .c-input[type=datetime-local],
  .c-input[type=week],
  .c-input[type=month],
  .c-input[type=number],
  .c-input[type=password],
  .c-input[type=search],
  .c-input[type=tel],
  .c-input[type=url],
  .c-textarea {
    padding: 0.75rem 1rem;
    border-radius: 2px;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-input[type=text],
  .c-input[type=email],
  .c-input[type=time],
  .c-input[type=date],
  .c-input[type=datetime-local],
  .c-input[type=week],
  .c-input[type=month],
  .c-input[type=number],
  .c-input[type=password],
  .c-input[type=search],
  .c-input[type=tel],
  .c-input[type=url],
  .c-textarea {
    padding: 1rem 1.2rem;
    border-radius: 3px;
  }
}
.c-input[type=text]::-ms-expand,
.c-input[type=email]::-ms-expand,
.c-input[type=time]::-ms-expand,
.c-input[type=date]::-ms-expand,
.c-input[type=datetime-local]::-ms-expand,
.c-input[type=week]::-ms-expand,
.c-input[type=month]::-ms-expand,
.c-input[type=number]::-ms-expand,
.c-input[type=password]::-ms-expand,
.c-input[type=search]::-ms-expand,
.c-input[type=tel]::-ms-expand,
.c-input[type=url]::-ms-expand,
.c-textarea::-ms-expand {
  display: none;
}
.c-input[type=text]:-webkit-autofill, .c-input[type=email]:-webkit-autofill, .c-input[type=time]:-webkit-autofill, .c-input[type=date]:-webkit-autofill, .c-input[type=datetime-local]:-webkit-autofill, .c-input[type=week]:-webkit-autofill, .c-input[type=month]:-webkit-autofill, .c-input[type=number]:-webkit-autofill, .c-input[type=password]:-webkit-autofill, .c-input[type=search]:-webkit-autofill, .c-input[type=tel]:-webkit-autofill, .c-input[type=url]:-webkit-autofill, .c-textarea:-webkit-autofill {
  box-shadow: 0 0 0 10000px #dfecff inset;
}
.c-input[type=text]:-webkit-autofill, .c-input[type=text]:focus:-webkit-autofill, .c-input[type=text]:focus-visible, .c-input[type=text]:autofill,
.c-input[type=email]:-webkit-autofill,
.c-input[type=email]:focus:-webkit-autofill,
.c-input[type=email]:focus-visible,
.c-input[type=email]:autofill,
.c-input[type=time]:-webkit-autofill,
.c-input[type=time]:focus:-webkit-autofill,
.c-input[type=time]:focus-visible,
.c-input[type=time]:autofill,
.c-input[type=date]:-webkit-autofill,
.c-input[type=date]:focus:-webkit-autofill,
.c-input[type=date]:focus-visible,
.c-input[type=date]:autofill,
.c-input[type=datetime-local]:-webkit-autofill,
.c-input[type=datetime-local]:focus:-webkit-autofill,
.c-input[type=datetime-local]:focus-visible,
.c-input[type=datetime-local]:autofill,
.c-input[type=week]:-webkit-autofill,
.c-input[type=week]:focus:-webkit-autofill,
.c-input[type=week]:focus-visible,
.c-input[type=week]:autofill,
.c-input[type=month]:-webkit-autofill,
.c-input[type=month]:focus:-webkit-autofill,
.c-input[type=month]:focus-visible,
.c-input[type=month]:autofill,
.c-input[type=number]:-webkit-autofill,
.c-input[type=number]:focus:-webkit-autofill,
.c-input[type=number]:focus-visible,
.c-input[type=number]:autofill,
.c-input[type=password]:-webkit-autofill,
.c-input[type=password]:focus:-webkit-autofill,
.c-input[type=password]:focus-visible,
.c-input[type=password]:autofill,
.c-input[type=search]:-webkit-autofill,
.c-input[type=search]:focus:-webkit-autofill,
.c-input[type=search]:focus-visible,
.c-input[type=search]:autofill,
.c-input[type=tel]:-webkit-autofill,
.c-input[type=tel]:focus:-webkit-autofill,
.c-input[type=tel]:focus-visible,
.c-input[type=tel]:autofill,
.c-input[type=url]:-webkit-autofill,
.c-input[type=url]:focus:-webkit-autofill,
.c-input[type=url]:focus-visible,
.c-input[type=url]:autofill,
.c-textarea:-webkit-autofill,
.c-textarea:focus:-webkit-autofill,
.c-textarea:focus-visible,
.c-textarea:autofill {
  box-shadow: 0 0 0 10000px #dfecff inset;
}
.c-input[type=text]:disabled,
.c-input[type=email]:disabled,
.c-input[type=time]:disabled,
.c-input[type=date]:disabled,
.c-input[type=datetime-local]:disabled,
.c-input[type=week]:disabled,
.c-input[type=month]:disabled,
.c-input[type=number]:disabled,
.c-input[type=password]:disabled,
.c-input[type=search]:disabled,
.c-input[type=tel]:disabled,
.c-input[type=url]:disabled,
.c-textarea:disabled {
  opacity: 0.5;
}
@media print, screen and (max-width: 1023px) {
  .c-input[type=text].m-half,
  .c-input[type=email].m-half,
  .c-input[type=time].m-half,
  .c-input[type=date].m-half,
  .c-input[type=datetime-local].m-half,
  .c-input[type=week].m-half,
  .c-input[type=month].m-half,
  .c-input[type=number].m-half,
  .c-input[type=password].m-half,
  .c-input[type=search].m-half,
  .c-input[type=tel].m-half,
  .c-input[type=url].m-half,
  .c-textarea.m-half {
    width: 100%;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-input[type=text].m-half,
  .c-input[type=email].m-half,
  .c-input[type=time].m-half,
  .c-input[type=date].m-half,
  .c-input[type=datetime-local].m-half,
  .c-input[type=week].m-half,
  .c-input[type=month].m-half,
  .c-input[type=number].m-half,
  .c-input[type=password].m-half,
  .c-input[type=search].m-half,
  .c-input[type=tel].m-half,
  .c-input[type=url].m-half,
  .c-textarea.m-half {
    width: calc((100% - 2.5rem) / 2);
  }
}
.c-input[type=text].m-birth,
.c-input[type=email].m-birth,
.c-input[type=time].m-birth,
.c-input[type=date].m-birth,
.c-input[type=datetime-local].m-birth,
.c-input[type=week].m-birth,
.c-input[type=month].m-birth,
.c-input[type=number].m-birth,
.c-input[type=password].m-birth,
.c-input[type=search].m-birth,
.c-input[type=tel].m-birth,
.c-input[type=url].m-birth,
.c-textarea.m-birth {
  background-position: top 50% right 1rem;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDIyIDI0LjkiPgogIDxyZWN0IGZpbGw9IiNiZmJmYmYiIHg9IjMuNSIgd2lkdGg9IjIuMyIgaGVpZ2h0PSI0LjMiIHJ4PSIxLjEiIHJ5PSIxLjEiLz4KICA8cGF0aCBmaWxsPSIjYmZiZmJmIiBkPSJNMjAuMywyLjJoLTEuMXYxLjFjMCwxLS44LDEuNy0xLjcsMS43aC0uMmMtMSwwLTEuNy0uOC0xLjctMS43di0xLjFINi41djEuMWMwLDEtLjgsMS43LTEuNywxLjdoLS4yYy0xLDAtMS43LS44LTEuNy0xLjd2LTEuMWgtMS4xYy0xLDAtMS43LjgtMS43LDEuN3YxOS4yYzAsMSwuOCwxLjcsMS43LDEuN2gxOC42YzEsMCwxLjctLjgsMS43LTEuN1YzLjljMC0xLS44LTEuNy0xLjctMS43Wk0xOS43LDIyYzAsLjItLjIuNC0uNC40SDIuN2MtLjIsMC0uNC0uMi0uNC0uNFY4YzAtLjIuMi0uNC40LS40aDE2LjVjLjIsMCwuNC4yLjQuNHYxNC4xWiIvPgogIDxyZWN0IGZpbGw9IiNiZmJmYmYiIHg9IjE2LjIiIHdpZHRoPSIyLjMiIGhlaWdodD0iNC4zIiByeD0iMS4xIiByeT0iMS4xIi8+Cjwvc3ZnPg==");
  background-repeat: no-repeat;
}
@media print, screen and (max-width: 1023px) {
  .c-input[type=text].m-birth,
  .c-input[type=email].m-birth,
  .c-input[type=time].m-birth,
  .c-input[type=date].m-birth,
  .c-input[type=datetime-local].m-birth,
  .c-input[type=week].m-birth,
  .c-input[type=month].m-birth,
  .c-input[type=number].m-birth,
  .c-input[type=password].m-birth,
  .c-input[type=search].m-birth,
  .c-input[type=tel].m-birth,
  .c-input[type=url].m-birth,
  .c-textarea.m-birth {
    width: 12.4rem;
    background-size: 1.65rem 1.8675rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-input[type=text].m-birth,
  .c-input[type=email].m-birth,
  .c-input[type=time].m-birth,
  .c-input[type=date].m-birth,
  .c-input[type=datetime-local].m-birth,
  .c-input[type=week].m-birth,
  .c-input[type=month].m-birth,
  .c-input[type=number].m-birth,
  .c-input[type=password].m-birth,
  .c-input[type=search].m-birth,
  .c-input[type=tel].m-birth,
  .c-input[type=url].m-birth,
  .c-textarea.m-birth {
    width: 18.8rem;
    background-size: 2.2rem 2.49rem;
  }
}
@media print, screen and (max-width: 1023px) {
  .c-input[type=text].m-zip,
  .c-input[type=email].m-zip,
  .c-input[type=time].m-zip,
  .c-input[type=date].m-zip,
  .c-input[type=datetime-local].m-zip,
  .c-input[type=week].m-zip,
  .c-input[type=month].m-zip,
  .c-input[type=number].m-zip,
  .c-input[type=password].m-zip,
  .c-input[type=search].m-zip,
  .c-input[type=tel].m-zip,
  .c-input[type=url].m-zip,
  .c-textarea.m-zip {
    width: 100%;
  }
}
@media print, screen and (min-width: 568px) {
  .c-input[type=text].m-zip,
  .c-input[type=email].m-zip,
  .c-input[type=time].m-zip,
  .c-input[type=date].m-zip,
  .c-input[type=datetime-local].m-zip,
  .c-input[type=week].m-zip,
  .c-input[type=month].m-zip,
  .c-input[type=number].m-zip,
  .c-input[type=password].m-zip,
  .c-input[type=search].m-zip,
  .c-input[type=tel].m-zip,
  .c-input[type=url].m-zip,
  .c-textarea.m-zip {
    width: 10rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-input[type=text].m-zip,
  .c-input[type=email].m-zip,
  .c-input[type=time].m-zip,
  .c-input[type=date].m-zip,
  .c-input[type=datetime-local].m-zip,
  .c-input[type=week].m-zip,
  .c-input[type=month].m-zip,
  .c-input[type=number].m-zip,
  .c-input[type=password].m-zip,
  .c-input[type=search].m-zip,
  .c-input[type=tel].m-zip,
  .c-input[type=url].m-zip,
  .c-textarea.m-zip {
    width: 17.2rem;
  }
}
.c-input[type=text].m-no-spin[type=number]::-webkit-outer-spin-button, .c-input[type=text].m-no-spin[type=number]::-webkit-inner-spin-button,
.c-input[type=email].m-no-spin[type=number]::-webkit-outer-spin-button,
.c-input[type=email].m-no-spin[type=number]::-webkit-inner-spin-button,
.c-input[type=time].m-no-spin[type=number]::-webkit-outer-spin-button,
.c-input[type=time].m-no-spin[type=number]::-webkit-inner-spin-button,
.c-input[type=date].m-no-spin[type=number]::-webkit-outer-spin-button,
.c-input[type=date].m-no-spin[type=number]::-webkit-inner-spin-button,
.c-input[type=datetime-local].m-no-spin[type=number]::-webkit-outer-spin-button,
.c-input[type=datetime-local].m-no-spin[type=number]::-webkit-inner-spin-button,
.c-input[type=week].m-no-spin[type=number]::-webkit-outer-spin-button,
.c-input[type=week].m-no-spin[type=number]::-webkit-inner-spin-button,
.c-input[type=month].m-no-spin[type=number]::-webkit-outer-spin-button,
.c-input[type=month].m-no-spin[type=number]::-webkit-inner-spin-button,
.c-input[type=number].m-no-spin[type=number]::-webkit-outer-spin-button,
.c-input[type=number].m-no-spin[type=number]::-webkit-inner-spin-button,
.c-input[type=password].m-no-spin[type=number]::-webkit-outer-spin-button,
.c-input[type=password].m-no-spin[type=number]::-webkit-inner-spin-button,
.c-input[type=search].m-no-spin[type=number]::-webkit-outer-spin-button,
.c-input[type=search].m-no-spin[type=number]::-webkit-inner-spin-button,
.c-input[type=tel].m-no-spin[type=number]::-webkit-outer-spin-button,
.c-input[type=tel].m-no-spin[type=number]::-webkit-inner-spin-button,
.c-input[type=url].m-no-spin[type=number]::-webkit-outer-spin-button,
.c-input[type=url].m-no-spin[type=number]::-webkit-inner-spin-button,
.c-textarea.m-no-spin[type=number]::-webkit-outer-spin-button,
.c-textarea.m-no-spin[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: textfield;
}

.c-textarea {
  display: block;
  resize: vertical;
}
@media print, screen and (max-width: 1023px) {
  .c-textarea {
    height: 20rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-textarea {
    height: 28rem;
  }
}

.c-select {
  display: inline-block;
  position: relative;
  z-index: 1;
}
.c-select:before {
  content: "▼";
  display: block;
  position: absolute;
  inset-block-start: 1.2rem;
  font-size: 0.75em;
  pointer-events: none;
  z-index: 2;
}
@media print, screen and (max-width: 1023px) {
  .c-select:before {
    inset-block-start: 1rem;
    inset-inline-end: 1rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-select:before {
    inset-block-start: 1.2rem;
    inset-inline-end: 1.2rem;
  }
}
.c-select select {
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #f2f2f2;
  border: 1px solid #ddd;
  width: 100%;
  cursor: pointer;
  z-index: 1;
}
@media print, screen and (max-width: 1023px) {
  .c-select select {
    padding: 0.6rem 2.5rem 0.6rem 0.75rem;
    border-radius: 2px;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-select select {
    padding: 0.8rem 3.5rem 0.8rem 1rem;
    border-radius: 3px;
  }
}
.c-select select::-ms-expand {
  display: none;
}
.c-select select:-webkit-autofill {
  box-shadow: 0 0 0 10000px #dfecff inset;
}
.c-select select:-webkit-autofill, .c-select select:focus:-webkit-autofill, .c-select select:focus-visible, .c-select select:autofill {
  box-shadow: 0 0 0 10000px #dfecff inset;
}
.c-select select:disabled {
  opacity: 0.5;
}
.c-select select:invalid {
  color: #AEAEAE;
  font-weight: normal;
}
.c-select select option:empty {
  color: #AEAEAE;
}

.c-select__wrap {
  display: block flex;
  align-items: center;
  gap: 0.5em;
}
.c-select__wrap.m-year::after {
  content: "年";
}
.c-select__wrap.m-month::after {
  content: "月";
}
.c-select__wrap.m-day::after {
  content: "日";
}

.c-checkbox {
  display: block flex;
  flex-wrap: wrap;
  gap: 1.2rem 2rem;
  font-weight: 500;
}

.c-checkbox__item {
  position: relative;
  display: block flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.5rem 1rem;
}
.c-checkbox__item:has(input[type=checkbox]:focus-visible) {
  outline: #f17916 2px solid;
  outline-offset: -2px;
}
.c-checkbox__item input[type=checkbox] {
  position: absolute;
  z-index: -1;
}
.c-checkbox__item input[type=checkbox]:checked + .c-checkbox__item-name::after {
  opacity: 1;
}

.c-checkbox__item-name {
  position: relative;
  display: block flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0 0.5em;
}
.c-checkbox__item-name::before, .c-checkbox__item-name::after {
  content: "";
  display: block;
}
.c-checkbox__item-name::before {
  position: relative;
  background: #fff;
  border: 1px solid #ddd;
  z-index: 1;
}
@media print, screen and (max-width: 1023px) {
  .c-checkbox__item-name::before {
    border-radius: 3px;
    min-width: 2rem;
    height: 2rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-checkbox__item-name::before {
    border-radius: 4px;
    min-width: 2.4rem;
    height: 2.4rem;
  }
}
.c-checkbox__item-name::after {
  position: absolute;
  inset-inline-start: 0.4rem;
  border: solid #0044DD;
  border-block-start: none;
  border-inline-end: none;
  transform: rotate(-45deg);
  opacity: 0;
  border-width: 3px;
  transition: 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) opacity;
  z-index: 2;
}
@media print, screen and (max-width: 1023px) {
  .c-checkbox__item-name::after {
    inset-block-start: calc(50% - 0.5rem);
    min-width: 1.4rem;
    height: 0.7rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-checkbox__item-name::after {
    inset-block-start: calc(50% - 0.6rem);
    min-width: 1.7rem;
    height: 0.8rem;
  }
}
.c-checkbox__item-name a {
  color: #0044DD;
  -webkit-text-decoration: underline currentColor;
  text-decoration: underline currentColor;
}
@media (hover: hover) and (pointer: fine) {
  .c-checkbox__item-name a:hover {
    -webkit-text-decoration: underline transparent;
    text-decoration: underline transparent;
  }
}

.c-checkbox-other {
  display: block flex;
  flex-wrap: wrap;
  gap: 1rem 2rem;
  width: 100%;
}
@media print, screen and (max-width: 1023px) {
  .c-checkbox-other .c-input {
    width: 100%;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-checkbox-other .c-input {
    width: calc(100% - 9rem);
  }
}

.c-radiobox {
  display: block flex;
  flex-wrap: wrap;
  gap: 1rem 2rem;
  font-weight: 500;
}

.c-radiobox__item {
  display: block flex;
  align-items: center;
  gap: 1.2rem 1rem;
}
.c-radiobox__item:has(input[type=radio]:focus-visible) {
  outline: #f17916 2px solid;
  outline-offset: -2px;
}
.c-radiobox__item input[type=radio] {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.c-radiobox__item input[type=radio]:checked + .c-radiobox__item-name::before {
  border-color: #0044DD;
}
.c-radiobox__item input[type=radio]:checked + .c-radiobox__item-name::after {
  opacity: 1;
}

.c-radiobox__item-name {
  position: relative;
  display: block flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0 0.5em;
}
.c-radiobox__item-name::before, .c-radiobox__item-name::after {
  content: "";
  display: block;
  border-radius: 50%;
}
.c-radiobox__item-name::before {
  position: relative;
  min-width: 1.333em;
  height: 1.333em;
  background: #fff;
  border: 1px solid #ddd;
  transition: 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) border;
}
.c-radiobox__item-name::after {
  position: absolute;
  inset-block-start: calc(0.3335em + 1px);
  inset-inline-start: 0.3335em;
  width: 0.667em;
  height: 0.667em;
  background: #0044DD;
  opacity: 0;
  transition: 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) opacity;
}
.c-radiobox__item-name a {
  color: #0044DD;
  -webkit-text-decoration: underline currentColor;
  text-decoration: underline currentColor;
}
@media (hover: hover) and (pointer: fine) {
  .c-radiobox__item-name a:hover {
    -webkit-text-decoration: underline transparent;
    text-decoration: underline transparent;
  }
}

.c-form-input__item {
  display: block flex;
}
@media print, screen and (max-width: 1023px) {
  .c-form-input__item {
    flex-direction: column;
    gap: 0.75em;
    padding: 1.5rem 0;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-form-input__item {
    padding: 3rem 0;
  }
}
.c-form-input__item:not(:last-child) {
  border-bottom: 1px #d0d0d0 solid;
}
.c-form-input__item:has(.c-form-input__sub-item) {
  flex-direction: column;
}
@media print, screen and (max-width: 1023px) {
  .c-form-input__item:has(.c-form-input__sub-item) {
    gap: 1rem 0;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-form-input__item:has(.c-form-input__sub-item) {
    gap: 1.5rem 0;
  }
}
.c-form-input__item dt {
  display: block flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0.25em 0.5em;
  font-weight: 700;
}
@media print, screen and (max-width: 1023px) {
  .c-form-input__item dt {
    font-size: 1.4rem;
    line-height: 1.8571428571;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-form-input__item dt {
    width: 35rem;
    font-size: 1.8rem;
    line-height: 1.7777777778;
    padding-block-start: 0.35em;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-form-input__item dt.m-not-pbs {
    padding-block-start: 0;
  }
}
.c-form-input__item dt small {
  width: 100%;
  height: 100%;
}
.c-form-input__item dd {
  display: block flex;
  flex-direction: column;
  gap: 0.75em;
}
@media print, screen and (max-width: 1023px) {
  .c-form-input__item dd {
    font-size: 1.3rem;
    line-height: 1.4615384615;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-form-input__item dd {
    width: calc(100% - 35rem);
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.c-form-input__item dd.m-row {
  flex-direction: row;
  flex-wrap: wrap;
}
@media print, screen and (max-width: 1023px) {
  .c-form-input__item dd.m-row {
    gap: 0.5rem 1.5rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-form-input__item dd.m-row {
    gap: 1rem 2.5rem;
  }
}
@media print, screen and (min-width: 768px) {
  .c-form-input__item dd.m-row .c-form-input__wrap {
    width: calc((100% - 1.5rem) / 2);
  }
}
@media print, screen and (min-width: 1024px) {
  .c-form-input__item dd.m-row .c-form-input__wrap {
    width: calc((100% - 2.5rem) / 2);
  }
}
.c-form-input__item dd.m-row .c-form-input__wrap.m-width-auto {
  width: auto;
}
.c-form-input__item dd.m-3row {
  flex-direction: row;
  flex-wrap: wrap;
}
@media print, screen and (max-width: 1023px) {
  .c-form-input__item dd.m-3row {
    gap: 0.5rem 1.5rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-form-input__item dd.m-3row {
    gap: 1rem 2.5rem;
  }
}
@media print, screen and (min-width: 768px) {
  .c-form-input__item dd.m-3row .c-form-input__wrap {
    width: calc((100% - 3rem) / 3);
  }
}
@media print, screen and (min-width: 1024px) {
  .c-form-input__item dd.m-3row .c-form-input__wrap {
    width: calc((100% - 5rem) / 3);
  }
}
.c-form-input__item dd.m-3row .c-form-input__wrap.m-width-auto {
  width: auto;
}

.c-form-input__required {
  color: #fff;
  font-size: 0.8em;
  background: #0044DD;
  padding: 0.25em 0.75em;
}

.c-form-input__sub-item {
  display: block flex;
}
@media print, screen and (max-width: 1023px) {
  .c-form-input__sub-item {
    gap: 0.5em;
    flex-direction: column;
  }
}

.c-form-input__notice {
  font-size: 0.9em;
}

.c-form-input__wrap {
  display: block flex;
  flex-direction: column;
  gap: 0.5em;
  width: 100%;
}

.c-form-input__address-link {
  vertical-align: baseline;
}
.c-form-input__address-link svg {
  display: inline-block;
  width: 1em;
}

.c-form-input__zip {
  display: block flex;
  flex-wrap: wrap;
}
@media print, screen and (max-width: 1023px) {
  .c-form-input__zip {
    gap: 0.5rem 1.5rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-form-input__zip {
    gap: 1.5rem 2.5rem;
  }
}

.c-form-input__zip-btn {
  color: #fff;
  background: #0044DD;
  border: 1px solid color-mix(in srgb, #0044DD, #000 25%);
}
@media print, screen and (max-width: 1023px) {
  .c-form-input__zip-btn {
    width: 100%;
    padding: 0.6rem 1rem;
    border-radius: 2px;
  }
}
@media print, screen and (min-width: 568px) {
  .c-form-input__zip-btn {
    width: auto;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-form-input__zip-btn {
    padding: 0.8rem 2.5rem;
    border-radius: 3px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .c-form-input__zip-btn:hover {
    background: color-mix(in srgb, #0044DD, #fff 25%);
  }
}

.c-form-input__file {
  display: block flex;
  flex-direction: column;
  gap: 0.5em;
}

.c-form-input__file-btn {
  display: block flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  color: #fff;
  background: #0044DD;
  border: 1px solid color-mix(in srgb, #0044DD, #000 25%);
  transition: 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) background;
}
@media print, screen and (max-width: 1023px) {
  .c-form-input__file-btn {
    gap: 0.25em;
    padding: 0.6rem 1rem;
    border-radius: 2px;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-form-input__file-btn {
    gap: 0.5em;
    padding: 0.8rem 2.5rem;
    border-radius: 3px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .c-form-input__file-btn:hover {
    background: color-mix(in srgb, #0044DD, #fff 25%);
  }
}

.c-form-input__file-btn-plus {
  position: relative;
  width: 1.3em;
  height: 1.3em;
  border: 1px solid #fff;
  border-radius: 50%;
}
.c-form-input__file-btn-plus::before, .c-form-input__file-btn-plus::after {
  content: "";
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  translate: -50% -50%;
  width: 0.6em;
  height: 1px;
  background: #fff;
}
.c-form-input__file-btn-plus::after {
  rotate: 90deg;
}

.c-form-input__policy {
  display: block flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5em;
}
@media print, screen and (max-width: 1023px) {
  .c-form-input__policy {
    margin-block-start: 3rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-form-input__policy {
    margin-block-start: 6rem;
  }
}

.c-form-input__policy-txt {
  font-weight: 500;
  text-align: center;
}
@media print, screen and (max-width: 1023px) {
  .c-form-input__policy-txt {
    font-size: 1.4rem;
    line-height: 1.8571428571;
    margin-block-start: 1.4rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-form-input__policy-txt {
    font-size: 1.8rem;
    line-height: 1.7777777778;
    margin-block-start: 2.8rem;
  }
}

.c-form-input__policy-check {
  font-weight: 500;
  margin: 0 auto;
}
@media print, screen and (max-width: 1023px) {
  .c-form-input__policy-check {
    font-size: 1.4rem;
    line-height: 1.8571428571;
    margin-block-start: 0.4rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-form-input__policy-check {
    font-size: 1.8rem;
    line-height: 1.7777777778;
    margin-block-start: 0.6rem;
  }
}

.c-form-confirm__item {
  display: block flex;
}
@media print, screen and (max-width: 1023px) {
  .c-form-confirm__item {
    flex-direction: column;
    gap: 0.75em;
    padding: 1.5rem 0;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-form-confirm__item {
    padding: 3rem 0;
  }
}
.c-form-confirm__item:not(:last-child) {
  border-bottom: 1px #cdcdcd solid;
}
.c-form-confirm__item:has(.c-form-confirm__sub-item) {
  flex-direction: column;
}
@media print, screen and (max-width: 1023px) {
  .c-form-confirm__item:has(.c-form-confirm__sub-item) {
    gap: 1rem 0;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-form-confirm__item:has(.c-form-confirm__sub-item) {
    gap: 1.5rem 0;
  }
}
.c-form-confirm__item dt {
  display: block flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0.25em 0.5em;
  font-weight: 700;
}
@media print, screen and (max-width: 1023px) {
  .c-form-confirm__item dt {
    font-size: 1.4rem;
    line-height: 1.8571428571;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-form-confirm__item dt {
    width: 35rem;
    font-size: 1.8rem;
    line-height: 1.7777777778;
  }
}
.c-form-confirm__item dt small {
  width: 100%;
  height: 100%;
}
.c-form-confirm__item dd {
  display: block flex;
  flex-direction: column;
  gap: 0.75em;
}
@media print, screen and (max-width: 1023px) {
  .c-form-confirm__item dd {
    font-size: 1.3rem;
    line-height: 1.4615384615;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-form-confirm__item dd {
    width: calc(100% - 35rem);
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.c-form-confirm__item dd.m-row {
  flex-direction: row;
  flex-wrap: wrap;
}
@media print, screen and (max-width: 1023px) {
  .c-form-confirm__item dd.m-row {
    gap: 0.5rem 0.75rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-form-confirm__item dd.m-row {
    gap: 1rem 1.25rem;
  }
}

.c-form-confirm__sub-item {
  display: block flex;
}
@media print, screen and (max-width: 1023px) {
  .c-form-confirm__sub-item {
    gap: 0.5em;
    flex-direction: column;
  }
}

@media print, screen and (max-width: 1023px) {
  .c-form-confirm__wrap {
    width: 100%;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-form-confirm__wrap {
    width: calc((100% - 2.5rem) / 2);
  }
}

.c-form-submit {
  display: block flex;
  justify-content: center;
  align-items: center;
}
@media print, screen and (max-width: 1023px) {
  .c-form-submit {
    flex-direction: column;
    gap: 2rem;
    margin-block-start: 3rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-form-submit {
    gap: 8rem;
    margin-block-start: 6rem;
  }
}

.c-form-submit__btn {
  margin: 0 !important;
}

.c-form-submit__failed-msg {
  color: #e41c1c;
  font-weight: 700;
  text-align: center;
}
@media print, screen and (max-width: 1023px) {
  .c-form-submit__failed-msg {
    margin-block-start: 1.2rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-form-submit__failed-msg {
    margin-block-start: 2.8rem;
  }
}

/* ---------------------------------------------------
  フローアニメ
--------------------------------------------------- */
.c-txt-spring {
  display: block flex;
  flex-wrap: wrap;
}
.c-txt-spring > span {
  display: block flex;
  overflow: hidden;
  height: 1lh;
}
.c-txt-spring > span span {
  width: -moz-fit-content;
  width: fit-content;
  min-width: 0.25em;
  translate: 0 100%;
}
.c-txt-spring > span span:empty {
  min-width: 0.25em;
}

.is-active .c-txt-spring > span span {
  translate: 0 0;
  transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) translate;
}
@media print, screen and (max-width: 1023px) {
  .is-active .c-txt-spring > span span {
    transition-delay: calc(0.05s * var(--char-index-sp));
  }
}
@media print, screen and (min-width: 1024px) {
  .is-active .c-txt-spring > span span {
    transition-delay: calc(0.05s * var(--char-index-pc));
  }
}
@media print, screen and (max-width: 1023px) {
  .is-active .c-txt-spring.m-hs > span span {
    transition-delay: calc(0.03s * var(--char-index-sp));
  }
}
@media print, screen and (min-width: 1024px) {
  .is-active .c-txt-spring.m-hs > span span {
    transition-delay: calc(0.03s * var(--char-index-pc));
  }
}

.c-txt-fade {
  display: block flex;
  flex-wrap: wrap;
}
.c-txt-fade > span {
  display: block flex;
}
.c-txt-fade > span span {
  min-width: 0.25em;
  opacity: 0;
}
.c-txt-fade > span span:empty {
  min-width: 0.25em;
}

.is-active .c-txt-fade > span span {
  opacity: 1;
  transition: 1s cubic-bezier(0.77, 0, 0.275, 1) opacity;
}
@media print, screen and (max-width: 1023px) {
  .is-active .c-txt-fade > span span {
    transition-delay: calc(0.05s * var(--char-index-sp));
  }
}
@media print, screen and (min-width: 1024px) {
  .is-active .c-txt-fade > span span {
    transition-delay: calc(0.05s * var(--char-index-pc));
  }
}
@media print, screen and (max-width: 1023px) {
  .is-active .c-txt-fade.m-hs > span span {
    transition-delay: calc(0.03s * var(--char-index-sp));
  }
}
@media print, screen and (min-width: 1024px) {
  .is-active .c-txt-fade.m-hs > span span {
    transition-delay: calc(0.03s * var(--char-index-pc));
  }
}

/* ---------------------------------------------------
  パンくず
--------------------------------------------------- */
.c-breadcrumbs {
  width: 100%;
  overflow-x: auto;
}

.c-breadcrumbs__list {
  display: block flex;
  align-items: center;
  gap: 1em;
  font-size: 1.3rem;
  line-height: 1.2307692308;
  font-weight: 500;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
}

.c-breadcrumbs__item {
  display: block flex;
  align-items: center;
  gap: 1em;
}
.c-breadcrumbs__item:not(:first-child)::before {
  content: "";
  position: relative;
  inset-block-start: 1px;
  width: 0.5em;
  height: 0.5em;
  display: block;
  border-block-end: 2px solid currentColor;
  border-inline-end: 2px solid currentColor;
  rotate: -45deg;
  transform-origin: center;
}
.c-breadcrumbs__item span {
  display: block flow;
}
.c-breadcrumbs__item a {
  color: currentColor;
}

/* ---------------------------------------------------
  CTAボタン
--------------------------------------------------- */
.c-cta-btn {
  position: relative;
  display: block flex;
  justify-content: center;
  align-items: center;
  background: #FF7F00;
  border: solid #fff;
  margin-inline: auto;
  transition: 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) border-color;
  overflow: hidden;
}
@media print, screen and (max-width: 1023px) {
  .c-cta-btn {
    width: 100%;
    max-width: 31.5rem;
    height: 7.6rem;
    padding-inline: 2rem;
    border-radius: 1.5rem;
    filter: drop-shadow(0.5rem 0.5rem 0 rgba(209, 209, 209, 0.6));
  }
}
@media print, screen and (min-width: 1024px) {
  .c-cta-btn {
    width: 55.8rem;
    height: 13.2rem;
    padding-inline: 4rem;
    border-width: 5px;
    border-radius: 3.2rem;
    filter: drop-shadow(0.7rem 0.7rem 0 rgba(209, 209, 209, 0.6));
  }
}
.c-cta-btn::after {
  content: "";
  position: absolute;
  inset-inline-start: -2.5%;
  inset-block-start: -2.5%;
  width: 105%;
  height: 105%;
  background: #fff;
  scale: 0 1;
  transform-origin: right center;
  transition: 0.4s cubic-bezier(0.42, 0, 0.58, 1) scale;
  z-index: 1;
}
@media (hover: hover) and (pointer: fine) {
  .c-cta-btn:hover {
    border-color: #FF7F00;
  }
  .c-cta-btn:hover .c-cta-btn__txt {
    color: #FF7F00;
  }
  .c-cta-btn:hover::after {
    scale: 1 1;
    transform-origin: left center;
  }
}

.c-cta-btn__txt {
  position: relative;
  color: #fff;
  font-weight: 700;
  margin-inline: auto;
  z-index: 2;
  transition: 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) color;
}
@media print, screen and (max-width: 1023px) {
  .c-cta-btn__txt {
    font-size: 2.4rem;
    line-height: 0.5833333333;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-cta-btn__txt {
    font-size: 3.6rem;
    line-height: 1;
  }
}

.c-cta-btn__arrow {
  position: relative;
  background: #fff;
  border: 1px solid #FF7F00;
  border-radius: 50%;
  z-index: 2;
}
@media print, screen and (max-width: 1023px) {
  .c-cta-btn__arrow {
    width: 2.4rem;
    height: 2.4rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-cta-btn__arrow {
    width: 4rem;
    height: 4rem;
  }
}
@media print, screen and (max-width: 1023px) {
  .c-cta-btn__arrow svg {
    width: 1.3rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-cta-btn__arrow svg {
    width: 2.3rem;
  }
}

/* ---------------------------------------------------
  セクションタイトル
--------------------------------------------------- */
.c-sec-ttl {
  display: block flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  color: #0044DD;
  text-align: center;
}

.c-sec-ttl__en {
  position: relative;
  font-family: "Lato", "Helvetica Neue", "Helvetica", "Segoe UI", sans-serif;
  font-size: 1.5rem;
  line-height: 1.2;
  font-weight: 900;
}
.c-sec-ttl__en::before {
  content: "";
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: -1.125em;
  translate: 0 -50%;
  background: #FF7F00;
  border-radius: 50%;
  width: 0.5em;
  height: 0.5em;
}

.c-sec-ttl__ja {
  font-weight: 700;
}
@media print, screen and (max-width: 1023px) {
  .c-sec-ttl__ja {
    font-size: 3.6rem;
    line-height: 1.3333333333;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-sec-ttl__ja {
    font-size: 5rem;
    line-height: 1.28;
    text-indent: -0.05em;
    letter-spacing: 0.05em;
  }
}

/* ---------------------------------------------------
  ページタイトル
--------------------------------------------------- */
.c-page-ttl {
  position: relative;
  overflow: hidden;
}
@media print, screen and (max-width: 1023px) {
  .c-page-ttl {
    height: 20rem;
    padding-block-start: 3rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-page-ttl {
    height: 21rem;
    padding-block-start: 4rem;
  }
}

.c-page-ttl__txt {
  width: 100%;
  color: #0044DD;
  margin-block-start: 2.8rem;
}

.c-page-ttl__txt-parent {
  display: block flex;
  align-items: center;
  gap: 0.5em;
  font-weight: 900;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
}
@media print, screen and (max-width: 1023px) {
  .c-page-ttl__txt-parent {
    font-size: 1.4rem;
    line-height: 1.4285714286;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-page-ttl__txt-parent {
    font-size: 1.8rem;
    line-height: 1.4444444444;
  }
}
.c-page-ttl__txt-parent::before {
  content: "";
  width: 0.7em;
  height: 0.7em;
  background: #FF7F00;
  border-radius: 50%;
}
@media print, screen and (min-width: 1024px) {
  .c-page-ttl__txt-parent::before {
    margin-inline-end: 0.1em;
  }
}

.c-page-ttl__txt-parent-item {
  display: block flex;
  align-items: center;
  gap: 0.5em;
}
.c-page-ttl__txt-parent-item:not(:first-child)::before {
  content: "";
  position: relative;
  inset-block-start: 1px;
  width: 0.4em;
  height: 0.4em;
  display: block;
  border-block-end: 2px solid currentColor;
  border-inline-end: 2px solid currentColor;
  rotate: -45deg;
  transform-origin: center;
}

.c-page-ttl__txt-name {
  font-weight: 700;
}
@media print, screen and (max-width: 1023px) {
  .c-page-ttl__txt-name {
    font-size: 3.4rem;
    line-height: 1.6470588235;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-page-ttl__txt-name {
    font-size: 5rem;
    line-height: 1.12;
    margin-block-start: 1rem;
  }
}

/* ---------------------------------------------------
  ページャー
--------------------------------------------------- */
.c-pager {
  display: block flex;
  justify-content: center;
  font-weight: 700;
}
@media print, screen and (max-width: 1023px) {
  .c-pager {
    gap: 0.75rem 1rem;
    font-size: 1.5rem;
    line-height: 1;
    margin-block-start: 6rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-pager {
    gap: 1rem 1.5rem;
    font-size: 2.1rem;
    line-height: 1;
    margin-block-start: 12rem;
  }
}
.c-pager a.page-numbers:hover {
  color: #0044DD;
  background: #D5E8FF;
}
.c-pager a.page-numbers:hover.prev, .c-pager a.page-numbers:hover.next {
  background: #0044DD;
}
.c-pager a.page-numbers:hover.prev::before, .c-pager a.page-numbers:hover.next::before {
  border-color: #fff;
}
@media (hover: hover) and (pointer: fine) {
  .c-pager a.page-numbers:hover {
    color: #0044DD;
    background: #D5E8FF;
  }
  .c-pager a.page-numbers:hover.prev, .c-pager a.page-numbers:hover.next {
    background: #0044DD;
  }
  .c-pager a.page-numbers:hover.prev::before, .c-pager a.page-numbers:hover.next::before {
    border-color: #fff;
  }
}
.c-pager .page-numbers {
  display: block grid;
  place-items: center;
  text-align: center;
  margin: 0;
  padding: 0;
  background: transparent;
  transition: 0.4s cubic-bezier(0.25, 0.1, 0.25, 1) background;
}
@media print, screen and (max-width: 1023px) {
  .c-pager .page-numbers {
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 0.3rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-pager .page-numbers {
    width: 5.4rem;
    height: 5.4rem;
    border-radius: 0.5rem;
  }
}
.c-pager .page-numbers.current {
  color: #fff;
  background: #0044DD;
}
.c-pager .page-numbers.prev, .c-pager .page-numbers.next {
  position: relative;
  background: rgba(0, 68, 221, 0.05);
  transition: 0.4s cubic-bezier(0.25, 0.1, 0.25, 1) background;
}
.c-pager .page-numbers.prev::before, .c-pager .page-numbers.next::before {
  content: "";
  position: absolute;
  width: 0.5em;
  height: 0.5em;
  border-block-end: 2px solid;
  border-inline-end: 2px solid;
  border-color: #0044DD;
  transition: 0.4s cubic-bezier(0.25, 0.1, 0.25, 1) border-color;
}
.c-pager .page-numbers.prev::before {
  rotate: 135deg;
  translate: 2px 0;
}
.c-pager .page-numbers.next::before {
  rotate: 315deg;
  translate: -2px 0;
}

/* ---------------------------------------------------
  ページTOP
--------------------------------------------------- */
.c-scr-top {
  position: sticky;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #0044DD;
  border: 1px solid #0044DD;
  border-radius: 100%;
  translate: 0 200%;
  transition-property: translate, background;
  margin-inline-start: auto;
  z-index: 1000;
}
@media (hover: hover) and (pointer: fine) {
  .c-scr-top:hover {
    background: #fff;
  }
  .c-scr-top:hover line,
  .c-scr-top:hover path {
    stroke: #0044DD;
  }
}
@media print, screen and (max-width: 1023px) {
  .c-scr-top {
    inset-block-end: 2rem;
    inset-inline-end: 2rem;
    width: 5rem;
    height: 5rem;
    margin-block-end: 2rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-scr-top {
    inset-block-end: 4rem;
    inset-inline-end: 5.6rem;
    width: 7.6rem;
    height: 7.6rem;
    margin-block-end: 4rem;
  }
}
.c-scr-top.is-active {
  translate: 0 0;
}

.c-scr-top__icon {
  fill: none;
}
@media print, screen and (max-width: 1023px) {
  .c-scr-top__icon {
    width: 1.4rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-scr-top__icon {
    width: 2.2rem;
  }
}
.c-scr-top__icon line,
.c-scr-top__icon path {
  fill: transparent;
  stroke: #fff;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 3px;
  transition: 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) stroke;
}

/* ---------------------------------------------------
  サイドメニュー
--------------------------------------------------- */
.c-side-nav {
  background: #fff;
  border: 1px solid #AFC8FF;
  border-radius: 1rem;
  overflow: hidden;
}
@media print, screen and (max-width: 1023px) {
  .c-side-nav {
    position: fixed;
    inset-block-start: calc(var(--header-height) + 3rem + 1.5rem);
    inset-inline-start: 1.5rem;
    width: calc(100% - 3rem);
    max-height: calc(100vh - (var(--header-height) + 3rem + 1.5rem) - 2rem);
    filter: drop-shadow(0 1rem 2rem rgba(0, 0, 0, 0.16));
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);
    transition-duration: opacity, visibility;
    overflow-y: auto;
    z-index: 9889;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-side-nav {
    position: sticky;
    inset-block-start: var(--header-height);
  }
}
@media print, screen and (max-width: 1023px) {
  .c-side-nav[aria-hidden=false] {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
}

@media screen and (min-width: 783px) {
  body.admin-bar .c-side-nav {
    inset-block-start: calc(32px + var(--header-height));
  }
}

@media print, screen and (max-width: 1023px) {
  .c-side-nav__drawer-btn-wrap {
    position: fixed;
    inset-block-start: var(--header-height);
    inset-inline-start: 0;
    display: block flex;
    width: 100%;
    height: 3rem;
    background: #fff;
    padding-inline: 1.5rem;
    border-block-start: 1px solid #DDD;
    border-block-end: 1px solid #DDD;
    z-index: 9888;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-side-nav__drawer-btn-wrap {
    display: none;
  }
}

.c-side-nav__drawer-btn {
  display: block flex;
  align-items: center;
  gap: 0.7rem;
  color: #0044DD;
  font-size: 1.2rem;
  line-height: 1.3333333333;
  background: transparent;
  padding: 0;
  margin-inline-start: auto;
  border: none;
}
.c-side-nav__drawer-btn[aria-expanded=true]::after {
  inset-block-start: 2px;
  rotate: 225deg;
}
.c-side-nav__drawer-btn::after {
  content: "";
  position: relative;
  inset-block-start: -2px;
  width: 0.5em;
  height: 0.5em;
  display: block flow;
  margin-inline-start: auto;
  border-block-end: 2px solid #0044DD;
  border-inline-end: 2px solid #0044DD;
  rotate: 45deg;
  transform-origin: center;
  transition: 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition-property: inset, rotate;
}

.c-side-nav__1st:first-child .c-side-nav__1st-btn-link {
  border-radius: 1rem 1rem 0 0;
}
.c-side-nav__1st:first-child .c-side-nav__1st-btn-toggle {
  border-radius: 0 1rem 0 0;
}
.c-side-nav__1st:last-child:has(.c-side-nav__1st-btn-toggle[aria-expanded=false]) .c-side-nav__1st-btn-link {
  border-radius: 0 0 1rem 1rem;
}
.c-side-nav__1st:last-child:not(:has(.c-side-nav__1st-btn-toggle)) .c-side-nav__1st-btn-link {
  border-radius: 0 0 1rem 1rem;
}
.c-side-nav__1st:last-child .c-side-nav__1st-btn-toggle[aria-expanded=false] {
  border-radius: 0 0 1rem 0;
}
.c-side-nav__1st:not(:first-child) {
  border-block-start: 1px solid #AFC8FF;
}

.c-side-nav__1st-btn {
  position: relative;
  display: block flex;
  align-items: center;
  width: 100%;
}
.c-side-nav__1st-btn:not(:has(.c-side-nav__1st-btn-toggle)) .c-side-nav__1st-btn-link span {
  max-width: 100%;
}

.c-side-nav__1st-btn-link {
  position: relative;
  display: block flow;
  width: 100%;
  color: #0044DD;
  font-weight: 700;
  text-align: left;
  background: #F0F7FF;
  z-index: 1;
}
@media print, screen and (max-width: 1023px) {
  .c-side-nav__1st-btn-link {
    font-size: 1.6rem;
    line-height: 1.3125;
    padding-block: 1.5rem;
    padding-inline: 2rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-side-nav__1st-btn-link {
    font-size: 1.8rem;
    line-height: 1.3333333333;
    padding-block: 1.6rem;
    padding-inline: 3rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .c-side-nav__1st-btn-link:hover {
    color: #0044DD;
  }
  .c-side-nav__1st-btn-link:hover::before {
    scale: 1 1;
    transform-origin: left center;
  }
}
.c-side-nav__1st-btn-link.is-current {
  color: #0044DD;
  /*&::before {
    scale: 1 1;
    transform-origin: left center;
  }*/
}
.c-side-nav__1st-btn-link::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0;
  width: 100%;
  height: 100%;
  background: #D5E8FF;
  scale: 0 1;
  transform-origin: right center;
  transition: 0.4s cubic-bezier(0.25, 0.1, 0.25, 1) scale;
  z-index: 1;
}
.c-side-nav__1st-btn-link span {
  display: block flow;
  position: relative;
  max-width: calc(100% - 4rem);
  z-index: 2;
}

.c-side-nav__1st-btn-toggle {
  position: absolute;
  inset-inline-end: 0;
  display: block flex;
  justify-content: center;
  align-items: center;
  min-height: 100%;
  background: transparent;
  border: none;
  border-radius: 0;
  z-index: 3;
}
@media print, screen and (max-width: 1023px) {
  .c-side-nav__1st-btn-toggle {
    width: 5.5rem;
    min-width: 5.5rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-side-nav__1st-btn-toggle {
    width: 7rem;
    min-width: 7rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .c-side-nav__1st-btn-toggle:hover {
    background: #D5E8FF;
  }
}
.c-side-nav__1st-btn-toggle::after {
  content: "";
  position: relative;
  inset-block-start: -2px;
  width: 0.5em;
  height: 0.5em;
  display: block flow;
  border-block-end: 2px solid #0044DD;
  border-inline-end: 2px solid #0044DD;
  rotate: 45deg;
  transform-origin: center;
  transition: 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition-property: inset, rotate;
  z-index: 2;
}
.c-side-nav__1st-btn-toggle[aria-expanded=true]::after {
  inset-block-start: 2px;
  rotate: 225deg;
}

.c-side-nav__1st-panel {
  display: block grid;
  grid-template-rows: 0fr;
  transition: 0.4s ease grid-template-rows;
}
.c-side-nav__1st-panel[aria-hidden=false] {
  grid-template-rows: 1fr;
}

.c-side-nav__1st-panel-inr {
  overflow: hidden;
}

.c-side-nav__1st-panel-item:first-child {
  border-block-start: 1px solid #AFC8FF;
}
.c-side-nav__1st-panel-item:not(:first-child) {
  border-block-start: 1px solid #F0F7FF;
}
.c-side-nav__1st-panel-item:not(:last-child) {
  border-block-end: 1px solid #F0F7FF;
}
.c-side-nav__1st-panel-item a {
  position: relative;
  display: block flex;
  align-items: center;
  font-weight: 500;
  z-index: 2;
}
@media print, screen and (max-width: 1023px) {
  .c-side-nav__1st-panel-item a {
    font-size: 1.2rem;
    line-height: 1.3333333333;
    padding-block: 1.2rem;
    padding-inline: 2rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-side-nav__1st-panel-item a {
    font-size: 1.5rem;
    line-height: 1.3333333333;
    padding-block: 1.6rem;
    padding-inline: 3rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .c-side-nav__1st-panel-item a:hover {
    color: #0044DD;
  }
  .c-side-nav__1st-panel-item a:hover::before {
    scale: 1 1;
    transform-origin: left center;
  }
}
.c-side-nav__1st-panel-item a::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0;
  width: 100%;
  height: 100%;
  background: #F0F7FF;
  scale: 0 1;
  transform-origin: right center;
  transition: 0.4s cubic-bezier(0.25, 0.1, 0.25, 1) scale;
  z-index: 1;
}
.c-side-nav__1st-panel-item a span {
  position: relative;
  margin-inline-end: auto;
  z-index: 2;
}
.c-side-nav__1st-panel-item.is-current a {
  color: #0044DD;
}

.c-side-nav__1st-panel-item-arrow {
  position: relative;
  width: 1.3rem;
  margin-inline-start: 1rem;
  z-index: 2;
}
.c-side-nav__1st-panel-item-arrow svg {
  width: 100%;
  height: auto;
}

/* ---------------------------------------------------
  ニュースリスト
--------------------------------------------------- */
.c-news-list__item {
  position: relative;
}
@media print, screen and (max-width: 1023px) {
  .c-news-list__item {
    padding-block: 2.5rem calc(2.5rem + 4px);
  }
}
@media print, screen and (min-width: 1024px) {
  .c-news-list__item {
    padding-block: 4rem calc(4rem + 4px);
  }
}
.c-news-list__item::after {
  content: "";
  position: absolute;
  inset-block-end: 0;
  inset-inline-start: 0;
  display: block;
  width: 100%;
  height: 4px;
  background: #fff;
  border-radius: 4px;
}
.c-news-list__item a {
  position: relative;
  display: block flex;
}
@media print, screen and (max-width: 1023px) {
  .c-news-list__item a {
    flex-direction: column;
    padding-inline-end: 3.5rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-news-list__item a {
    gap: 4rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .c-news-list__item a:hover::after {
    scale: 1 1;
    transform-origin: left center;
  }
  .c-news-list__item a:hover .c-news-list__item-txt {
    color: #0044DD;
  }
}
.c-news-list__item a::after {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  display: block;
  width: 100%;
  height: 4px;
  background: #D5E8FF;
  border-radius: 4px;
  scale: 0 1;
  transform-origin: right center;
  transition: 0.4s cubic-bezier(0.42, 0, 0.58, 1) scale;
  z-index: 1;
}
@media print, screen and (max-width: 1023px) {
  .c-news-list__item a::after {
    inset-block-end: calc(-2.5rem - 4px);
  }
}
@media print, screen and (min-width: 1024px) {
  .c-news-list__item a::after {
    inset-block-end: calc(-4rem - 4px);
  }
}

.c-news-list__item-data {
  position: relative;
  display: block flex;
  gap: 1rem;
  z-index: 2;
}
@media print, screen and (max-width: 1023px) {
  .c-news-list__item-data {
    align-items: center;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-news-list__item-data {
    flex-direction: column;
    padding-block-start: 0.6rem;
  }
}

.c-news-list__item-data-date {
  font-family: "Lato", "Helvetica Neue", "Helvetica", "Segoe UI", sans-serif;
}
@media print, screen and (max-width: 1023px) {
  .c-news-list__item-data-date {
    font-size: 1rem;
    line-height: 1.4;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-news-list__item-data-date {
    font-size: 1.2rem;
    line-height: 1.3333333333;
  }
}

.c-news-list__item-txt {
  position: relative;
  transition: 0.4s cubic-bezier(0.25, 0.1, 0.25, 1) color;
  z-index: 2;
}
@media print, screen and (max-width: 1023px) {
  .c-news-list__item-txt {
    margin-block-start: 1rem;
  }
}

.c-news-list__item-txt-ttl {
  font-weight: 700;
}
@media print, screen and (max-width: 1023px) {
  .c-news-list__item-txt-ttl {
    font-size: 1.4rem;
    line-height: 1.5714285714;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-news-list__item-txt-ttl {
    font-size: 1.8rem;
    line-height: 1.5555555556;
  }
}

@media print, screen and (max-width: 1023px) {
  .c-news-list__item-txt-excerpt {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 1.3rem;
    line-height: 1.8461538462;
    margin-block-start: 0.6rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-news-list__item-txt-excerpt {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 1.6rem;
    line-height: 1.75;
    margin-block-start: 1.2rem;
    padding-inline-end: 8rem;
  }
}

.c-news-list__item-arrow {
  position: absolute;
  inset-block: 50%;
  inset-inline-end: 0;
  translate: 0 -50%;
  display: block grid;
  place-content: center;
  background: #F0F7FF;
  border-radius: 50%;
  z-index: 2;
}
@media print, screen and (max-width: 1023px) {
  .c-news-list__item-arrow {
    min-width: 2.4rem;
    min-height: 2.4rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-news-list__item-arrow {
    min-width: 4rem;
    min-height: 4rem;
  }
}
.c-news-list__item-arrow svg {
  height: auto;
}
@media print, screen and (max-width: 1023px) {
  .c-news-list__item-arrow svg {
    width: 1.4rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-news-list__item-arrow svg {
    width: 2.3rem;
  }
}

.c-cate {
  display: block flex;
  flex-wrap: wrap;
  gap: 0.5em 1em;
}

.c-cate__item {
  color: #0044DD;
  text-align: center;
  text-wrap: nowrap;
  background: #fff;
  border: 1px solid #0044DD;
  border-radius: 2lh;
}
@media print, screen and (max-width: 1023px) {
  .c-cate__item {
    font-size: 1rem;
    line-height: 1.4;
    padding-inline: 0.6rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-cate__item {
    font-size: 1.2rem;
    line-height: 1.3333333333;
    padding-inline: 1.2rem;
  }
}

/* ---------------------------------------------------
  Post Content
--------------------------------------------------- */
.c-post-content {
  display: block flow-root;
}
.c-post-content > * {
  margin-block-end: 0;
}
.c-post-content > *:not(:first-child) {
  margin-block-start: 0.75em;
}
.c-post-content :is(.wp-block-details, .wp-block-quote, .wp-block-column, .wp-block-media-text__content, .wp-block-cover__inner-container, .wp-block-group__inner-container) > :not(:first-child) {
  margin-block-end: 0;
  margin-block-start: 0.75em;
}
.c-post-content p a,
.c-post-content h1 a,
.c-post-content h2 a,
.c-post-content h3 a,
.c-post-content h4 a,
.c-post-content h5 a,
.c-post-content h6 a,
.c-post-content ul a,
.c-post-content ol a,
.c-post-content table a {
  color: #2B91D1;
  -webkit-text-decoration: underline currentColor;
  text-decoration: underline currentColor;
}
@media (hover: hover) and (pointer: fine) {
  .c-post-content p a:hover,
  .c-post-content h1 a:hover,
  .c-post-content h2 a:hover,
  .c-post-content h3 a:hover,
  .c-post-content h4 a:hover,
  .c-post-content h5 a:hover,
  .c-post-content h6 a:hover,
  .c-post-content ul a:hover,
  .c-post-content ol a:hover,
  .c-post-content table a:hover {
    text-decoration-color: transparent;
  }
}
.c-post-content ul {
  padding-inline-start: 1.5em;
}
.c-post-content ul li {
  list-style-type: disc;
}
.c-post-content ol {
  padding-inline-start: 1.5em;
}
.c-post-content ol li {
  list-style-type: decimal;
}
.c-post-content img, .c-post-content video, .c-post-content canvas, .c-post-content svg {
  display: inline flow;
  width: -moz-fit-content;
  width: fit-content;
}
.c-post-content .wp-block-table {
  border-color: #ededed;
}
.c-post-content .wp-block-table td:last-child,
.c-post-content .wp-block-table th:last-child {
  border-right: 1px solid #ededed;
}
.c-post-content .wp-block-table thead td,
.c-post-content .wp-block-table thead th {
  color: #fff;
}
.c-post-content .wp-block-table tr:first-child th,
.c-post-content .wp-block-table tr:first-child td {
  border-top: 1px solid #ededed;
}
.c-post-content .wp-block-table.is-style-regular td,
.c-post-content .wp-block-table.is-style-regular th {
  border: 1px solid #ededed;
}
@media print, screen and (max-width: 1023px) {
  .c-post-content .wp-block-table.is-style-regular .wp-element-caption {
    margin-block-start: 0.6rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-post-content .wp-block-table.is-style-regular .wp-element-caption {
    margin-block-start: 1.2rem;
  }
}
.c-post-content .wp-block-table.is-style-stripes tbody tr:nth-child(odd) td {
  background: #f0f0f0;
}
.c-post-content .wp-block-table.is-style-stripes td:last-child,
.c-post-content .wp-block-table.is-style-stripes th:last-child {
  border-right: none;
}
.c-post-content .wp-block-table.is-style-stripes tr:first-child th,
.c-post-content .wp-block-table.is-style-stripes tr:first-child td {
  border-top: none;
}
@media print, screen and (max-width: 1023px) {
  .c-post-content .wp-block-table.is-style-stripes .wp-element-caption {
    padding-block: 0.6rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .c-post-content .wp-block-table.is-style-stripes .wp-element-caption {
    padding-block: 1.2rem;
  }
}
.c-post-content .wp-block-button__link {
  text-decoration: none;
}
.c-post-content .wp-element-caption {
  font-size: 0.75em;
}
.c-post-content .wp-block-media-text__media img,
.c-post-content .wp-block-media-text__media video {
  max-width: 100%;
}

/* ---------------------------------------------------
  TOP
--------------------------------------------------- */
.p-top {
  overflow-x: clip;
}

/** ---------------------------------------------------
 *
 * ニュースティッカー
 *
 --------------------------------------------------- */
.p-top__news-ticker {
  background: #D5E8FF;
}

.p-top__news-ticker-inr {
  width: 100%;
  margin-inline: auto;
  overflow: hidden;
}
@media print, screen and (max-width: 1023px) {
  .p-top__news-ticker-inr {
    padding-inline: calc(clamp(1.5rem, 5.3333333333vw, 3rem) - 1rem);
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__news-ticker-inr {
    max-width: 120rem;
    padding-inline: 5rem;
  }
}
@media print, screen and (max-width: 1023px) {
  .p-top__news-ticker-inr .splide__list {
    height: 4.8rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__news-ticker-inr .splide__list {
    height: 7rem;
  }
}

.p-top__news-ticker-list-item {
  display: block grid;
  place-items: center;
}
@media print, screen and (max-width: 1023px) {
  .p-top__news-ticker-list-item {
    height: 4.8rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__news-ticker-list-item {
    height: 7rem;
  }
}
.p-top__news-ticker-list-item a {
  display: block flex;
  align-items: center;
  padding-inline: 1rem;
}
@media print, screen and (max-width: 1023px) {
  .p-top__news-ticker-list-item a {
    gap: 1rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__news-ticker-list-item a {
    gap: 3rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .p-top__news-ticker-list-item a:hover .p-top__news-ticker-list-item__ttl {
    text-decoration-color: transparent;
  }
}

.p-top__news-ticker-list-item__data {
  display: block flex;
}
@media print, screen and (max-width: 1023px) {
  .p-top__news-ticker-list-item__data {
    flex-direction: column;
    gap: 0.2rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__news-ticker-list-item__data {
    align-items: center;
    gap: 1rem;
  }
}

.p-top__news-ticker-list-item__data-date {
  font-family: "Lato", "Helvetica Neue", "Helvetica", "Segoe UI", sans-serif;
}
@media print, screen and (max-width: 1023px) {
  .p-top__news-ticker-list-item__data-date {
    font-size: 1rem;
    line-height: 1.2;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__news-ticker-list-item__data-date {
    font-size: 1.2rem;
    line-height: 1.25;
  }
}

.p-top__news-ticker-list-item__ttl {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-text-decoration: underline currentColor;
  text-decoration: underline currentColor;
  transition: 0.4s cubic-bezier(0.25, 0.1, 0.25, 1) -webkit-text-decoration;
  transition: 0.4s cubic-bezier(0.25, 0.1, 0.25, 1) text-decoration;
  transition: 0.4s cubic-bezier(0.25, 0.1, 0.25, 1) text-decoration, 0.4s cubic-bezier(0.25, 0.1, 0.25, 1) -webkit-text-decoration;
}
@media print, screen and (max-width: 1023px) {
  .p-top__news-ticker-list-item__ttl {
    font-size: 1.2rem;
    line-height: 1.8333333333;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__news-ticker-list-item__ttl {
    font-size: 1.6rem;
    line-height: 1.75;
  }
}

.p-top__news-ticker-list-item__arrow {
  margin-inline-start: auto;
}
@media print, screen and (max-width: 1023px) {
  .p-top__news-ticker-list-item__arrow {
    max-width: 1.2rem;
    min-width: 1.2rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__news-ticker-list-item__arrow {
    max-width: 1.9rem;
    min-width: 1.9rem;
  }
}

/** ---------------------------------------------------
 *
 * メインビジュアル
 *
 --------------------------------------------------- */
.p-top__mv {
  position: relative;
  width: 100%;
  overflow-x: clip;
  overflow-y: hidden;
  z-index: 1;
}

.p-top__mv-inr {
  position: relative;
  width: 100%;
  margin-inline: auto;
  z-index: 2;
}
@media print, screen and (max-width: 1023px) {
  .p-top__mv-inr {
    padding-block: 6rem 8.8rem;
    padding-inline: clamp(1.5rem, 5.3333333333vw, 3rem);
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__mv-inr {
    max-width: 156rem;
    padding-block: 8rem 13.6rem;
    padding-inline: 5rem;
  }
}

.p-top__mv-main {
  display: block flex;
  justify-content: center;
  align-items: center;
}
@media print, screen and (max-width: 1023px) {
  .p-top__mv-main {
    flex-direction: column;
    gap: 4rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__mv-main {
    flex-direction: row-reverse;
    gap: 9.2rem;
  }
}

.p-top__mv-txt {
  display: block flex;
  flex-direction: column;
  align-items: center;
}

.p-top__mv-txt-ttl {
  display: block flex;
  flex-direction: column;
  align-items: center;
}

.p-top__mv-txt-ttl__catch {
  color: #0044DD;
  font-weight: 600;
  text-align: center;
  background: #fff;
}
@media print, screen and (max-width: 1023px) {
  .p-top__mv-txt-ttl__catch {
    width: 28.8rem;
    font-size: 1.7rem;
    line-height: 1;
    padding-block: 1rem;
    border-radius: 2.7rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__mv-txt-ttl__catch {
    width: 48.8rem;
    font-size: 2.9rem;
    line-height: 1;
    padding-block: 1.8rem;
    border-radius: 3.7rem;
  }
}

.p-top__mv-txt-ttl__name {
  display: block flex;
}
@media print, screen and (max-width: 1023px) {
  .p-top__mv-txt-ttl__name {
    margin-block-start: 2.4rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__mv-txt-ttl__name {
    margin-block-start: 4.2rem;
  }
}
@media print, screen and (max-width: 1023px) {
  .p-top__mv-txt-ttl__name img {
    width: 22rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__mv-txt-ttl__name img {
    width: 54.9rem;
  }
}
.p-top__mv-txt-ttl__name sup {
  position: relative;
  inset-block-start: -0.325em;
  color: #0044DD;
  font-weight: 600;
}
@media print, screen and (max-width: 1023px) {
  .p-top__mv-txt-ttl__name sup {
    font-size: 3.3rem;
    line-height: 1;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__mv-txt-ttl__name sup {
    font-size: 5.7rem;
    line-height: 1;
  }
}

@media print, screen and (max-width: 1023px) {
  .p-top__mv-txt-cta {
    margin-block-start: 2.5rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__mv-txt-cta {
    margin-block-start: 6.4rem;
  }
}

.p-top__mv-txt-cta__catch {
  font-weight: 700;
  letter-spacing: 0.1em;
  text-indent: 0.1em;
}
@media print, screen and (max-width: 1023px) {
  .p-top__mv-txt-cta__catch {
    font-size: 1.8rem;
    line-height: 1.3333333333;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__mv-txt-cta__catch {
    font-size: 3.4rem;
    line-height: 1;
  }
}
.p-top__mv-txt-cta__catch span {
  display: block flow-root;
  position: relative;
  color: #FF7F00;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
.p-top__mv-txt-cta__catch span::before, .p-top__mv-txt-cta__catch span::after {
  content: "";
  position: absolute;
  background: currentColor;
}
@media print, screen and (max-width: 1023px) {
  .p-top__mv-txt-cta__catch span::before, .p-top__mv-txt-cta__catch span::after {
    inset-block-end: -0.1lh;
    width: 3px;
    height: 1.1lh;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__mv-txt-cta__catch span::before, .p-top__mv-txt-cta__catch span::after {
    inset-block-end: -0.2lh;
    width: 4px;
    height: 1.3lh;
  }
}
.p-top__mv-txt-cta__catch span::before {
  inset-inline-start: -0.5em;
  rotate: -30deg;
}
.p-top__mv-txt-cta__catch span::after {
  inset-inline-end: -0.5em;
  rotate: 30deg;
}

@media print, screen and (max-width: 1023px) {
  .p-top__mv-txt-cta__btn {
    width: 32rem;
    margin-block-start: 1rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__mv-txt-cta__btn {
    margin-block-start: 2rem;
  }
}

.p-top__mv-photo {
  position: relative;
}
@media print, screen and (max-width: 1023px) {
  .p-top__mv-photo {
    width: 23rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__mv-photo {
    width: 54rem;
  }
}
.p-top__mv-photo::before, .p-top__mv-photo::after {
  content: "";
  position: absolute;
  display: block flow-root;
  aspect-ratio: 1/1;
  border-radius: 50%;
  z-index: 1;
}
@media print, screen and (max-width: 1023px) {
  .p-top__mv-photo::before, .p-top__mv-photo::after {
    width: 19.6rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__mv-photo::before, .p-top__mv-photo::after {
    width: 40rem;
  }
}
.p-top__mv-photo::before {
  background: #D5E8FF;
}
@media print, screen and (max-width: 1023px) {
  .p-top__mv-photo::before {
    inset-block-start: -0.3rem;
    inset-inline-start: -0.3rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__mv-photo::before {
    inset-block-start: 0;
    inset-inline-start: -2rem;
  }
}
.p-top__mv-photo::after {
  background: #93B5FE;
}
@media print, screen and (max-width: 1023px) {
  .p-top__mv-photo::after {
    inset-block-end: -0.3rem;
    inset-inline-end: -0.3rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__mv-photo::after {
    inset-block-end: 0;
    inset-inline-end: -2rem;
  }
}

.p-top__mv-photo-inr {
  position: relative;
  border: solid #fff;
  border-radius: 50%;
  z-index: 2;
}
@media print, screen and (max-width: 1023px) {
  .p-top__mv-photo-inr {
    border-width: 3px;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__mv-photo-inr {
    border-width: 5px;
  }
}

.p-top__mv-feature {
  display: block grid;
  background: #fff;
}
@media print, screen and (max-width: 1023px) {
  .p-top__mv-feature {
    grid-template-columns: repeat(1, 1fr);
    gap: 2rem;
    margin-block-start: 5rem;
    padding-block: 2.5rem;
    padding-inline: 1.5rem;
    border-radius: 1.5rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__mv-feature {
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(1.7rem, 1.7708333333vw, 3.4rem);
    margin-block-start: 7.8rem;
    padding-block: 6rem;
    padding-inline: clamp(3rem, 3.125vw, 6rem);
    border-radius: 3rem;
  }
}

.p-top__mv-feature-item {
  display: block flex;
  align-items: center;
}
@media print, screen and (max-width: 1023px) {
  .p-top__mv-feature-item {
    gap: 1rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__mv-feature-item {
    gap: clamp(1rem, 1.0416666667vw, 2rem);
  }
}

@media print, screen and (max-width: 1023px) {
  .p-top__mv-feature-item__icon {
    width: 7rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__mv-feature-item__icon {
    width: clamp(8.625rem, 5.9895833333vw, 11.5rem);
  }
}
.p-top__mv-feature-item__icon img {
  width: 100%;
}

@media print, screen and (max-width: 1023px) {
  .p-top__mv-feature-item__txt {
    width: calc(100% - 1rem - 7rem);
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__mv-feature-item__txt {
    width: calc(100% - clamp(1rem, 1.0416666667vw, 2rem) - clamp(8.625rem, 5.9895833333vw, 11.5rem));
  }
}

.p-top__mv-feature-item__txt-ttl {
  color: #0044DD;
  font-weight: 700;
}
@media print, screen and (max-width: 1023px) {
  .p-top__mv-feature-item__txt-ttl {
    font-size: 1.8rem;
    line-height: 1.3333333333;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__mv-feature-item__txt-ttl {
    font-size: 2.4rem;
    line-height: 1.3333333333;
  }
}

@media print, screen and (max-width: 1023px) {
  .p-top__mv-feature-item__txt-par {
    font-size: 1.4rem;
    line-height: 1.7142857143;
    margin-block-start: 0.5rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__mv-feature-item__txt-par {
    font-size: 1.6rem;
    line-height: 1.5;
    margin-block-start: 1rem;
  }
}

.p-top__mv-deco-photo {
  position: absolute;
  z-index: 1;
}
.p-top__mv-deco-photo::before, .p-top__mv-deco-photo::after {
  content: "";
  position: absolute;
  display: block flow-root;
  aspect-ratio: 1/1;
  border-radius: 50%;
  z-index: 1;
}
.p-top__mv-deco-photo::before {
  background: #D5E8FF;
}
.p-top__mv-deco-photo::after {
  background: #93B5FE;
}
@media print, screen and (max-width: 1023px) {
  .p-top__mv-deco-photo.m-01 {
    inset-block-start: -1.5rem;
    inset-inline-start: -3rem;
    width: 9rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__mv-deco-photo.m-01 {
    inset-block-start: -3.6rem;
    inset-inline-start: -8.2rem;
    width: 31.2rem;
  }
}
@media print, screen and (max-width: 1023px) {
  .p-top__mv-deco-photo.m-01::before, .p-top__mv-deco-photo.m-01::after {
    width: 7rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__mv-deco-photo.m-01::before, .p-top__mv-deco-photo.m-01::after {
    width: 24rem;
  }
}
@media print, screen and (max-width: 1023px) {
  .p-top__mv-deco-photo.m-01::before {
    inset-block-start: -0.1rem;
    inset-inline-start: 0.1rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__mv-deco-photo.m-01::before {
    inset-block-start: -0.5rem;
    inset-inline-start: 0.4rem;
  }
}
@media print, screen and (max-width: 1023px) {
  .p-top__mv-deco-photo.m-01::after {
    inset-block-end: -0.1rem;
    inset-inline-end: 0.1rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__mv-deco-photo.m-01::after {
    inset-block-end: -0.5rem;
    inset-inline-end: 0.4rem;
  }
}
@media print, screen and (max-width: 1023px) {
  .p-top__mv-deco-photo.m-02 {
    display: none;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__mv-deco-photo.m-02 {
    inset-block-start: 39.2rem;
    inset-inline-start: 3.2rem;
    width: 15rem;
  }
}
@media print, screen and (max-width: 1023px) {
  .p-top__mv-deco-photo.m-02::before, .p-top__mv-deco-photo.m-02::after {
    width: 9rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__mv-deco-photo.m-02::before, .p-top__mv-deco-photo.m-02::after {
    width: 11.6rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__mv-deco-photo.m-02::before {
    inset-block-start: -0.9rem;
    inset-inline-start: 0.2rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__mv-deco-photo.m-02::after {
    inset-block-end: -0.9rem;
    inset-inline-end: 0.2rem;
  }
}
@media print, screen and (max-width: 1023px) {
  .p-top__mv-deco-photo.m-03 {
    display: none;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__mv-deco-photo.m-03 {
    inset-block-start: 38.2rem;
    inset-inline-end: -10rem;
    width: 28rem;
  }
}
@media print, screen and (max-width: 1023px) {
  .p-top__mv-deco-photo.m-03::before, .p-top__mv-deco-photo.m-03::after {
    width: 9rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__mv-deco-photo.m-03::before, .p-top__mv-deco-photo.m-03::after {
    width: 21.6rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__mv-deco-photo.m-03::before {
    inset-block-start: -0.6rem;
    inset-inline-start: 0.6rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__mv-deco-photo.m-03::after {
    inset-block-end: -0.6rem;
    inset-inline-end: 0.6rem;
  }
}
.p-top__mv-deco-photo img {
  position: relative;
  border-radius: 50%;
  z-index: 2;
}

.p-top__mv-deco-ring {
  position: absolute;
  aspect-ratio: 1/1;
  border: solid #fff;
  border-radius: 50%;
  z-index: -1;
}
@media print, screen and (max-width: 1023px) {
  .p-top__mv-deco-ring {
    width: 8rem;
    border-width: 1rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__mv-deco-ring {
    width: 21.3rem;
    border-width: 2rem;
  }
}
@media print, screen and (max-width: 1023px) {
  .p-top__mv-deco-ring.m-01 {
    inset-block-start: 29.2rem;
    inset-inline-start: -5rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__mv-deco-ring.m-01 {
    inset-block-start: 76rem;
    inset-inline-start: -5.6rem;
  }
}
@media print, screen and (max-width: 1023px) {
  .p-top__mv-deco-ring.m-02 {
    inset-block-start: -3rem;
    inset-inline-end: -3.5rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__mv-deco-ring.m-02 {
    inset-block-start: -11.8rem;
    inset-inline-end: -9rem;
  }
}

.p-top__mv-deco-circle {
  position: absolute;
  background: #EAF0FF;
  aspect-ratio: 1/1;
  border-radius: 50%;
  z-index: 1;
}
@media print, screen and (max-width: 1023px) {
  .p-top__mv-deco-circle.m-01 {
    width: 2.7rem;
    inset-block-start: 26.8rem;
    inset-inline-start: 3.92rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__mv-deco-circle.m-01 {
    width: 3.6rem;
    inset-block-start: 70rem;
    inset-inline-start: 14.5rem;
  }
}
@media print, screen and (max-width: 1023px) {
  .p-top__mv-deco-circle.m-02 {
    width: 2.7rem;
    inset-block-start: 5.7rem;
    inset-inline-end: 4.6rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__mv-deco-circle.m-02 {
    width: 7.1rem;
    inset-block-start: 14.4rem;
    inset-inline-end: 12.5rem;
  }
}

/** ---------------------------------------------------
 *
 * 楽々法人税とは
 *
 --------------------------------------------------- */
.p-top__about {
  position: relative;
}
@media print, screen and (max-width: 1023px) {
  .p-top__about {
    padding-inline: 1rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__about {
    padding-inline: 4rem;
  }
}

.p-top__about-wrap {
  position: relative;
  background: #fff;
  z-index: 1;
}
@media print, screen and (max-width: 1023px) {
  .p-top__about-wrap {
    padding-block: 4rem 5rem;
    border-radius: 2rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__about-wrap {
    padding-block: 10rem;
    border-radius: 5rem;
  }
}

.p-top__about-ttl {
  position: absolute;
  inset-inline-start: 50%;
  translate: -50% 0;
  color: #fff;
  font-weight: 600;
  text-align: center;
  background: #0044DD;
  border-radius: 5.4rem;
  z-index: 2;
}
@media print, screen and (max-width: 1023px) {
  .p-top__about-ttl {
    inset-block-start: -2.2rem;
    font-size: 1.5rem;
    line-height: 1.3333333333;
    width: 22rem;
    padding-block: 1.2rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__about-ttl {
    inset-block-start: -4rem;
    font-size: 2.2rem;
    line-height: 1.3636363636;
    width: 40rem;
    padding-block: 2.5rem;
  }
}
.p-top__about-ttl span {
  font-weight: 700;
}
@media print, screen and (max-width: 1023px) {
  .p-top__about-ttl span {
    font-size: 2.4rem;
    line-height: 1.4583333333;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__about-ttl span {
    font-size: 3.2rem;
    line-height: 1.3125;
    text-align: center;
  }
}

.p-top__about-inr {
  display: flex;
  position: relative;
  z-index: 1;
}
@media print, screen and (max-width: 1023px) {
  .p-top__about-inr {
    flex-direction: column;
    gap: 1.6rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__about-inr {
    justify-content: center;
    gap: 5rem;
  }
}

@media print, screen and (max-width: 1023px) {
  .p-top__about-img {
    width: 21rem;
    margin-inline: auto;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__about-img {
    width: 40.4rem;
  }
}

@media print, screen and (min-width: 1024px) {
  .p-top__about-txt {
    width: -moz-fit-content;
    width: fit-content;
    max-width: calc(100% - 5rem - 40.4rem);
  }
}

.p-top__about-txt-ttl {
  color: #0044DD;
  font-weight: 700;
  letter-spacing: -0.03em;
}
@media print, screen and (max-width: 1023px) {
  .p-top__about-txt-ttl {
    font-size: 2.4rem;
    line-height: 1.4583333333;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__about-txt-ttl {
    font-size: 4rem;
    line-height: 1.625;
  }
}
.p-top__about-txt-ttl span {
  background: #F0F7FF;
}

@media print, screen and (max-width: 1023px) {
  .p-top__about-txt-par {
    font-size: 1.4rem;
    line-height: 1.8571428571;
    margin-block-start: 0.5lh;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__about-txt-par {
    font-size: 1.8rem;
    line-height: 1.7777777778;
    margin-block-start: 0.75lh;
  }
}
@media print, screen and (max-width: 1023px) {
  .p-top__about-txt-par.m-big {
    font-size: 1.8rem;
    line-height: 1.4444444444;
    margin-block-start: 0.5lh;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__about-txt-par.m-big {
    font-size: 2.4rem;
    line-height: 1.3333333333;
    margin-block-start: 0.75lh;
  }
}

/** ---------------------------------------------------
 *
 * なぜ？
 *
 --------------------------------------------------- */
@media print, screen and (max-width: 1023px) {
  .p-top__why {
    padding-block: 8rem 9.6rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__why {
    padding-block: 10rem 16rem;
  }
}

.p-top__why-ttl {
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}

.p-top__why-ttl-ballon {
  display: block grid;
  place-items: center;
  color: #fff;
  font-weight: 700;
  background: center/cover url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNDEuMDk0IDg0LjgyNCI+PHBhdGggZmlsbD0iIzA0ZCIgZD0ibTExOC4xMTEgNzUuNzA4LTQzLjMxMS44NTQtOC41IDguMjYxLTEtOC4xNS00Mi4zMTYuMjI3TDAgNTQuMyA5LjkxNCAzLjk3IDEyMy4yNTMgMGwxNy44NDEgMzguODM4WiIvPjwvc3ZnPg==");
  margin-inline: auto;
  padding-block-end: 0.325em;
}
@media print, screen and (max-width: 1023px) {
  .p-top__why-ttl-ballon {
    width: 8.2rem;
    height: 4.9rem;
    font-size: 1.6rem;
    line-height: 1.375;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__why-ttl-ballon {
    width: 14.1rem;
    height: 8.5rem;
    font-size: 3rem;
    line-height: 1.3333333333;
  }
}

.p-top__why-ttl-wrap {
  display: block flex;
  justify-content: center;
  align-items: last baseline;
  color: #0044DD;
}
@media print, screen and (max-width: 1023px) {
  .p-top__why-ttl-wrap {
    font-size: 2rem;
    line-height: 1.35;
    margin-block-start: 0.25rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__why-ttl-wrap {
    font-size: 4rem;
    line-height: 1.3;
    margin-block-start: 0.5rem;
  }
}
.p-top__why-ttl-wrap span {
  display: inline flow-root;
  background: #fff;
  padding-block: 0.1em;
  padding-inline: 0.2em;
  margin-inline-end: 0.1em;
}
@media print, screen and (max-width: 1023px) {
  .p-top__why-ttl-wrap span {
    font-size: 2.8rem;
    line-height: 1.2857142857;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__why-ttl-wrap span {
    font-size: 5.2rem;
    line-height: 1.1923076923;
  }
}

.p-top__why-list {
  display: block flex;
  flex-direction: column;
}
@media print, screen and (max-width: 1023px) {
  .p-top__why-list {
    gap: 2rem;
    margin-block-start: 3.2rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__why-list {
    gap: 4rem;
    margin-block-start: 6rem;
  }
}

.p-top__why-list-item {
  display: block flex;
  background: #fff;
  border-radius: 2rem;
}
@media print, screen and (max-width: 1023px) {
  .p-top__why-list-item {
    flex-direction: column;
    gap: 2rem;
    padding-block: 4.4rem;
    padding-inline: 2rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__why-list-item {
    align-items: flex-start;
    padding-block: 5rem;
    padding-inline: 6rem;
  }
}

.p-top__why-list-item__reason {
  display: block flex;
  flex-direction: column;
}
@media print, screen and (min-width: 1024px) {
  .p-top__why-list-item__reason {
    gap: 2rem;
    margin-inline-end: auto;
  }
}
.p-top__why-list-item__reason span {
  position: relative;
  display: block flex;
  color: #D5E8FF;
  font-family: "Lato", "Helvetica Neue", "Helvetica", "Segoe UI", sans-serif;
  font-weight: 900;
  padding-inline-start: 1.7rem;
}
@media print, screen and (max-width: 1023px) {
  .p-top__why-list-item__reason span {
    font-size: 1.3rem;
    line-height: 1;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__why-list-item__reason span {
    font-size: 1.5rem;
    line-height: 1;
  }
}
.p-top__why-list-item__reason span::before {
  content: "";
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 0;
  translate: 0 -50%;
  display: block flow-root;
  width: 0.7rem;
  height: 0.7rem;
  background: #FF7F00;
  border-radius: 50%;
}
@media print, screen and (max-width: 1023px) {
  .p-top__why-list-item__reason img {
    display: none;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__why-list-item__reason img {
    width: 10rem;
  }
}

@media print, screen and (max-width: 1023px) {
  .p-top__why-list-item__txt {
    width: 100%;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__why-list-item__txt {
    width: 71rem;
  }
}

.p-top__why-list-item__txt-ttl {
  color: #0044DD;
  font-weight: 700;
}
@media print, screen and (max-width: 1023px) {
  .p-top__why-list-item__txt-ttl {
    font-size: 2rem;
    line-height: 1.4;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__why-list-item__txt-ttl {
    font-size: 2.4rem;
    line-height: 1.3333333333;
  }
}

@media print, screen and (max-width: 1023px) {
  .p-top__why-list-item__par {
    font-size: 1.4rem;
    line-height: 2;
    margin-block-start: 0.8rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__why-list-item__par {
    font-size: 1.6rem;
    line-height: 1.75;
    margin-block-start: 1.6rem;
  }
}

@media print, screen and (max-width: 1023px) {
  .p-top__why-list-item__dl {
    margin-block-start: 1.2rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__why-list-item__dl {
    margin-block-start: 1.6rem;
  }
}
.p-top__why-list-item__dl dt {
  color: #0044DD;
  text-align: center;
  width: -moz-fit-content;
  width: fit-content;
  background: #fff;
  border: 1px solid #0044DD;
  border-radius: 2lh;
}
@media print, screen and (max-width: 1023px) {
  .p-top__why-list-item__dl dt {
    font-size: 1.2rem;
    line-height: 1.5;
    padding-inline: 1.2rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__why-list-item__dl dt {
    font-size: 1.4rem;
    line-height: 1.4285714286;
    padding-inline: 1.4rem;
  }
}
@media print, screen and (max-width: 1023px) {
  .p-top__why-list-item__dl dd {
    margin-block-start: 0.6rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__why-list-item__dl dd {
    margin-block-start: 0.8rem;
  }
}

/** ---------------------------------------------------
 *
 * 無料でお試し
 *
 --------------------------------------------------- */
.p-top__trial {
  position: relative;
}
@media print, screen and (max-width: 1023px) {
  .p-top__trial {
    padding-inline: 1rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__trial {
    padding-inline: 4rem;
  }
}

.p-top__trial-ttl {
  position: absolute;
  inset-inline-start: 50%;
  translate: -50% 0;
  color: #fff;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.02em;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  z-index: 2;
}
@media print, screen and (max-width: 1023px) {
  .p-top__trial-ttl {
    inset-block-start: calc(-2.9rem - 2px);
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__trial-ttl {
    inset-block-start: calc(-4.7rem - 8px);
  }
}
.p-top__trial-ttl::before {
  content: "";
  position: absolute;
  display: block;
  background: #fff;
  border: solid #0044DD;
  z-index: 1;
}
@media print, screen and (max-width: 1023px) {
  .p-top__trial-ttl::before {
    inset: calc(-0.6rem - 1px);
    border-width: 1px;
    border-radius: calc(6.4rem + 1px);
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__trial-ttl::before {
    inset: calc(-0.8rem - 4px);
    border-width: 4px;
    border-radius: calc(7rem + 4px);
  }
}
.p-top__trial-ttl > span {
  position: relative;
  display: block flex;
  justify-content: center;
  align-items: last baseline;
  background: #0044DD;
  z-index: 2;
}
@media print, screen and (max-width: 1023px) {
  .p-top__trial-ttl > span {
    width: 28rem;
    font-size: 1.8rem;
    line-height: 1.3333333333;
    padding-block: 1.2rem;
    border-radius: 5.8rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__trial-ttl > span {
    width: 68.2rem;
    font-size: 4rem;
    line-height: 1.3;
    padding-block: 2.4rem;
    border-radius: 6.2rem;
  }
}
.p-top__trial-ttl > span > span {
  position: relative;
}
@media print, screen and (max-width: 1023px) {
  .p-top__trial-ttl > span > span {
    font-size: 2.4rem;
    line-height: 1;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__trial-ttl > span > span {
    font-size: 5.2rem;
    line-height: 1;
  }
}
.p-top__trial-ttl > span > span::before {
  content: "";
  display: block;
  background: #fff;
  border-radius: 50%;
  margin-block-end: 0.4rem;
  margin-inline: auto;
}
@media print, screen and (max-width: 1023px) {
  .p-top__trial-ttl > span > span::before {
    width: 0.5rem;
    height: 0.5rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__trial-ttl > span > span::before {
    width: 1rem;
    height: 1rem;
  }
}

.p-top__trial-inr {
  position: relative;
  background: #fff;
  overflow: hidden;
  z-index: 1;
}
@media print, screen and (max-width: 1023px) {
  .p-top__trial-inr {
    padding-block: 7.6rem 6rem;
    border-radius: 2rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__trial-inr {
    padding-block: 13.6rem 10rem;
    border-radius: 7rem;
  }
}

.p-top__trial-catch {
  color: #0044DD;
  font-weight: 700;
  text-align: center;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
@media print, screen and (max-width: 1023px) {
  .p-top__trial-catch {
    font-size: 2.4rem;
    line-height: 1.5833333333;
    letter-spacing: -0.02em;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__trial-catch {
    font-size: 4rem;
    line-height: 1.55;
  }
}
.p-top__trial-catch > span {
  position: relative;
  display: inline flow-root;
}
.p-top__trial-catch > span::before {
  content: "";
  inset-block: 0;
  inset-inline: -0.125em;
  position: absolute;
  background: #F0F7FF;
  z-index: 1;
}
.p-top__trial-catch > span > span {
  position: relative;
  display: inline flow-root;
  z-index: 1;
}

.p-top__trial-txt {
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
@media print, screen and (max-width: 1023px) {
  .p-top__trial-txt {
    font-size: 1.4rem;
    line-height: 1.8571428571;
    margin-block-start: 2rem;
    padding-inline: 2rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__trial-txt {
    font-size: 1.8rem;
    line-height: 1.7777777778;
    margin-block-start: 4rem;
  }
}

.p-top__trial-cta {
  margin-inline: auto;
}
@media print, screen and (max-width: 1023px) {
  .p-top__trial-cta {
    margin-block-start: 3rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__trial-cta {
    margin-block-start: 6rem;
  }
}

.p-top__trial-bg {
  position: absolute;
  opacity: 0.04;
  z-index: -1;
}
@media print, screen and (max-width: 1023px) {
  .p-top__trial-bg.m-01 {
    inset-block-end: 0;
    inset-inline-start: -2.8rem;
    width: 17.4rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__trial-bg.m-01 {
    inset-block-end: -1.7rem;
    inset-inline-start: -6rem;
    width: 50rem;
  }
}
@media print, screen and (max-width: 1023px) {
  .p-top__trial-bg.m-02 {
    inset-block-start: -3.5rem;
    inset-inline-end: -5.5rem;
    width: 20.2rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__trial-bg.m-02 {
    inset-block-start: -5.7rem;
    inset-inline-end: -12.7rem;
    width: 50.4rem;
  }
}

/** ---------------------------------------------------
 *
 * 申告の流れ
 *
 --------------------------------------------------- */
.p-top__flow {
  position: relative;
}
@media print, screen and (max-width: 1023px) {
  .p-top__flow {
    padding-block: 8rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__flow {
    padding-block: 10rem;
  }
}

.p-top__flow-inr {
  width: 100%;
  margin-inline: auto;
}
@media print, screen and (max-width: 1023px) {
  .p-top__flow-inr {
    padding-inline: clamp(2rem, 10.6666666667vw, 6rem);
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__flow-inr {
    max-width: 136rem;
    padding-inline: 5rem;
  }
}

.p-top__flow-list {
  display: block flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-inline: auto;
}
@media print, screen and (max-width: 1023px) {
  .p-top__flow-list {
    gap: 5rem 6rem;
    width: 30rem;
    margin-block-start: 3rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__flow-list {
    gap: 6rem 8rem;
    max-width: 106rem;
    margin-block-start: 6rem;
  }
}

.p-top__flow-list-item {
  position: relative;
  display: block flex;
  flex-direction: column;
  align-items: center;
  background: #fff;
  border-radius: 2rem;
}
@media print, screen and (max-width: 1023px) {
  .p-top__flow-list-item {
    justify-content: center;
    gap: 1.5rem;
    width: 30rem;
    padding-block: 3.5rem;
    padding-inline: 1.5rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__flow-list-item {
    gap: 2rem;
    width: clamp(30rem, 15.625vw, 30rem);
    height: 32rem;
    padding-block: 2.5rem;
    padding-inline: 2.5rem;
  }
}
.p-top__flow-list-item:not(:first-child)::before {
  content: "";
  position: absolute;
  display: block;
  background: center/cover url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NCAxOSI+PHBhdGggZmlsbD0iIzA0ZCIgZD0iTTUyLjcgOC43Yy0zLjItMi4xLTYtNC43LTguNC03LjZsLS41LS43LTMuNSAyLjEuNy45YzEuMSAxLjUgMi40IDIuOCAzLjcgNC4xSDIwLjF2NC4xaDI0LjZjLTEuNCAxLjItMi42IDIuNi0zLjcgNC4xbC0uNy45IDMuNSAyLjEuNS0uN2MyLjQtMyA1LjItNS41IDguNC03LjZsMS4zLS44LTEuMy0uOFoiLz48Y2lyY2xlIGN4PSIxMi40IiBjeT0iOS42IiByPSIyLjUiIGZpbGw9IiMwNGQiLz48Y2lyY2xlIGN4PSIyLjUiIGN5PSI5LjYiIHI9IjIuNSIgZmlsbD0iIzA0ZCIvPjwvc3ZnPg==");
}
@media print, screen and (max-width: 1023px) {
  .p-top__flow-list-item:not(:first-child)::before {
    inset-block-start: -2.9rem;
    inset-inline-start: 50%;
    translate: -50% 0;
    width: 2.7rem;
    height: 0.95rem;
    rotate: 90deg;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__flow-list-item:not(:first-child)::before {
    inset-block-start: 50%;
    inset-inline-start: -6.7rem;
    translate: 0 -50%;
    width: 5.4rem;
    height: 1.9rem;
  }
}

.p-top__flow-list-item__step {
  position: absolute;
  inset-inline-start: 0;
  display: block flex;
  align-items: center;
  gap: 0.25em;
  color: #fff;
  font-size: 1.6rem;
  line-height: 1.375;
  font-weight: 700;
  font-family: "Lato", "Helvetica Neue", "Helvetica", "Segoe UI", sans-serif;
  background: #0044DD;
  padding-block: 0.6rem;
  padding-inline: 2.2rem;
  border-radius: 0 6rem 6rem 0;
}
@media print, screen and (max-width: 1023px) {
  .p-top__flow-list-item__step {
    inset-block-start: 2rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__flow-list-item__step {
    inset-block-start: 2.5rem;
  }
}
.p-top__flow-list-item__step span {
  font-size: 2.2rem;
  line-height: 1;
  font-weight: 900;
}

.p-top__flow-list-item__icon {
  display: block flex;
  justify-content: center;
  align-items: center;
  height: 11.7rem;
}
@media print, screen and (max-width: 1023px) {
  .p-top__flow-list-item__icon {
    margin-block-start: 3rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__flow-list-item__icon {
    margin-block-start: 6rem;
  }
}
.p-top__flow-list-item__icon.m-01 img {
  width: 14.2rem;
}
.p-top__flow-list-item__icon.m-02 img {
  width: 6.8rem;
}
.p-top__flow-list-item__icon.m-03 img {
  width: 13.3rem;
}
.p-top__flow-list-item__icon.m-04 img {
  width: 16.2rem;
}
.p-top__flow-list-item__icon.m-05 img {
  width: 11.7rem;
}
.p-top__flow-list-item__icon img {
  max-width: 100%;
  max-height: 100%;
}

.p-top__flow-list-item__ttl {
  font-size: 1.8rem;
  line-height: 1.3333333333;
  font-weight: 700;
  text-align: center;
}
.p-top__flow-list-item__ttl span {
  display: block flow;
  font-weight: 400;
  margin-block-start: 0.4rem;
}
@media print, screen and (max-width: 1023px) {
  .p-top__flow-list-item__ttl span {
    font-size: 1.2rem;
    line-height: 1.3333333333;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__flow-list-item__ttl span {
    font-size: 1.3rem;
    line-height: 1.3076923077;
  }
}

/** ---------------------------------------------------
 *
 * よくある質問
 *
 --------------------------------------------------- */
.p-top__faq {
  position: relative;
  background: #fff;
}
@media print, screen and (max-width: 1023px) {
  .p-top__faq {
    padding-block: 8rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__faq {
    padding-block: 10rem;
  }
}

.p-top__faq-list {
  display: block flex;
  flex-direction: column;
}
@media print, screen and (max-width: 1023px) {
  .p-top__faq-list {
    gap: 2rem;
    margin-block-start: 3rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__faq-list {
    gap: 3rem;
    margin-block-start: 6rem;
  }
}

.p-top__faq-list-item {
  background: #F0F7FF;
  overflow: hidden;
}
@media print, screen and (max-width: 1023px) {
  .p-top__faq-list-item {
    border-radius: 1rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__faq-list-item {
    border-radius: 2rem;
  }
}

.p-top__faq-list-item__head {
  position: relative;
  border-block-end: 2px solid #fff;
}
@media print, screen and (max-width: 1023px) {
  .p-top__faq-list-item__head {
    padding-block: 1.5rem;
    padding-inline: 1.5rem 4rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__faq-list-item__head {
    padding-block: 3rem;
    padding-inline: 3rem 7.5rem;
  }
}

.p-top__faq-list-item__head-ttl {
  position: relative;
  display: block flex;
  align-items: flex-start;
  font-weight: 700;
  pointer-events: none;
  z-index: 2;
}
@media print, screen and (max-width: 1023px) {
  .p-top__faq-list-item__head-ttl {
    gap: 0.6rem;
    font-size: 1.6rem;
    line-height: 1.5625;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__faq-list-item__head-ttl {
    gap: 1.2rem;
    font-size: 2rem;
    line-height: 1.7;
  }
}
.p-top__faq-list-item__head-ttl::before {
  content: "Q";
  position: relative;
  display: block grid;
  place-items: center;
  color: #fff;
  font-family: "Lato", "Helvetica Neue", "Helvetica", "Segoe UI", sans-serif;
  font-weight: 900;
  background: #0044DD;
  border-radius: 50%;
}
@media print, screen and (max-width: 1023px) {
  .p-top__faq-list-item__head-ttl::before {
    min-width: 2.5rem;
    min-height: 2.5rem;
    font-size: 1.1rem;
    line-height: 1;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__faq-list-item__head-ttl::before {
    min-width: 3.4rem;
    min-height: 3.4rem;
    font-size: 1.5rem;
    line-height: 1;
  }
}

.p-top__faq-list-item__btn {
  position: absolute;
  inset: 0;
  background: transparent;
  padding: 0;
  border: none;
  border-radius: 0;
  z-index: 1;
}
@media print, screen and (max-width: 1023px) {
  .p-top__faq-list-item__btn {
    border-radius: 1rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__faq-list-item__btn {
    border-radius: 2rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .p-top__faq-list-item__btn:hover {
    background: #D5E8FF;
  }
}
@media print, screen and (max-width: 1023px) {
  .p-top__faq-list-item__btn[aria-expanded=true] {
    border-radius: 1rem 1rem 0 0;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__faq-list-item__btn[aria-expanded=true] {
    border-radius: 2rem 2rem 0 0;
  }
}
.p-top__faq-list-item__btn[aria-expanded=true]::after {
  inset-block-start: 4px;
  rotate: 225deg;
}
.p-top__faq-list-item__btn::after {
  content: "";
  position: relative;
  display: block flow;
  margin-inline-start: auto;
  border-block-end: solid #0044DD;
  border-inline-end: solid #0044DD;
  rotate: 45deg;
  transform-origin: center;
  transition: 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition-property: inset, rotate;
}
@media print, screen and (max-width: 1023px) {
  .p-top__faq-list-item__btn::after {
    width: 0.65em;
    height: 0.65em;
    inset-block-start: -2px;
    margin-inline-end: 1.5rem;
    border-width: 2px;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__faq-list-item__btn::after {
    width: 1em;
    height: 1em;
    inset-block-start: -4px;
    margin-inline-end: 3rem;
    border-width: 4px;
  }
}

.p-top__faq-list-item__panel {
  display: block grid;
  grid-template-rows: 0fr;
  transition: 0.4s ease grid-template-rows;
}
.p-top__faq-list-item__panel[aria-hidden=false] {
  grid-template-rows: 1fr;
}

.p-top__faq-list-item__panel-inr {
  overflow: hidden;
}

@media print, screen and (max-width: 1023px) {
  .p-top__faq-list-item__content {
    padding-block: 1rem;
    padding-inline: 1.5rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__faq-list-item__content {
    padding-block: 2.5rem;
    padding-inline: 3rem;
  }
}

@media print, screen and (max-width: 1023px) {
  .p-top__faq-list-item__content-txt-par {
    font-size: 1.4rem;
    line-height: 1.8571428571;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__faq-list-item__content-txt-par {
    font-size: 1.8rem;
    line-height: 1.7777777778;
  }
}

.p-top__faq-more-list {
  display: block flex;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
@media print, screen and (max-width: 1023px) {
  .p-top__faq-more-list {
    flex-direction: column;
    gap: 2rem;
    margin-block-start: 3rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__faq-more-list {
    gap: 8rem;
    margin-block-start: 8rem;
  }
}

.p-top__faq-more {
  margin-block: 0 !important;
  margin-inline: 0 !important;
}

/** ---------------------------------------------------
 *
 * ニュース
 *
 --------------------------------------------------- */
.p-top__news {
  position: relative;
  background: #FAFAFA;
}
@media print, screen and (max-width: 1023px) {
  .p-top__news {
    padding-block: 8rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__news {
    padding-block: 10rem;
  }
}

.p-top__news-list {
  margin-block-start: 2.4rem;
}

.p-top__news-more {
  margin-inline: auto;
}
@media print, screen and (max-width: 1023px) {
  .p-top__news-more {
    margin-block-start: 3rem !important;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-top__news-more {
    margin-block-start: 8rem !important;
  }
}

/* ---------------------------------------------------
  お知らせ
--------------------------------------------------- */
.p-news {
  position: relative;
  overflow-x: clip;
}

@media print, screen and (max-width: 1023px) {
  .p-news__archive {
    margin-block: 2rem 6rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-news__archive {
    margin-block: 4rem 12rem;
  }
}
.p-news__archive .c-news-list__item::after {
  background: #F7F7F7;
}

.p-news__cate-list {
  display: block flex;
}
@media print, screen and (max-width: 1023px) {
  .p-news__cate-list {
    gap: 1rem 2rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-news__cate-list {
    gap: 1.5rem 3rem;
  }
}

.p-news__cate-list-item a,
.p-news__cate-list-item span {
  display: block flex;
  justify-content: center;
  align-items: center;
  color: #0044DD;
  text-align: center;
  background: #fff;
  padding-block: 0.5rem;
  border-radius: 2rem;
  border: 1px solid #0044DD;
}
@media print, screen and (max-width: 1023px) {
  .p-news__cate-list-item a,
  .p-news__cate-list-item span {
    font-size: 1.6rem;
    line-height: 1.25;
    min-width: 9.2rem;
    padding-inline: 1.5rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-news__cate-list-item a,
  .p-news__cate-list-item span {
    font-size: 2.1rem;
    line-height: 1.2380952381;
    min-width: 14.8rem;
    padding-inline: 2rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .p-news__cate-list-item a:hover,
  .p-news__cate-list-item span:hover {
    color: #fff;
    background: #0044DD;
  }
}
.p-news__cate-list-item a.is-active,
.p-news__cate-list-item span.is-active {
  color: #fff;
  background: #0044DD;
}

.p-news__single-head-date {
  display: block flex;
  align-items: center;
  flex-wrap: wrap;
}
@media print, screen and (max-width: 1023px) {
  .p-news__single-head-date {
    gap: 0.75rem 1rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-news__single-head-date {
    gap: 1rem 2rem;
  }
}

.p-news__single-head-date__date {
  font-family: "Lato", "Helvetica Neue", "Helvetica", "Segoe UI", sans-serif;
}
@media print, screen and (max-width: 1023px) {
  .p-news__single-head-date__date {
    font-size: 1.2rem;
    line-height: 1;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-news__single-head-date__date {
    font-size: 1.5rem;
    line-height: 1;
  }
}

@media print, screen and (max-width: 1023px) {
  .p-news__single-head-date__cate-list-item {
    font-size: 1.2rem;
    line-height: 1.5;
    min-width: 7.5rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-news__single-head-date__cate-list-item {
    font-size: 1.5rem;
    line-height: 1.4666666667;
    min-width: 10rem;
  }
}

@media print, screen and (max-width: 1023px) {
  .p-news__single-head-ttl {
    margin-block-start: 1.8rem;
    font-size: 2rem;
    line-height: 1.5;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-news__single-head-ttl {
    margin-block-start: 2.4rem;
    font-size: 2.5rem;
    line-height: 1.6;
  }
}

@media print, screen and (max-width: 1023px) {
  .p-news__single-contents {
    margin-block-start: 4rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-news__single-contents {
    margin-block-start: 7rem;
  }
}

@media print, screen and (max-width: 1023px) {
  .p-news__single-back {
    margin-block-start: 5rem !important;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-news__single-back {
    margin-block-start: 9rem !important;
  }
}

/* ---------------------------------------------------
  FAQ
--------------------------------------------------- */
.p-faq {
  position: relative;
  overflow-x: clip;
}

.p-faq__index {
  background: #F0F7FF;
  border: 1px solid #DDD;
  border-radius: 1rem;
}
@media print, screen and (max-width: 1023px) {
  .p-faq__index {
    margin-block-start: 5rem;
    padding-block: 1.5rem;
    padding-inline: 2rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-faq__index {
    margin-block-start: 8rem;
    padding-block: 4.5rem;
    padding-inline: 5rem;
  }
}

.p-faq__index-ttl {
  color: #0044DD;
  font-weight: 700;
}
@media print, screen and (max-width: 1023px) {
  .p-faq__index-ttl {
    font-size: 2rem;
    line-height: 1.8;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-faq__index-ttl {
    font-size: 3rem;
    line-height: 1.8666666667;
  }
}

.p-faq__index-list {
  display: flex;
  flex-wrap: wrap;
  font-weight: 500;
}
@media print, screen and (max-width: 1023px) {
  .p-faq__index-list {
    gap: 0.75rem 2rem;
    margin-block-start: 1rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-faq__index-list {
    gap: 1.5rem 4rem;
    margin-block-start: 2.5rem;
  }
}

.p-faq__index-list-item {
  text-indent: -0.625em;
  padding-inline-start: 0.625em;
}
@media print, screen and (max-width: 1023px) {
  .p-faq__index-list-item {
    width: 100%;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-faq__index-list-item {
    width: calc((100% - 4rem) / 2);
  }
}
.p-faq__index-list-item::before {
  content: "Q.";
  display: inline flow-root;
}

.p-faq__article-list {
  display: block flex;
  flex-direction: column;
}
@media print, screen and (max-width: 1023px) {
  .p-faq__article-list {
    gap: 3.5rem;
    margin-block-start: 5rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-faq__article-list {
    gap: 5rem;
    margin-block-start: 8rem;
  }
}
@media print, screen and (max-width: 1023px) {
  .p-faq__article-list + * {
    margin-block-start: 5rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-faq__article-list + * {
    margin-block-start: 8rem;
  }
}

.p-faq__article-list-item {
  background: #fff;
  overflow: hidden;
}

.p-faq__article-list-item__head {
  position: relative;
  border-block-end: 2px solid #E4E4E4;
}

.p-faq__article-list-item__head-ttl {
  position: relative;
  display: block flex;
  align-items: flex-start;
  font-weight: 700;
  pointer-events: none;
  z-index: 2;
}
@media print, screen and (max-width: 1023px) {
  .p-faq__article-list-item__head-ttl {
    gap: 0.6rem;
    font-size: 1.6rem;
    line-height: 1.75;
    padding-block: 1rem;
    padding-inline: 5.5rem 4rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-faq__article-list-item__head-ttl {
    gap: 1.2rem;
    font-size: 2.2rem;
    line-height: 1.8181818182;
    padding-block: 2.5rem;
    padding-inline: 11rem 7.5rem;
  }
}
.p-faq__article-list-item__head-ttl::before {
  content: "Q";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  display: block grid;
  place-items: center;
  color: #fff;
  font-family: "Lato", "Helvetica Neue", "Helvetica", "Segoe UI", sans-serif;
  font-weight: 900;
  height: 100%;
  background: #0044DD;
}
@media print, screen and (max-width: 1023px) {
  .p-faq__article-list-item__head-ttl::before {
    width: 4rem;
    font-size: 2rem;
    line-height: 1;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-faq__article-list-item__head-ttl::before {
    width: 8rem;
    font-size: 3.5rem;
    line-height: 1;
  }
}

.p-faq__article-list-item__btn {
  position: absolute;
  inset: 0;
  background: transparent;
  padding: 0;
  border: none;
  border-radius: 0;
  z-index: 1;
}
@media (hover: hover) and (pointer: fine) {
  .p-faq__article-list-item__btn:hover {
    background: #F0F7FF;
  }
}
.p-faq__article-list-item__btn[aria-expanded=true]::after {
  inset-block-start: 4px;
  rotate: 225deg;
}
.p-faq__article-list-item__btn::after {
  content: "";
  position: relative;
  display: block flow;
  margin-inline-start: auto;
  border-block-end: solid #0044DD;
  border-inline-end: solid #0044DD;
  rotate: 45deg;
  transform-origin: center;
  transition: 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition-property: inset, rotate;
}
@media print, screen and (max-width: 1023px) {
  .p-faq__article-list-item__btn::after {
    width: 0.65em;
    height: 0.65em;
    inset-block-start: -2px;
    margin-inline-end: 1.5rem;
    border-width: 2px;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-faq__article-list-item__btn::after {
    width: 1em;
    height: 1em;
    inset-block-start: -4px;
    margin-inline-end: 3rem;
    border-width: 4px;
  }
}

.p-faq__article-list-item__panel {
  display: block grid;
  grid-template-rows: 0fr;
  transition: 0.4s ease grid-template-rows;
}
.p-faq__article-list-item__panel[aria-hidden=false] {
  grid-template-rows: 1fr;
}

.p-faq__article-list-item__panel-inr {
  overflow: hidden;
}

.p-faq__article-list-item__content {
  position: relative;
}
@media print, screen and (max-width: 1023px) {
  .p-faq__article-list-item__content {
    padding-block: 1rem;
    padding-inline: 5rem 1.5rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-faq__article-list-item__content {
    padding-block: 2.5rem;
    padding-inline: 11rem 3rem;
  }
}
.p-faq__article-list-item__content::before {
  content: "A";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  display: block grid;
  place-items: center;
  color: #0044DD;
  font-family: "Lato", "Helvetica Neue", "Helvetica", "Segoe UI", sans-serif;
  font-weight: 900;
  height: 100%;
  background: #fff;
}
@media print, screen and (max-width: 1023px) {
  .p-faq__article-list-item__content::before {
    width: 4rem;
    font-size: 2rem;
    line-height: 1;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-faq__article-list-item__content::before {
    width: 8rem;
    font-size: 3.5rem;
    line-height: 1;
  }
}

@media print, screen and (max-width: 1023px) {
  .p-faq__article-list-item__content-txt-par {
    font-size: 1.4rem;
    line-height: 1.8571428571;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-faq__article-list-item__content-txt-par {
    font-size: 1.8rem;
    line-height: 1.7777777778;
  }
}

/* ---------------------------------------------------
  ダウンロード
--------------------------------------------------- */
.p-download__btns-dl {
  display: flex;
  border-block-start: 1px solid #ddd;
  border-inline-start: 1px solid #ddd;
}
@media print, screen and (max-width: 1023px) {
  .p-download__btns-dl {
    flex-direction: column;
    width: auto;
    margin-block-start: 6rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-download__btns-dl {
    flex-direction: row;
    flex-wrap: wrap;
    width: 107rem;
    margin-block-start: 9rem;
  }
}

.p-download__btns-dt {
  display: flex;
  justify-content: center;
  align-items: center;
  border-block-end: 1px solid #ddd;
  border-inline-end: 1px solid #ddd;
}
@media print, screen and (max-width: 1023px) {
  .p-download__btns-dt {
    width: auto;
    padding: 2rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-download__btns-dt {
    width: 33.5rem;
    height: 15rem;
  }
}

.p-download__btns-dd {
  display: flex;
  align-items: center;
  border-block-end: 1px solid #ddd;
  border-inline-end: 1px solid #ddd;
}
@media print, screen and (max-width: 1023px) {
  .p-download__btns-dd {
    width: auto;
    padding: 2rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-download__btns-dd {
    width: calc(100% - 33.5rem);
    height: 15rem;
    padding: 0 4rem;
  }
}

@media print, screen and (max-width: 1023px) {
  .p-download__how-to-install {
    margin-block-start: 6rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-download__how-to-install {
    margin-block-start: 9rem;
  }
}

@media print, screen and (max-width: 1023px) {
  .p-download__how-to-install-txt {
    margin-block-start: 3rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-download__how-to-install-txt {
    margin-block-start: 5rem;
  }
}

@media print, screen and (max-width: 1023px) {
  .p-download__how-to-install-img {
    margin-block-start: 2rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-download__how-to-install-img {
    margin-block-start: 3rem;
  }
}
@media print, screen and (max-width: 1023px) {
  .p-download__how-to-install-img.p-download__how-to-install-img01 {
    width: 100%;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-download__how-to-install-img.p-download__how-to-install-img01 {
    width: 55.6rem;
  }
}
@media print, screen and (max-width: 1023px) {
  .p-download__how-to-install-img.p-download__how-to-install-img02 {
    width: 100%;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-download__how-to-install-img.p-download__how-to-install-img02 {
    width: 101.4rem;
  }
}
@media print, screen and (max-width: 1023px) {
  .p-download__how-to-install-img.p-download__how-to-install-img03 {
    width: 100%;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-download__how-to-install-img.p-download__how-to-install-img03 {
    width: 101.4rem;
  }
}
@media print, screen and (max-width: 1023px) {
  .p-download__how-to-install-img.p-download__how-to-install-img04 {
    width: 100%;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-download__how-to-install-img.p-download__how-to-install-img04 {
    width: 82.7rem;
  }
}

/* ---------------------------------------------------
  お問い合わせ
--------------------------------------------------- */
.p-contact-notice {
  text-align: center;
}
@media print, screen and (max-width: 1023px) {
  .p-contact-notice {
    font-size: 1.4rem;
    line-height: 1.8571428571;
    margin-block-end: 6rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-contact-notice {
    font-size: 1.8rem;
    line-height: 1.7777777778;
    margin-block-end: 10rem;
  }
}

.p-contact-form {
  background: #F0F7FF;
}
@media print, screen and (max-width: 1023px) {
  .p-contact-form {
    padding-block: 3.2rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-contact-form {
    padding-block: 6.4rem;
  }
}

.p-contact-form__inr {
  background: #fff;
}
@media print, screen and (max-width: 1023px) {
  .p-contact-form__inr {
    padding-block: 3rem 5rem;
    padding-inline: 2rem;
    border-radius: 2rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-contact-form__inr {
    padding-block: 5rem;
    padding-inline: 5rem;
    border-radius: 5rem;
  }
}

.p-contact-form__comp {
  display: block grid;
  place-items: center;
}
@media print, screen and (max-width: 1023px) {
  .p-contact-form__comp {
    margin-block: 2rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-contact-form__comp {
    margin-block: 4rem;
  }
}

@media print, screen and (max-width: 1023px) {
  .p-contact-form__comp-ttl {
    font-size: 1.8rem;
    line-height: 1;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-contact-form__comp-ttl {
    font-size: 2.6rem;
    line-height: 1;
  }
}
@media print, screen and (max-width: 1023px) {
  .p-contact-form__comp-ttl + * {
    margin-block-start: 2.1rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-contact-form__comp-ttl + * {
    margin-block-start: 4.2rem;
  }
}

.p-contact-form__comp-par {
  text-align: center;
}
@media print, screen and (max-width: 1023px) {
  .p-contact-form__comp-par {
    font-size: 1.4rem;
    line-height: 1.8571428571;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-contact-form__comp-par {
    font-size: 1.8rem;
    line-height: 1.7777777778;
  }
}
.p-contact-form__comp-par:not(:first-of-type) {
  margin-block-start: 1.5em;
}

/* ---------------------------------------------------
  404
--------------------------------------------------- */
.p-404 {
  display: grid;
  place-content: center;
  min-height: calc(100vh - var(--header-height));
  overflow-x: clip;
}
@media print, screen and (max-width: 1023px) {
  .p-404 {
    padding-block: 9.6rem 12.8rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-404 {
    padding-block: 14.8rem 21.6rem;
  }
}

.p-404__ttl {
  color: #0044DD;
  font-family: "Lato", "Helvetica Neue", "Helvetica", "Segoe UI", sans-serif;
  text-align: center;
  font-weight: 700;
}
@media print, screen and (max-width: 1023px) {
  .p-404__ttl {
    font-size: 3.6rem;
    line-height: 1;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-404__ttl {
    font-size: 7.2rem;
    line-height: 1;
  }
}
@media print, screen and (max-width: 1023px) {
  .p-404__ttl span {
    font-size: 12.8rem;
    line-height: 1;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-404__ttl span {
    font-size: 25.6rem;
    line-height: 1;
  }
}

.p-404__txt {
  text-align: center;
}
@media print, screen and (max-width: 1023px) {
  .p-404__txt {
    font-size: 1.4rem;
    line-height: 1.7142857143;
    margin-block-start: 5.4rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-404__txt {
    font-size: 1.8rem;
    line-height: 1.7777777778;
    margin-block-start: 7.2rem;
  }
}

.p-404__btn {
  margin-inline: auto;
}
@media print, screen and (max-width: 1023px) {
  .p-404__btn {
    margin-block-start: 2.7rem !important;
  }
}
@media print, screen and (min-width: 1024px) {
  .p-404__btn {
    margin-block-start: 3.6rem !important;
  }
}

/* ---------------------------------------------------
  Utility
--------------------------------------------------- */
.u-container {
  position: relative;
  width: 100%;
  margin-inline: auto;
}
@media print, screen and (max-width: 1023px) {
  .u-container {
    padding-inline: clamp(1.5rem, 5.3333333333vw, 3rem);
  }
}
@media print, screen and (min-width: 1024px) {
  .u-container {
    max-width: 156rem;
    padding-inline: 5rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .u-container.m-small {
    max-width: 110rem;
  }
}

.u-none {
  display: none;
}

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

@media print, screen and (min-width: 1024px) {
  .u-only-sp {
    display: none;
  }
}

.u-ta-just {
  -moz-text-align-last: left;
  text-align-last: left; /* Chrome・Firefox用 */
  text-align: justify; /* IE・Edge用 */
}

.u-ta-c {
  text-align: center;
}

.u-ta-r {
  text-align: right;
}

.u-space:not(:first-child) {
  margin-block-start: 1lh;
}

.u-space075:not(:first-child) {
  margin-block-start: 0.75lh;
}

.u-space05:not(:first-child) {
  margin-block-start: 0.5lh;
}

.u-space025:not(:first-child) {
  margin-block-start: 0.25lh;
}

.u-listindent li {
  padding-inline-start: 1em;
  text-indent: -1em;
}

.u-cant-click {
  pointer-events: none;
}

.u-hover-fade {
  position: relative;
  display: block flow;
  background: #fff;
  overflow: hidden;
  z-index: 1;
}
.u-hover-fade:before {
  content: "";
  display: block flow;
  position: absolute;
  inset: 0;
  background: #222;
  opacity: 0;
  transition: 0.4s cubic-bezier(0.25, 0.1, 0.25, 1) opacity;
  z-index: 2;
}
@media (hover: hover) and (pointer: fine) {
  .u-hover-fade:hover:before {
    opacity: 0.2;
  }
  .u-hover-fade:hover img {
    opacity: 1;
  }
}

.u-hover-lighten {
  transition: 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition-property: opacity;
}
@media (hover: hover) and (pointer: fine) {
  .u-hover-lighten:hover {
    opacity: 0.7;
  }
}

.u-hover-line {
  -webkit-text-decoration: underline currentcolor;
  text-decoration: underline currentcolor;
  transition: 0.4s cubic-bezier(0.25, 0.1, 0.25, 1) -webkit-text-decoration;
  transition: 0.4s cubic-bezier(0.25, 0.1, 0.25, 1) text-decoration;
  transition: 0.4s cubic-bezier(0.25, 0.1, 0.25, 1) text-decoration, 0.4s cubic-bezier(0.25, 0.1, 0.25, 1) -webkit-text-decoration;
}
@media (hover: hover) and (pointer: fine) {
  .u-hover-line:hover {
    -webkit-text-decoration: underline transparent;
    text-decoration: underline transparent;
  }
}

.u-hover-zoom img {
  transition: 0.4s cubic-bezier(0.25, 0.1, 0.25, 1) scale;
  transform-origin: center;
}
@media (hover: hover) and (pointer: fine) {
  .u-hover-zoom:hover img {
    scale: 1.2;
  }
}

.u-of {
  overflow: hidden;
}
.u-of img,
.u-of video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50%;
  object-position: 50%;
}

.u-img-auto {
  width: auto;
  max-width: 100%;
  margin-inline: auto;
}

.u-noimg {
  display: block flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: 1;
}
.u-noimg img {
  position: relative;
  height: auto;
  z-index: 2;
}
@media print, screen and (max-width: 1023px) {
  .u-noimg img {
    width: 2.1rem;
  }
}
@media print, screen and (min-width: 1024px) {
  .u-noimg img {
    width: 4.3rem;
  }
}

.u-validation {
  color: #F20E0E;
}
@media print, screen and (max-width: 1023px) {
  .u-validation {
    font-size: 2.6rem;
    line-height: 1.3846153846;
  }
}
@media print, screen and (min-width: 1024px) {
  .u-validation {
    font-size: 1.8rem;
    line-height: 1.5555555556;
  }
}
.u-validation:empty {
  display: none;
}

.u-red-em {
  color: #FF1D1D;
}

.u-firstletter::first-letter {
  font-size: 2em;
  font-weight: 700;
}

.u-overlay {
  position: fixed;
  inset: 0;
  z-index: 8999;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.u-f-palt {
  font-feature-settings: "palt";
}

.u-fw-thin {
  font-weight: 100;
}

.u-fw-extralight {
  font-weight: 200;
}

.u-fw-light {
  font-weight: 300;
}

.u-fw-nomarl {
  font-weight: 400;
}

.u-fw-medium {
  font-weight: 500;
}

.u-fw-semibold {
  font-weight: 600;
}

.u-fw-bold {
  font-weight: 700;
}

.u-fw-extrabold {
  font-weight: 800;
}

.u-fw-black {
  font-weight: 900;
}

.u-ls-50 {
  letter-spacing: 0.05em;
}

.u-ls-75 {
  letter-spacing: 0.075em;
}

.u-ls-100 {
  letter-spacing: 0.1em;
}

.grecaptcha-badge {
  width: 70px !important;
  overflow: hidden !important;
  transition: 0.3s ease !important;
  inset-inline-start: 0 !important;
  z-index: 1000;
}

.grecaptcha-badge:hover {
  width: 256px !important;
}

/* ---------------------------------------------------
  JavaScript
--------------------------------------------------- */
/**
 * アコーディオン
 */
.js-acc > .js-acc-toggle {
  cursor: pointer;
}
.js-acc > .js-acc-submenu {
  display: none;
}
.js-acc > .js-acc-submenu.is-acc-open {
  display: block flow;
}

/**
 * テーブルスクロール
 */
@media print, screen and (max-width: 1023px) {
  .js-scrollable .c-table {
    text-wrap: nowrap;
  }
}

/**
 * ブラー
 */
.js-blur {
  opacity: 0;
  transform: translateY(0.5rem);
  filter: blur(4px);
  transition: 1s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition-property: opacity, transform, filter;
}
.js-blur.is-active {
  opacity: 1;
  transform: translateY(0);
  filter: blur(0);
}
/*# sourceMappingURL=map/style.css.map */