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

ul[class], ol[class] {
  padding: 0;
}

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

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

ul[class], ol[class] {
  list-style: none;
}

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

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

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

@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
* {
  margin: 0;
  padding: 0;
}

:root {
  --h1: 3.2rem;
  --h2: 2.8rem;
  --h3: 2.4rem;
  --h4: 2rem;
  --primary: #0099d9;
  --secondary: #00bdad;
  --tertiary: #8d6aaa;
  --black: #212121;
  --blue: #0065bd;
  --yellow: #fdd835;
  --border: #efefef;
  --inner: 120rem;
}
@media screen and (max-width: 920px) {
  :root {
    --h1: 2.4rem;
    --h2: 1.6rem;
    --h3: 1.6rem;
    --h4: 1.6rem;
  }
}

html {
  scroll-padding-top: 9rem;
  font-size: 62.5%;
}
@media screen and (max-width: 1279px) {
  html {
    font-size: 0.7320644217vw;
  }
}
@media screen and (max-width: 920px) {
  html {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 750px) {
  html {
    scroll-padding-top: 6.8rem;
    font-size: 2.6666666667vw;
  }
}

body {
  font-family: YakuHanJP_Noto, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-feature-settings: "palt";
  background-size: 100%;
  background: #f1f1f1;
  font-size: 1.7rem;
  line-height: 1.5;
  color: var(--black);
  position: relative;
}
@media print, screen and (min-width: 921px) {
  body {
    overflow-x: clip;
  }
}
@media screen and (max-width: 920px) {
  body iframe {
    width: 100%;
    height: 19rem;
  }
}
body #particles-js {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: -1;
}

b {
  font-weight: bold;
}

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

input[type=submit] {
  appearance: none;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
}

svg {
  max-width: 100%;
  height: auto;
  display: block;
}

@media screen and (max-width: 920px) {
  .main {
    overflow: hidden;
  }
}

p {
  font-size: 1.6rem;
  line-height: 2.1875;
}
@media screen and (max-width: 920px) {
  p {
    font-size: 1.4rem;
    line-height: 1.7857142857;
  }
}

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

video {
  max-width: 100%;
}

button {
  appearance: none;
  border: 0;
}

.sections {
  margin-bottom: 9.7rem;
}

.svg-defs {
  display: none;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10001;
  transition: 0.3s;
}
@media screen and (max-width: 920px) {
  .header.is-active {
    top: -20rem !important;
  }
}
.header.is-scroll {
  top: 0;
}
.header.is-scroll::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: transparent;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}
@media print, screen and (min-width: 921px) {
  .header.is-scroll .header__logo {
    scale: 0.75;
  }
}
@media screen and (max-width: 920px) {
  .header.is-scroll .header__logo {
    scale: 0.94;
  }
}
@media screen and (max-width: 920px) {
  .header {
    width: 100%;
    left: 0;
    top: 0;
  }
}
.header__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header__logo {
  position: relative;
  z-index: 10;
  width: 44.5rem;
  height: 7.3rem;
  background-image: url("../images/logo.svg");
  background-repeat: no-repeat;
  background-size: contain;
  font-size: 0;
  transition: 0.3s;
  margin-left: 6rem;
  margin-top: 1rem;
}
@media screen and (max-width: 920px) {
  .header__logo {
    margin-left: 1.5rem;
    margin-top: 1rem;
    width: 24.7rem;
    height: 4.8rem;
  }
}

.header-navi {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 99999;
}
.header-navi::before {
  content: "";
  background-image: url("../images/cta-bg.png");
  background-size: contain;
  width: calc(100% - 6rem);
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 1;
}
@media screen and (max-width: 920px) {
  .header-navi {
    width: 6rem;
    height: 6rem;
  }
}
.header-navi__item {
  font-weight: bold;
  text-align: center;
  width: 10rem;
  height: 9rem;
  background: var(--tertiary);
  text-align: center;
  color: #fff;
  line-height: 1;
  font-size: 1.4rem;
  transition: cubic-bezier(0.15, 0.05, 0.25, 1) 0.3s;
}
.header-navi__item-icon {
  width: 3.6rem;
  height: 3rem;
  margin: 1.1rem auto 0.8rem;
}
.header-navi__item-icon svg {
  position: absolute;
}
.header-navi__item:nth-child(2) {
  background: var(--primary);
  padding: 1rem 0 0;
}
.header-navi__item:nth-child(3) {
  background-color: #06c655;
  padding: 1rem 0 0;
}
.header-navi__item:hover {
  opacity: 0.6;
}
.header-navi__item > span {
  transition: 0.4s;
}
@media print, screen and (min-width: 921px) {
  .header-navi__item:hover img {
    animation: bound-anim 1s infinite;
  }
}
.header-navi__item img {
  position: relative;
  margin: auto;
}
@keyframes bound-anim {
  0%, 100% {
    top: 0;
    transform: scale(1);
  }
  30% {
    top: -0.4rem;
    transform: scale(0.96, 1.04);
  }
  60% {
    transform: scale(1);
  }
  90% {
    top: 0;
    transform: scale(1.15, 0.9);
  }
}
@media screen and (max-width: 920px) {
  .header-navi__item {
    display: none;
  }
}

.header-navi-button {
  width: 6rem;
  height: 9rem;
  background-color: var(--black);
  font-family: "din-2014-narrow", sans-serif;
  text-align: center;
  font-size: 1.4rem;
  padding: 3rem 2.2rem;
  position: relative;
}
.header-navi-button::after {
  content: "MENU";
  font-size: 1.6rem;
  color: #fff;
  position: absolute;
  left: 50%;
  width: 6rem;
  text-align: center;
  display: block;
  transform: translate(-50%, 0);
  font-family: "din-2014-narrow", sans-serif;
  top: 3.15rem;
  font-size: 1.2rem;
  font-weight: bold;
}
@media print, screen and (min-width: 921px) {
  .header-navi-button::after {
    top: 5.45rem;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 920px) {
  .header-navi-button {
    flex: 0 0 6rem;
    height: 6rem;
    margin-left: 0;
    padding: 1rem 0 0;
  }
}
.header-navi-button__bars {
  font-size: 0;
  position: relative;
  top: -1rem;
}
@media screen and (max-width: 920px) {
  .header-navi-button__bars {
    margin: 1rem 2.1rem;
  }
}
.header-navi-button__bar {
  display: inline-block;
  width: 2px;
  height: 3rem;
  background-color: #fff;
  transition: transform 0.3s;
  position: absolute;
}
@media screen and (max-width: 920px) {
  .header-navi-button__bar {
    height: 2rem;
  }
}
.header-navi-button__bar:nth-child(1) {
  left: 0;
}
.header-navi-button__bar:nth-child(2) {
  left: 0.7rem;
}
.header-navi-button__bar:nth-child(3) {
  left: 1.4rem;
}
.header-navi-button.is-open .header-navi-button__bars {
  top: 3%;
}
.header-navi-button.is-open .header-navi-button__bar {
  position: absolute;
  left: 50%;
  top: 50%;
}
.header-navi-button.is-open .header-navi-button__bar:nth-child(1) {
  transform: translate(-50%, -50%) rotate(25deg);
}
.header-navi-button.is-open .header-navi-button__bar:nth-child(2) {
  opacity: 0;
}
.header-navi-button.is-open .header-navi-button__bar:nth-child(3) {
  transform: translate(-50%, -50%) rotate(-25deg);
}
.header-drawer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: 0.4s;
  transform: translate(0, -200%);
  z-index: 12;
}
.header-drawer .c-page-head-circle--1 {
  top: -6.2rem;
  left: auto;
  right: -21rem;
}
.header-drawer .c-page-head-circle--2 {
  top: 16.7rem;
  left: -30rem;
}
@media screen and (max-width: 920px) {
  .header-drawer .c-global-link-group__title.js-sp-toggle {
    background-position: top 0.5rem right 0;
    background-repeat: no-repeat;
  }
  .header-drawer .c-global-link-group__title.js-sp-toggle.is-active {
    background-position: top 1rem right 0;
  }
}
.header-drawer.is-open {
  transform: none;
}
.header-drawer__content {
  position: relative;
  z-index: 9999;
}
@media screen and (max-width: 920px) {
  .header-drawer__content {
    padding-right: 0;
  }
}
.header-drawer__inner {
  padding-top: 2.5rem;
  background-color: #F0F0F0;
  width: 100%;
  height: 100%;
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow-y: scroll;
  padding-bottom: 10rem;
  overscroll-behavior: contain;
}
@media screen and (max-width: 920px) {
  .header-drawer__inner {
    overflow-y: auto;
    padding-bottom: 2rem;
  }
}
.header-drawer .footer__bottom {
  margin-top: 2rem;
  justify-content: end;
}
@media screen and (max-width: 920px) {
  .header-drawer .footer__bottom {
    margin-top: -2rem;
    justify-content: center;
    padding-bottom: 4rem;
  }
}
@media screen and (max-width: 920px) {
  .header-drawer .footer__bottom-links {
    margin: auto;
    position: relative;
  }
}
.header-drawer__row {
  display: block;
  max-width: 116.6rem;
  margin: auto;
  padding-top: 5rem;
  max-height: 100%;
}
@media screen and (max-width: 920px) {
  .header-drawer__row {
    padding-left: 0;
    position: relative;
    gap: 4rem;
    padding-top: 3rem;
    grid-template-columns: 1fr;
    padding: 3rem 1.5rem;
    overflow-y: auto;
    max-height: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
}
.header-drawer__left-title {
  font-weight: bold;
  font-size: 2rem;
  margin-bottom: 2rem;
}
.header-drawer__button {
  margin-bottom: 2.6rem;
}
.header-drawer__button .c-button {
  width: 100%;
}
.header-drawer__button .c-button__inner {
  outline: 0 !important;
}
.header-drawer__button .c-button:not(.is-active) .c-button__inner {
  background-color: #ffffff;
  color: #9e9e9e;
}
.header-drawer__button .c-button:not(.is-active):hover .c-button__inner {
  background-color: var(--secondary);
  color: var(--black);
}
.header-drawer__button .is-active {
  background-color: var(--primary);
  color: #fff;
}
.header-drawer__button .is-active .c-button__inner span {
  color: #fff;
}
.header-drawer__button .is-active .c-button__inner span::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2212%22%20viewBox%3D%220%200%2010%2012%22%3E%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_1%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%201%22%20d%3D%22M6%2C0l6%2C10H0Z%22%20transform%3D%22translate(10)%20rotate(90)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
}
@media screen and (max-width: 920px) {
  .header-drawer__button .c-button {
    margin: auto;
  }
}
@media screen and (max-width: 920px) {
  .header-drawer__logo {
    width: 24.7rem;
    margin-left: 1.5rem;
    margin-top: -1rem;
  }
}
.header-drawer .c-global-link-group__title {
  border-bottom-color: var(--black) !important;
}
.header-drawer .c-global-link-group,
.header-drawer .c-global-links {
  color: var(--black);
}
.header-drawer .c-global-link-group__link {
  color: var(--black);
}
.header-drawer__menu3, .header-drawer__menu2 {
  /*
  @include media-pc {
      .c-global-links {
          grid-template-columns: repeat(2, 1fr);
          // grid-template-rows: repeat(3, auto);
          grid-auto-flow: row;
          gap: 4rem 9rem;
          max-width: 71rem;
          margin-left: auto;
      }
      .c-global-link-group__title {
          font-size: var(--h3);
          background-position: top 0.7rem right;
          background-size: 2.2rem;
      }
  }
  */
}
.header-drawer__menu3 .c-global-links, .header-drawer__menu2 .c-global-links {
  grid-auto-flow: row;
}
@media screen and (max-width: 920px) {
  .float-cta {
    transform: translate(0, 100%);
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background-color: #fff;
    transition: 0.5s;
    border-top: 2px solid #fff;
  }
  .float-cta.is-active {
    transform: none;
  }
  .float-cta.is-disable {
    transform: translate(0, 100%) !important;
  }
  .float-cta__inner {
    display: grid;
    gap: 2px;
    grid-template-columns: repeat(3, 1fr);
  }
  .float-cta__button {
    background: linear-gradient(to right, #74cdd1 0%, #7ea5ff 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.4rem;
    position: relative;
  }
}
@media screen and (max-width: 920px) and (max-width: 920px) {
  .float-cta__button {
    height: 5rem;
    line-height: 1.25;
  }
}
@media screen and (max-width: 920px) {
  .float-cta__button::before {
    content: "";
    background-image: url("../images/drawer-bg.png");
    background-size: contain;
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: 200%;
    top: 0;
    left: 0;
    pointer-events: none;
  }
}
@media screen and (max-width: 920px) {
  .float-cta__button:nth-child(2) {
    background: linear-gradient(to right, #84d0c6 0%, #00c2d8 100%);
  }
}
@media screen and (max-width: 920px) {
  .float-cta__button:nth-child(3) {
    background: linear-gradient(to right, #f2ceeb 0%, #f67daf 44.76%, #dc72f1 100%);
  }
}
@media screen and (max-width: 920px) {
  .float-cta__icon {
    transition: 0.7s;
    width: 2.6rem;
    height: 2.8rem;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .float-cta__icon--doc {
    background-image: url("../images/cta/icon-dc.svg");
  }
  .float-cta__icon--line {
    background-image: url("../images/cta/icon-line.svg");
  }
}
@media screen and (max-width: 920px) {
  .float-cta__title {
    color: #fff;
    font-size: 1.4rem;
    text-align: center;
    font-weight: bold;
  }
}

.footer {
  position: relative;
  padding: 10rem 0 4rem;
  background-size: auto auto;
  background-color: #f1f1f1;
  border-radius: 50px 50px 0 0;
  margin-top: -10rem;
  background-image: url("../images/footer-bg.png");
  background-size: 63rem;
  background-repeat: no-repeat;
  background-position: right -12rem bottom -14rem;
  z-index: 2;
}
@media screen and (max-width: 920px) {
  .footer {
    background-size: 30rem;
    background-position: right -6rem bottom -7rem;
    padding: 3.5rem 0 3rem;
    border-radius: 30px 30px 0 0;
    position: relative;
    z-index: 2;
    margin-top: -7.2rem;
  }
}
.footer__bottom {
  display: flex;
  justify-content: space-between;
  font-size: 1.4rem;
}
@media screen and (max-width: 920px) {
  .footer__bottom {
    flex-direction: column-reverse;
    gap: 3rem;
  }
}
.footer__bottom-links {
  display: flex;
}
@media screen and (max-width: 920px) {
  .footer__bottom-links {
    max-width: 26rem;
    flex-wrap: wrap;
    gap: 1.5rem 0;
  }
}
.footer__bottom-link {
  padding: 0 2rem;
  border-right: 1px solid var(--black);
  line-height: 1;
}
@media screen and (max-width: 920px) {
  .footer__bottom-link {
    padding: 0 1.5rem 0 0;
    font-size: 1.2rem;
  }
  .footer__bottom-link:nth-child(even) {
    border: 0;
    padding-left: 1.5rem;
  }
}
.footer__bottom-link:last-child {
  padding-right: 0;
  border: 0;
  padding-left: 1.5rem;
}
@media screen and (max-width: 920px) {
  .footer__bottom-link:last-child {
    border-left: 1px solid currentColor;
  }
}
.footer__inner {
  position: relative;
}
@media print, screen and (min-width: 921px) {
  .footer__inner {
    padding-right: 5.4rem;
  }
}
.footer__row {
  display: grid;
  gap: 10rem;
  grid-template-columns: 33.8rem 1fr;
  margin-bottom: 5.4rem;
}
@media screen and (max-width: 920px) {
  .footer__row {
    grid-template-columns: 1fr;
    gap: 4rem;
    margin-bottom: 2rem;
  }
}
.footer__logo {
  width: 44.3rem;
}
@media screen and (max-width: 920px) {
  .footer__logo {
    width: 28rem;
    margin: 0 0 2rem;
  }
}
.footer__logo-name {
  margin: 1rem 0 0;
  display: flex;
  justify-content: start;
  font-weight: bold;
  align-items: center;
  gap: 1.5rem;
  font-size: 1.2rem;
  white-space: nowrap;
}
@media screen and (max-width: 920px) {
  .footer__logo-name {
    gap: 1.25rem;
    font-size: 1rem;
  }
}
.footer__address {
  margin: 3.5rem 0 3rem;
}
@media screen and (max-width: 920px) {
  .footer__address {
    margin: 0 0 3rem;
  }
}
.footer__address p {
  line-height: 1.65;
}
.footer__copyright {
  font-size: 1.2rem;
}
@media screen and (max-width: 920px) {
  .footer__copyright {
    text-align: center;
  }
}
.footer__left {
  position: relative;
}

.footer-sns {
  width: fit-content;
}
@media print, screen and (min-width: 921px) {
  .footer-sns {
    position: absolute;
    left: 0;
    bottom: 3rem;
  }
}
@media screen and (max-width: 920px) {
  .footer-sns {
    margin: 3rem 0 0;
    display: flex;
    align-items: center;
    gap: 2rem;
  }
}
.footer-sns__title {
  font-family: "din-2014", sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.025em;
  font-weight: bold;
  font-size: 2rem;
  margin-bottom: 1rem;
}
@media screen and (max-width: 920px) {
  .footer-sns__title {
    margin-bottom: 0;
    flex: 1;
    white-space: nowrap;
    text-align: center;
    font-size: 1.6rem;
  }
}
.footer-sns__links {
  display: flex;
  gap: 1rem;
}
.footer-sns__link {
  transition: 0.4s;
}
.footer-sns__link:hover {
  scale: 1.11;
}

.footer-pagetop {
  width: 2.4rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214.045%22%20height%3D%2262.365%22%20viewBox%3D%220%200%2014.045%2062.365%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_29377%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2029377%22%20transform%3D%22translate(0.067)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_19448%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2019448%22%20transform%3D%22translate(0%200)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_19450%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2019450%22%20transform%3D%22translate(0)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_150923%22%20data-name%3D%22%E3%83%91%E3%82%B9%20150923%22%20d%3D%22M6.905%2C0c0%2C4.442-3.087%2C8.042-6.893%2C8.042H0%22%20transform%3D%22translate(0)%22%20fill%3D%22none%22%20stroke%3D%22%230099d9%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_150924%22%20data-name%3D%22%E3%83%91%E3%82%B9%20150924%22%20d%3D%22M0%2C0C0%2C4.442%2C3.087%2C8.042%2C6.893%2C8.042h.012%22%20transform%3D%22translate(7.007%200)%22%20fill%3D%22none%22%20stroke%3D%22%230099d9%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3Cline%20id%3D%22%E7%B7%9A_2%22%20data-name%3D%22%E7%B7%9A%202%22%20y2%3D%2260%22%20transform%3D%22translate(6.957%202.365)%22%20fill%3D%22none%22%20stroke%3D%22%230099d9%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: center top 0.5rem;
  background-repeat: no-repeat;
  font-family: "din-2014", sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.025em;
  text-align: center;
  display: block;
  transition: 0.3s;
  position: absolute;
  top: 0;
  right: 0;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  white-space: nowrap;
  font-size: 2rem;
  line-height: 1;
  padding-top: 4.8rem;
  z-index: 22;
}
@media screen and (max-width: 920px) {
  .footer-pagetop {
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    height: 12rem;
    width: 1.8rem;
    display: flex;
    align-items: center;
    top: 0;
    right: 1.5rem;
    padding-top: 2rem;
    right: 1.5rem;
  }
}
.footer-pagetop:hover {
  background-position: center top 0;
}
.footer-pagetop span {
  display: block;
  margin-top: 3rem;
  color: var(--primary);
  font-family: "din-2014", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-weight: bold;
  line-height: 1.1;
}
@media screen and (max-width: 920px) {
  .footer-pagetop span {
    margin-top: 5rem;
    font-size: 1.6rem;
  }
}

.foot-area {
  background-color: #fff;
  padding: 2.5rem;
}
@media screen and (max-width: 920px) {
  .foot-area {
    padding: 2rem 2.5rem;
  }
}

.foot-area-links {
  display: flex;
  justify-content: center;
  place-items: center;
  gap: 4.2rem;
}
@media screen and (max-width: 920px) {
  .foot-area-links {
    display: block;
  }
}
.foot-area-links a {
  transition: 0.3s;
}
.foot-area-links a:hover {
  opacity: 0.7;
}
@media screen and (max-width: 920px) {
  .foot-area-links a {
    display: block;
    text-align: center;
    margin: 0 0 3rem;
  }
  .foot-area-links a img {
    margin: auto;
  }
  .foot-area-links a:last-child {
    margin-bottom: 0;
  }
}

.footer-governments {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  margin-bottom: 4.5rem;
}
@media screen and (max-width: 920px) {
  .footer-governments {
    margin-bottom: 2rem;
    gap: 2rem;
  }
}

@media screen and (max-width: 920px) {
  .footer-government img {
    max-width: none;
    width: 100%;
  }
}

.pc {
  display: block !important;
}

.sp {
  display: none !important;
}

@media screen and (max-width: 920px) {
  .pc {
    display: none !important;
  }

  .sp {
    display: block !important;
  }
}
.u-h2 {
  font-size: var(--h2);
}

.u-wrapper {
  max-width: 124.6rem;
  margin-left: auto;
  margin-right: auto;
}

.u-inner {
  max-width: 112.6rem;
  margin-left: auto;
  margin-right: auto;
}
.u-inner--1000 {
  max-width: 100rem;
}
@media screen and (max-width: 920px) {
  .u-inner {
    max-width: 100%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media screen and (max-width: 920px) {
  .u-gutter {
    padding: 0 1.5rem;
  }
}

.u-right-w-100 {
  margin-right: calc(50% - 50vw);
}

.u-left-w-100 {
  margin-left: calc(50% - 50vw);
}

.u-wavebg {
  height: 12rem;
  background-image: url("../images/wave1.svg");
  background-size: 100%;
  background-position: center bottom;
  background-repeat: no-repeat;
  position: relative;
  bottom: -2px;
}
@media screen and (max-width: 920px) {
  .u-wavebg {
    background-image: url("../images/wave1_sp.svg");
  }
}
.u-wavebg--bottom {
  transform: scaleY(-1);
  bottom: auto;
  top: -1px;
  background-position: center bottom -3px;
}

.u-glass {
  background: transparent;
  border: 5px solid rgba(255, 255, 255, 0.51);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(4px);
  border-radius: 15px;
  background-color: rgba(255, 255, 255, 0.4);
}

.u-border--bottom {
  border-bottom: 1px solid #D2CCC4;
}

.u-inline {
  display: inline !important;
}

.u-inline-block {
  display: inline-block !important;
}

.u-flex {
  display: flex;
}

.u-justify-center {
  justify-content: center;
}

.u-align-baseline {
  align-items: baseline;
}

.u-between {
  justify-content: space-between;
}

.u-align-center {
  align-items: center;
}

.u-overflowhidden {
  overflow: hidden;
}

.u-white {
  color: #fff;
}

.u-blue {
  color: #2D53A3;
}

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

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

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

.u-nowrap {
  white-space: nowrap;
}

.u-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.u-no-linebreak {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.u-color-main {
  color: #00AEBB;
}

.din {
  font-family: din-2014, sans-serif;
  font-weight: 700;
  font-style: normal;
}

.u-relative {
  position: relative;
}

.u-wrapper1 {
  max-width: 1366px;
  position: relative;
  margin: auto;
}
@media screen and (max-width: 920px) {
  .u-wrapper1 {
    max-width: 100%;
  }
}

.u-wrapper2 {
  max-width: 122.4rem;
  padding: 0 20px;
  margin: auto;
}
@media screen and (max-width: 920px) {
  .u-wrapper2 {
    max-width: 100%;
    padding: 0 1.5rem;
  }
}

.u-wrapper3 {
  max-width: 126.6rem;
  padding: 0 20px;
  margin: auto;
}
@media screen and (max-width: 920px) {
  .u-wrapper3 {
    max-width: 100%;
    padding: 0 1.5rem;
  }
}

.u-wrapper4 {
  max-width: 104rem;
  padding: 0 2rem;
  margin: auto;
}
@media screen and (max-width: 920px) {
  .u-wrapper4 {
    max-width: 100%;
    padding: 0 1.5rem;
  }
}

.relative {
  position: relative;
}

.underline {
  text-decoration: underline !important;
}

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

.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.u-ms-0 {
  margin-left: 0rem !important;
}

.u-ms-1 {
  margin-left: 1rem !important;
}

.u-ms-2 {
  margin-left: 2rem !important;
}

.u-ms-3 {
  margin-left: 3rem !important;
}

.u-ms-4 {
  margin-left: 4rem !important;
}

.u-ms-0-5 {
  margin-left: 0.5rem !important;
}

.me-0 {
  margin-right: 0 !important;
}

.u-ms-auto {
  margin-left: auto !important;
}

.me-auto {
  margin-right: auto !important;
}

.u-mb-0 {
  margin-bottom: 0rem !important;
}

.u-mb-10 {
  margin-bottom: 1rem !important;
}

.u-mb-15 {
  margin-bottom: 1.5rem !important;
}

.u-mb-25 {
  margin-bottom: 2.5rem !important;
}

.u-mb-30 {
  margin-bottom: 3rem !important;
}

.u-mb-40 {
  margin-bottom: 4rem !important;
}

.u-mb-45 {
  margin-bottom: 4.5rem !important;
}

.u-mb-50 {
  margin-bottom: 5rem !important;
}

.u-mb-60 {
  margin-bottom: 6rem !important;
}

.u-mb-65 {
  margin-bottom: 6.5rem !important;
}

.u-mb-70 {
  margin-bottom: 7rem !important;
}

.u-mb-75 {
  margin-bottom: 7.5rem !important;
}

.u-mb-80 {
  margin-bottom: 8rem !important;
}

.u-mb-90 {
  margin-bottom: 9rem !important;
}

.u-mb-100 {
  margin-bottom: 10rem !important;
}

.u-mb-110 {
  margin-bottom: 11rem !important;
}

.u-mb-120 {
  margin-bottom: 12rem !important;
}

.u-mb-125 {
  margin-bottom: 12.5rem !important;
}

.u-mb-130 {
  margin-bottom: 13rem !important;
}

.u-mb-140 {
  margin-bottom: 14rem !important;
}

.u-mb-160 {
  margin-bottom: 16rem !important;
}

/* margin-top */
.u-mt-00 {
  margin-top: 0rem !important;
}

.u-mt-10 {
  margin-top: 1rem !important;
}

.u-mt-20 {
  margin-top: 2rem !important;
}

.u-mt-25 {
  margin-top: 2.5rem !important;
}

.u-mt-30 {
  margin-top: 3rem !important;
}

.u-mb-35 {
  margin-bottom: 3.5rem !important;
}

.u-mt-40 {
  margin-top: 4rem !important;
}

.u-mt-50 {
  margin-top: 5rem !important;
}

.u-mt-60 {
  margin-top: 6rem !important;
}

.u-mt-70 {
  margin-top: 7rem !important;
}

.u-mt-80 {
  margin-top: 8rem !important;
}

.u-mt-90 {
  margin-top: 9rem !important;
}

.u-mt-100 {
  margin-top: 10rem !important;
}

.u-pt-0 {
  padding-top: 0 !important;
}

.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.u-pb-20 {
  padding-bottom: 2rem !important;
}

.u-pb-100 {
  padding-bottom: 10rem !important;
}

.u-pb-120 {
  padding-bottom: 12rem !important;
}

.u-pb-125 {
  padding-bottom: 12.5rem !important;
}

.u-pb-130 {
  padding-bottom: 13rem !important;
}

.u-pb-140 {
  padding-bottom: 14rem !important;
}

.u-pb-160 {
  padding-bottom: 16rem !important;
}

.u-pb-180 {
  padding-bottom: 18rem !important;
}

/* padding-top**/
.u-pt-35 {
  padding-top: 3.5rem;
}

.u-pt-40 {
  padding-top: 4rem;
}

.u-pt-80 {
  padding-top: 8rem !important;
}

.u-pt-90 {
  padding-top: 9rem !important;
}

.u-pt-100 {
  padding-top: 10rem !important;
}

.u-pt-120 {
  padding-top: 12rem !important;
}

.u-pt-125 {
  padding-top: 12.5rem !important;
}

.u-pt-130 {
  padding-top: 13rem !important;
}

.u-pt-140 {
  padding-top: 14rem !important;
}

.u-pt-160 {
  padding-top: 16rem !important;
}

.u-pt-180 {
  padding-top: 18rem !important;
}

.u-pt-200 {
  padding-top: 20rem !important;
}

.u-ps-10 {
  padding-left: 10rem !important;
}

.u-pb-0 {
  padding-bottom: 0 !important;
}

@media print, screen and (min-width: 921px) {
  .nowrap_pc {
    white-space: nowrap;
  }
}
@media screen and (max-width: 920px) {
  .u-align-baseline_sp {
    align-items: baseline;
  }

  .u-align-end_sp {
    align-items: end;
  }

  .justify-center_sp {
    justify-content: center;
  }

  .font46_sp {
    font-size: 4.6rem !important;
  }

  .font16_sp {
    font-size: 1.6rem !important;
  }

  .u-fz-14_sp {
    font-size: 1.4rem !important;
  }

  .u-fz-24_sp {
    font-size: 2.4rem !important;
  }

  .font36_sp {
    font-size: 3.6rem !important;
  }

  .nowrap_sp {
    white-space: nowrap !important;
  }

  .u-mb-0_sp {
    margin-bottom: 0rem !important;
  }

  .u-mb-10_sp {
    margin-bottom: 1rem !important;
  }

  .u-mb-20_sp {
    margin-bottom: 2rem !important;
  }

  .u-mb-25_sp {
    margin-bottom: 2.5rem !important;
  }

  .u-mb-30_sp {
    margin-bottom: 3rem !important;
  }

  .u-mb-35_sp {
    margin-bottom: 3.5rem !important;
  }

  .u-mb-40_sp {
    margin-bottom: 4rem !important;
  }

  .u-mb-45_sp {
    margin-bottom: 4.5rem !important;
  }

  .u-mb-50_sp {
    margin-bottom: 5rem !important;
  }

  .u-mb-60_sp {
    margin-bottom: 6rem !important;
  }

  .u-mb-65_sp {
    margin-bottom: 6.5rem !important;
  }

  .u-mb-70_sp {
    margin-bottom: 7rem !important;
  }

  .u-mb-80_sp {
    margin-bottom: 8rem !important;
  }

  .u-mb-85_sp {
    margin-bottom: 8.5rem !important;
  }

  .u-mb-90_sp {
    margin-bottom: 9rem !important;
  }

  .u-mt-0_sp {
    margin-top: 0rem !important;
  }

  .u-mt-40_sp {
    margin-top: 4rem !important;
  }

  .u-ms-0_sp {
    margin-left: 0 !important;
  }

  .u-ms-20_sp {
    margin-left: 2rem !important;
  }

  .mx-auto_sp {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .u-pt-20_sp {
    padding-top: 2rem !important;
  }

  .u-pt-25_sp {
    padding-top: 2.5rem !important;
  }

  .u-pt-30_sp {
    padding-top: 3rem !important;
  }

  .u-pt-35_sp {
    padding-top: 3.5rem !important;
  }

  .u-pt-40_sp {
    padding-top: 4rem !important;
  }

  .u-pt-50_sp {
    padding-top: 5rem !important;
  }

  .u-pt-55_sp {
    padding-top: 5.5rem !important;
  }

  .u-pt-60_sp {
    padding-top: 6rem !important;
  }

  .u-pt-70_sp {
    padding-top: 7rem !important;
  }

  .u-pt-80_sp {
    padding-top: 8rem !important;
  }

  .u-pt-90_sp {
    padding-top: 9rem !important;
  }

  .u-pt-100_sp {
    padding-top: 10rem !important;
  }

  .u-pb-0_sp {
    padding-bottom: 0rem !important;
  }

  .u-pb-40_sp {
    padding-bottom: 4rem !important;
  }

  .u-pb-50_sp {
    padding-bottom: 5rem !important;
  }

  .u-pb-60_sp {
    padding-bottom: 6rem !important;
  }

  .u-pb-80_sp {
    padding-bottom: 8rem !important;
  }

  .u-px-0_sp {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .px-15_sp {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .ps-0_sp {
    padding-left: 0 !important;
  }

  .ps-20_sp {
    padding-left: 2rem !important;
  }

  .pe-0_sp {
    padding-right: 0 !important;
  }

  .pe-20_sp {
    padding-right: 2rem !important;
  }

  .block_sp {
    display: block !important;
  }

  .u-text-center_sp {
    text-align: center !important;
  }

  .u-text-left_sp {
    text-align: left !important;
  }
}
/* checkbox **/
.input-checkbox {
  display: inline-block;
  position: relative;
  margin-right: 0.5em;
  margin-bottom: 1rem;
  font-weight: normal;
}

.input-checkbox input {
  display: none;
}

.input-checkbox input + label::before {
  content: "";
  width: 1.3em;
  height: 1.3em;
  display: inline-block;
  background-color: #edf2f4;
  border: solid 1px #edf2f4;
  border-radius: 2px;
  margin-right: 0.5rem;
  position: relative;
  top: 2px;
}

.input-checkbox input[type=radio] + label::before {
  border-radius: 100%;
}

.input-checkbox input:checked + label::before {
  background-color: #edf2f4;
  border-color: #edf2f4;
}

.input-checkbox input:checked + label::after {
  content: "";
  position: absolute;
  left: 8px;
  top: 5px;
  width: 0.4em;
  height: 0.8em;
  display: inline-block;
  border: solid 2px #222;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg);
  border-radius: 2px;
  margin-right: 0.5rem;
}

.input-checkbox input[type=radio] + label::after {
  border: solid 3px #fff;
  height: 0.4em;
  margin-top: 0.3em;
  transform: none;
  border-radius: 100%;
}

/** font util **/
.u-fz-14 {
  font-size: 1.4rem;
}

.u-fz-20 {
  font-size: 2rem;
}

.u-fz-32 {
  font-size: 3.2rem;
}

.u-fz-28 {
  font-size: 2.8rem;
}

.u-fz-36 {
  font-size: 3.6rem;
}

.u-fz-40 {
  font-size: 4rem;
}

@media screen and (max-width: 920px) {
  .u-fz-28_sp {
    font-size: 2.8rem !important;
  }

  .u-fz-20_sp {
    font-size: 2rem !important;
  }
}
.c-section-title {
  font-size: 4rem;
  font-weight: bold;
  margin-bottom: 5rem;
}
@media screen and (max-width: 920px) {
  .c-section-title {
    font-size: 2.4rem;
    margin-bottom: 4rem;
  }
}
.c-section-title--center {
  text-align: center;
}

.c-page-head-circle {
  width: 61.4rem;
  pointer-events: none;
  position: absolute;
}
@media screen and (max-width: 920px) {
  .c-page-head-circle {
    width: 30.2rem;
  }
}
.c-page-head-circle--1 {
  top: -4.2rem;
  left: 11rem;
}
@media screen and (max-width: 920px) {
  .c-page-head-circle--1 {
    top: -5.2rem;
    left: 12rem;
  }
}
.c-page-head-circle--2 {
  top: 10.7rem;
  left: -24rem;
}
@media screen and (max-width: 920px) {
  .c-page-head-circle--2 {
    top: 0;
    left: -11rem;
  }
}

.c-page-head {
  padding: 22.5rem 0 0;
  position: relative;
  height: 59rem;
}
@media screen and (max-width: 920px) {
  .c-page-head {
    padding: 13rem 0 0;
    min-height: 32rem;
    height: auto;
    overflow: hidden;
    margin-bottom: 4rem;
  }
}
.c-page-head + div {
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 920px) {
  .c-page-head__inner {
    padding: 0 1.5rem;
  }
}
.c-page-head__content {
  position: relative;
  z-index: 2;
}
.c-page-head__title {
  font-size: var(--h2);
  display: flex;
  align-items: center;
}
@media screen and (max-width: 920px) {
  .c-page-head__title {
    font-size: 1.6rem;
    margin-bottom: 1.2rem;
  }
}
.c-page-head__title::before {
  content: "";
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 100%;
  display: inline-block;
  margin-right: 1rem;
  background-color: var(--black);
}
@media screen and (max-width: 920px) {
  .c-page-head__title::before {
    width: 1rem;
    height: 1rem;
    border-radius: 100%;
  }
}
.c-page-head__logo {
  color: #fff;
  font-family: "din-2014", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-weight: 400;
  font-size: 12rem;
  margin-bottom: 3rem;
}
@media screen and (max-width: 920px) {
  .c-page-head__logo {
    font-size: 5rem;
    margin-bottom: 4rem;
    line-height: 1;
  }
}

.c-breadcrumb-wrap {
  margin-top: 5rem;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 920px) {
  .c-breadcrumb-wrap {
    margin: 3.5rem 0 0;
  }
}

.c-breadcrumb {
  display: flex;
  justify-content: end;
  font-size: 1.2rem;
  margin-top: -1.6em;
}
@media screen and (max-width: 920px) {
  .c-breadcrumb {
    font-size: 1rem;
    justify-content: start;
    white-space: nowrap;
  }
}
.c-breadcrumb a {
  color: var(--primary);
  text-decoration: underline;
}
.c-breadcrumb li::after {
  content: ">";
  margin: 0 1rem;
}
.c-breadcrumb li:last-child::after {
  display: none;
}
.c-breadcrumb li:nth-child(3) {
  white-space: nowrap;
  max-width: 32rem;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
@media screen and (max-width: 920px) {
  .c-breadcrumb li:nth-child(3) {
    max-width: 22rem;
  }
}

.c-card {
  width: 44rem;
  min-height: 45.5rem;
  border-radius: 15px;
  background: transparent;
  border: 5px solid rgba(255, 255, 255, 0.51);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background-color: rgba(255, 255, 255, 0.02);
}
@media screen and (max-width: 920px) {
  .c-card {
    width: 31rem;
    min-height: 34rem;
  }
}
.c-card__inner {
  padding: 2rem 2.5rem;
}
@media screen and (max-width: 920px) {
  .c-card__inner {
    padding: 2rem 2rem 3.5rem;
  }
}
.c-card__image {
  margin-bottom: 2rem;
}
@media screen and (max-width: 920px) {
  .c-card__image {
    margin-bottom: 1.5rem;
  }
}
.c-card__image img {
  width: 100%;
  height: 23.5rem;
  object-fit: cover;
}
@media screen and (max-width: 920px) {
  .c-card__image img {
    height: 15.7rem;
  }
}
.c-card__meta {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
.c-card__date {
  font-family: "din-2014-narrow", sans-serif;
  font-weight: bold;
  margin-right: 1.5rem;
}
.c-card__tag {
  font-size: 1.2rem;
  font-weight: bold;
  background-color: #ed6d1f;
  color: #fff;
  text-align: center;
  padding: 1px 1rem;
  display: inline-block;
}
.c-card__title {
  font-size: 2rem;
  margin-bottom: 0.5em;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.c-card__desc {
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.c-slider-wrap {
  padding-left: 13.5rem;
  position: relative;
}
@media screen and (max-width: 920px) {
  .c-slider-wrap {
    padding-left: 0;
  }
}
.c-slider-wrap .swiper {
  position: static;
}

.c-slider {
  overflow: hidden !important;
  position: static !important;
  padding-right: 13.5rem;
  padding: 10px 0 10px 10px;
  margin: -10px 0 -10px -20px;
}
@media screen and (max-width: 920px) {
  .c-slider {
    padding: 0;
    margin: 0;
  }
}
.c-slider .c-slider-navis {
  display: block;
  position: absolute;
  left: 0;
  transform: translateY(-50%);
  top: 50%;
}
@media screen and (max-width: 920px) {
  .c-slider .c-slider-navis {
    display: none;
  }
}

.c-slider-navis {
  display: flex;
  width: fit-content;
}
.c-slider-navis .c-slider-navi {
  position: static;
  margin: 0;
}
.c-slider-navis--block {
  display: block;
}
.c-slider-navis--block .c-slider-navi {
  position: static;
  margin: 0;
}
.c-slider-navis--block .c-slider-navi.c-slider-navi--prev {
  margin-bottom: 2rem;
}

.c-slider-items .swiper-slide {
  width: fit-content;
}

.c-slider-navi {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_18280%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2018280%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2260%22%20viewBox%3D%220%200%2060%2060%22%3E%20%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_30%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%2030%22%20fill%3D%22none%22%20stroke%3D%22%23212121%22%20stroke-width%3D%222%22%3E%20%3Ccircle%20cx%3D%2230%22%20cy%3D%2230%22%20r%3D%2230%22%20stroke%3D%22none%22%2F%3E%20%3Ccircle%20cx%3D%2230%22%20cy%3D%2230%22%20r%3D%2229%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_16699%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2016699%22%20transform%3D%22translate(23.522%2025)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_29185%22%20data-name%3D%22%E3%83%91%E3%82%B9%2029185%22%20d%3D%22M0%2C0%2C5.331%2C6.715%2C10.646%2C0%22%20transform%3D%22translate(6.715%200)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%23212121%22%20stroke-width%3D%222%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_29186%22%20data-name%3D%22%E3%83%91%E3%82%B9%2029186%22%20d%3D%22M977.933-127.017h13.429%22%20transform%3D%22translate(-977.933%20132.34)%22%20fill%3D%22none%22%20stroke%3D%22%23212121%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  width: 6rem;
  background-color: #fff;
  border-radius: 100%;
  height: 6rem;
}
.c-slider-navi--next {
  transform: scaleX(-1);
}

.c-tile {
  width: 37.6rem;
  border-radius: 10px;
  border: solid 3px #fff;
  scale: 0.9;
  transition: 0.4s;
  transform-origin: top center;
}
@media print, screen and (min-width: 921px) {
  .c-tile {
    transition-delay: 1s;
    transform-origin: top right;
  }
}
@media screen and (max-width: 920px) {
  .c-tile {
    scale: 0.8;
    width: 26rem !important;
  }
}
.c-tile img {
  border-radius: 10px;
  width: 100%;
  width: 37.6rem;
  height: 26rem;
  object-fit: cover;
}
@media screen and (max-width: 920px) {
  .c-tile img {
    width: 26rem;
    height: 20rem;
  }
}
.c-tile.swiper-slide-active {
  z-index: 2;
  scale: 1;
}
.c-tile.swiper-slide-active .c-slider-memo {
  opacity: 1;
}
.c-tile.swiper-slide-active img {
  object-fit: cover;
}
.c-tile.swiper-slide-active .c-tile__content {
  opacity: 1;
  width: 38rem;
}

.c-slider-memos {
  position: relative;
  left: -6rem;
  top: -14rem;
  z-index: 3;
  width: fit-content;
}
@media screen and (max-width: 920px) {
  .c-slider-memos {
    left: 1.5rem;
  }
}

.c-slider-memo {
  position: absolute;
  width: 38rem;
  min-height: 22.4rem;
  border-radius: 10px;
  background: #fff;
  transition: 0.3s;
  opacity: 0;
  transform: translate(10px, 0);
  padding: 2.5rem 2rem;
  pointer-events: none;
}
@media screen and (max-width: 920px) {
  .c-slider-memo {
    width: 34.5rem;
    height: 25rem;
  }
}
.c-slider-memo.is-active {
  opacity: 1;
  transform: none;
}
.c-slider-memo__meta {
  color: var(--primary);
  font-size: 1.4rem;
  font-weight: 500;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
@media screen and (max-width: 920px) {
  .c-slider-memo__meta {
    margin-bottom: 1rem;
  }
}
.c-slider-memo__title {
  font-size: var(--h3);
  font-weight: bold;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-bottom: 1.2rem;
}
.c-slider-memo__title span {
  font-size: 1.4rem;
  margin-left: 0.5rem;
}
@media screen and (max-width: 920px) {
  .c-slider-memo__title {
    font-size: 2rem;
  }
}
.c-slider-memo__desc {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
@media screen and (max-width: 920px) {
  .c-slider-memo__desc {
    -webkit-line-clamp: 4;
  }
}

.c-more {
  background-image: url("../images/link-arrow.svg");
  background-repeat: no-repeat;
  background-position: center left;
  background-size: contain;
  height: 5rem;
  line-height: 4.8rem;
  padding-left: 6.5rem;
  display: block;
  width: fit-content;
  font-weight: bold;
  transition: 0.3s;
}
.c-more:hover {
  background-position: center left 0.5rem;
  opacity: 0.7;
}

.c-pagetop-block {
  margin-bottom: 10rem;
}
@media screen and (max-width: 920px) {
  .c-pagetop-block {
    margin-bottom: 5rem;
  }
}

.c-pagetop-lead {
  font-weight: bold;
  font-size: 4rem;
  margin-bottom: 5rem;
  line-height: 1.5;
  color: #212121;
}
@media screen and (max-width: 920px) {
  .c-pagetop-lead {
    font-size: var(--fs_sp, 2rem);
    line-height: 3.5rem;
    margin-bottom: 3.5rem;
  }
}

.c-heading__sub {
  font-size: 1.6rem;
  font-weight: bold;
  position: relative;
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media screen and (max-width: 920px) {
  .c-heading__sub {
    font-size: 1.4rem;
    gap: 0.5rem;
  }
}
.c-heading__sub::before {
  content: "";
  width: 1rem;
  height: 1rem;
  border-radius: 100%;
  background-color: #212121;
}
@media screen and (max-width: 920px) {
  .c-heading__sub::before {
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 100%;
  }
}
.c-heading__main {
  font-family: "din-2014", sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #fff;
  font-size: 9.6rem;
  line-height: 13rem;
  text-indent: -0.1em;
  transform: translate3d(0, 10px, 0);
}
@media screen and (max-width: 920px) {
  .c-heading__main {
    text-indent: 0;
    line-height: 1.25;
    font-size: 5.2rem;
  }
}
.c-heading__main.is-active {
  opacity: 1;
  transform: translateZ(0);
  transition: transform 1s cubic-bezier(0.47, 0.16, 0.24, 1);
}
.c-heading__main--gradient1 {
  display: inline-block;
  background: linear-gradient(45deg, #74cdd1 0%, #84d0c6 44.76%, #0099d9 100%);
  background: -webkit-linear-gradient(45deg, #74cdd1 0%, #84d0c6 44.76%, #0099d9 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-left: 8px;
}
@media screen and (max-width: 920px) {
  .c-heading__main--gradient1 {
    padding-left: 0;
  }
}

.c-button {
  --button-hover-color: var(--primary);
  --button-bg: linear-gradient(45deg, #74cdd1 0%, #84d0c6 44.76%, #0099d9 100%);
  border: solid 2px #fff;
  display: flex;
  background: var(--button-bg);
  align-items: center;
  justify-content: center;
  width: 24rem;
  height: 6rem;
  color: #fff;
  position: relative;
  transition: 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.c-button::before {
  content: "";
  position: absolute;
  width: 0%;
  height: 100%;
  background-color: #fff;
  transition: 0.3s;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
.c-button input,
.c-button button {
  appearance: none;
  border: 0;
  background: none;
}
@media print, screen and (min-width: 921px) {
  .c-button--l {
    width: 33rem;
    height: 7.5rem;
    font-size: 2rem;
  }
}
@media screen and (max-width: 920px) {
  .c-button--l {
    width: 100%;
    font-size: 2rem;
    height: 7.5rem;
  }
}
.c-button--t2 {
  --button-bg: linear-gradient(45deg, #74cdd1 0%, #7ea5ff 100%);
  --button-hover-color: var(--primary);
}
.c-button--t3 {
  --button-bg: linear-gradient(45deg, #9b90bb 0%, #804498 100%);
  --button-hover-color: var(--tertiary);
}
.c-button--back {
  background: #ddd;
}
.c-button--back::before {
  display: none;
}
.c-button--back span:after {
  display: none !important;
}
.c-button--back:hover {
  border: 0 !important;
  scale: 0.95;
}
.c-button--back:hover .c-button__inner {
  color: #fff !important;
}
.c-button--tel {
  font-family: "DIN2014";
}
.c-button--tel .c-button__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.c-button--tel svg {
  width: 2rem;
  height: 2rem;
}
.c-button--tel span {
  font-size: 2rem;
}
.c-button--center {
  margin-left: auto;
  margin-right: auto;
}
.c-button .c-button__inner {
  position: relative;
  z-index: 2;
  transition: 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.c-button__cta-title::after {
  display: none !important;
}
@media print, screen and (min-width: 921px) {
  .c-button:hover {
    border-image: var(--button-bg);
    border-image-slice: 1;
  }
  .c-button:hover .c-button__inner {
    color: var(--button-hover-color);
  }
  .c-button:hover span::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2212%22%20viewBox%3D%220%200%2010%2012%22%3E%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_1%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%201%22%20d%3D%22M6%2C0l6%2C10H0Z%22%20transform%3D%22translate(10)%20rotate(90)%22%20fill%3D%22%230099D9%22%2F%3E%3C%2Fsvg%3E");
  }
  .c-button:hover::before {
    width: 100%;
  }
}
.c-button span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  font-weight: bold;
}
.c-button span::after {
  content: "";
  display: inline-block;
  width: 1.2rem;
  height: 1rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2212%22%20viewBox%3D%220%200%2010%2012%22%3E%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_1%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%201%22%20d%3D%22M6%2C0l6%2C10H0Z%22%20transform%3D%22translate(10)%20rotate(90)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.c-button--outline {
  background: #fff;
}
.c-button--outline span {
  color: var(--primary);
}
.c-button--outline span::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2212%22%20viewBox%3D%220%200%2010%2012%22%3E%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_1%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%201%22%20d%3D%22M6%2C0l6%2C10H0Z%22%20transform%3D%22translate(10)%20rotate(90)%22%20fill%3D%22%230099D9%22%2F%3E%3C%2Fsvg%3E");
}
.c-button--outline::before {
  background: linear-gradient(45deg, #74cdd1 0%, #84d0c6 44.76%, #0099d9 100%);
}
@media print, screen and (min-width: 921px) {
  .c-button--outline:hover {
    border-image: linear-gradient(to right, #ffffff, #ffffff);
  }
  .c-button--outline:hover span {
    color: #fff !important;
  }
  .c-button--outline:hover span::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2212%22%20viewBox%3D%220%200%2010%2012%22%3E%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_1%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%201%22%20d%3D%22M6%2C0l6%2C10H0Z%22%20transform%3D%22translate(10)%20rotate(90)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
  }
}
.c-button--pdf {
  background: #000;
}
.c-button--pdf span {
  flex-direction: row-reverse;
}
.c-button--pdf span::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_29385%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2029385%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217.726%22%20height%3D%2220.968%22%20viewBox%3D%220%200%2017.726%2020.968%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_5037%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%205037%22%20width%3D%2217.726%22%20height%3D%2220.968%22%20fill%3D%22none%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_19315%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2019315%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_82463%22%20data-name%3D%22%E3%83%91%E3%82%B9%2082463%22%20d%3D%22M342.185%2C0h-12.11a1.04%2C1.04%2C0%2C0%2C0-1.04%2C1.04V19.928a1.04%2C1.04%2C0%2C0%2C0%2C1.04%2C1.04h14.287a1.04%2C1.04%2C0%2C0%2C0%2C1.04-1.04V3.217L342.185%2C0%22%20transform%3D%22translate(-327.676)%22%20fill%3D%22%23fff%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_5032%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%205032%22%20width%3D%2211.317%22%20height%3D%224.916%22%20transform%3D%22translate(0%203.199)%22%20fill%3D%22%23ff2e2e%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_82464%22%20data-name%3D%22%E3%83%91%E3%82%B9%2082464%22%20d%3D%22M447.538%2C1021.125v-2.9h.94a3.408%2C3.408%2C0%2C0%2C1%2C.7.044.76.76%2C0%2C0%2C1%2C.417.284.9.9%2C0%2C0%2C1%2C.168.565.946.946%2C0%2C0%2C1-.1.449.8.8%2C0%2C0%2C1-.246.286.849.849%2C0%2C0%2C1-.3.138%2C3.347%2C3.347%2C0%2C0%2C1-.607.042h-.382v1.094Zm.585-2.409v.823h.32a1.514%2C1.514%2C0%2C0%2C0%2C.463-.045.385.385%2C0%2C0%2C0%2C.183-.142.39.39%2C0%2C0%2C0%2C.066-.226.375.375%2C0%2C0%2C0-.093-.261.405.405%2C0%2C0%2C0-.235-.129%2C2.815%2C2.815%2C0%2C0%2C0-.421-.02Z%22%20transform%3D%22translate(-445.689%20-1014.018)%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_82465%22%20data-name%3D%22%E3%83%91%E3%82%B9%2082465%22%20d%3D%22M1101%2C1018.225h1.07a2.092%2C2.092%2C0%2C0%2C1%2C.552.055.969.969%2C0%2C0%2C1%2C.437.267%2C1.268%2C1.268%2C0%2C0%2C1%2C.277.47%2C2.138%2C2.138%2C0%2C0%2C1%2C.095.685%2C1.906%2C1.906%2C0%2C0%2C1-.089.617%2C1.279%2C1.279%2C0%2C0%2C1-.311.512%2C1.03%2C1.03%2C0%2C0%2C1-.411.231%2C1.772%2C1.772%2C0%2C0%2C1-.518.061H1101Zm.586.491v1.921h.437a1.592%2C1.592%2C0%2C0%2C0%2C.354-.028.539.539%2C0%2C0%2C0%2C.236-.121.613.613%2C0%2C0%2C0%2C.153-.28%2C1.892%2C1.892%2C0%2C0%2C0%2C.059-.531%2C1.733%2C1.733%2C0%2C0%2C0-.059-.516.665.665%2C0%2C0%2C0-.166-.281.558.558%2C0%2C0%2C0-.271-.137%2C2.659%2C2.659%2C0%2C0%2C0-.481-.028Z%22%20transform%3D%22translate(-1096.447%20-1014.018)%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_82466%22%20data-name%3D%22%E3%83%91%E3%82%B9%2082466%22%20d%3D%22M1810.465%2C1021.125v-2.9h1.988v.49h-1.4v.686h1.21v.49h-1.21v1.232Z%22%20transform%3D%22translate(-1802.985%20-1014.018)%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_82467%22%20data-name%3D%22%E3%83%91%E3%82%B9%2082467%22%20d%3D%22M0%2C1964.052l1.359%2C1.587v-1.587Z%22%20transform%3D%22translate(0%20-1955.938)%22%20fill%3D%22%23d11c1c%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_5033%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%205033%22%20width%3D%2210.914%22%20height%3D%220.767%22%20transform%3D%22translate(4.086%2010.592)%22%20fill%3D%22%23ccc%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_5034%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%205034%22%20width%3D%2210.914%22%20height%3D%220.767%22%20transform%3D%22translate(4.086%2012.94)%22%20fill%3D%22%23ccc%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_5035%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%205035%22%20width%3D%2210.914%22%20height%3D%220.767%22%20transform%3D%22translate(4.086%2015.289)%22%20fill%3D%22%23ccc%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_5036%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%205036%22%20width%3D%2210.914%22%20height%3D%220.767%22%20transform%3D%22translate(4.086%2017.638)%22%20fill%3D%22%23ccc%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E") !important;
  background-size: contain;
  background-color: transparent;
  width: 1.7rem;
  height: 2rem;
  top: 0.1rem;
  position: relative;
  border-radius: 0;
}
.c-button--excel {
  background: #000;
}
.c-button--excel span {
  flex-direction: row-reverse;
}
.c-button--excel span::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_30481%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2030481%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217.726%22%20height%3D%2220.968%22%20viewBox%3D%220%200%2017.726%2020.968%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_5037%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%205037%22%20width%3D%2217.726%22%20height%3D%2220.968%22%20fill%3D%22none%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_19315%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2019315%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_82463%22%20data-name%3D%22%E3%83%91%E3%82%B9%2082463%22%20d%3D%22M342.185%2C0h-12.11a1.04%2C1.04%2C0%2C0%2C0-1.04%2C1.04V19.928a1.04%2C1.04%2C0%2C0%2C0%2C1.04%2C1.04h14.287a1.04%2C1.04%2C0%2C0%2C0%2C1.04-1.04V3.217L342.185%2C0%22%20transform%3D%22translate(-327.676)%22%20fill%3D%22%23fff%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_5032%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%205032%22%20width%3D%2211.317%22%20height%3D%224.916%22%20transform%3D%22translate(0%203.199)%22%20fill%3D%22%2327b82c%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_82467%22%20data-name%3D%22%E3%83%91%E3%82%B9%2082467%22%20d%3D%22M0%2C1964.052l1.359%2C1.587v-1.587Z%22%20transform%3D%22translate(0%20-1955.938)%22%20fill%3D%22%23128a16%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_5033%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%205033%22%20width%3D%2210.914%22%20height%3D%220.767%22%20transform%3D%22translate(4.086%2010.592)%22%20fill%3D%22%23ccc%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_5034%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%205034%22%20width%3D%2210.914%22%20height%3D%220.767%22%20transform%3D%22translate(4.086%2012.94)%22%20fill%3D%22%23ccc%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_5035%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%205035%22%20width%3D%2210.914%22%20height%3D%220.767%22%20transform%3D%22translate(4.086%2015.289)%22%20fill%3D%22%23ccc%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_5036%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%205036%22%20width%3D%2210.914%22%20height%3D%220.767%22%20transform%3D%22translate(4.086%2017.638)%22%20fill%3D%22%23ccc%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_215307%22%20data-name%3D%22%E3%83%91%E3%82%B9%20215307%22%20d%3D%22M.056%2C0H.684L1-.656c.072-.152.144-.308.216-.488h.016c.088.18.156.336.232.488L1.8%2C0h.656L1.62-1.5%2C2.4-2.964H1.776l-.28.612c-.064.14-.124.284-.2.468H1.28c-.088-.184-.148-.328-.22-.468l-.3-.612H.108l.78%2C1.436ZM2.872%2C0h1.8V-.5h-1.2V-2.964H2.872ZM5.948.056a.963.963%2C0%2C0%2C0%2C1.088-.9.818.818%2C0%2C0%2C0-.6-.8l-.388-.164c-.252-.1-.46-.176-.46-.388%2C0-.2.164-.312.424-.312a.944.944%2C0%2C0%2C1%2C.628.244l.3-.372a1.314%2C1.314%2C0%2C0%2C0-.928-.38.923.923%2C0%2C0%2C0-1.024.856.858.858%2C0%2C0%2C0%2C.6.8l.4.168c.264.112.444.18.444.4s-.164.34-.472.34a1.165%2C1.165%2C0%2C0%2C1-.752-.328l-.34.408A1.577%2C1.577%2C0%2C0%2C0%2C5.948.056Z%22%20transform%3D%22translate(1.827%207.22)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E") !important;
  background-size: contain;
  background-color: transparent;
  width: 1.7rem;
  height: 2rem;
  top: 0.1rem;
  position: relative;
  border-radius: 0;
}

.c-cta-button {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--black);
  background-color: var(--yellow);
  font-size: 2.4rem;
  gap: 1rem;
  font-weight: 700;
  width: 24rem;
  height: 6.5rem;
  padding: 1.6rem 4.8rem;
  border-radius: 10rem;
  white-space: nowrap;
  position: relative;
  margin-top: 1.3rem;
}
.c-cta-button--type2 {
  background: #043d78;
  color: #fff;
}
.c-cta-button--type3 {
  color: #043d78;
}
.c-cta-button--center {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 920px) {
  .c-cta-button {
    letter-spacing: 0.1em;
    width: 100%;
    height: 6.4rem;
    font-size: 2.4rem;
  }
  .c-cta-button img {
    width: 2.4rem;
  }
}

.c-cta-button-text {
  text-align: center;
  position: absolute;
  border: 1px solid #000;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
  background-color: #fff;
  font-size: 1.4rem;
  padding: 0.2rem 0.8rem;
  border-radius: 3rem;
}
@media screen and (max-width: 920px) {
  .c-cta-button-text {
    margin-top: 1.6rem;
    top: -1.8rem;
  }
}
.c-cta-button-text--white {
  color: #fff;
}

.c-section {
  padding: 10rem 0 0;
  margin-bottom: 10rem;
}
@media screen and (max-width: 920px) {
  .c-section {
    padding: 4rem 0;
  }
}

.c-section-heading {
  margin-bottom: 4.8rem;
}
@media screen and (max-width: 920px) {
  .c-section-heading {
    margin-bottom: 2.4rem;
  }
}
.c-section-heading--white {
  color: #fff;
}
.c-section-heading__main {
  font-size: 4.8rem;
  line-height: 1.5;
  text-align: center;
  font-weight: 700;
}
@media screen and (max-width: 920px) {
  .c-section-heading__main {
    font-size: 3.2rem;
  }
}
.c-section-heading__sub {
  font-weight: 500;
  font-family: "DIN2014";
  text-align: center;
  font-size: 1.7rem;
  line-height: 1.75;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 920px) {
  .c-section-heading__sub {
    text-align: left;
  }
}

.c-cta {
  text-align: center;
  background: linear-gradient(to top, #74cdd1 0%, rgba(132, 208, 198, 0.91) 58.98%, rgba(0, 143, 217, 0) 100%);
  position: relative;
  margin-top: 10rem;
}
@media screen and (max-width: 920px) {
  .c-cta {
    margin-top: 5rem;
  }
}
.c-cta .c-heading {
  text-align: left;
}
.c-cta__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 920px) {
  .c-cta__row {
    display: block;
    margin-bottom: 2rem;
  }
}
.c-cta__lead {
  text-align: left;
  font-weight: bold;
  font-size: var(--h3);
  margin-bottom: 2rem;
}
@media screen and (max-width: 920px) {
  .c-cta__lead {
    font-size: 1.6rem;
    margin: 1rem 0 3.5rem;
  }
}
.c-cta__button + .c-cta__button {
  margin-top: 1.5rem;
}
.c-cta::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/cta/cta-bg.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.c-cta__inner {
  position: relative;
  z-index: 2;
}
.c-cta .c-auto-scrolls {
  position: relative;
  z-index: 2;
  top: -9rem;
}
@media screen and (max-width: 920px) {
  .c-cta .c-auto-scrolls {
    top: -5.6rem;
  }
}

.c-auto-scrolls {
  display: flex;
  gap: 1em;
  overflow: hidden;
}

.c-auto-scroll img {
  width: 249.1rem;
  max-width: none;
}
@media screen and (max-width: 920px) {
  .c-auto-scroll img {
    width: 165rem;
  }
}

.c-infinity-scroll--left {
  -webkit-animation: infinity-scroll-left 15s infinite linear 0.5s both;
  animation: infinity-scroll-left 15s infinite linear 0.5s both;
}

.c-infinity-scroll--right {
  -webkit-animation: infinity-scroll-right 15s infinite linear 0.5s both;
  animation: infinity-scroll-right 15s infinite linear 0.5s both;
}

/*
右から左へ
----------------------------*/
@-webkit-keyframes infinity-scroll-left {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@keyframes infinity-scroll-left {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
/*
    左から右へ
    ----------------------------*/
@-webkit-keyframes infinity-scroll-right {
  from {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  to {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes infinity-scroll-right {
  from {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  to {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
.a-infinity-scroll--left {
  -webkit-animation: infinity-scroll-left 15s infinite linear 0.5s both;
  animation: infinity-scroll-left 15s infinite linear 0.5s both;
}

.a-infinity-scroll--right {
  -webkit-animation: infinity-scroll-right 15s infinite linear 0.5s both;
  animation: infinity-scroll-right 15s infinite linear 0.5s both;
}

.c-list-row {
  display: block;
  padding: 1.5rem 0;
  border-bottom: dashed 1px #a1a1a1;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227.268%22%20height%3D%2211.023%22%20viewBox%3D%220%200%207.268%2011.023%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_29464%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2029464%22%20transform%3D%22translate(-1.411%2011.023)%20rotate(-90)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_97%22%20data-name%3D%22%E3%83%91%E3%82%B9%2097%22%20d%3D%22M9.735%2C1.411%2C5.511%2C6.49%2C1.3%2C1.411%2C0%2C2.341%2C5.511%2C8.679l5.511-6.338Z%22%20fill%3D%22%23212121%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center right 1rem;
  transition: 0.3s;
}
@media screen and (max-width: 920px) {
  .c-list-row {
    background-position: bottom 2rem right 1rem;
  }
}
@media print, screen and (min-width: 921px) {
  .c-list-row:hover {
    background-position: center right 0;
  }
}
.c-list-row__content {
  align-items: center;
  display: flex;
}
@media screen and (max-width: 920px) {
  .c-list-row__content {
    display: block;
  }
}
.c-list-row__title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 46.2rem;
  font-weight: 500;
  font-size: 1.6rem;
}
@media screen and (max-width: 920px) {
  .c-list-row__title {
    font-size: 1.4rem;
    max-width: 100%;
    padding-right: 3rem;
  }
}
.c-list-row__date {
  margin-right: 2rem;
  font-family: "din-2014", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-weight: bold;
}

.c-list-link {
  display: grid;
  grid-template-columns: 17rem 1fr;
  gap: 4rem;
  border-bottom: 1px dashed #707070;
  padding-bottom: 2rem;
  margin-bottom: 2rem;
  background-repeat: no-repeat;
  background-position: center right 2rem;
  transition: 0.3s;
}
.c-list-link:last-child {
  border-bottom: 0;
}
@media screen and (max-width: 920px) {
  .c-list-link {
    grid-template-columns: 8rem 1fr;
    gap: 1.5rem;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227.642%22%20height%3D%2212.223%22%20viewBox%3D%220%200%207.642%2012.223%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_67990%22%20data-name%3D%22%E3%83%91%E3%82%B9%2067990%22%20d%3D%22M0%2C5.465C.441%2C5.081%2C5.415%2C0%2C5.415%2C0l5.444%2C5.464%22%20transform%3D%22translate(6.219%200.656)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%23212121%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
    background-position: center right 0;
  }
}
@media print, screen and (min-width: 921px) {
  .c-list-link--calendar {
    grid-template-columns: 16rem 1fr;
    gap: 3rem;
    background-image: none;
  }
}
.c-list-link--calendar .c-list-link__title {
  max-width: 100%;
  font-size: 1.6rem;
}
@media screen and (max-width: 920px) {
  .c-list-link--calendar .c-list-link__title {
    padding-right: 3rem;
  }
}
.c-list-link--pickup {
  display: block;
  padding-bottom: 0;
  border: 0;
  max-width: 38rem;
  background: none;
  display: grid;
  grid-template-areas: "image meta" "image title";
  grid-template-rows: auto 1fr;
  grid-template-columns: 9rem 1fr;
  gap: 0.5rem 1.5rem;
  padding-right: 1rem;
  padding-bottom: 0;
  border: 0;
  max-width: 35rem;
  background: none;
}
@media screen and (max-width: 920px) {
  .c-list-link--pickup {
    gap: 0.5rem 1rem;
    max-width: 26.5rem;
    margin-top: 1rem;
  }
}
@media print, screen and (min-width: 921px) {
  .c-list-link--pickup {
    min-width: 38rem;
  }
}
.c-list-link--pickup .c-list-link__date {
  font-size: 1.6rem;
  margin-right: 1rem;
  margin-top: 0;
}
.c-list-link--pickup .c-list-link__tag {
  margin-top: 0;
  white-space: nowrap;
}
@media screen and (max-width: 920px) {
  .c-list-link--pickup .c-list-link__tag {
    max-width: 9.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.c-list-link--pickup .c-list-link__image {
  grid-area: image;
  border-radius: 5px;
  overflow: hidden;
}
.c-list-link--pickup .c-list-link__image img {
  width: 100%;
  height: 7rem;
  border-radius: 0.5rem;
  object-fit: cover;
}
.c-list-link--pickup .c-list-link__meta {
  grid-area: meta;
  margin-bottom: 0;
  align-items: center;
}
.c-list-link--pickup .c-list-link__title {
  grid-area: title;
  max-width: 100%;
  font-size: 1.4rem;
  font-weight: normal;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  max-width: 66rem;
  max-width: calc(100% - 8.5rem);
}
.c-list-link:hover {
  opacity: 0.7;
  background-position: center right 1rem;
}
.c-list-link:last-child {
  margin-bottom: 0;
}
.c-list-link__date-time {
  display: flex;
  gap: 1rem;
  margin-bottom: 1rem;
}
@media screen and (max-width: 920px) {
  .c-list-link__date-time {
    margin-bottom: 0;
  }
}
.c-list-link__date-time .c-list-link__tag {
  font-size: 1.6rem;
}
@media screen and (max-width: 920px) {
  .c-list-link__date-time .c-list-link__tag {
    font-size: 1.2rem;
  }
}
.c-list-link__times {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.3rem;
  gap: 0.25rem;
}
.c-list-link__time {
  font-size: 1.6rem;
  font-weight: bold;
}
@media screen and (max-width: 920px) {
  .c-list-link__time {
    font-size: 1.2rem;
  }
}
.c-list-link__time::after {
  content: "/";
}
.c-list-link__time:last-child::after {
  display: none;
}
.c-list-link__date {
  font-size: 2rem;
  font-family: "din-2014", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-weight: bold;
  letter-spacing: 0.025em;
  margin-right: 1.5rem;
}
@media screen and (max-width: 920px) {
  .c-list-link__date {
    font-size: 1.2rem;
    align-self: center;
    margin-top: 0.4rem;
  }
}
.c-list-link__image {
  overflow: hidden;
}
.c-list-link__image img {
  width: 100%;
  object-fit: cover;
  height: 10rem;
}
@media screen and (max-width: 920px) {
  .c-list-link__image img {
    height: 7.5rem;
  }
}
.c-list-link__meta {
  display: flex;
  margin-bottom: 0.4rem;
}
@media screen and (max-width: 920px) {
  .c-list-link__meta {
    margin-bottom: 0.8rem;
  }
}
.c-list-link__tags {
  display: flex;
  gap: 1rem;
}
.c-list-link__tag {
  margin-top: 0.4rem;
  align-self: start;
  padding: 0.4rem 1rem;
  background-color: var(--primary);
  color: #fff;
  line-height: 1;
  font-size: 1.2rem;
  font-weight: bold;
}
.c-list-link__title {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  max-width: 66rem;
  max-width: calc(100% - 8.5rem);
}
@media screen and (max-width: 920px) {
  .c-list-link__title {
    max-width: calc(100% - 4rem);
    font-size: 1.4rem;
  }
}

.c-category-filters {
  background-color: rgba(255, 255, 255, 0.3);
  border: solid 5px rgba(255, 255, 255, 0.51);
  padding: 2rem 3rem;
  border-radius: 15px;
  display: flex;
  margin-bottom: 10rem;
}
.c-category-filters--s .c-category-filter {
  font-size: 1.6rem;
}

.c-category-filter {
  font-size: 2rem;
  transition: 0.3s;
}
.c-category-filter::after {
  content: "";
  border-right: 1px solid #212121;
  margin-left: 2rem;
  margin-right: 2rem;
  line-height: 1;
}
.c-category-filter:last-child::after {
  display: none;
}
.c-category-filter:hover {
  color: var(--primary);
}
.c-category-filter.is-active {
  color: var(--primary);
  font-weight: bold;
}

.c-profile-cards {
  display: grid;
  grid-template-columns: repeat(3, 31rem);
  gap: 7rem 3.5rem;
}
@media screen and (max-width: 920px) {
  .c-profile-cards {
    grid-template-columns: repeat(2, 1fr);
    gap: 5rem 1.7rem;
  }
}

.c-profile-card:hover .c-profile-card__image > img {
  transform: scale(1.05);
}
.c-profile-card__image {
  margin-bottom: 2.5rem;
  border-radius: 10px;
  overflow: hidden;
  border: solid 3px #fff;
}
@media screen and (max-width: 920px) {
  .c-profile-card__image {
    margin-bottom: 1.5rem;
    border-radius: 10px;
  }
}
.c-profile-card__image img {
  transition: 0.3s;
  width: 100%;
  height: 26.4rem;
  object-fit: cover;
}
@media screen and (max-width: 920px) {
  .c-profile-card__image img {
    height: 12.5rem;
  }
}
.c-profile-card__title {
  font-size: var(--h4);
  margin-bottom: 1rem;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 920px) {
  .c-profile-card__title {
    font-size: 1.4rem;
  }
}
.c-profile-card__desc {
  font-size: 1.4rem;
  font-weight: 500;
  margin-bottom: 0.5rem;
  color: var(--primary);
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 920px) {
  .c-profile-card__desc {
    font-size: 1.2rem;
  }
}
.c-profile-card__lead {
  font-size: 1.4rem;
  margin-top: 1.5rem;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 920px) {
  .c-profile-card__lead {
    margin-top: 0.5rem;
    font-size: 1.2rem;
    line-height: 1.5;
  }
}
.c-profile-card__info {
  padding: 0.2rem 1rem;
  border-radius: 5px;
  background-color: #fff;
  width: fit-content;
  display: flex;
  gap: 1.5rem;
}
@media screen and (max-width: 920px) {
  .c-profile-card__info {
    display: block;
    width: 100%;
  }
}
.c-profile-card__name1 {
  font-weight: bold;
  flex: 1;
  font-size: 2.4rem;
}
@media screen and (max-width: 920px) {
  .c-profile-card__name1 {
    font-size: 1.6rem;
  }
}
.c-profile-card__name1::after {
  content: "さん";
  font-size: 1.2rem;
  margin-left: 0.5rem;
}
.c-profile-card__name2 {
  font-size: 1.4rem;
  color: var(--primary);
  font-weight: 500;
}
@media screen and (max-width: 920px) {
  .c-profile-card__name2 {
    font-size: 1.2rem;
  }
}

.c-button-panels {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 15rem;
  gap: 3.5rem;
}
@media screen and (max-width: 920px) {
  .c-button-panels {
    grid-template-columns: 1fr;
    grid-template-rows: 10rem;
    grid-auto-rows: 10rem;
    gap: 2rem;
  }
}

.c-button-panel {
  background-color: var(--primary);
  text-align: center;
  font-size: 2.4rem;
  font-weight: bold;
  transition: 0.3s;
}
@media screen and (max-width: 920px) {
  .c-button-panel {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
  }
}
@media print, screen and (min-width: 921px) {
  .c-button-panel:hover {
    scale: 1.05;
  }
}
.c-button-panel--secondary {
  background-color: var(--tertiary);
}
.c-button-panel--primary {
  background-color: var(--secondary);
}
@media screen and (max-width: 920px) {
  .c-button-panel__body {
    display: flex;
    align-items: center;
    gap: 2.5rem;
    justify-content: center;
  }
}
.c-button-panel__icon {
  width: fit-content;
  width: 9.4rem;
  height: 6.5rem;
  margin: 1.85rem auto 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 920px) {
  .c-button-panel__icon {
    width: 8rem;
    height: 5rem;
    margin: 0;
  }
}
.c-button-panel__icon img {
  margin: auto;
}
.c-button-panel__text {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
  color: #fff;
}
.c-button-panel__text::after {
  content: "";
  width: 0.75rem;
  height: 1.5rem;
  display: block;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229.76%22%20height%3D%2216.432%22%20viewBox%3D%220%200%209.76%2016.432%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_163499%22%20data-name%3D%22%E3%83%91%E3%82%B9%20163499%22%20d%3D%22M0%2C7.582C.612%2C7.05%2C7.513%2C0%2C7.513%2C0l7.554%2C7.582%22%20transform%3D%22translate(8.337%200.656)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.c-popup-cta {
  position: fixed;
  z-index: 9999999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  transition: 0.5s;
  opacity: 0;
  pointer-events: none;
}
@media screen and (max-width: 920px) {
  .c-popup-cta {
    display: block;
  }
  .c-popup-cta.is-active {
    opacity: 1;
    pointer-events: auto;
  }
}
.c-popup-cta__layer {
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  width: 100%;
  height: 100%;
}
.c-popup-cta__content {
  position: relative;
  z-index: 2;
  margin: 8.5rem 1.5rem;
}
.c-popup-cta__close {
  position: absolute;
  top: 4rem;
  right: 1.5rem;
}

.c-popup-cta-card {
  overflow: hidden;
  border-radius: 15px;
  background-color: #fff;
}
.c-popup-cta-card__image {
  position: relative;
}
.c-popup-cta-card__logo {
  position: absolute;
  width: 100%;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: 1.5rem;
  z-index: 1;
}
.c-popup-cta-card__logo > img {
  margin: auto;
}
.c-popup-cta-card__title {
  font-size: 2.4rem;
  text-align: center;
  margin-bottom: 1em;
}
.c-popup-cta-card__body {
  padding: 3rem;
}
.c-popup-cta-card__button .c-button {
  font-size: 1.6rem;
  width: 27rem;
  height: 6rem;
}

.c-toggle-items {
  margin-bottom: 6rem;
  margin-top: 8rem;
}
@media screen and (max-width: 920px) {
  .c-toggle-items {
    margin: 3.6rem auto 7rem;
  }
}

.c-toggle-item {
  border-radius: 10px;
  padding: 0 4rem 0 6rem;
  max-width: calc(100% - 4rem);
  position: relative;
  margin-left: auto;
  margin-bottom: 5rem;
}
@media screen and (max-width: 920px) {
  .c-toggle-item {
    max-width: calc(100% - 1rem);
    padding: 0 1.5rem;
    margin-bottom: 3.5rem;
  }
}
.c-toggle-item:last-child {
  margin-bottom: 0;
}
.c-toggle-item::before {
  content: "Q";
  position: absolute;
  left: -4rem;
  top: -2rem;
  background: linear-gradient(135deg, #74cdd1 0%, #84d0c6 44.76%, #0099d9 100%);
  width: 8rem;
  color: #fff;
  height: 5rem;
  text-align: center;
  line-height: 5rem;
  font-family: "din-2014", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-weight: 700;
  font-size: 3.2rem;
}
@media screen and (max-width: 920px) {
  .c-toggle-item::before {
    font-size: 2rem;
    left: -1rem;
    top: -1rem;
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
  }
}
.c-toggle-item__title {
  font-size: 2rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
  font-weight: bold;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215.32%22%20height%3D%229.201%22%20viewBox%3D%220%200%2015.32%209.201%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_67110%22%20data-name%3D%22%E3%83%91%E3%82%B9%2067110%22%20d%3D%22M0%2C0C.567.493%2C6.959%2C7.023%2C6.959%2C7.023l7-7.023%22%20transform%3D%22translate(0.656%200.754)%22%20fill%3D%22none%22%20stroke%3D%22%23212121%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  cursor: pointer;
  background-position: right 0 center;
  transition: 0.3s;
}
@media screen and (max-width: 920px) {
  .c-toggle-item__title {
    padding: 3rem 3rem 3rem 0;
    font-size: 1.6rem;
  }
}
.c-toggle-item__title.is-active {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215.321%22%20height%3D%229.201%22%20viewBox%3D%220%200%2015.321%209.201%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_67111%22%20data-name%3D%22%E3%83%91%E3%82%B9%2067111%22%20d%3D%22M0%2C7.023C.567%2C6.531%2C6.959%2C0%2C6.959%2C0l7%2C7.023%22%20transform%3D%22translate(0.656%201.423)%22%20fill%3D%22none%22%20stroke%3D%22%23212121%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
}
.c-toggle-item__body {
  border-top: dashed 1px #919191;
  padding-left: 5.5rem;
  position: relative;
}
@media screen and (max-width: 920px) {
  .c-toggle-item__body {
    padding-left: 0;
  }
}
.c-toggle-item__body > p {
  padding-bottom: 2rem;
}
@media print, screen and (min-width: 921px) {
  .c-toggle-item__body > p {
    padding-top: 2rem;
  }
}
.c-toggle-item__body::before {
  content: "A";
  font-size: 3.2rem;
  font-family: "din-2014", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-weight: 700;
  position: absolute;
  left: 0;
  top: 2rem;
  background-color: #212121;
  width: 3.5rem;
  height: 3.5rem;
  line-height: 3.5rem;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 920px) {
  .c-toggle-item__body::before {
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    position: static;
    display: block;
    margin: 2rem 0 1rem;
    font-size: 2rem;
  }
}

.c-global-links {
  gap: 4rem 3rem;
  display: grid;
  grid-template-columns: repeat(4, auto);
  grid-template-rows: repeat(2, auto);
}
@media screen and (max-width: 920px) {
  .c-global-links {
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    gap: 0;
  }
}

.c-global-link-group a {
  transition: 0.3s;
}
@media print, screen and (min-width: 921px) {
  .c-global-link-group a:hover {
    opacity: 0.4;
  }
}
.c-global-link-group__title {
  font-weight: bold;
  padding-bottom: 1rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid var(--black);
}
@media screen and (max-width: 920px) {
  .c-global-link-group__links-wrap {
    height: 0;
    overflow: hidden;
    transition: all 0.5s;
  }
  .c-global-link-group__links-wrap > .c-global-link-group__links {
    height: auto;
  }
}
@media screen and (max-width: 920px) {
  .c-global-link-group__links {
    height: 0;
    overflow: hidden;
    transition: all 0.5s;
  }
}
.c-global-link-group__link {
  display: block;
  font-size: 1.4rem;
  margin-bottom: 1rem;
}
@media screen and (max-width: 920px) {
  .c-global-link-group__link:last-child {
    margin-bottom: 2.5rem;
  }
}
.c-global-link-group__link-title {
  font-size: 1.4rem;
  margin-bottom: 1rem;
  display: block;
}
@media print, screen and (min-width: 921px) {
  .c-global-link-group__links + .c-global-link-group__links {
    margin-top: 1.5rem;
  }
}
.c-global-link-group__link-child {
  display: block;
  font-size: 1.4rem;
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 920px) {
  .c-global-link-group__link-child:last-child {
    margin-bottom: 2.5rem;
  }
}

@media screen and (max-width: 920px) {
  .c-global-link-group__title.js-sp-toggle {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215%22%20height%3D%2215%22%20viewBox%3D%220%200%2015%2015%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_29558%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2029558%22%20transform%3D%22translate(-345%20-8345)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_410%22%20data-name%3D%22%E7%B7%9A%20410%22%20x2%3D%2215%22%20transform%3D%22translate(345%208352.5)%22%20fill%3D%22none%22%20stroke%3D%22%230099D9%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_411%22%20data-name%3D%22%E7%B7%9A%20411%22%20x2%3D%2215%22%20transform%3D%22translate(352.5%208345)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%230099D9%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: top 0.5rem right 0;
    background-repeat: no-repeat;
  }
  .c-global-link-group__title.js-sp-toggle.is-active {
    background-position: top 1rem right 0;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215%22%20height%3D%222%22%20viewBox%3D%220%200%2015%202%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_408%22%20data-name%3D%22%E7%B7%9A%20408%22%20x2%3D%2215%22%20transform%3D%22translate(0%201)%22%20fill%3D%22none%22%20stroke%3D%22%230099D9%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
  }
}

@media screen and (max-width: 920px) {
  a.c-global-link-group__title:not(.js-sp-toggle) {
    background-image: url("../images/link-arrow.svg");
    background-repeat: no-repeat;
    background-size: 1.5rem;
    background-position: top 1rem right 0;
  }
}

a.c-global-link-group__title {
  padding-right: 4rem;
  display: block;
}
@media print, screen and (min-width: 921px) {
  a.c-global-link-group__title {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215%22%20height%3D%2215%22%20viewBox%3D%220%200%2015%2015%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_31111%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2031111%22%20transform%3D%22translate(-995%20-9399)%22%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_132%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%20132%22%20cx%3D%227.5%22%20cy%3D%227.5%22%20r%3D%227.5%22%20transform%3D%22translate(995%209399)%22%20fill%3D%22%230099d9%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_163736%22%20data-name%3D%22%E3%83%91%E3%82%B9%20163736%22%20d%3D%22M0%2C3.795%2C3.013%2C0l3%2C3.795%22%20transform%3D%22translate(1004.398%209403.492)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.5%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: 1.5rem;
    background-position: top 0.6rem right;
  }
}

.c-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  min-width: 21rem;
  height: 4.2rem;
  border: solid 1px #bcbcbc;
  padding: 0.8rem 4rem 0.8rem 2rem;
  background-color: #fff;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213.512%22%20height%3D%228.881%22%20viewBox%3D%220%200%2013.512%208.881%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_215320%22%20data-name%3D%22%E3%83%91%E3%82%B9%20215320%22%20d%3D%22M0%2C0%2C6.02%2C6.715l6-6.715%22%20transform%3D%22translate(0.745%200.667)%22%20fill%3D%22none%22%20stroke%3D%22%23bcbcbc%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 1rem;
  background-position: center right 1rem;
}

.c-calender-filter {
  display: flex;
  align-items: center;
  margin: 0 auto 5rem;
  gap: 1.5rem;
}
@media screen and (max-width: 920px) {
  .c-calender-filter {
    justify-content: center;
  }
}
.c-calender-filter__label {
  font-weight: bold;
  font-size: var(--h4);
  white-space: nowrap;
}
@media screen and (max-width: 920px) {
  .c-calender-filter__select .c-select {
    width: 85%;
  }
}

.c-calender-list-row {
  display: grid;
  gap: 7rem;
  grid-template-columns: 43% 50%;
}
.c-calender-list-row #sc {
  padding-top: 10rem;
  margin-top: -10rem;
}
@media screen and (max-width: 920px) {
  .c-calender-list-row {
    display: block;
  }
}
@media screen and (max-width: 920px) {
  .c-calender-list-row__left {
    margin-bottom: 5rem;
  }
}
.c-calender-list-row .swiper-navi {
  position: absolute;
  z-index: 2;
  width: 100%;
  top: 0;
  display: flex;
  justify-content: space-between;
}
.c-calender-list-row .swiper-button-prev,
.c-calender-list-row .swiper-button-next {
  width: 1.2rem;
  height: 1.4rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%224.426%22%20height%3D%227.742%22%20viewBox%3D%220%200%204.426%207.742%22%3E%20%3Cpath%20id%3D%22Icon_ionic-ios-arrow-back%22%20data-name%3D%22Icon%20ionic-ios-arrow-back%22%20d%3D%22M12.585%2C10.064l2.929-2.927a.553.553%2C0%2C0%2C0-.784-.781L11.412%2C9.672a.552.552%2C0%2C0%2C0-.016.763l3.333%2C3.34a.553.553%2C0%2C1%2C0%2C.784-.781Z%22%20transform%3D%22translate(-11.251%20-6.194)%22%2F%3E%3C%2Fsvg%3E");
  position: absolute;
  left: 0;
  top: 4.25rem;
  right: auto;
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}
@media screen and (max-width: 920px) {
  .c-calender-list-row .swiper-button-prev,
.c-calender-list-row .swiper-button-next {
    top: 2.65rem;
  }
}
.c-calender-list-row .swiper-button-next {
  right: 0;
  left: auto;
  scale: -1;
}

.c-calender {
  text-align: center;
  font-weight: 400;
}
.c-calender__title {
  font-size: 3.2rem;
  font-family: "din-2014-narrow", sans-serif;
  margin-bottom: 2rem;
}
@media screen and (max-width: 920px) {
  .c-calender__title {
    font-size: 2rem;
    margin-bottom: 1.2rem;
  }
}
.c-calender__cells {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 1.6rem 2rem;
  font-family: "din-2014-narrow", sans-serif;
}
@media screen and (max-width: 920px) {
  .c-calender__cells {
    gap: 1rem 1.5rem;
  }
}
.c-calender__cells a {
  text-decoration: underline;
}
.c-calender__cell {
  width: 3.8rem;
  height: 3.8rem;
  line-height: 4rem;
  border-radius: 100%;
  transition: 0.3s;
}
@media screen and (max-width: 920px) {
  .c-calender__cell {
    width: 2.7rem;
    height: 2.7rem;
    line-height: 2.7rem;
    font-size: 1rem;
  }
}
.c-calender__cell.is-open_campus {
  background-color: #f8f5f1;
  cursor: pointer;
}
.c-calender__cell.is-open_campus:hover {
  color: #fff;
  background-color: #212121;
}
.c-calender__cell.is-open_campus.is-holiday:hover {
  color: #fff;
  background-color: #dc6bc6;
}
.c-calender__cell.is-open_campus.is-sun:hover {
  color: #fff;
  background-color: #dc6bc6;
}
.c-calender__cell.is-sun {
  color: #dc6bc6;
}
.c-calender__cell.is-holiday {
  color: #dc6bc6;
}
.c-calender__cell.is-gray {
  color: #dc6bc6;
}
.c-calender__cell.is-current {
  background-color: #dc6bc6;
  color: #fff;
}
.c-calender__header {
  border-bottom: 1px solid;
  margin-bottom: 1.6rem;
  padding-bottom: 1rem;
}
.c-calender__header-cells {
  font-family: "din-2014-narrow", sans-serif;
  display: grid;
  gap: 1.6rem 2rem;
  grid-template-columns: repeat(7, 1fr);
  white-space: nowrap;
}
@media screen and (max-width: 920px) {
  .c-calender__header-cells {
    font-size: 1.2rem;
    gap: 1.5rem;
  }
}
.c-calender__header-cell {
  width: 3.8rem;
}
.c-calender__header-cell.is-sun {
  color: #dc6bc6;
}
@media screen and (max-width: 920px) {
  .c-calender__header-cell {
    width: 2.7rem;
  }
}
.c-calender__memo {
  text-align: right;
  margin-top: 1.6rem;
  font-weight: 500;
}
@media screen and (max-width: 920px) {
  .c-calender__memo {
    font-size: 1rem;
  }
}
.c-calender__memo span {
  color: #fff;
}

.c-grid-cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 7rem 5rem;
}
@media screen and (max-width: 920px) {
  .c-grid-cards {
    grid-template-columns: 1fr;
    gap: 5rem;
  }
}

.c-grid-card__image {
  margin-bottom: 3.5rem;
}
.c-grid-card__image img {
  width: 100%;
  height: 23rem;
  object-fit: cover;
}
@media print, screen and (min-width: 921px) {
  .c-grid-card__image img {
    height: 32rem;
  }
}
.c-grid-card__title {
  font-size: var(--h3);
  margin-bottom: 1em;
}
@media screen and (max-width: 920px) {
  .c-grid-card__title {
    font-size: 1.6rem;
  }
}
.c-grid-card__desc {
  padding-bottom: 2.4rem;
  border-bottom: 1.5px solid #212121;
}

.c-number-cards {
  counter-reset: cnc;
}

.c-number-card {
  counter-increment: cnc;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 5rem;
}
@media screen and (max-width: 920px) {
  .c-number-card {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }
  .c-number-card--oc {
    gap: 2rem;
    grid-template-columns: auto 1fr;
  }
}
.c-number-card + .c-number-card {
  margin-top: 5rem;
}
.c-number-card__circle {
  width: 20rem;
  height: 20rem;
  border-radius: 100%;
  line-height: 20rem;
  background-color: #fff;
  text-align: center;
}
@media screen and (max-width: 920px) {
  .c-number-card__circle {
    width: 6.4rem;
    height: 6.4rem;
    border-radius: 100%;
    line-height: 6.4rem;
  }
}
.c-number-card__circle::before {
  content: "0" counter(cnc);
  font-family: "din-2014-narrow", sans-serif;
  font-size: 8rem;
  display: inline-block;
  background: linear-gradient(45deg, #74cdd1 0%, #84d0c6 44.76%, #0099d9 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 920px) {
  .c-number-card__circle::before {
    font-size: 3.2rem;
  }
}
.c-number-card__image {
  position: relative;
}
.c-number-card__image::before {
  content: "0" counter(cnc);
  font-family: "din-2014", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 6.4rem;
  font-style: italic;
  position: absolute;
  right: 1.5rem;
  line-height: 1;
  bottom: 0;
  color: transparent;
  -webkit-text-stroke: 1.5px #fff;
  text-stroke: 1.5px #fff;
}
.c-number-card__image img {
  width: 100%;
  height: 22rem;
  object-fit: cover;
  border-radius: 15px;
}
.c-number-card__title {
  font-size: var(--h1);
  margin-bottom: 0.8em;
}
@media screen and (max-width: 920px) {
  .c-number-card__title {
    font-size: 2rem;
    margin-bottom: 1.5rem;
  }
}
.modal {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 90000;
}
.modal button {
  appearance: none;
}

.modal:not(:target) {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s, visibility 0.5s;
}

.modal:target {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s, visibility 0.5s;
}

.modal .overlay {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #000;
  opacity: 0.7;
  top: 0;
  left: 0;
}

.modal-wrapper {
  width: 100%;
  max-width: 100rem;
  height: 100%;
  max-height: 60rem;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media screen and (max-width: 920px) {
  .modal-wrapper {
    max-width: calc(100% - 3rem);
    max-height: 50rem;
  }
}
.modal-contents {
  overflow: auto;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  position: relative;
}

.modal-content {
  height: 100%;
  padding: 6.6rem 7.5rem;
}

@media screen and (max-width: 920px) {
  .modal-content {
    padding: 3.5rem 1.5rem;
  }
}
.modal-close {
  display: none;
  position: absolute;
  top: 5px;
  right: 10px;
  text-decoration: none;
}

@media screen and (max-width: 920px) {
  .modal-close {
    position: fixed;
    display: block;
  }
}
.c-form-step {
  --border-color: #fff;
  --no-bg: #fff;
  --no-bg-active: var(--primary);
  display: flex;
  justify-content: space-between;
  max-width: 50rem;
  margin: 0 auto 7rem;
  font-weight: 600;
  position: relative;
}
@media screen and (max-width: 920px) {
  .c-form-step {
    max-width: 29rem;
  }
}
.c-form-step::after {
  content: "";
  border-bottom: 4px var(--border-color) solid;
  height: 4px;
  top: 4rem;
  width: 80%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 920px) {
  .c-form-step::after {
    top: 2.75rem;
  }
}
.c-form-step__item {
  text-align: center;
  position: relative;
  z-index: 2;
}
.c-form-step__item.is-active .c-form-step__item-no {
  background-color: var(--no-bg-active);
  color: #fff;
}
@media screen and (max-width: 920px) {
  .c-form-step__item-text {
    position: absolute;
    width: 200%;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    text-align: center;
  }
  .c-form-step__item-text .hide-sp {
    display: none;
  }
}
.c-form-step__item-no {
  text-align: center;
  line-height: 8rem;
  color: var(--no-bg-active);
  background-color: var(--no-bg);
  border-radius: 100%;
  font-size: 3.2rem;
  width: 8rem;
  height: 8rem;
  margin: 0 auto 1.5rem;
  font-family: "din-2014-narrow", sans-serif;
  font-weight: bold;
}
@media screen and (max-width: 920px) {
  .c-form-step__item-no {
    font-size: 2.4rem;
    width: 5.8rem;
    height: 5.8rem;
    line-height: 5.8rem;
  }
}

.c-department-item {
  --bg-image: url("../images/item1bg.png");
  --color: #0099d9;
  --image-w: 51.1rem;
  --image-left: 0;
  --image-bottom: -3rem;
}
@media screen and (max-width: 920px) {
  .c-department-item {
    --image-w: 36.1rem;
  }
  .c-department-item .spacer {
    display: none;
  }
  .c-department-item + .c-department-item {
    margin-top: 8rem;
  }
}
@media print, screen and (min-width: 921px) {
  .c-department-item:nth-child(1) {
    margin-top: 7rem;
  }
}
.c-department-item:nth-child(2) {
  --bg-image: url("../images/item2bg.png");
  --color: #77bc2f;
  --image-w: 42.6rem;
  --image-left: 8.5rem;
  --image-bottom: -2.1rem;
}
@media screen and (max-width: 920px) {
  .c-department-item:nth-child(2) {
    --image-w: 27.8rem;
    --image-left: 3.7rem;
    --image-bottom: -1rem;
  }
}
.c-department-item:nth-child(3) {
  --bg-image: url("../images/item3bg.png");
  --color: #ed6d1f;
  --image-w: 52.6rem;
  --image-bottom: -6.1rem;
}
@media print, screen and (min-width: 921px) {
  .c-department-item:nth-child(3) {
    margin-top: 7rem;
  }
}
@media screen and (max-width: 920px) {
  .c-department-item:nth-child(3) {
    --image-w: 35.1rem;
    --image-left: 0rem;
    --image-bottom: -3rem;
  }
}
.c-department-item:nth-child(4) {
  --bg-image: url("../images/item4bg.png");
  --color: #c06aa1;
  --image-w: 46.3rem;
  --image-left: 2rem;
  --image-bottom: -6.7rem;
}
@media screen and (max-width: 920px) {
  .c-department-item:nth-child(4) {
    --image-w: 34.5rem;
    --image-left: 0rem;
    --image-bottom: -4rem;
  }
}
@media print, screen and (min-width: 921px) {
  .c-department-item--v2 {
    display: grid;
    align-items: center;
    grid-template-columns: 1fr 62rem;
    margin-bottom: 16.5rem;
  }
  .c-department-item--v2:nth-child(1) {
    --image-bottom: -5rem;
  }
  .c-department-item--v2:nth-child(2) {
    --image-bottom: -4.5rem;
  }
  .c-department-item--v2:nth-child(3) {
    --image-bottom: -0.1rem;
  }
  .c-department-item--v2:nth-child(4) {
    --image-bottom: 2.7rem;
  }
}
.c-department-item--v2:last-child {
  margin-bottom: 0;
}
.c-department-item--digital {
  --bg-image: url("../images/item1bg.png.webp") !important;
  --color: #0099d9;
  --image-w: 51rem !important;
  --image-left: 0 !important;
}
.c-department-item--digital .c-department-item__header::before {
  top: 1.5rem;
}
.c-department-item--digital .c-department-item__image {
  bottom: auto !important;
  top: 0;
}
@media screen and (max-width: 920px) {
  .c-department-item--digital {
    --image-w: 27.8rem;
    --image-left: 3.7rem;
    --image-bottom: -1rem;
  }
}
.c-department-item--animal {
  --bg-image: url("../images/item2bg.png.webp") !important;
  --color: #77bc2f;
  --image-w: 51rem !important;
  --image-left: 0 !important;
}
.c-department-item--animal .c-department-item__header::before {
  top: 1.5rem;
}
.c-department-item--animal .c-department-item__image {
  bottom: auto !important;
  top: 0;
}
@media screen and (max-width: 920px) {
  .c-department-item--animal {
    --image-w: 27.8rem;
    --image-left: 3.7rem;
    --image-bottom: -1rem;
  }
}
.c-department-item--medical {
  --bg-image: url("../images/item3bg.png.webp") !important;
  --color: #ed6d1f;
  --image-w: 51rem !important;
  --image-left: 0 !important;
}
.c-department-item--medical .c-department-item__header::before {
  top: 1.5rem;
}
.c-department-item--medical .c-department-item__image {
  bottom: auto !important;
  top: 0;
}
@media screen and (max-width: 920px) {
  .c-department-item--medical {
    --image-w: 27.8rem;
    --image-left: 3.7rem;
    --image-bottom: -1rem;
  }
}
.c-department-item--tourism {
  --bg-image: url("../images/item4bg.png.webp") !important;
  --color: #c06aa1;
  --image-w: 51rem !important;
  --image-left: 0 !important;
}
.c-department-item--tourism .c-department-item__header::before {
  top: 1.5rem;
}
.c-department-item--tourism .c-department-item__image {
  bottom: auto !important;
  top: 0;
}
@media screen and (max-width: 920px) {
  .c-department-item--tourism {
    --image-w: 27.8rem;
    --image-left: 3.7rem;
    --image-bottom: -1rem;
  }
}
.c-department-item--railway {
  --bg-image: url("../images/item5bg.png.webp") !important;
  --color: #004165;
  --image-w: 51rem !important;
  --image-left: 0 !important;
}
.c-department-item--railway .c-department-item__header::before {
  top: 1.5rem;
}
.c-department-item--railway .c-department-item__image {
  bottom: auto !important;
  top: 0;
}
@media screen and (max-width: 920px) {
  .c-department-item--railway {
    --image-w: 27.8rem;
    --image-left: 3.7rem;
    --image-bottom: -1rem;
  }
}
.c-department-item__header {
  min-height: 38.7rem;
  position: relative;
}
@media screen and (max-width: 920px) {
  .c-department-item__header {
    min-height: 27rem;
  }
}
.c-department-item__header::before {
  content: "";
  width: 52.7rem;
  height: 44rem;
  position: absolute;
  top: 0;
  left: 1rem;
  background-image: var(--bg-image);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: -1;
}
@media screen and (max-width: 920px) {
  .c-department-item__header::before {
    width: 100%;
    height: 30.3rem;
  }
}
.c-department-item__header-logos {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
.c-department-item__header-logo {
  font-family: "din-2014", sans-serif;
  color: #fff;
  font-size: 11.6rem;
  color: #fff;
  line-height: 16.7rem;
}
@media screen and (max-width: 920px) {
  .c-department-item__header-logo {
    font-size: 8rem;
    line-height: 11.8rem;
  }
}
.c-department-item__header-logo:nth-child(1), .c-department-item__header-logo:nth-child(2) {
  margin-left: -0.55em;
  color: transparent;
  -webkit-text-stroke: 1px #fff;
  text-stroke: 1px #fff;
}
.c-department-item__image {
  position: absolute;
  bottom: var(--image-bottom);
  left: var(--image-left);
  width: var(--image-w);
}
@media screen and (max-width: 920px) {
  .c-department-item__image {
    max-width: 100%;
  }
}
.c-department-item__list-spacer {
  width: 100%;
  height: 1px;
}
.c-department-item__content {
  padding: 2.5rem 2rem 6rem;
  background: #fff;
  border-radius: 0 0 50px 0;
  position: relative;
  z-index: 3;
}
@media screen and (max-width: 920px) {
  .c-department-item__content {
    padding-top: 2rem;
  }
}
.c-department-item__label {
  background-color: #f1f1f1;
  padding: 0 2rem 0.2rem;
  line-height: 3rem;
  width: fit-content;
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 920px) {
  .c-department-item__label {
    font-size: 1.2rem;
    line-height: 1.7;
    padding: 0 1rem;
  }
}
.c-department-item__lists {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 2rem;
  margin-bottom: 2rem;
}
.c-department-item__lists-label {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
.c-department-item__lists-label span {
  font-size: 1.4rem;
  color: #fff;
  font-weight: bold;
  padding: 0 1.5rem;
  line-height: 2rem;
  background-color: #212121;
  width: fit-content;
  white-space: nowrap;
}
@media screen and (max-width: 920px) {
  .c-department-item__lists-label span {
    font-size: 1.2rem;
    padding: 0 0.8rem;
  }
}
.c-department-item__lists-label::after {
  content: "";
  background: #212121;
  width: 100%;
  height: 1px;
}
.c-department-item__list {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color);
  font-weight: bold;
}
@media screen and (max-width: 920px) {
  .c-department-item__list {
    font-size: 1.4rem;
  }
}
.c-department-item__list::before {
  content: "";
  display: inline-block;
  width: 1rem;
  height: 1rem;
  border-radius: 100%;
  background-color: #212121;
}
.c-department-item__title {
  font-size: 2.4rem;
  line-height: 3.5rem;
  color: var(--color);
  margin-bottom: 2rem;
}
@media screen and (max-width: 920px) {
  .c-department-item__title {
    font-size: 2rem;
    line-height: 1.65;
    margin-bottom: 1.5rem;
  }
}
.c-department-item__buttons {
  display: grid;
  grid-template-columns: repeat(2, 20rem);
  gap: 1.5rem;
}
@media print, screen and (min-width: 921px) {
  .c-department-item__buttons {
    position: relative;
    top: 3rem;
    margin-top: -3rem;
  }
}
@media screen and (max-width: 920px) {
  .c-department-item__buttons {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
    margin: 0 -2rem -3rem;
  }
}
.c-department-item__buttons .c-button {
  width: 100%;
}
@media screen and (max-width: 920px) {
  .c-department-item__buttons .c-button {
    font-size: 1.6rem;
    white-space: nowrap;
  }
}
@media screen and (max-width: 920px) {
  .c-department-item__buttons .c-button:nth-child(1) .c-button__inner span {
    gap: 0.5rem;
  }
}
.c-department-item__button {
  margin-bottom: -9rem;
}
.c-department-item__box {
  background-color: #f1f1f1;
  padding: 1rem 1.5rem;
  margin-bottom: 3rem;
  padding-right: 1rem;
}
.c-department-item__box-title {
  font-weight: bold;
  margin-bottom: 0.8rem;
}
@media screen and (max-width: 920px) {
  .c-department-item__box-title {
    font-size: 1.4rem;
  }
}
.c-department-item__tags {
  display: flex;
  flex-wrap: wrap;
  font-size: 1.4rem;
  gap: 0.5rem 1.5rem;
}
@media screen and (max-width: 920px) {
  .c-department-item__tags {
    font-size: 1.2rem;
  }
}

.c-point-items {
  counter-reset: pointcnt;
}

.c-point-item {
  counter-increment: pointcnt;
  display: grid;
  grid-template-columns: 30rem 1fr;
  gap: 5rem;
}
@media screen and (max-width: 920px) {
  .c-point-item {
    display: block;
  }
}
.c-point-item--no-number .c-point-item__image::before {
  display: none;
}
.c-point-item + .c-point-item {
  margin-top: 6rem;
}
.c-point-item__title {
  font-size: 2.8rem;
  font-weight: bold;
  margin-bottom: 1em;
}
@media screen and (max-width: 920px) {
  .c-point-item__title {
    font-size: 1.6rem;
    line-height: 3rem;
  }
}
.c-point-item__image {
  position: relative;
}
@media screen and (max-width: 920px) {
  .c-point-item__image {
    margin-bottom: 2.5rem;
  }
}
.c-point-item__image > img {
  width: 100%;
  height: 23rem;
  object-fit: cover;
}
.c-point-item__image::before {
  content: "0" counter(pointcnt);
  font-family: "din-2014", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 7.2rem;
  position: absolute;
  left: 0;
  top: -4.5rem;
  color: var(--maincolor, var(--primary));
}
@media screen and (max-width: 920px) {
  .c-point-item__image::before {
    font-size: 6.4rem;
  }
}

.c-deco {
  position: absolute;
  left: var(--l, auto);
  right: var(--r, auto);
  top: var(--t, auto);
  bottom: var(--b, auto);
  width: var(--w, auto);
}
@media screen and (max-width: 920px) {
  .c-deco {
    left: var(--l_sp, auto);
    right: var(--r_sp, auto);
    top: var(--t_sp, auto);
    bottom: var(--b_sp, auto);
    width: var(--w_sp, auto);
  }
}

.c-section-ptbg {
  background: linear-gradient(rgba(116, 205, 209, 0) 0%, #84d0c6 44.76%, rgba(0, 153, 217, 0) 100%);
  position: relative;
}
.c-section-ptbg::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  background-image: url("../images/section/bg-pattern1.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}

.c-tab-buttons {
  display: grid;
  grid-template-columns: repeat(2, 40rem);
  gap: 5rem;
  justify-content: center;
  margin: 0 0 10rem;
}
@media screen and (max-width: 920px) {
  .c-tab-buttons {
    grid-template-columns: repeat(2, 1fr);
    margin: 0 0 5rem;
    gap: 1.1rem;
  }
}
.c-tab-buttons--anker2 {
  gap: 1rem 3.5rem !important;
}
.c-tab-buttons--col4 {
  grid-template-columns: repeat(4, 1fr);
  gap: 2.5rem;
}
@media screen and (max-width: 920px) {
  .c-tab-buttons--col4 {
    grid-template-columns: repeat(2, 1fr);
    margin: 0 0 5rem;
    gap: 1.1rem;
  }
}
.c-tab-buttons--col5 {
  grid-template-columns: repeat(5, 1fr);
  gap: 2.5rem;
}
@media screen and (max-width: 920px) {
  .c-tab-buttons--col5 {
    grid-template-columns: repeat(2, 1fr);
    margin: 0 0 5rem;
    gap: 1.1rem;
  }
}

.c-tab-button {
  width: 100%;
  height: 6.5rem;
  display: flex;
  align-items: center;
  font-weight: bold;
  justify-content: center;
  font-size: 1.6rem;
  background-color: #fff;
  cursor: pointer;
  padding: 0 1rem;
  transition: 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.c-tab-button--anker1 {
  background-color: #0099d9;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 2rem;
}
@media screen and (max-width: 920px) {
  .c-tab-button--anker1 {
    padding: 0 1rem;
    font-size: 1.4rem;
  }
}
.c-tab-button--anker1 svg {
  width: 2rem;
  height: 2rem;
}
.c-tab-button--anker2 {
  background-color: transparent;
  font-size: 2rem;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid;
  scale: 1 !important;
}
@media screen and (max-width: 920px) {
  .c-tab-button--anker2 {
    padding: 0 1rem;
    font-size: 1.4rem;
  }
}
.c-tab-button--anker2 svg {
  border: solid 1px;
  border-radius: 100%;
  width: 2rem;
  height: 2rem;
}
@media screen and (max-width: 920px) {
  .c-tab-button {
    font-size: 1.4rem;
    text-align: center;
    height: 5rem;
  }
}
.c-tab-button:hover {
  scale: 0.98;
}
.c-tab-button.is-active {
  color: #fff;
  background-color: var(--secondary);
}

.c-simple-cards {
  --column: 2;
  display: grid;
  grid-template-columns: repeat(var(--column), 1fr);
  gap: 7rem 5rem;
}
.c-simple-cards--access {
  counter-reset: an;
}
.c-simple-cards--access .c-simple-card {
  counter-increment: an;
}
.c-simple-cards--access .c-simple-card__image::before {
  content: "0" counter(an);
  position: absolute;
  left: 0;
  top: 0;
  width: 4rem;
  height: 4rem;
  line-height: 4rem;
  text-align: center;
  font-size: 2.4rem;
  font-family: "din-2014", sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--black);
  background-color: var(--secondary);
}
@media screen and (max-width: 920px) {
  .c-simple-cards {
    grid-template-columns: 1fr;
    gap: 5rem;
  }
}

.c-simple-card {
  padding-bottom: 2rem;
  border-bottom: 1px solid var(--black);
}
.c-simple-card__image {
  position: relative;
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 920px) {
  .c-simple-card__image {
    margin-bottom: 2rem;
  }
  .c-simple-card__image img {
    width: 100%;
    height: 20rem;
    object-fit: cover;
  }
}
.c-simple-card__meta {
  margin-bottom: 0.5rem;
}
.c-simple-card__tag {
  font-size: 1.4rem;
  padding: 0.1rem 1.2rem;
  border: solid 1px #fff;
  display: inline-block;
}
@media screen and (max-width: 920px) {
  .c-simple-card__tag {
    font-size: 1.2rem;
  }
}
.c-simple-card__tag-text {
  display: inline-block;
  margin-left: 1rem;
}
@media screen and (max-width: 920px) {
  .c-simple-card__tag-text {
    font-size: 1.2rem;
    margin-left: 0.5rem;
  }
}
.c-simple-card__name {
  font-size: 2.4rem;
  font-weight: bold;
  margin-bottom: 0.8rem;
}
@media screen and (max-width: 920px) {
  .c-simple-card__name {
    font-size: 1.6rem;
  }
}
.c-simple-card__name span {
  font-size: 1.4rem;
  margin-left: 1rem;
}
.c-simple-card__link {
  display: inline-block;
  border-left: solid 3px var(--secondary);
  padding-left: 0.5rem;
  text-decoration: underline;
  line-height: 1;
}
@media screen and (max-width: 920px) {
  .c-simple-card__link {
    font-size: 1.4rem;
  }
}
.c-simple-card__desc {
  margin-top: 2rem;
}
.c-simple-card__title {
  font-size: var(--h3);
  font-weight: bold;
}

.c-course-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4rem 2.5rem;
}
@media screen and (max-width: 920px) {
  .c-course-cards {
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem 1.7rem;
  }
}
.c-course-cards--col4 {
  grid-template-columns: repeat(4, 1fr);
  gap: 5rem 2.5rem;
}
@media screen and (max-width: 920px) {
  .c-course-cards--col4 {
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem 1.7rem;
  }
}

.c-course-card {
  display: flex;
  flex-direction: column;
}
.c-course-card__title {
  font-weight: bold;
  margin-top: 1.6rem;
  padding: 0 0 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  font-size: 2rem;
}
@media screen and (max-width: 920px) {
  .c-course-card__title {
    font-size: 1.4rem;
    margin-top: 1em;
  }
}
.c-course-card__icon {
  position: relative;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 100%;
  background-color: var(--primary);
  padding: 0.3rem 0.2rem;
}

.c-list-items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 4rem;
}
@media screen and (max-width: 920px) {
  .c-list-items {
    grid-template-columns: 1fr;
    gap: 0;
  }
}

.c-list-item {
  padding: 3rem 0 2rem;
  border-bottom: 1px solid var(--black);
}
@media screen and (max-width: 920px) {
  .c-list-item {
    padding: 2rem 0;
  }
}
.c-list-item__title {
  position: relative;
  font-weight: bold;
  font-size: 2rem;
}
@media screen and (max-width: 920px) {
  .c-list-item__title {
    font-size: 1.5rem;
  }
}
.c-list-item__title::before {
  content: "";
  width: 1.3rem;
  height: 1.3rem;
  background-color: var(--circle-color, var(--primary));
  display: inline-block;
  margin-right: 1rem;
}
@media screen and (max-width: 920px) {
  .c-list-item__title::before {
    width: 1rem;
    height: 1rem;
    margin-right: 0.5rem;
  }
}
.c-list-item__title span {
  font-size: 1.4rem;
}
@media screen and (max-width: 920px) {
  .c-list-item__title span {
    font-size: 1.2rem;
  }
}
.c-list-item--etc {
  border-bottom: 0;
}
.c-list-item--etc .c-list-item__title::before {
  display: none;
}

.c-avator-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 7rem 3.5rem;
}
@media screen and (max-width: 920px) {
  .c-avator-cards {
    grid-template-columns: repeat(2, 1fr);
    gap: 5rem 1.7rem;
  }
}

.c-avator-card__image {
  margin-bottom: 2rem;
  overflow: hidden;
  position: relative;
}
.c-avator-card__image img {
  width: 100%;
  height: 25rem;
  object-fit: cover;
  transition: 0.5s;
}
@media screen and (max-width: 920px) {
  .c-avator-card__image img {
    height: 13.2rem;
  }
}
.c-avator-card__title {
  font-size: 2rem;
  font-weight: normal;
  margin-bottom: 0.5rem;
  color: var(--primary);
}
@media screen and (max-width: 920px) {
  .c-avator-card__title {
    font-size: 1.4rem;
  }
}
.c-avator-card__name {
  font-size: 1.6rem;
}
.c-avator-card__name::after {
  content: "さん";
  font-size: 1.2rem;
  margin-left: 0.8rem;
}
@media screen and (max-width: 920px) {
  .c-avator-card__name {
    font-size: 1.2rem;
  }
}
.c-avator-card__job {
  font-size: 1.2rem;
}
.c-avator-card__tags {
  display: flex;
  gap: 1rem;
  position: absolute;
  left: 1.5rem;
  top: 1.5rem;
  flex-wrap: wrap;
  max-width: calc(100% - 3rem);
}
@media screen and (max-width: 920px) {
  .c-avator-card__tags {
    left: 1rem;
    top: 1rem;
    gap: 0.5rem;
  }
}
.c-avator-card__tag {
  background-color: #fff;
  text-align: center;
  color: var(--black);
  padding: 0 1rem;
  font-size: 1.4rem;
}
@media screen and (max-width: 920px) {
  .c-avator-card__tag {
    font-size: 1.2rem;
  }
}

.c-popup-cta {
  position: fixed !important;
  z-index: 9999999 !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  transition: 0.5s;
  opacity: 0;
  pointer-events: none;
}
@media screen and (max-width: 920px) {
  .c-popup-cta.is-active {
    display: block;
    opacity: 1;
    pointer-events: auto;
  }
}
.c-popup-cta__layer {
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  width: 100%;
  height: 100%;
}
.c-popup-cta__content {
  position: relative;
  z-index: 2;
  margin: 8.5rem 1.5rem;
}
.c-popup-cta__close {
  position: absolute;
  top: 4rem;
  right: 1.5rem;
}

.c-popup-cta-card {
  overflow: hidden;
  background-color: #fff;
  color: #212121;
}
.c-popup-cta-card__image {
  position: relative;
}
.c-popup-cta-card__logo {
  position: absolute;
  width: 100%;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: 1.5rem;
  z-index: 1;
  text-align: center;
  font-family: "din-2014", sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #fff;
  font-size: 4.4rem;
  line-height: 1;
  white-space: nowrap;
  text-align: center;
  font-family: "din-2014", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 5rem;
  color: #fff;
  line-height: 1;
}
.c-popup-cta-card__logo > img {
  margin: auto;
}
.c-popup-cta-card__logo--2 {
  font-size: 4rem;
}
.c-popup-cta-card__title {
  font-size: 2.4rem;
  text-align: center;
  margin-bottom: 1em;
}
.c-popup-cta-card__body {
  padding: 3rem;
}
.c-popup-cta-card__button .c-button {
  font-size: 1.6rem;
  width: 27rem;
  height: 6rem;
  margin: auto;
}

.c-separator {
  max-width: 124.6rem;
  width: 100%;
  height: 1px;
  background-color: #CEE1DF;
  margin: 0 auto;
}
@media screen and (max-width: 920px) {
  .c-separator {
    margin: 0 auto;
    max-width: calc(100% - 3rem);
  }
}

.c-page-bottom-separate {
  max-width: 124.6rem;
  border-bottom: 1.5px solid var(--black);
  margin: 10rem auto;
}
@media screen and (max-width: 920px) {
  .c-page-bottom-separate {
    max-width: 100%;
    margin: 7rem 1.5rem 5rem;
    max-width: 100%;
  }
}

.c-menu-navi-section {
  position: relative;
  margin: 10rem 0 7rem;
}
@media screen and (max-width: 920px) {
  .c-menu-navi-section {
    margin: 5rem 0 7rem;
  }
}
@media screen and (max-width: 920px) {
  .c-menu-navi-section .c-section-title {
    text-align: center;
    margin-bottom: 2rem;
  }
}
.c-menu-navi-section__inner {
  position: relative;
  z-index: 2;
  padding: 5rem 6.3rem;
}
@media screen and (max-width: 920px) {
  .c-menu-navi-section__inner {
    padding: 3.5rem 3.2rem;
  }
}
.c-menu-navi-section__inner::before {
  border-radius: 15px 0px 0px 15px;
  background: transparent;
  border: 5px solid rgba(255, 255, 255, 0.51);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  background-color: rgba(255, 255, 255, 0.02);
  content: "";
  width: 200vw;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
@media screen and (max-width: 920px) {
  .c-menu-navi-section__inner::before {
    width: calc(100% - 1.5rem);
    left: auto;
    right: 0;
  }
}

.c-menu-navi-items {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.5rem 3.5rem;
}
@media screen and (max-width: 920px) {
  .c-menu-navi-items {
    gap: 1rem;
    grid-template-columns: 1fr;
  }
}
.c-menu-navi-items--2 {
  grid-template-columns: repeat(2, 1fr);
  column-gap: 8rem;
}

.c-menu-navi-item {
  height: 7rem;
  padding: 1.9rem 2rem;
  font-size: 1.6rem;
  background-color: var(--primary);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225%22%20height%3D%2225%22%20viewBox%3D%220%200%2025%2025%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_30053%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2030053%22%20transform%3D%22translate(0.382%200.082)%22%3E%20%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_30%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%2030%22%20transform%3D%22translate(-0.382%20-0.082)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.5%22%3E%20%3Ccircle%20cx%3D%2212.5%22%20cy%3D%2212.5%22%20r%3D%2212.5%22%20stroke%3D%22none%22%2F%3E%20%3Ccircle%20cx%3D%2212.5%22%20cy%3D%2212.5%22%20r%3D%2211.75%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_16699%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2016699%22%20transform%3D%22translate(8.647%209.662)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_29185%22%20data-name%3D%22%E3%83%91%E3%82%B9%2029185%22%20d%3D%22M0%2C3.457%2C2.745%2C0%2C5.481%2C3.457%22%20transform%3D%22translate(6.914%200)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_29186%22%20data-name%3D%22%E3%83%91%E3%82%B9%2029186%22%20d%3D%22M984.847-127.017h-6.914%22%20transform%3D%22translate(-977.933%20129.758)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center right 2rem;
  transition: 0.3s;
  border: solid 2px var(--primary);
  color: #fff;
  font-weight: bold;
}
@media screen and (max-width: 920px) {
  .c-menu-navi-item {
    background-size: 2rem;
    height: 5rem;
    padding: 1.25rem 2rem;
    font-size: 1.4rem;
  }
}
.c-menu-navi-item--pdf {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_29374%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2029374%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2227.339%22%20height%3D%2229%22%20viewBox%3D%220%200%2027.339%2029%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_29370%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2029370%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_163808%22%20data-name%3D%22%E3%83%91%E3%82%B9%20163808%22%20d%3D%22M28.972%2C9.79%2C21.638%2C2.169a.554.554%2C0%2C0%2C0-.4-.17H10.307A2.221%2C2.221%2C0%2C0%2C0%2C8.089%2C4.217v7.747H3.659A1.661%2C1.661%2C0%2C0%2C0%2C2%2C13.624v8.307a1.661%2C1.661%2C0%2C0%2C0%2C1.66%2C1.659h4.43v4.983a2.219%2C2.219%2C0%2C0%2C0%2C2.219%2C2.214h16.6a2.218%2C2.218%2C0%2C0%2C0%2C2.219-2.213v-18.4a.554.554%2C0%2C0%2C0-.155-.384m-7.6-6.3L27.4%2C9.75H21.376ZM3.659%2C22.483a.553.553%2C0%2C0%2C1-.553-.552V13.624a.553.553%2C0%2C0%2C1%2C.553-.552h14.95a.553.553%2C0%2C0%2C1%2C.552.552v8.307a.553.553%2C0%2C0%2C1-.552.552Zm24.36%2C6.092a1.11%2C1.11%2C0%2C0%2C1-1.111%2C1.105h-16.6A1.11%2C1.11%2C0%2C0%2C1%2C9.2%2C28.573V23.59h9.413a1.661%2C1.661%2C0%2C0%2C0%2C1.66-1.659V13.624a1.661%2C1.661%2C0%2C0%2C0-1.66-1.659H9.2V4.217a1.112%2C1.112%2C0%2C0%2C1%2C1.111-1.111h9.961v7.2a.554.554%2C0%2C0%2C0%2C.554.554h7.2Z%22%20transform%3D%22translate(-1.893%20-1.893)%22%20fill%3D%22%23212121%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_163809%22%20data-name%3D%22%E3%83%91%E3%82%B9%20163809%22%20d%3D%22M25.015%2C29H8.414A2.325%2C2.325%2C0%2C0%2C1%2C6.09%2C26.68V21.8H1.766A1.767%2C1.767%2C0%2C0%2C1%2C0%2C20.038V11.73A1.767%2C1.767%2C0%2C0%2C1%2C1.766%2C9.965H6.09V2.324A2.327%2C2.327%2C0%2C0%2C1%2C8.414%2C0H19.345a.664.664%2C0%2C0%2C1%2C.475.2l7.334%2C7.621a.657.657%2C0%2C0%2C1%2C.184.457v18.4A2.324%2C2.324%2C0%2C0%2C1%2C25.015%2C29M1.766%2C10.177A1.556%2C1.556%2C0%2C0%2C0%2C.212%2C11.73v8.307a1.556%2C1.556%2C0%2C0%2C0%2C1.554%2C1.554H6.3V26.68a2.113%2C2.113%2C0%2C0%2C0%2C2.113%2C2.108h16.6a2.112%2C2.112%2C0%2C0%2C0%2C2.113-2.107V8.28A.447.447%2C0%2C0%2C0%2C27%2C7.97L19.668.349a.451.451%2C0%2C0%2C0-.323-.137H8.414A2.115%2C2.115%2C0%2C0%2C0%2C6.3%2C2.324v7.853ZM25.015%2C27.893H8.414A1.216%2C1.216%2C0%2C0%2C1%2C7.2%2C26.68V21.591h9.519a1.555%2C1.555%2C0%2C0%2C0%2C1.554-1.554V11.73a1.555%2C1.555%2C0%2C0%2C0-1.554-1.554H7.2V2.324A1.218%2C1.218%2C0%2C0%2C1%2C8.414%2C1.107H18.481v7.3a.448.448%2C0%2C0%2C0%2C.448.448h7.3V26.682a1.216%2C1.216%2C0%2C0%2C1-1.217%2C1.211M7.408%2C21.8V26.68a1%2C1%2C0%2C0%2C0%2C1.006%2C1h16.6a1%2C1%2C0%2C0%2C0%2C1.006-1V9.07H18.929a.66.66%2C0%2C0%2C1-.66-.66V1.319H8.414a1.006%2C1.006%2C0%2C0%2C0-1.006%2C1V9.965h9.307a1.767%2C1.767%2C0%2C0%2C1%2C1.766%2C1.765v8.307A1.767%2C1.767%2C0%2C0%2C1%2C16.716%2C21.8ZM16.716%2C20.7H1.766a.659.659%2C0%2C0%2C1-.658-.658V11.73a.659.659%2C0%2C0%2C1%2C.658-.658h14.95a.659.659%2C0%2C0%2C1%2C.658.658v8.307a.659.659%2C0%2C0%2C1-.658.658M1.766%2C11.284a.447.447%2C0%2C0%2C0-.447.446v8.307a.447.447%2C0%2C0%2C0%2C.447.446h14.95a.447.447%2C0%2C0%2C0%2C.447-.446V11.73a.447.447%2C0%2C0%2C0-.447-.446ZM25.752%2C7.962H19.377V1.338Zm-6.164-.212h5.666L19.588%2C1.863Z%22%20fill%3D%22%23212121%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_163810%22%20data-name%3D%22%E3%83%91%E3%82%B9%20163810%22%20d%3D%22M66.134%2C257.476a5.576%2C5.576%2C0%2C0%2C0-1.142-.071H63.451v4.755h.96v-1.794h.626a5.461%2C5.461%2C0%2C0%2C0%2C1-.068%2C1.39%2C1.39%2C0%2C0%2C0%2C.5-.225%2C1.306%2C1.306%2C0%2C0%2C0%2C.4-.469%2C1.552%2C1.552%2C0%2C0%2C0%2C.159-.736%2C1.476%2C1.476%2C0%2C0%2C0-.276-.926%2C1.246%2C1.246%2C0%2C0%2C0-.684-.465M66%2C259.251a.631.631%2C0%2C0%2C1-.3.234%2C2.486%2C2.486%2C0%2C0%2C1-.759.074h-.525v-1.349h.464a4.6%2C4.6%2C0%2C0%2C1%2C.691.032.665.665%2C0%2C0%2C1%2C.386.211.614.614%2C0%2C0%2C1%2C.153.428.639.639%2C0%2C0%2C1-.109.37%22%20transform%3D%22translate(-60.094%20-243.785)%22%20fill%3D%22%23212121%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_163811%22%20data-name%3D%22%E3%83%91%E3%82%B9%20163811%22%20d%3D%22M62.622%2C260.372H61.45V255.4H63.1a5.578%2C5.578%2C0%2C0%2C1%2C1.169.075%2C1.356%2C1.356%2C0%2C0%2C1%2C.741.5%2C1.586%2C1.586%2C0%2C0%2C1%2C.3.991%2C1.663%2C1.663%2C0%2C0%2C1-.171.786%2C1.416%2C1.416%2C0%2C0%2C1-.437.506%2C1.5%2C1.5%2C0%2C0%2C1-.536.242%2C5.51%2C5.51%2C0%2C0%2C1-1.018.071h-.52Zm-.96-.212h.748v-1.794h.732a5.4%2C5.4%2C0%2C0%2C0%2C.975-.066%2C1.291%2C1.291%2C0%2C0%2C0%2C.458-.208%2C1.207%2C1.207%2C0%2C0%2C0%2C.371-.432%2C1.455%2C1.455%2C0%2C0%2C0%2C.147-.687%2C1.381%2C1.381%2C0%2C0%2C0-.254-.862%2C1.149%2C1.149%2C0%2C0%2C0-.627-.428h0a5.555%2C5.555%2C0%2C0%2C0-1.114-.068H61.662Zm1.38-2.39H62.41v-1.561h.57a4.625%2C4.625%2C0%2C0%2C1%2C.711.034.77.77%2C0%2C0%2C1%2C.445.244.719.719%2C0%2C0%2C1%2C.18.5.73.73%2C0%2C0%2C1-.476.7%2C2.535%2C2.535%2C0%2C0%2C1-.8.082m-.42-.212h.42a2.3%2C2.3%2C0%2C0%2C0%2C.721-.067.524.524%2C0%2C0%2C0%2C.251-.195.531.531%2C0%2C0%2C0%2C.09-.31.508.508%2C0%2C0%2C0-.125-.357.557.557%2C0%2C0%2C0-.326-.178%2C4.574%2C4.574%2C0%2C0%2C0-.672-.031h-.358Z%22%20transform%3D%22translate(-58.199%20-241.891)%22%20fill%3D%22%23212121%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_163812%22%20data-name%3D%22%E3%83%91%E3%82%B9%20163812%22%20d%3D%22M150.511%2C257.934a1.59%2C1.59%2C0%2C0%2C0-.717-.438%2C3.423%2C3.423%2C0%2C0%2C0-.905-.091h-1.755v4.755h1.807a2.908%2C2.908%2C0%2C0%2C0%2C.85-.1%2C1.686%2C1.686%2C0%2C0%2C0%2C.675-.38%2C2.09%2C2.09%2C0%2C0%2C0%2C.509-.84%2C3.12%2C3.12%2C0%2C0%2C0%2C.146-1.012%2C3.51%2C3.51%2C0%2C0%2C0-.156-1.124%2C2.079%2C2.079%2C0%2C0%2C0-.454-.77m-.48%2C2.723a1%2C1%2C0%2C0%2C1-.252.459.884.884%2C0%2C0%2C1-.387.2%2C2.608%2C2.608%2C0%2C0%2C1-.581.046h-.717v-3.15h.432a4.33%2C4.33%2C0%2C0%2C1%2C.788.046.912.912%2C0%2C0%2C1%2C.445.224%2C1.088%2C1.088%2C0%2C0%2C1%2C.272.461%2C2.845%2C2.845%2C0%2C0%2C1%2C.1.847%2C3.107%2C3.107%2C0%2C0%2C1-.1.871%22%20transform%3D%22translate(-139.349%20-243.785)%22%20fill%3D%22%23212121%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_163813%22%20data-name%3D%22%E3%83%91%E3%82%B9%20163813%22%20d%3D%22M147.047%2C260.373h-1.913v-4.967h1.861a3.485%2C3.485%2C0%2C0%2C1%2C.935.1%2C1.7%2C1.7%2C0%2C0%2C1%2C.764.467h0a2.192%2C2.192%2C0%2C0%2C1%2C.477.809%2C3.63%2C3.63%2C0%2C0%2C1%2C.161%2C1.158%2C3.241%2C3.241%2C0%2C0%2C1-.152%2C1.046%2C2.205%2C2.205%2C0%2C0%2C1-.536.882%2C1.8%2C1.8%2C0%2C0%2C1-.716.4%2C3.019%2C3.019%2C0%2C0%2C1-.882.106m-1.7-.212h1.7a2.819%2C2.819%2C0%2C0%2C0%2C.818-.1%2C1.588%2C1.588%2C0%2C0%2C0%2C.633-.355%2C2%2C2%2C0%2C0%2C0%2C.483-.8%2C3.032%2C3.032%2C0%2C0%2C0%2C.14-.978%2C3.424%2C3.424%2C0%2C0%2C0-.15-1.09%2C1.983%2C1.983%2C0%2C0%2C0-.431-.732%2C1.493%2C1.493%2C0%2C0%2C0-.67-.409%2C3.345%2C3.345%2C0%2C0%2C0-.875-.087h-1.649Zm1.571-.589h-.823V256.21h.537a4.355%2C4.355%2C0%2C0%2C1%2C.812.048%2C1.019%2C1.019%2C0%2C0%2C1%2C.494.25%2C1.2%2C1.2%2C0%2C0%2C1%2C.3.5%2C2.953%2C2.953%2C0%2C0%2C1%2C.1.88%2C3.22%2C3.22%2C0%2C0%2C1-.1.9%2C1.094%2C1.094%2C0%2C0%2C1-.282.507.994.994%2C0%2C0%2C1-.433.222%2C2.677%2C2.677%2C0%2C0%2C1-.606.049m-.611-.212h.611a2.539%2C2.539%2C0%2C0%2C0%2C.554-.042.785.785%2C0%2C0%2C0%2C.343-.174.911.911%2C0%2C0%2C0%2C.221-.411%2C3.018%2C3.018%2C0%2C0%2C0%2C.093-.84%2C2.76%2C2.76%2C0%2C0%2C0-.092-.814.99.99%2C0%2C0%2C0-.245-.417.812.812%2C0%2C0%2C0-.394-.2%2C4.278%2C4.278%2C0%2C0%2C0-.766-.043h-.326Z%22%20transform%3D%22translate(-137.455%20-241.892)%22%20fill%3D%22%23212121%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_163814%22%20data-name%3D%22%E3%83%91%E3%82%B9%20163814%22%20d%3D%22M237.989%2C262.161h.96V260.14h1.985v-.8h-1.985V258.21h2.3v-.8h-3.26Z%22%20transform%3D%22translate(-225.396%20-243.785)%22%20fill%3D%22%23212121%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_163815%22%20data-name%3D%22%E3%83%91%E3%82%B9%20163815%22%20d%3D%22M237.161%2C260.372h-1.172V255.4h3.472v1.016h-2.3v.914h1.985v1.016h-1.985Zm-.96-.212h.749V258.14h1.985v-.593h-1.985v-1.337h2.3v-.593H236.2Z%22%20transform%3D%22translate(-223.502%20-241.891)%22%20fill%3D%22%23212121%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
}
.c-menu-navi-item--external {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221.769%22%20height%3D%2221.769%22%20viewBox%3D%220%200%2021.769%2021.769%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_29202%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2029202%22%20transform%3D%22translate(1878.256%2022.174)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_492%22%20data-name%3D%22%E3%83%91%E3%82%B9%20492%22%20d%3D%22M-1859.661-.405h-18.595V-19h11.493v1.994h-9.5V-2.4h14.606v-9.5h1.994Zm-9.3-7.887-1.41-1.41%2C10.477-10.477h-4.771v-1.994h8.175V-14h-1.994V-18.77Z%22%20transform%3D%22translate(0)%22%20fill%3D%22%23212121%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
}
.c-menu-navi-item.is-active, .c-menu-navi-item:hover {
  color: var(--primary);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225%22%20height%3D%2225%22%20viewBox%3D%220%200%2025%2025%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_30053%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2030053%22%20transform%3D%22translate(0.382%200.082)%22%3E%20%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_30%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%2030%22%20transform%3D%22translate(-0.382%20-0.082)%22%20fill%3D%22none%22%20stroke%3D%22%230099D9%22%20stroke-width%3D%221.5%22%3E%20%3Ccircle%20cx%3D%2212.5%22%20cy%3D%2212.5%22%20r%3D%2212.5%22%20stroke%3D%22none%22%2F%3E%20%3Ccircle%20cx%3D%2212.5%22%20cy%3D%2212.5%22%20r%3D%2211.75%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_16699%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2016699%22%20transform%3D%22translate(8.647%209.662)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_29185%22%20data-name%3D%22%E3%83%91%E3%82%B9%2029185%22%20d%3D%22M0%2C3.457%2C2.745%2C0%2C5.481%2C3.457%22%20transform%3D%22translate(6.914%200)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%230099D9%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_29186%22%20data-name%3D%22%E3%83%91%E3%82%B9%2029186%22%20d%3D%22M984.847-127.017h-6.914%22%20transform%3D%22translate(-977.933%20129.758)%22%20fill%3D%22none%22%20stroke%3D%22%230099D9%22%20stroke-width%3D%221%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: center right 1.5rem;
  background-color: #fff;
}

.article-list-navi {
  margin-bottom: 10rem;
}
@media screen and (max-width: 920px) {
  .article-list-navi {
    margin-bottom: 3.5rem;
  }
}

.article-main-profile {
  display: grid;
  grid-template-columns: 45rem 1fr;
  gap: 5rem;
  margin-bottom: 5rem;
}
@media screen and (max-width: 920px) {
  .article-main-profile {
    grid-template-columns: 1fr;
    gap: 2.5rem;
    margin-bottom: 3.5rem;
  }
}
.article-main-profile__image img {
  width: 100%;
  height: 36.3rem;
  object-fit: cover;
  border-radius: 25px;
}
.article-main-profile__title {
  font-size: var(--h1);
  margin-bottom: 4.8rem;
}
@media screen and (max-width: 920px) {
  .article-main-profile__title {
    margin-bottom: 2.5rem;
  }
}
.article-main-profile__graduation {
  font-size: var(--h4);
  color: var(--primary);
  margin-bottom: 1rem;
}
.article-main-profile__name {
  font-size: var(--h4);
  font-weight: bold;
}
@media screen and (max-width: 920px) {
  .article-main-profile__name {
    font-size: 1.4rem;
  }
}
.article-main-profile__name span {
  font-size: var(--h2);
  margin-right: 0.5em;
}
@media screen and (max-width: 920px) {
  .article-main-profile__name span {
    font-size: 2rem;
  }
}

.article-main-lead {
  margin-bottom: 10rem;
}
@media screen and (max-width: 920px) {
  .article-main-lead {
    margin-bottom: 5rem;
  }
}

.article-content__inner {
  display: grid;
  grid-template-columns: 73rem 22rem;
  justify-content: space-between;
  gap: 5rem;
}
@media screen and (max-width: 920px) {
  .article-content__inner {
    display: block;
  }
}
.article-content__inner--col1 {
  display: block;
}
.article-content__inner--2 {
  grid-template-columns: 73rem 29rem;
  gap: 9rem;
}
.article-content__meta {
  margin-bottom: 3.5rem;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 920px) {
  .article-content__meta {
    margin-bottom: 2rem;
  }
}
.article-content__date {
  font-size: 1.6rem;
  font-family: "din-2014-narrow", sans-serif;
  display: inline-block;
  font-weight: bold;
  margin-right: 1rem;
}
.article-content__main-read {
  margin-bottom: 7rem;
}
@media screen and (max-width: 920px) {
  .article-content__main-read {
    margin-bottom: 5rem;
  }
}
.article-content__tag {
  font-size: 1.2rem;
  display: inline-block;
  background-color: var(--black);
  color: #fff;
  padding: 0.1rem 1rem;
  font-weight: bold;
}
.article-content__title {
  font-size: 2.8rem;
  margin-bottom: 7rem;
}
@media screen and (max-width: 920px) {
  .article-content__title {
    font-size: 2rem;
    margin-bottom: 4rem;
  }
}
.article-content__aside--sticky {
  position: relative;
  top: 0;
}
@media screen and (max-width: 920px) {
  .article-content__aside--sticky {
    margin-bottom: 4.5rem;
  }
}
@media print, screen and (min-width: 921px) {
  .article-content__aside--sticky > * {
    position: sticky;
    top: 10rem;
  }
}
@media screen and (max-width: 920px) {
  .article-content__aside-visual {
    max-width: 23.8rem;
    margin: auto;
  }
}
.article-content__aside-title {
  font-family: "din-2014", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-weight: 700;
  padding: 0 1rem;
  font-size: 2rem;
  color: #212121;
  margin-bottom: 0.5rem;
}
.article-content__aside-items-group + .article-content__aside-items-group {
  margin-top: 7rem;
}
.article-content__aside-items {
  padding-top: 2rem;
  padding-left: 1rem;
  padding-right: 1rem;
  border-top: 1px solid #212121;
}
.article-content__aside-items-title {
  font-weight: 500;
  font-size: 2rem;
  font-weight: 500;
  margin-bottom: 0.5rem;
}
.article-content__aside-items .c-card-item + .c-card-item {
  margin-top: 3rem;
}
.article-content__aside-item {
  display: block;
  margin-bottom: 1.5rem;
}
.article-content__main-title {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 3.5rem;
  line-height: 2;
}
@media screen and (max-width: 920px) {
  .article-content__main .c-card-item__image {
    max-width: calc(100% - 0.6rem);
  }
  .article-content__main .c-card-item__image img {
    height: 10rem;
  }
  .article-content__main .c-card-item__content {
    padding: 1rem 1rem 1.6rem;
  }
  .article-content__main .c-card-item .c-list-link__date {
    font-size: 1rem;
  }
  .article-content__main .c-card-item .c-list-link__label {
    font-size: 1rem;
  }
  .article-content__main .c-card-item .c-card-item__title {
    font-size: 1.2rem;
    line-height: 2rem;
    -webkit-line-clamp: 3;
  }
  .article-content__main .c-card-item .c-card-item__content {
    left: 0.6rem;
  }
}

.article-list-pager {
  margin-top: 10rem;
  margin-bottom: 12rem;
}
@media screen and (max-width: 920px) {
  .article-list-pager {
    margin: 7.2rem auto 4.5rem;
  }
}

/**pagenavi*/
.wp-pagenavi {
  display: flex;
  justify-content: center;
  gap: 2rem;
}
@media screen and (max-width: 920px) {
  .wp-pagenavi {
    gap: 1rem;
  }
}

.wp-pagenavi > * {
  border-radius: 10px;
  width: 6rem;
  height: 6rem;
  line-height: 5.5rem;
  text-align: center;
  border-color: transparent;
  font-weight: bold;
  font-family: "din-2014", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 2rem;
  font-weight: 700;
  border: solid 3px #fff;
}

@media screen and (max-width: 920px) {
  .wp-pagenavi > * {
    font-size: 1.4rem;
    width: 4rem;
    height: 4rem;
    line-height: 4rem;
  }
}
.wp-pagenavi .page-numbers {
  margin: 0 0.4rem;
}

@media screen and (max-width: 920px) {
  .wp-pagenavi .page-numbers {
    margin: 0 0;
  }
}
.wp-pagenavi a {
  transition: 0.3s;
  border: solid 3px rgba(255, 255, 255, 0.51);
  color: var(--primary);
  background-color: rgba(255, 255, 255, 0.3);
}

@media print, screen and (min-width: 921px) {
  .wp-pagenavi a:hover {
    background-color: var(--primary);
    color: #fff;
  }
}

.wp-pagenavi .current {
  border: solid 1px var(--primary);
  background-color: var(--primary);
  color: #fff;
}

.wp-pagenavi .next,
.wp-pagenavi .prev {
  font-size: 0;
  text-indent: 9999px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227.642%22%20height%3D%2212.223%22%20viewBox%3D%220%200%207.642%2012.223%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_87%22%20data-name%3D%22%E3%83%91%E3%82%B9%2087%22%20d%3D%22M0%2C5.465C.441%2C5.081%2C5.415%2C0%2C5.415%2C0l5.444%2C5.464%22%20transform%3D%22translate(6.219%200.656)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%23212121%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
}
.wp-pagenavi .next:hover,
.wp-pagenavi .prev:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227.642%22%20height%3D%2212.223%22%20viewBox%3D%220%200%207.642%2012.223%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_87%22%20data-name%3D%22%E3%83%91%E3%82%B9%2087%22%20d%3D%22M0%2C5.465C.441%2C5.081%2C5.415%2C0%2C5.415%2C0l5.444%2C5.464%22%20transform%3D%22translate(6.219%200.656)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
}

.wp-pagenavi .prev {
  scale: -1;
}

.wp-pagenavi .prev,
.wp-pagenavi .next,
.wp-pagenavi .dots {
  background-color: transparent;
  border: 0;
}

/* entry **/
.entry-content figure {
  margin-bottom: 7rem;
}
@media screen and (max-width: 920px) {
  .entry-content figure {
    margin-bottom: 4rem;
  }
}
.entry-content #toc_container li:last-child {
  margin-bottom: 0;
}
.entry-content #toc_container {
  counter-reset: tocno;
  margin: 7rem 0;
  border-radius: 10px;
  background: #fff;
  padding: 2.4rem 2.6rem;
  border-radius: 10px;
  width: 100%;
}
@media screen and (max-width: 920px) {
  .entry-content #toc_container {
    padding: 2rem 1.6rem;
  }
}
.entry-content #toc_container li {
  list-style: none;
  margin-bottom: 1.4rem;
}
.entry-content #toc_container .toc_list > li > a {
  counter-increment: tocno;
  font-weight: bold;
  text-decoration: none;
  color: #212121;
}
.entry-content #toc_container .toc_list > li > a::before {
  content: counter(tocno) ".";
  font-family: "din-2014", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 2.4rem;
  margin-right: 1.5rem;
  font-weight: bold;
}
.entry-content #toc_container .toc_list > li > ul {
  counter-reset: tocno2;
}
.entry-content #toc_container .toc_list > li > ul a {
  text-decoration: none;
  counter-increment: tocno2;
  color: #212121;
}
.entry-content #toc_container .toc_list > li > ul a::before {
  content: counter(tocno) "." counter(tocno2) ".";
  font-family: "din-2014", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 2.4rem;
  margin-right: 1.5rem;
}
.entry-content #toc_container .toc_number {
  font-family: "din-2014", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 2.4rem;
  margin-right: 0.5rem;
}
.entry-content #toc_container .toc_number::after {
  content: ".";
}
.entry-content #toc_container ul a {
  font-weight: bold;
  font-size: 1.6rem;
}
.entry-content #toc_container ul ul {
  margin-top: 1.4rem;
}
.entry-content #toc_container p.toc_title {
  text-align: left;
  display: none;
  font-size: 2.4rem;
  padding-bottom: 0.5rem;
  border-bottom: solid 1px;
}
.entry-content #toc_container .toc_toggle {
  display: none !important;
}
.entry-content h2 {
  font-size: 2rem;
  margin-bottom: 3.5rem;
}
@media screen and (max-width: 920px) {
  .entry-content h2 {
    font-size: 1.6rem;
  }
}
.entry-content h3 {
  font-size: 2rem;
  border-left: 5px var(--primary) solid;
  padding-left: 1.5rem;
  margin-bottom: 4rem;
}
@media screen and (max-width: 920px) {
  .entry-content h3 {
    font-size: 1.6rem;
  }
}
.entry-content p {
  margin-bottom: 4rem;
}
@media screen and (max-width: 920px) {
  .entry-content p {
    margin-bottom: 3.5rem;
  }
}
.entry-content .box {
  padding: 2rem;
  background-color: #F9F9F9;
  border: solid 1px #707070;
}

.article-footer {
  margin-top: 10rem;
}
@media screen and (max-width: 920px) {
  .article-footer {
    margin-top: 5rem;
  }
}

.article-remommend {
  margin: 12rem 0 0;
}

.c-category-filter-selects {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
}

.c-category-filter-select {
  width: 100%;
  padding: 1rem;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.4);
  color: var(--black);
  height: auto;
  font-size: 1.4rem;
  border: 0;
  border-radius: 20px;
  height: 4rem;
  font-weight: bold;
  padding: 0 1rem;
}
.c-category-filter-select::before {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228.039%22%20height%3D%224.968%22%20viewBox%3D%220%200%208.039%204.968%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_97%22%20data-name%3D%22%E3%83%91%E3%82%B9%2097%22%20d%3D%22M7.091%2C48.907%2C4.02%2C51.979.948%2C48.907%2C0%2C49.855l4.02%2C4.02%2C4.02-4.02Z%22%20transform%3D%22translate(0%20-48.907)%22%20fill%3D%22%23212121%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  right: 1rem;
  top: 1.5rem;
  width: 0.8rem;
  height: 0.8rem;
}
.c-category-filter-select:after {
  display: none !important;
}
.c-category-filter-select .current {
  color: var(--black);
  display: block;
}
.c-category-filter-select .list {
  background-color: var(--primary);
  width: 100%;
  margin-top: 0;
  max-height: 20rem;
  overflow: auto;
  border-radius: 10px;
}
.c-category-filter-select .list li {
  padding: 1.5rem 0;
  margin: 0 1rem;
  line-height: 1;
  background-color: var(--primary);
}
.c-category-filter-select .list li:first-child {
  border-bottom: 1.5px dashed var(--black);
  background-repeat: no-repeat;
  background-position: center right 0;
  background-size: 0.8rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228.039%22%20height%3D%224.968%22%20viewBox%3D%220%200%208.039%204.968%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_100796%22%20data-name%3D%22%E3%83%91%E3%82%B9%20100796%22%20d%3D%22M7.091%2C53.875%2C4.02%2C50.8.948%2C53.875%2C0%2C52.927l4.02-4.02%2C4.02%2C4.02Z%22%20transform%3D%22translate(0%20-48.907)%22%20fill%3D%22%23212121%22%2F%3E%3C%2Fsvg%3E");
}
.c-category-filter-select .list li.selected {
  font-weight: bold;
  background-color: var(--primary) !important;
  color: var(--secondary);
}

.article-detail__footer .c-block-title {
  font-size: 2.8rem;
}
@media screen and (max-width: 920px) {
  .article-detail__footer .c-block-title {
    font-size: 2rem;
    text-align: center;
  }
  .article-detail__footer .c-block-title::after {
    margin: 1.5rem auto 0;
  }
}
@media print, screen and (min-width: 921px) {
  .article-detail__footer .c-tile:nth-child(n+4) {
    display: none;
  }
}

.nice-select {
  display: block;
  width: 100%;
}

.form-content {
  background-color: #FFFFFF;
  padding: 8.5rem 10rem;
  margin-bottom: 9rem;
  color: #212121;
  border-radius: 2rem;
}
@media screen and (max-width: 920px) {
  .form-content {
    padding: 6rem 1.5rem 4rem;
  }
  .form-content .c-section-title__main {
    font-size: 3.8rem;
  }
}
.form-content--oc {
  padding: 4rem 10rem;
}
@media screen and (max-width: 920px) {
  .form-content--oc {
    padding: 4rem 1.5rem;
  }
}
.form-content__title {
  font-size: 3.6rem;
  font-weight: bold;
  margin-bottom: 4rem;
  font-family: "Noto Sans JP", sans-serif;
}
@media screen and (max-width: 920px) {
  .form-content__title {
    font-size: 2rem;
    margin-bottom: 2rem;
  }
}
.form-content__text {
  margin-bottom: 5.75rem;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 2;
}
.form-content + .c-cta {
  display: none;
}
.form-content .form-txt1 {
  color: #AA8C64;
  font-weight: bold;
  margin-bottom: 1.2rem;
}
.form-content .form-txt2 {
  margin-bottom: 4.2rem;
}
.form-content .w-100 {
  width: 100% !important;
}
@media screen and (max-width: 920px) {
  .form-content p {
    font-size: 1.4rem;
    line-height: 2;
  }
}

.mw_wp_form .error {
  font-family: "Noto Sans JP", sans-serif;
}

.c-card.c-card--mini + .mw_wp_form,
.c-card.c-card--mini + .form-items {
  margin-top: 10rem;
}
@media screen and (max-width: 920px) {
  .c-card.c-card--mini + .mw_wp_form,
.c-card.c-card--mini + .form-items {
    margin-top: 6rem;
  }
}

.form-items + .form-privacy {
  margin-top: 6rem;
}

.form-item {
  margin-bottom: 4.6rem;
}
@media screen and (max-width: 920px) {
  .form-item {
    margin-bottom: 3rem;
  }
}
.form-item:last-child {
  margin-bottom: 0 !important;
}
.form-item .form-txt1, .form-item .form-txt2,
.form-item .form-items {
  padding-left: 2.4rem;
}
@media screen and (max-width: 920px) {
  .form-item .form-txt1, .form-item .form-txt2,
.form-item .form-items {
    padding-left: 1.2rem;
  }
}
.form-item__label {
  margin-bottom: 1.2rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
}
.form-item__label::before {
  content: "任意";
  background-color: #808080;
  color: #212121;
  color: #fff;
  border-radius: 3px;
  font-size: 1.2rem;
  margin-right: 0.7rem;
  font-weight: bold;
  padding: 0 0.6rem;
}
.form-item__label.require::before {
  content: "必須";
  color: #fff;
  border-radius: 3px;
  background-color: var(--primary);
  font-size: 1.2rem;
  margin-right: 0.7rem;
  font-weight: bold;
  padding: 0 0.6rem;
}
.form-item__label.not-label::after {
  display: none !important;
}
.form-item__body {
  font-family: "Noto Sans JP", sans-serif;
}
.form-item__body .form-text1 {
  color: #AA8C64;
  margin-top: 1.6rem;
  margin-bottom: 2.4rem;
}
.form-item__body > label {
  margin: 0 0 0 5.4rem;
}
.form-item__body > label input {
  margin-right: 1rem;
}
@media print, screen and (min-width: 921px) {
  .form-item__body > label:first-child {
    margin-left: 0;
  }
}
@media screen and (max-width: 920px) {
  .form-item__body > label {
    text-indent: -1.4em;
    margin-left: 1.4em !important;
    display: inline-block;
    margin-right: 1.5rem;
  }
}
@media screen and (max-width: 920px) {
  .form-item__body--radio {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }
}
.form-item__body--address select + input[type=text],
.form-item__body--address input[type=text] + input[type=text] {
  margin-top: 2rem;
}
.form-item__body--address input[type=text] {
  max-width: 100% !important;
  width: 100% !important;
}
@media screen and (max-width: 920px) {
  .form-item__body--sp-block label {
    display: block;
  }
}
.form-item__body--block-checks .wpcf7-list-item, .form-item__body--block-checks label {
  display: block;
  margin: 0 0 1rem;
}
@media screen and (max-width: 920px) {
  .form-item__body--block-checks .wpcf7-list-item, .form-item__body--block-checks label {
    margin-bottom: 1rem;
  }
}
.form-item__body--block-checks .wpcf7-list-item input, .form-item__body--block-checks label input {
  margin-right: 1rem;
}
.form-item__body--col2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media screen and (max-width: 920px) {
  .form-item__body--col2 {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  .form-item__body--col2 input, .form-item__body--col2 select {
    width: calc(100% - 4em) !important;
    min-width: auto !important;
  }
}
.form-item__body--col2 select {
  width: 32.5rem;
}
.form-item__body--col3 {
  display: grid;
  grid-template-columns: repeat(3, auto);
  gap: 4rem;
}
.form-item__body--col3 select {
  min-width: 20rem !important;
  width: auto;
}
.form-item__body--year {
  display: grid;
  grid-template-columns: 24rem 20rem 20rem;
  grid-template-rows: 1fr auto;
  gap: 1.2rem;
}
@media screen and (max-width: 920px) {
  .form-item__body--year {
    grid-template-columns: 1fr;
  }
}
.form-item__body--year select {
  min-width: auto !important;
}
.form-item__body--checks {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.2rem 9rem;
  max-width: 60rem;
}
@media screen and (max-width: 920px) {
  .form-item__body--checks {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.2rem 2rem;
  }
}
.form-item__body::placeholder {
  color: #D3D3D3;
}
.form-item__body input[type=tel],
.form-item__body input[type=email],
.form-item__body input[type=text] {
  width: 32.5rem;
  border: solid 1px #CCCCCC;
  max-width: 55rem;
  height: 5rem;
  border-radius: 5px;
  background: #fff;
  padding: 1.2rem 1.8rem 1.5rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: inherit;
}
@media screen and (max-width: 920px) {
  .form-item__body input[type=tel],
.form-item__body input[type=email],
.form-item__body input[type=text] {
    width: 100%;
  }
}
.form-item__body input[type=radio] {
  scale: 1.3;
}
.form-item__body input[type=tel] {
  width: 100%;
}
.form-item__body input[type=email] {
  width: 100%;
}
.form-item__body select,
.form-item__body input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: inherit;
}
.form-item__body input[type=checkbox] {
  width: 1.6rem;
  height: 1.6rem;
  margin-right: 0.7rem;
  border: 0;
  border-radius: 2px;
  position: relative;
  background: #EFEFEF;
  top: 0.2rem;
}
.form-item__body input[type=checkbox]:checked::after {
  content: "";
  position: absolute;
  left: 0.4rem;
  top: 0rem;
  border-left: 2px solid #212121;
  border-top: 2px solid #212121;
  width: 0.4em;
  height: 0.8em;
  transform: rotate(225deg);
  display: block;
}
.form-item__body select {
  min-width: 27.4rem;
  border: solid 1px #CCCCCC;
  margin-right: 1.2rem;
  padding: 1.2rem 1.8rem 1.5rem;
  border-radius: 5px;
  display: block;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%228%22%20viewBox%3D%220%200%2014%208%22%3E%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_2%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%202%22%20d%3D%22M7%2C0l7%2C8H0Z%22%20transform%3D%22translate(14%208)%20rotate(180)%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center right 2.3rem;
}
.form-item__body textarea {
  border: 0;
  width: 100%;
  height: 14.6rem;
  background-color: #F8F8F8;
  appearance: none;
  padding: 1.2rem 1.8rem 1.5rem;
}
.form-item__body .sei, .form-item__body .mei {
  width: 3.2rem;
  text-align: right;
  margin-right: 1.6rem;
  display: inline-block;
}
@media screen and (max-width: 920px) {
  .form-item__body .sei, .form-item__body .mei {
    margin-right: 1rem;
    white-space: nowrap;
  }
}
.form-item__body .tel-text {
  font-size: 1.4rem;
  line-height: 2.4rem;
  margin-top: 1.5rem;
  display: block;
}

.form-items-text {
  margin-top: 5.4rem;
  margin-bottom: 4.2rem;
  font-family: "Noto Sans JP", sans-serif;
}
.form-items-text .t1 {
  color: #AA8C64;
  margin-bottom: 2rem;
}

button {
  appearance: none;
  color: inherit;
  background-color: transparent;
}

.buttons {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 920px) {
  .buttons {
    flex-direction: column-reverse;
    margin-top: 6rem;
  }
}
.buttons > * {
  margin: 9rem 1.5rem 0;
}
@media screen and (max-width: 920px) {
  .buttons > * {
    margin: 1.5rem auto 0;
  }
}

.form-tel {
  background: #CCE5F3;
  margin: 0 0 4.3rem;
  padding: 3.2rem;
  text-align: center;
  border-radius: 8px;
}
.form-tel__title {
  font-weight: bold;
  margin-bottom: 1.5rem;
}
.form-tel__main img {
  margin: auto;
}
.form-tel__time {
  font-weight: bold;
  font-size: 1.4rem;
  margin-top: 1rem;
  color: #007FBE;
}

.form-complete {
  text-align: center;
}
.form-complete img {
  margin: 0 auto 3rem;
}
.form-complete h2 {
  font-size: 3.6rem;
  margin-bottom: 2.8rem;
  font-family: "Noto Sans JP", sans-serif;
}
@media screen and (max-width: 920px) {
  .form-complete h2 {
    font-size: 2.8rem;
    margin-bottom: 2.2rem;
  }
}
.form-complete .c-button {
  margin: 1.45rem auto 0;
}

.sfv-error,
.form_error_wrap {
  color: #DE211A;
}

button {
  appearance: none;
  background: transparent;
  border: 0;
}

.wpcf7-spinner {
  margin-top: 1rem;
  position: absolute;
  left: -4rem;
  bottom: -6rem;
}

.form-buttons {
  display: grid;
  gap: 2rem;
  justify-content: center;
  grid-template-columns: repeat(2, auto);
}
@media screen and (max-width: 920px) {
  .form-buttons {
    display: flex;
    flex-direction: column;
    gap: 3rem;
    justify-content: center;
    align-items: center;
  }
  .form-buttons .wpcf7-submit {
    order: 1;
  }
  .form-buttons .wpcf7-previous {
    order: 2;
  }
  .form-buttons .wpcf7-spinner {
    order: 3;
    margin: 1rem auto 0;
  }
  .form-buttons br {
    display: none;
  }
  .form-buttons .js-submit-button {
    order: 1;
  }
  .form-buttons .js-submit-button.is-back {
    order: 2;
    margin: 0;
  }
}
.form-buttons > p {
  display: grid;
  gap: 2rem;
  justify-content: center;
  grid-template-columns: repeat(2, auto);
}
@media screen and (max-width: 920px) {
  .form-buttons > p {
    display: flex;
    gap: 0;
    flex-direction: column;
  }
}

.wpcf7-spinner {
  position: absolute;
}

.form-buttons,
.form-button {
  margin: 6rem auto 0;
}

[data-name=address2] {
  margin-top: 2rem;
  display: block;
}

.wpcf7-response-output:empty {
  opacity: 0;
}

@media screen and (max-width: 920px) {
  .wpcf7-radio {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}

.form-confirm-title {
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
  padding: 0 0 3rem;
  border-bottom: 1px solid #212121;
}

.form-content--confirm .form-item {
  display: grid;
  grid-template-columns: 25.5rem 1fr;
  border-bottom: 1px dotted #707070;
  padding: 2.4rem;
  margin-bottom: 0;
}
@media screen and (max-width: 920px) {
  .form-content--confirm .form-item {
    grid-template-columns: 1fr;
    padding: 1.8rem;
  }
}
.form-content--confirm .form-item .form-item__label::before {
  display: none;
}
.form-content--confirm .form-item .form-item__label {
  text-align: right;
  margin-bottom: 0;
}
@media screen and (max-width: 920px) {
  .form-content--confirm .form-item .form-item__label {
    display: block;
    text-align: left;
  }
}
.form-content--confirm .form-item .form-item__body {
  padding-left: 7rem;
}
@media screen and (max-width: 920px) {
  .form-content--confirm .form-item .form-item__body {
    padding-left: 0;
  }
}

.complete-box {
  padding: 3rem;
  background-color: #CCE5F3;
  display: grid;
  grid-template-columns: 8.5rem auto;
  gap: 5.5rem;
  align-items: center;
  justify-content: center;
  text-align: left;
}
@media screen and (max-width: 920px) {
  .complete-box {
    grid-template-columns: 1fr;
    gap: 0;
  }
}
.complete-box h2 {
  font-size: 2.8rem;
  color: #007FBE;
  margin-bottom: 2rem;
}
@media screen and (max-width: 920px) {
  .complete-box h2 {
    font-size: 2.4rem;
  }
}

.complete-lead {
  font-size: 2.4rem !important;
  font-weight: bold;
  margin-top: 4.4rem;
  margin-bottom: 2.8rem;
}
@media screen and (max-width: 920px) {
  .complete-lead {
    font-size: 2rem !important;
  }
}

.complete-button-text {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 920px) {
  .complete-button-text {
    font-size: 1.8rem;
  }
}

.scroll-hint-icon-wrap {
  z-index: 10;
}

@media print, screen and (min-width: 921px) {
  .scroll-hint-icon-wrap {
    display: none;
  }
}

.float-cta-button {
  position: fixed;
  top: 50%;
  transform: translate(0, -50%);
  right: 0;
  z-index: 1000;
}

.anker-point {
  position: relative;
  top: -10rem;
  width: 100%;
  pointer-events: none;
}
@media screen and (max-width: 920px) {
  .anker-point {
    top: -6rem;
  }
}

.lity {
  z-index: 100000;
}