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

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
figure,
blockquote,
dl,
dd,
ul {
  margin: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul,
ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Set core root defaults */
html:focus-within {
  scroll-behavior: smooth;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  display: block;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Remove all animations and transitions for people that prefer not to see them */
html {
  font-size: 16px;
}

body {
  font-size: max(1rem, 10px);
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.05em;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  color: #000;
  background: #fff;
}

a {
  text-decoration: none;
  color: inherit;
}

a:hover {
  opacity: 0.8;
}

img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  margin: auto;
}
#footer .body {
  background-color: #EEEEEE;
  background-image: url("../images/common-footer-bg.webp");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  padding: 3.6875rem 0;
}

#footer .head {
  text-align: center;
}

#footer .title {
  font-size: max(1.875rem, 10px);
  font-weight: 700;
  line-height: 1.467;
  letter-spacing: 0em;
}

#footer .lead {
  font-size: max(1.0625rem, 10px);
  font-weight: 700;
  line-height: 1.471;
  letter-spacing: 0em;
  margin-top: 0.1875rem;
}

#footer .contents {
  margin-top: 2.375rem;
  text-align: center;
}

#footer .name {
  font-size: max(1.5625rem, 10px);
  font-weight: 700;
  line-height: 1.44;
  letter-spacing: 0em;
}

#footer .address {
  font-size: max(1.25rem, 10px);
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: 0em;
  margin-top: 0.5rem;
}

#footer .text {
  font-size: max(1.25rem, 10px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0em;
  margin-top: 0.5rem;
}

#footer .mail {
  gap: 0.9375rem;
  padding-right: 1.875rem;
  margin-top: 0.4375rem;
}

#footer .mail__icon {
  position: relative;
  top: 0.125rem;
  width: 2.1875rem;
  height: 1.6875rem;
  border-radius: 0.3125rem;
  border: 0.1875rem solid #000;
}

#footer .mail__icon::before,
#footer .mail__icon::after {
  content: "";
  position: absolute;
  width: 1.375rem;
  height: 1.375rem;
  left: 0.25rem;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

#footer .mail__icon::before {
  top: -0.625rem;
  border-right: 0.1875rem solid #000;
  border-bottom: 0.1875rem solid #000;
}

#footer .mail__icon::after {
  top: 0.625rem;
  border-top: 0.1875rem solid #000;
  border-left: 0.1875rem solid #000;
  -webkit-clip-path: polygon(35% 0, 100% 0, 100% 100%, 0 100%, 0 35%);
  clip-path: polygon(35% 0, 100% 0, 100% 100%, 0 100%, 0 35%);
}

#footer .mail__text {
  font-size: max(1.25rem, 10px);
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: 0em;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

#footer .copyright {
  display: block;
  font-size: max(0.625rem, 10px);
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0em;
  color: #fff;
  background: #000;
  padding: 0.8125rem 0 0.6875rem;
  text-align: center;
}
.l-header-pc {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100;
}

.l-header-pc .body {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 0.625rem;
  padding: 0 2.1875rem 0 1rem;
}

.l-header-pc .logo {
  width: 14.6%;
  max-width: 17.0625rem;
}

.l-header-pc .logo a {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.l-header-pc .logo img {
  width: 100%;
  aspect-ratio: 273/92;
}

.l-header-pc .logo__white {
  display: block;
}

.l-header-pc .logo__color {
  display: none;
}

.l-header-pc .contents {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: clamp(2rem, 2rem + (100vw - 90rem) * 0.05625, 3.6875rem);
}

.l-header-pc .nav {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.l-header-pc .menus {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: clamp(2.375rem, 2.375rem + (100vw - 90rem) * 0.0666666667, 4.375rem);
}

.l-header-pc .menu a {
  font-size: max(0.875rem, 10px);
  font-weight: 700;
  line-height: 1.857;
  letter-spacing: 0em;
  color: #fff;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.l-header-pc .btns {
  -ms-flex-preferred-size: 34.3125rem;
  flex-basis: 34.3125rem;
  gap: 1.1875rem;
}

.l-header-pc .btns .btn {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
  min-width: 12.5rem;
}

.l-header-pc .btns .c-btn a {
  min-width: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.l-header-pc.is-change {
  position: fixed;
  max-width: 1920px;
  right: 0;
  background: #fff;
  margin-inline: auto;
}

.l-header-pc.is-change .logo__white {
  display: none;
}

.l-header-pc.is-change .logo__color {
  display: block;
}

.l-header-pc.is-change .menu a {
  color: #000;
}

.l-header-sp {
  display: none;
}
.l-inner,
.l-inner-m,
.l-inner-l {
  width: 100%;
  padding: 0 2.5rem;
  margin-inline: auto;
}

.l-inner {
  max-width: 1280px;
}

.l-inner-m {
  max-width: 1380px;
}

.l-inner-l {
  max-width: 1920px;
}

.l-section--bg {
  background: #ededed;
}

#page-top {
  position: relative;
  max-width: 1920px;
  letter-spacing: 0;
  margin-inline: auto;
}

.c-btn a {
  display: block;
  min-width: 16.5625rem;
  font-size: max(1.125rem, 10px);
  font-weight: 700;
  line-height: 2.389;
  letter-spacing: 0em;
  color: #fff;
  padding: 0.5rem 0.625rem;
  border: 1px solid #F7F7F7;
  -webkit-box-shadow: 0 0.3125rem 0.375rem rgba(255, 255, 255, 0.33);
  box-shadow: 0 0.3125rem 0.375rem rgba(255, 255, 255, 0.33);
  text-align: center;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.c-btn--entry a {
  background: -webkit-gradient(linear, left top, left bottom, from(#5CC9B0), to(#0581A7));
  background: -webkit-linear-gradient(top, #5CC9B0 0%, #0581A7 100%);
  background: linear-gradient(180deg, #5CC9B0 0%, #0581A7 100%);
}

.c-btn--press a {
  background: -webkit-gradient(linear, left top, left bottom, from(#63ABF8), to(#0072BC));
  background: -webkit-linear-gradient(top, #63ABF8 0%, #0072BC 100%);
  background: linear-gradient(180deg, #63ABF8 0%, #0072BC 100%);
}

.c-card {
  background: #F9FBFE;
  padding: 3.125rem;
  border-radius: 0.3125rem;
  -webkit-box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.16);
  box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.16);
}

.c-card__head {
  gap: 5.1875rem;
  color: #fff;
  background: #0072BC;
  padding: 1.625rem 0;
  border-radius: 4.25rem;
}

.c-card__name,
.c-card__time {
  font-size: max(1.5rem, 10px);
  font-weight: 700;
  line-height: 1.375;
  letter-spacing: 0em;
}

.c-card__time {
  position: relative;
}

.c-card__time::before {
  content: "";
  position: absolute;
  width: 2px;
  height: 2.3125rem;
  top: 50%;
  left: -2.6875rem;
  background: #fff;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.c-card .c-card__body {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 2.75rem;
  margin-top: 3.125rem;
}

.c-card__image {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 26.8125rem;
  flex: 0 0 26.8125rem;
}

.c-card__image img {
  display: block;
  width: 100%;
  aspect-ratio: 429/319;
}

.c-card__contents {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.c-card__title {
  font-size: max(1.5rem, 10px);
  font-weight: 700;
  line-height: 1.667;
  letter-spacing: 0em;
  color: #0072BC;
  padding: 0 0 0.6875rem;
  border-bottom: 2px solid #0581A7;
}

.c-card__text {
  font-size: max(1rem, 10px);
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0em;
  margin-top: 1.125rem;
}

.c-card__lists {
  margin-top: 0.9375rem;
}

.c-card__list {
  position: relative;
  font-size: max(1rem, 10px);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0em;
  padding: 0 0 0 1.625rem;
  margin-bottom: 0.8rem;
}

.c-card__list::before {
  content: "・";
  position: absolute;
  left: 0;
}
.c-entry-btn a {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  min-width: 25.625rem;
  gap: 3.5rem;
  background: -webkit-gradient(linear, left top, left bottom, from(#5CC9B0), to(#0581A7));
  background: -webkit-linear-gradient(top, #5CC9B0 0%, #0581A7 100%);
  background: linear-gradient(180deg, #5CC9B0 0%, #0581A7 100%);
  padding: 1rem 3.125rem;
  margin-inline: auto;
  -webkit-box-shadow: 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.204);
  box-shadow: 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.204);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.c-entry-btn__text {
  font-size: max(1.25rem, 10px);
  font-weight: 700;
  line-height: 3.1;
  letter-spacing: 0em;
  color: #fff;
}

.c-entry-btn__icon {
  position: relative;
  width: 3.6875rem;
  height: 1px;
  background: #fff;
  margin-top: 0.3125rem;
}

.c-entry-btn__icon::after {
  content: "";
  position: absolute;
  width: 0.9375rem;
  height: 1px;
  top: 0;
  right: 0;
  background: #fff;
  -webkit-transform-origin: right center;
  transform-origin: right center;
  -webkit-transform: rotate(27deg);
  transform: rotate(27deg);
}
.c-fix-btn {
  position: fixed;
  right: 1px;
  bottom: 1px;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-animation: c-fix-btn-pulse 1.5s infinite;
  animation: c-fix-btn-pulse 1.5s infinite;
  z-index: 100;
}

.c-fix-btn a {
  position: relative;
  overflow: hidden;
}

.c-fix-btn a::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: -100%;
  background: -webkit-linear-gradient(320deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 80%, rgb(255, 255, 255) 81%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(130deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 80%, rgb(255, 255, 255) 81%, rgba(255, 255, 255, 0) 100%);
  pointer-events: none;
  -webkit-animation: c-fix-btn-shine 3s infinite;
  animation: c-fix-btn-shine 3s infinite;
}

@-webkit-keyframes c-fix-btn-shine {
  33% {
    left: 100%;
  }
  100% {
    left: 100%;
  }
}

@keyframes c-fix-btn-shine {
  33% {
    left: 100%;
  }
  100% {
    left: 100%;
  }
}
@-webkit-keyframes c-fix-btn-pulse {
  0% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  5% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  95% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
}
@keyframes c-fix-btn-pulse {
  0% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  5% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  95% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
}
.c-sub-title__text {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  font-size: max(1.875rem, 10px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0em;
  background: -webkit-gradient(linear, left top, left bottom, from(#0072BC), to(#0581A7));
  background: -webkit-linear-gradient(top, #0072BC 0%, #0581A7 100%);
  background: linear-gradient(180deg, #0072BC 0%, #0581A7 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  margin-inline: auto;
}

.c-sub-title::after {
  content: "";
  display: block;
  height: 0.3125rem;
  background: -webkit-gradient(linear, left top, right top, from(#FFE200), color-stop(17%, #5CC9B0), color-stop(66%, #0072BC));
  background: -webkit-linear-gradient(left, #FFE200 0%, #5CC9B0 17%, #0072BC 66%);
  background: linear-gradient(90deg, #FFE200 0%, #5CC9B0 17%, #0072BC 66%);
  margin-top: 1rem;
}
.c-title__en {
  position: relative;
  font-size: max(1.125rem, 10px);
  font-weight: 700;
  line-height: 1.389;
  letter-spacing: 0em;
  padding: 0 0 0 0.9375rem;
}

.c-title__en::before {
  content: "";
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  top: 0.625rem;
  left: 0;
  background: currentColor;
  border-radius: 50%;
}

.c-title__ja {
  font-size: max(2.125rem, 10px);
  font-weight: 700;
  line-height: 1.441;
  letter-spacing: 0em;
  margin-top: 0.25rem;
}
.c-to-top {
  position: fixed;
  right: 3.125rem;
  bottom: 7.4375rem;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  z-index: 100;
}

.c-to-top.is-show {
  opacity: 1;
  visibility: visible;
}

.c-to-top a {
  position: relative;
  display: block;
  width: 3.75rem;
  height: 3.75rem;
  background: #0581A7;
  border-radius: 50%;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.c-to-top a::before,
.c-to-top a::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 0.9375rem;
  top: 50%;
  left: 50%;
  background: #fff;
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
}

.c-to-top a::before {
  -webkit-transform: translate(-50%, -0.375rem) rotate(-33.44deg);
  transform: translate(-50%, -0.375rem) rotate(-33.44deg);
}

.c-to-top a::after {
  -webkit-transform: translate(-50%, -0.375rem) rotate(33.44deg);
  transform: translate(-50%, -0.375rem) rotate(33.44deg);
}
.breadcrumb {
  color: #000;
}

.breadcrumb .box > div {
  text-align: right;
}

.breadcrumb a {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.breadcrumb a:hover {
  opacity: 0.8;
}

#top-about {
  color: #fff;
  background-image: url("../images/about-bg.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  text-shadow: 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.5);
  padding: 7.5rem 0 7.6875rem;
}

#top-about .body {
  margin-top: 3rem;
}

#top-about .lead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 0.625rem;
}

#top-about .lead__row {
  font-size: max(1.5rem, 10px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0em;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 114, 188, 0.6)), to(rgba(92, 201, 176, 0.6)));
  background-image: -webkit-linear-gradient(left, rgba(0, 114, 188, 0.6) 0%, rgba(92, 201, 176, 0.6) 100%);
  background-image: linear-gradient(90deg, rgba(0, 114, 188, 0.6) 0%, rgba(92, 201, 176, 0.6) 100%);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: cover;
  padding: 0.6875rem;
}

#top-about .text {
  font-size: max(1.375rem, 10px);
  font-weight: 700;
  line-height: 2;
  letter-spacing: 0em;
  margin-top: 2.4375rem;
}
#top-action {
  background: #EDF6FD;
  padding: 6.4375rem 0 7.5rem;
}

#top-action .head {
  text-align: center;
}

#top-action .title {
  font-size: max(2.375rem, 10px);
  font-weight: 700;
  line-height: 2.026;
  letter-spacing: 0em;
  color: #0072BC;
}

#top-action .title .accent {
  display: inline-block;
  font-size: max(2.875rem, 10px);
  font-weight: 700;
  line-height: 1.217;
  letter-spacing: 0em;
  color: #fff;
  background: -webkit-gradient(linear, left top, right top, from(#0072BC), to(#5CC9B0));
  background: -webkit-linear-gradient(left, #0072BC 0%, #5CC9B0 100%);
  background: linear-gradient(90deg, #0072BC 0%, #5CC9B0 100%);
  padding: 0 0.3125rem;
  margin-left: 0.375rem;
}

#top-action .items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.8125rem;
  margin-top: 3.125rem;
  text-align: center;
}

#top-action .item {
  background: #fff;
  padding: 2.0625rem 1.25rem 1.625rem;
  -webkit-box-shadow: 0 0.25rem 0.375rem rgba(0, 0, 0, 0.15);
  box-shadow: 0 0.25rem 0.375rem rgba(0, 0, 0, 0.15);
}

#top-action .item__title {
  font-size: max(1.25rem, 10px);
  font-weight: 700;
  line-height: 1.7;
  letter-spacing: 0em;
}

#top-action .item__line {
  position: relative;
  max-width: 14.75rem;
  height: 0.25rem;
  background: #EBEBEB;
  margin: 0.4375rem auto 0;
}

#top-action .item__line::before {
  content: "";
  position: absolute;
  width: 2.9375rem;
  height: 0.25rem;
  top: 0;
  left: 50%;
  background: #FFE200;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

#top-action .item__image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 12rem;
  margin-top: 1.625rem;
}

#top-action .item__image img {
  display: block;
  width: auto;
  height: auto;
}

#top-action .item:nth-child(1) .item__image img {
  max-width: 13.0625rem;
}

#top-action .item:nth-child(2) .item__image img {
  max-width: 11.9375rem;
}

#top-action .item:nth-child(3) .item__image img {
  max-width: 14.6875rem;
}

#top-action .item__text {
  font-size: max(1.125rem, 10px);
  font-weight: 700;
  line-height: 1.889;
  letter-spacing: 0em;
  margin-top: 1.5rem;
  text-align: left;
}
#top-company {
  background-image: url("../images/company-bg.webp");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  padding: 6.25rem 0 6.375rem;
}

#top-company .head {
  color: #F7F7F7;
}

#top-company .body {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 3.1875rem;
  color: #fff;
  margin-top: 3.125rem;
}

#top-company .image {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 35rem;
  flex: 0 0 35rem;
}

#top-company .image img {
  display: block;
  aspect-ratio: 560/360;
}

#top-company .dl-wrap {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 31.8125rem;
  flex: 0 0 31.8125rem;
}

#top-company .dl {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 1.3125rem 0;
}

#top-company .dl + .dl {
  border-top: 1px solid #fff;
}

#top-company .dt,
#top-company .dd {
  font-size: max(1.125rem, 10px);
  font-weight: 700;
  line-height: 1.444;
  letter-spacing: 0em;
}

#top-company .dt {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 6.3125rem;
  flex: 0 0 6.3125rem;
}
#top-entrance {
  background-image: url("../images/entrance-bg.webp");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  padding: 5.9375rem 0 6.25rem;
}

#top-entrance .body {
  margin-top: 3.4375rem;
}

#top-entrance .block + .block {
  margin-top: 6.25rem;
}

#top-entrance .c-card__body {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#top-entrance .block--booth .c-card__text {
  margin-top: 0.9375rem;
}

#top-entrance .items {
  margin-top: 6rem;
}

#top-entrance .item {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

#top-entrance .item:not(:last-child) {
  padding: 0 0 2rem;
  border-bottom: 2px solid #0581A7;
}

#top-entrance .item + .item {
  margin-top: 2.375rem;
}

#top-entrance .item__time {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 7.625rem;
  flex: 0 0 7.625rem;
  color: #0072BC;
  padding: 1.3125rem 0 0 2.8125rem;
  text-align: center;
}

#top-entrance .item__time::before {
  content: "";
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  top: 0;
  left: 0;
  background: -webkit-linear-gradient(315deg, #3DA5E8 0%, #5CC9B0 100%);
  background: linear-gradient(135deg, #3DA5E8 0%, #5CC9B0 100%);
  border-radius: 50%;
}

#top-entrance .item__time::after {
  content: "";
  position: absolute;
  width: 0.1875rem;
  top: 1.5rem;
  bottom: 0;
  left: 0.6875rem;
  background: #BCDCFD;
}

#top-entrance .item__time-text {
  font-size: max(1.25rem, 10px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0em;
}

#top-entrance .item__time-text + .item__time-text {
  position: relative;
  margin-top: 1.5625rem;
}

#top-entrance .item__time-text + .item__time-text::before {
  content: "";
  position: absolute;
  width: 2px;
  height: 0.875rem;
  top: -1.0625rem;
  left: 50%;
  background: #0072BC;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

#top-entrance .item__person {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 17.5rem;
  flex: 0 0 17.5rem;
  padding: 0 0.125rem 0 0;
  margin-left: 1.8125rem;
  border-left: 2px solid #0581A7;
  text-align: center;
}

#top-entrance .item__image img {
  display: block;
  max-width: 9rem;
  aspect-ratio: 1;
  margin-inline: auto;
  border-radius: 50%;
}

#top-entrance .item__company {
  font-size: max(1rem, 10px);
  font-weight: 700;
  line-height: 1.375;
  letter-spacing: 0em;
  margin-top: 0.375rem;
}

#top-entrance .item__role {
  font-size: max(0.8rem, 10px);
  font-weight: 700;
  line-height: 1.375;
  letter-spacing: 0em;
  margin-top: 0.375rem;
}

#top-entrance .item__name {
  font-size: max(1.125rem, 10px);
  font-weight: 700;
  line-height: 2;
  letter-spacing: 0em;
  color: #0072BC;
  margin-top: -0.25rem;
}

#top-entrance .item__contents {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

#top-entrance .item__title {
  font-size: max(1.5rem, 10px);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0em;
}

#top-entrance .item__text {
  font-size: max(1rem, 10px);
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0em;
  margin-top: 0.875rem;
}
#top-faq {
  background-image: url("../images/faq-bg.webp");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  padding: 8.25rem 0 6.1875rem;
}

#top-faq .body {
  margin-top: 0.6875rem;
}

#top-faq .item {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0.3125rem, #333), color-stop(0.3125rem, transparent));
  background-image: -webkit-linear-gradient(left, #333 0.3125rem, transparent 0.3125rem);
  background-image: linear-gradient(to right, #333 0.3125rem, transparent 0.3125rem);
  background-repeat: repeat-x;
  background-position: left bottom;
  background-size: 0.625rem 1px;
}

#top-faq .item__row {
  padding: 1.125rem 2.625rem 1.125rem 3.125rem;
  cursor: pointer;
}

#top-faq .item__en {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 2.6875rem;
  flex: 0 0 2.6875rem;
  font-family: "Montserrat", "Noto Sans JP", sans-serif;
  font-size: max(1.5rem, 10px);
  font-weight: 700;
  line-height: 2.917;
  letter-spacing: 0em;
  color: #0072BC;
}

#top-faq .item__title {
  font-size: max(1.25rem, 10px);
  font-weight: 700;
  line-height: 3.5;
  letter-spacing: 0em;
  color: #000;
}

#top-faq .item__icon {
  position: relative;
  width: 0.9375rem;
  height: 0.9375rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: auto;
}

#top-faq .item__icon::before,
#top-faq .item__icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  background: #0072BC;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#top-faq .item__icon::before {
  width: 100%;
  height: 0.125rem;
}

#top-faq .item__icon::after {
  width: 0.125rem;
  height: 100%;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

#top-faq .item.is-active .item__icon::after {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg);
}

#top-faq .item__answer {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.3s ease-in-out;
  transition: max-height 0.3s ease-in-out;
}

#top-faq .item__answer-inner {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 0 2.625rem 2rem 3.125rem;
}

#top-faq .item__en--answer {
  font-size: max(1.5rem, 10px);
  font-weight: 700;
  line-height: 1.125;
  letter-spacing: 0em;
  color: #5CC9B0;
}

#top-faq .item__text {
  font-size: max(1.125rem, 10px);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0em;
  color: #4A4A4A;
}
#top-foyer {
  background-color: #fff;
  background-image: url("../images/foyer-bg.webp");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  padding: 5.9375rem 0 6.125rem;
}

#top-foyer .body {
  margin-top: 3.125rem;
}

#top-foyer .c-card__body {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#top-foyer .c-card__title {
  padding: 0 0 0.8125rem;
}

#top-foyer .c-card__text {
  margin-top: 0.875rem;
}

#top-foyer .btn {
  margin-top: 3.0625rem;
}
#top-fv {
  background-image: url("../images/fv-bg.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#top-fv .body {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin-inline: auto;
  padding: 19rem 0 24.6875rem;
}

#top-fv .en {
  max-width: 35.5625rem;
}

#top-fv .en img {
  display: block;
  width: 100%;
  aspect-ratio: 569/64;
}

#top-fv .catch {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  font-size: max(3.5rem, 10px);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0em;
  color: #fff;
  text-shadow: 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.5);
  margin-top: 2.3125rem;
}

#top-fv .catch .small {
  font-size: max(2.28125rem, 10px);
}

#top-fv .catch__ai {
  position: relative;
  display: inline-block;
  width: 4.147625rem;
  height: 0;
  margin: 0 1.48875rem 0 0.38125rem;
}

#top-fv .catch__ai img {
  position: absolute;
  width: 6.022625rem;
  max-width: none;
  height: auto;
  bottom: -1.146875rem;
  left: -0.9375rem;
}

#top-fv .lead {
  position: relative;
  font-size: max(2rem, 10px);
  font-weight: 600;
  line-height: 1.438;
  letter-spacing: 0em;
  color: #fff;
  text-shadow: 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.5);
  padding: 0 0 2.0625rem;
  margin-top: 0.6875rem;
}

#top-fv .lead::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.1875rem;
  bottom: 0;
  left: 0;
  background: -webkit-gradient(linear, left top, right top, from(#0168AD), color-stop(63%, #5CC9B0), to(#FFE200));
  background: -webkit-linear-gradient(left, #0168AD 0%, #5CC9B0 63%, #FFE200 100%);
  background: linear-gradient(90deg, #0168AD 0%, #5CC9B0 63%, #FFE200 100%);
}

#top-fv .info {
  max-width: 63.0625rem;
  margin-top: 2.5rem;
}

#top-fv .info img {
  display: block;
  width: 100%;
  aspect-ratio: 1009/66;
}
#top-gallery {
  background: #EDF6FD;
  padding: 5.9375rem 0 6.25rem;
}

#top-gallery .body {
  margin-top: 3.125rem;
}

#top-gallery .block {
  position: relative;
  padding: 3.125rem 3.125rem 2.75rem;
  overflow: hidden;
  isolation: isolate;
}

#top-gallery .block::before {
  content: "";
  position: absolute;
  width: 9.5625rem;
  height: 15.8125rem;
  top: 0;
  left: 0;
  z-index: -1;
  background-image: url("../images/schedule-item-decoration01.webp");
  background-repeat: no-repeat;
  background-size: contain;
}

#top-gallery .block::after {
  content: "";
  position: absolute;
  width: 14.125rem;
  height: 15rem;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-image: url("../images/schedule-item-decoration02.webp");
  background-repeat: no-repeat;
  background-size: contain;
}

#top-gallery .c-card__body {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.6875rem;
}

#top-gallery .c-card__image {
  margin: 0 0 0 1.0625rem;
}

#top-gallery .c-card__title {
  text-indent: -1.125rem;
}

#top-gallery .lead {
  font-size: max(1.25rem, 10px);
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0em;
  color: #0072BC;
  margin-top: 1.125rem;
  text-align: center;
}

#top-gallery .c-card__text {
  margin-top: 0.9375rem;
}
#top-logo {
  background: #fff;
  padding: 4.8125rem 0;
}

#top-logo .items {
  max-width: 62.5625rem;
  margin-inline: auto;
  gap: 5.0rem;
}

#top-logo .item img {
  display: block;
  width: auto;
  height: auto;
  min-width: 140px;
}
#top-numbers {
  padding: 6.375rem 0;
}

#top-numbers .body {
  margin-top: 6.4375rem;
}

#top-numbers .items {
  gap: 2.3125rem;
}

#top-numbers .item img {
  display: block;
  max-width: 19.6875rem;
}
#top-overview {
  background-image: url("../images/overview-bg.webp");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  padding: 6.25rem 0;
}

#top-overview .head {
  color: #fff;
}

#top-overview .body {
  margin-top: 3.125rem;
}

#top-overview .dl-wrap {
  background: #fff;
  padding: 1.8125rem 3.125rem 1.375rem;
  border-radius: 0.3125rem;
  -webkit-box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.149);
  box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.149);
}

#top-overview .dl {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1.3125rem 0;
}

#top-overview .dl + .dl {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0.3125rem, #333), color-stop(0.3125rem, transparent));
  background-image: -webkit-linear-gradient(left, #333 0.3125rem, transparent 0.3125rem);
  background-image: linear-gradient(to right, #333 0.3125rem, transparent 0.3125rem);
  background-repeat: repeat-x;
  background-position: left top;
  background-size: 0.625rem 1px;
}

#top-overview .dt {
  font-size: max(1.5rem, 10px);
  font-weight: 700;
  line-height: 1.167;
  letter-spacing: 0em;
  background: -webkit-gradient(linear, left top, left bottom, from(#0072BC), to(#0581A7));
  background: -webkit-linear-gradient(top, #0072BC 0%, #0581A7 100%);
  background: linear-gradient(180deg, #0072BC 0%, #0581A7 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  margin-left: 1.25rem;
}

#top-overview .dd {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 54.1875rem;
  flex: 0 0 54.1875rem;
  font-size: max(1.125rem, 10px);
  font-weight: 700;
  line-height: 1.556;
  letter-spacing: 0em;
}

#top-overview .address {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 1.25rem;
}

#top-overview .text a {
  color: #5CC9B0;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

#top-overview .small {
  font-size: max(0.875rem, 10px);
  font-weight: 700;
  line-height: 1.643;
  letter-spacing: 0em;
  margin-top: 0.1875rem;
}

#top-overview .btn {
  margin-block: -0.125rem;
}

#top-overview .btn a {
  gap: 0.5625rem;
  background: #333;
  padding: 0.125rem 1.5rem;
  border-radius: 1rem;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

#top-overview .btn__icon {
  position: relative;
  width: 0.875rem;
  height: 0.875rem;
  background: #fff;
  border-radius: 50% 50% 50% 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#top-overview .btn__icon::before {
  content: "";
  position: absolute;
  width: 0.3125rem;
  height: 0.3125rem;
  inset: 0;
  background: #333;
  margin: auto;
  border-radius: 50%;
}

#top-overview .btn__text {
  font-size: max(1.125rem, 10px);
  font-weight: 700;
  line-height: 1.556;
  letter-spacing: 0em;
  color: #fff;
}
#top-schedule {
  background: #EDF6FD;
  padding: 6.5625rem 0 6.25rem;
}

#top-schedule .body {
  margin-top: 3.375rem;
}

#top-schedule .items {
  position: relative;
  margin-top: 5.1875rem;
}

#top-schedule .items::before {
  content: "";
  position: absolute;
  width: 0.1875rem;
  top: 6.875rem;
  bottom: 0;
  left: 3.375rem;
  background: #BCDCFD;
}

#top-schedule .item {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 2.5rem;
}

#top-schedule .item + .item {
  margin-top: 3.75rem;
}

#top-schedule .item__time {
  position: relative;
  display: grid;
  height: 6.875rem;
  place-content: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 6.875rem;
  flex: 0 0 6.875rem;
  color: #fff;
  background: -webkit-linear-gradient(315deg, #3DA5E8 0%, #5CC9B0 100%);
  background: linear-gradient(135deg, #3DA5E8 0%, #5CC9B0 100%);
  border-radius: 50%;
  text-align: center;
}

#top-schedule .item__time::before {
  content: "";
  position: absolute;
  width: 2px;
  height: 0.875rem;
  top: 50%;
  left: 50%;
  background: #F7F7F7;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#top-schedule .item__time-text {
  font-size: max(1.25rem, 10px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0em;
}

#top-schedule .item__time-text + .item__time-text {
  margin-top: 1.5625rem;
}

#top-schedule .item__box {
  position: relative;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  gap: 2.5rem;
  background-color: #fff;
  padding: 2.5rem 3.125rem;
  border-radius: 0.625rem;
  -webkit-box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.16);
  box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.16);
  overflow: hidden;
  isolation: isolate;
}

#top-schedule .item__profiles {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25rem;
  flex: 0 0 25rem;
}

#top-schedule .item__image img {
  display: block;
  max-width: 17.1875rem;
  aspect-ratio: 1;
  margin-inline: auto;
  border-radius: 50%;
}

#top-schedule .item__texts {
  background: #F0FDFF;
  padding: 1.3125rem 1.5625rem 1.125rem;
  margin-top: 2.0625rem;
  border-radius: 0.3125rem 0 0 0.3125rem;
  -webkit-box-shadow: 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.16);
  box-shadow: 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.16);
}

#top-schedule .item__company {
  font-size: max(1.125rem, 10px);
  font-weight: 700;
  line-height: 1.278;
  letter-spacing: 0em;
}

#top-schedule .item__role {
  font-size: max(0.875rem, 10px);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0em;
  margin-top: 0.5625rem;
}

#top-schedule .item__name {
  font-size: max(1.25rem, 10px);
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0em;
  color: #0072BC;
  margin-top: 0.3125rem;
}

#top-schedule .item__contents {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-top: 0.4375rem;
}

#top-schedule .item__category {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  min-width: 10.0625rem;
  font-size: max(1.25rem, 10px);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: 0em;
  color: #fff;
  background: #0072BC;
  padding: 0.625rem 1.25rem;
  border-radius: 1.4375rem;
  text-align: center;
}

#top-schedule .item__title {
  font-size: max(1.5rem, 10px);
  font-weight: 700;
  line-height: 1.667;
  letter-spacing: 0em;
  color: #0072BC;
  padding: 0 0 0.8125rem;
  margin-top: 1.4375rem;
  border-bottom: 2px solid #0581A7;
}

#top-schedule .item__text {
  font-size: max(1rem, 10px);
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0em;
  margin-top: 1.125rem;
}

#top-schedule .item--wide .item__box {
  display: block;
}

#top-schedule .item--wide .item__profiles {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 5rem;
  padding: 0 0 0 1.5625rem;
}

#top-schedule .item--wide .item__profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25rem;
  flex: 0 0 25rem;
}

#top-schedule .item--wide .item__texts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

#top-schedule .item--wide .item__role {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

#top-schedule .item--wide .item__contents {
  margin-top: 2.5625rem;
}

#top-schedule .event {
  position: relative;
  margin-top: 6.25rem;
  overflow: hidden;
  isolation: isolate;
}

#top-schedule .item__box::before,
#top-schedule .event::before {
  content: "";
  position: absolute;
  width: 9.5625rem;
  height: 15.8125rem;
  top: 0;
  left: 0;
  z-index: -1;
  background-image: url("../images/schedule-item-decoration01.webp");
  background-repeat: no-repeat;
  background-size: contain;
}

#top-schedule .item__box::after,
#top-schedule .event::after {
  content: "";
  position: absolute;
  width: 14.125rem;
  height: 15rem;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-image: url("../images/schedule-item-decoration02.webp");
  background-repeat: no-repeat;
  background-size: contain;
}
#top-topics {
  background-image: url("../images/topics-bg.webp");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 6.25rem 0 7.5625rem;
}

#top-topics .body {
  margin-top: 3.75rem;
}

#top-topics .items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.625rem 2.8125rem;
}

#top-topics .item {
  background: #F0FDFF;
  padding: 1.375rem 2.1875rem 2.0625rem;
  border-radius: 0.3125rem;
  -webkit-box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.149);
  box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.149);
}

#top-topics .item__title {
  font-size: max(1.75rem, 10px);
  font-weight: 700;
  line-height: 2;
  letter-spacing: 0em;
  color: #0072BC;
  border-bottom: 2px solid #0581A7;
  text-align: center;
}

#top-topics .item__lists {
  margin-top: 0.875rem;
}

#top-topics .item__list {
  position: relative;
  font-size: max(1.125rem, 10px);
  font-weight: 700;
  line-height: 1.556;
  letter-spacing: 0em;
  padding: 0 0 0 1.8125rem;
}

#top-topics .item__list::before {
  content: "";
  position: absolute;
  width: 0.3125rem;
  height: 0.3125rem;
  top: 50%;
  left: 0.375rem;
  background: #0072BC;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#top-topics .item__list + .item__list {
  margin-top: 0.4375rem;
}
.u-target {
  opacity: 0;
  -webkit-transform: translateY(3.125rem);
  transform: translateY(3.125rem);
  -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: opacity 0.5s ease, transform 0.5s ease;
  transition: opacity 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
}

.u-target.SlideUp {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.u-pc {
  display: block;
}

.u-sp {
  display: none;
}

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

.u-br {
  display: inline-block;
}

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

@media (max-width: 1440px){
  html {
    font-size: 1.1111111111vw;
  }
}

@media screen and (max-width: 1240px){
  body.is-fixed {
    overflow: hidden;
  }
  .drawer .icon {
    position: absolute;
    width: 2rem;
    height: 1.125rem;
    top: 2.3125rem;
    right: 2.5rem;
    cursor: pointer;
    z-index: 250;
  }
  .drawer .icon.is-open {
    position: fixed;
    z-index: 251;
  }
  .drawer .icon-bars {
    position: relative;
    width: 100%;
    height: 100%;
  }
  .drawer .icon-bar1,
  .drawer .icon-bar2,
  .drawer .icon-bar3 {
    position: absolute;
    width: 2rem;
    height: 2px;
    left: 0;
    background: #fff;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
  }
  .drawer .icon-bar1 {
    top: 0;
  }
  .drawer .icon-bar2 {
    width: 1.5rem;
    top: 0.5rem;
  }
  .drawer .icon-bar3 {
    width: 1rem;
    top: 1rem;
  }
  .drawer .icon.is-open .icon-bar1 {
    width: 1.5rem;
    top: calc(50% - 1px);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .drawer .icon.is-open .icon-bar2 {
    opacity: 0;
  }
  .drawer .icon.is-open .icon-bar3 {
    width: 1.5rem;
    top: calc(50% - 1px);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .drawer .contents {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.45)), to(rgba(0, 0, 0, 0.45))), url("../images/hamburger-bg.webp");
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url("../images/hamburger-bg.webp");
    background-image: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url("../images/hamburger-bg.webp");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    padding: 150px 0 40px;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
    visibility: hidden;
    overflow-y: auto;
    -webkit-transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out, visibility 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
    z-index: 250;
  }
  .drawer .contents.is-open {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
  }
  .drawer .box {
    width: 100%;
    max-width: 600px;
    margin-inline: auto;
  }
  .drawer .menus {
    border-top: 1px solid #fff;
  }
  .drawer .menu {
    border-bottom: 1px solid #fff;
  }
  .drawer .menu a {
    display: block;
    font-size: max(1.125rem, 10px);
    font-weight: 700;
    line-height: 1.667;
    letter-spacing: 0em;
    font-size: 18px;
    color: #fff;
    padding: 18px 0 10px;
    text-align: center;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  .drawer .btns {
    margin-top: 60px;
  }
  .drawer .btn:not(:first-of-type) {
    margin-top: 16px;
  }
  .drawer .btn a {
    min-width: 0;
    max-width: 340px;
    font-size: 16px;
    padding: 10px;
    margin-inline: auto;
  }
  .l-header-pc {
    display: none;
  }
  .l-header-sp {
    position: absolute;
    display: block;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 300;
  }
  .l-header-sp .body {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 1rem 0;
  }
  .l-header-sp .logo {
    position: relative;
    max-width: 15rem;
    z-index: 251;
  }
  .l-header-sp .logo a {
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  .l-header-sp .logo img {
    width: 100%;
    aspect-ratio: 273/92;
  }
  .l-header-sp .logo__white {
    display: block;
  }
  .l-header-sp .logo__color {
    display: none;
  }
  .l-header-sp.is-change {
    position: fixed;
    background: #fff;
  }
  .l-header-sp.is-change .logo__white {
    display: none;
  }
  .l-header-sp.is-change .logo__color {
    display: block;
  }
  .l-header-sp.is-change .icon-bar1,
  .l-header-sp.is-change .icon-bar2,
  .l-header-sp.is-change .icon-bar3 {
    background: #000;
  }
  .l-header-sp.is-change .icon.is-open .icon-bar1,
  .l-header-sp.is-change .icon.is-open .icon-bar3 {
    background: #fff;
  }
  .l-header-sp.is-open .logo__white {
    display: block;
  }
  .l-header-sp.is-open .logo__color {
    display: none;
  }
}

@media screen and (max-width: 768px){
  html {
    font-size: 16px;
  }
  a:hover {
    opacity: 1;
  }
  .drawer .icon {
    top: 24px;
    right: 3.85vw;
  }
  .drawer .contents {
    padding: 25.64vw 10.26vw 15.38vw;
    padding-top: calc(66px + 8.72vw);
  }
  .drawer .box {
    max-width: 100%;
  }
  .drawer .menu a {
    font-size: 3.85vw;
    padding: 3.85vw 2.56vw;
  }
  .drawer .btns {
    margin-top: 10.26vw;
  }
  .drawer .btn a {
    max-width: 100%;
    font-size: 3.85vw;
    padding: 1.28vw 2.56vw;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  #footer .body {
    padding: 10.26vw 0;
  }
  #footer .title {
    font-size: 5.64vw;
    line-height: 1.5;
  }
  #footer .lead {
    font-size: 3.59vw;
    line-height: 1.5;
    margin-top: 1.03vw;
  }
  #footer .contents {
    margin-top: 6.15vw;
  }
  #footer .name {
    font-size: 4.1vw;
    line-height: 1.5;
  }
  #footer .address {
    font-size: 3.08vw;
    line-height: 1.6;
    margin-top: 1.54vw;
  }
  #footer .text {
    font-size: 3.59vw;
    margin-top: 1.54vw;
  }
  #footer .mail {
    gap: 2.05vw;
    padding-right: 4.1vw;
    margin-top: 2.05vw;
  }
  #footer .mail__icon {
    top: 0.51vw;
    width: 6.15vw;
    height: 4.62vw;
    border-radius: 0.77vw;
    border-width: 2px;
  }
  #footer .mail__icon::before,
  #footer .mail__icon::after {
    width: 3.85vw;
    height: 3.85vw;
    left: 0.77vw;
  }
  #footer .mail__icon::before {
    top: -1.79vw;
    border-right-width: 2px;
    border-bottom-width: 2px;
  }
  #footer .mail__icon::after {
    top: 1.79vw;
    border-top-width: 2px;
    border-left-width: 2px;
  }
  #footer .mail__text {
    font-size: 3.59vw;
    line-height: 1.6;
  }
  #footer .copyright {
    font-size: 2.56vw;
    line-height: 1.4;
    padding: 3.85vw 0 16.67vw;
  }
  .l-header-sp .inner {
    padding: 0;
  }
  .l-header-sp .body {
    padding: 5px 0;
  }
  .l-header-sp .logo {
    max-width: 165px;
  }
  .l-inner,
  .l-inner-m,
  .l-inner-l {
    padding: 0 5.13vw;
  }
  .c-card {
    padding: 5.13vw;
  }
  .c-card__head {
    gap: 5.64vw;
    padding: 2.31vw 3.59vw;
    border-radius: 7.69vw;
  }
  .c-card__name,
  .c-card__time {
    font-size: 3.85vw;
    line-height: 1.4;
    text-align: center;
  }
  .c-card__time::before {
    height: 4.1vw;
    left: -2.82vw;
  }
  .c-card .c-card__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4.62vw;
    margin-top: 5.64vw;
  }
  .c-card__image {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    width: 100%;
  }
  .c-card__title {
    font-size: 4.62vw;
    line-height: 1.5;
    padding: 0 0 2.05vw;
  }
  .c-card__title br {
    display: none;
  }
  .c-card__text {
    font-size: 3.59vw;
    line-height: 2;
    margin-top: 3.08vw;
  }
  .c-card__lists {
    margin-top: 2.56vw;
  }
  .c-card__list {
    font-size: 3.59vw;
    line-height: 1.9;
    padding: 0 0 0 4.62vw;
  }
  .c-entry-btn a {
    min-width: 71.79vw;
    gap: 6.15vw;
    padding: 3.08vw 6.15vw;
  }
  .c-entry-btn__text {
    font-size: 4.1vw;
    line-height: 1.6;
  }
  .c-entry-btn__icon {
    width: 10.26vw;
    margin-top: 0.77vw;
  }
  .c-entry-btn__icon::after {
    width: 3.08vw;
  }
  .c-fix-btn a {
    min-width: 71.79vw;
    gap: 4.62vw;
    padding: 2.69vw 5.13vw;
  }
  .c-fix-btn .c-entry-btn__text {
    font-size: 4.1vw;
  }
  .c-fix-btn .c-entry-btn__icon {
    width: 9.74vw;
  }
  .c-fix-btn .c-entry-btn__icon::after {
    width: 2.82vw;
  }
  .c-sub-title__text {
    font-size: 5.64vw;
  }
  .c-sub-title::after {
    height: 1.03vw;
    margin-top: 3.08vw;
  }
  .c-title__en {
    font-size: 3.85vw;
    padding: 0 0 0 3.08vw;
  }
  .c-title__en::before {
    width: 1.54vw;
    height: 1.54vw;
    top: 1.79vw;
  }
  .c-title__ja {
    font-size: 6.41vw;
    margin-top: 0.51vw;
  }
  .c-to-top {
    right: 2.56vw;
    bottom: 15.38vw;
  }
  .c-to-top a {
    width: 10.26vw;
    height: 10.26vw;
  }
  .c-to-top a::before,
  .c-to-top a::after {
    height: 2.56vw;
  }
  .c-to-top a::before {
    -webkit-transform: translate(-50%, -1.03vw) rotate(-33.44deg);
    transform: translate(-50%, -1.03vw) rotate(-33.44deg);
  }
  .c-to-top a::after {
    -webkit-transform: translate(-50%, -1.03vw) rotate(33.44deg);
    transform: translate(-50%, -1.03vw) rotate(33.44deg);
  }
  #top-about {
    padding: 15.38vw 0 14.36vw;
  }
  #top-about .body {
    margin-top: 6.67vw;
  }
  #top-about .lead {
    display: inline;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 114, 188, 0.6)), to(rgba(92, 201, 176, 0.6)));
    background-image: -webkit-linear-gradient(left, rgba(0, 114, 188, 0.6) 0%, rgba(92, 201, 176, 0.6) 100%);
    background-image: linear-gradient(90deg, rgba(0, 114, 188, 0.6) 0%, rgba(92, 201, 176, 0.6) 100%);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 100% 6.67vw;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
  }
  #top-about .lead__row {
    display: inline;
    font-size: 3.85vw;
    line-height: 1.9;
    background: none;
    padding: 0;
  }
  #top-about .text {
    font-size: 3.85vw;
    line-height: 1.9;
    margin-top: 4.62vw;
  }
  #top-action {
    padding: 14.36vw 0 12.82vw;
  }
  #top-action .title {
    font-size: 6.41vw;
    line-height: 1.6;
  }
  #top-action .title .accent {
    font-size: 7.18vw;
    line-height: 1.4;
    padding: 0 1.03vw;
    margin-left: 1.03vw;
  }
  #top-action .items {
    grid-template-columns: 1fr;
    gap: 5.13vw;
    margin-top: 7.69vw;
  }
  #top-action .item {
    padding: 6.15vw 4.1vw 5.13vw;
  }
  #top-action .item__title {
    font-size: 4.62vw;
    line-height: 1.6;
  }
  #top-action .item__line {
    max-width: 56.41vw;
    height: 0.77vw;
    margin: 2.05vw auto 0;
  }
  #top-action .item__line::before {
    width: 10.26vw;
    height: 0.77vw;
  }
  #top-action .item__image {
    height: 43.59vw;
    margin-top: 4.1vw;
  }
  #top-action .item:nth-child(1) .item__image img {
    max-width: 47.44vw;
  }
  #top-action .item:nth-child(2) .item__image img {
    max-width: 43.33vw;
  }
  #top-action .item:nth-child(3) .item__image img {
    max-width: 53.33vw;
  }
  #top-action .item__text {
    font-size: 3.85vw;
    line-height: 1.9;
    margin-top: 2.56vw;
  }
  #top-company {
    padding: 14.36vw 0 12.82vw;
  }
  #top-company .body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 6.15vw;
    margin-top: 6.15vw;
  }
  #top-company .image {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    width: 100%;
  }
  #top-company .dl-wrap {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    width: 100%;
  }
  #top-company .dl {
    gap: 3.85vw;
    padding: 3.59vw 0;
  }
  #top-company .dt,
  #top-company .dd {
    font-size: 3.59vw;
    line-height: 1.8;
  }
  #top-company .dt {
    font-size: 4.1vw;
  }
  #top-company .dt {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 19.49vw;
    flex: 0 0 19.49vw;
  }
  #top-entrance {
    background: none;
    padding: 14.36vw 0 12.82vw;
  }
  #top-entrance .body {
    margin-top: 6.15vw;
  }
  #top-entrance .block + .block {
    margin-top: 10.26vw;
  }
  #top-entrance .block--booth .c-card__image {
    margin-top: 0;
  }
  #top-entrance .block--booth .c-card__text {
    margin-top: 3.08vw;
  }
  #top-entrance .items {
    margin-top: 7.69vw;
  }
  #top-entrance .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  #top-entrance .item:not(:last-child) {
    padding: 0 0 5.13vw;
  }
  #top-entrance .item + .item {
    margin-top: 5.13vw;
  }
  #top-entrance .item__time {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    padding: 0 0 0 5.13vw;
    text-align: left;
  }
  #top-entrance .item__time::before {
    width: 2.56vw;
    height: 2.56vw;
    top: 2.31vw;
    z-index: 1;
  }
  #top-entrance .item__time::after {
    display: none;
  }
  #top-entrance .item__time-range {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5.13vw;
  }
  #top-entrance .item__time-text {
    font-size: 4.62vw;
    line-height: 1.5;
  }
  #top-entrance .item__time-text + .item__time-text {
    margin-top: 0;
  }
  #top-entrance .item__time-text + .item__time-text::before {
    content: "〜";
    width: auto;
    height: auto;
    top: 50%;
    left: -4.36vw;
    font-size: 3.85vw;
    line-height: 1;
    background: none;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  #top-entrance .item__person {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    padding: 0;
    margin: 4.1vw 0 0;
    border-left: none;
  }
  #top-entrance .item__image img {
    max-width: 38.46vw;
  }
  #top-entrance .item__dept {
    font-size: 3.85vw;
    line-height: 1.5;
    margin-top: 2.05vw;
  }
  #top-entrance .item__name {
    font-size: 4.62vw;
    line-height: 1.6;
    margin-top: 0;
  }
  #top-entrance .item__contents {
    margin-top: 4.1vw;
  }
  #top-entrance .item__title {
    font-size: 4.62vw;
    line-height: 1.5;
  }
  #top-entrance .item__text {
    font-size: 3.59vw;
    line-height: 2;
    margin-top: 2.56vw;
  }
  #top-faq {
    padding: 14.36vw 0 12.82vw;
  }
  #top-faq .body {
    margin-top: 4.1vw;
  }
  #top-faq .item__row {
    gap: 1.54vw;
    padding: 3.08vw 1.03vw;
  }
  #top-faq .item__en {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 5.64vw;
    flex: 0 0 5.64vw;
    font-size: 4.1vw;
    line-height: 1.5;
  }
  #top-faq .item__title {
    font-size: 4.1vw;
    line-height: 1.6;
  }
  #top-faq .item__icon {
    width: 3.08vw;
    height: 3.08vw;
  }
  #top-faq .item__icon::before {
    height: 0.51vw;
  }
  #top-faq .item__icon::after {
    width: 0.51vw;
  }
  #top-faq .item__answer-inner {
    padding: 0 1.03vw 4.1vw;
  }
  #top-faq .item__en--answer {
    font-size: 4.1vw;
    line-height: 1.6;
  }
  #top-faq .item__text {
    font-size: 3.85vw;
    line-height: 1.8;
  }
  #top-foyer {
    padding: 14.36vw 0 12.82vw;
  }
  #top-foyer .body {
    margin-top: 6.15vw;
  }
  #top-foyer .c-card__image {
    margin-top: 0;
  }
  #top-foyer .c-card__title {
    padding: 0 0 2.05vw;
  }
  #top-foyer .c-card__text {
    margin-top: 3.08vw;
  }
  #top-foyer .btn {
    margin-top: 7.69vw;
  }
  #top-fv .body {
    width: 100%;
    padding: 33.33vw 0 30.77vw;
  }
  #top-fv .en {
    max-width: 76.92vw;
  }
  #top-fv .catch {
    width: 100%;
    font-size: 6.92vw;
    line-height: 1.5;
    margin-top: 4.1vw;
  }
  #top-fv .catch .small {
    font-size: 4.62vw;
  }
  #top-fv .catch__ai {
    width: 7.69vw;
    margin: 0 2.73vw 0 0.7vw;
  }
  #top-fv .catch__ai img {
    width: 11.03vw;
    bottom: -2.1vw;
    left: -1.72vw;
  }
  #top-fv .lead {
    font-size: 3.85vw;
    line-height: 1.4;
    padding: 0 0 4.1vw;
    margin-top: 2.05vw;
  }
  #top-fv .lead::after {
    height: 0.51vw;
  }
  #top-fv .info {
    margin-top: 5.64vw;
  }
  #top-fv .info img {
    aspect-ratio: 712/130;
  }
  #top-gallery {
    padding: 14.36vw 0 12.82vw;
  }
  #top-gallery .body {
    margin-top: 6.15vw;
  }
  #top-gallery .block {
    padding: 5.13vw;
  }
  #top-gallery .block::before {
    width: 23.08vw;
    height: 38.21vw;
  }
  #top-gallery .block::after {
    width: 33.33vw;
    height: 35.38vw;
  }
  #top-gallery .c-card__body {
    gap: 4.62vw;
  }
  #top-gallery .c-card__image {
    margin: 0;
  }
  #top-gallery .c-card__title {
    text-indent: 0;
  }
  #top-gallery .lead {
    font-size: 4.1vw;
    line-height: 1.7;
    margin-top: 3.08vw;
  }
  #top-gallery .c-card__text {
    margin-top: 3.08vw;
  }
  #top-logo {
    padding: 10.26vw 0 4vw;
  }
  #top-logo .items {
    gap: 25px;
  }
  #top-logo .item {
    min-width: 0;
	width: 40%;
  }
  #top-logo .item img {
    max-width: 100%;
  }
  #top-logo .u-flex{
	flex-wrap: wrap;
	justify-content: space-around;
  }
  #top-numbers {
    padding: 14.36vw 0 12.82vw;
  }
  #top-numbers .body {
    margin-top: 7.69vw;
  }
  #top-numbers .items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 7.69vw;
  }
  #top-numbers .item img {
    max-width: 64.1vw;
    margin-inline: auto;
  }
  #top-overview {
    padding: 14.36vw 0 12.82vw;
  }
  #top-overview .body {
    margin-top: 6.15vw;
  }
  #top-overview .dl-wrap {
    padding: 1.54vw 4.1vw;
  }
  #top-overview .dl {
    gap: 3.85vw;
    padding: 3.59vw 0;
  }
  #top-overview .dt {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 17.44vw;
    flex: 0 0 17.44vw;
    font-size: 4.1vw;
    line-height: 1.5;
    margin-left: 0;
  }
  #top-overview .dd {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 3.59vw;
    line-height: 1.7;
  }
  #top-overview .address {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 2.05vw;
    padding-bottom: 1.28vw;
  }
  #top-overview .small {
    font-size: 3.08vw;
    line-height: 1.6;
  }
  #top-overview .btn a {
    gap: 1.54vw;
    padding: 0.51vw 5.13vw;
    border-radius: 3.59vw;
  }
  #top-overview .btn__icon {
    top: -0.26vw;
    width: 3.08vw;
    height: 3.08vw;
  }
  #top-overview .btn__icon::before {
    width: 1.03vw;
    height: 1.03vw;
  }
  #top-overview .btn__text {
    font-size: 3.59vw;
    line-height: 1.8;
  }
  #top-schedule {
    padding: 14.36vw 0 12.82vw;
  }
  #top-schedule .body {
    margin-top: 7.18vw;
  }
  #top-schedule .items {
    margin-top: 7.69vw;
  }
  #top-schedule .items::before {
    display: none;
  }
  #top-schedule .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    gap: 3.59vw;
  }
  #top-schedule .item + .item {
    margin-top: 7.69vw;
  }
  #top-schedule .item__time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    gap: 10.26vw;
    padding: 2.56vw;
    border-radius: 7.69vw;
  }
  #top-schedule .item__time::before {
    content: "〜";
    width: auto;
    height: auto;
    font-size: 4.1vw;
    line-height: 1;
    background: none;
  }
  #top-schedule .item__time-text {
    font-size: 4.62vw;
  }
  #top-schedule .item__time-text + .item__time-text {
    margin-top: 0;
  }
  #top-schedule .item__box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    gap: 5.13vw;
    padding: 5.13vw 4.1vw;
  }
  #top-schedule .item__profiles {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
  }
  #top-schedule .item__image img {
    max-width: 43.59vw;
  }
  #top-schedule .item__texts {
    padding: 3.59vw 3.85vw 3.08vw;
    margin-top: 4.1vw;
    border-radius: 1.03vw 0 0 1.03vw;
  }
  #top-schedule .item__company {
    font-size: 4.36vw;
    line-height: 1.4;
  }
  #top-schedule .item__role {
    font-size: 3.59vw;
    line-height: 1.6;
    margin-top: 1.54vw;
  }
  #top-schedule .item__name {
    font-size: 4.62vw;
    line-height: 1.5;
    margin-top: 1.03vw;
  }
  #top-schedule .item__contents {
    margin-top: 0;
  }
  #top-schedule .item__category {
    min-width: 30.77vw;
    font-size: 4.1vw;
    line-height: 1.4;
    padding: 1.79vw 4.1vw;
    border-radius: 4.62vw;
  }
  #top-schedule .item__title {
    font-size: 4.62vw;
    line-height: 1.5;
    padding: 0 0 2.56vw;
    margin-top: 3.59vw;
  }
  #top-schedule .item__text {
    font-size: 3.59vw;
    line-height: 2;
    margin-top: 3.08vw;
  }
  #top-schedule .item--wide .item__profiles {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5.13vw;
    padding: 0;
  }
  #top-schedule .item--wide .item__profile {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    width: 100%;
  }
  #top-schedule .item--wide .item__contents {
    margin-top: 5.13vw;
  }
  #top-schedule .event {
    margin-top: 10.26vw;
  }
  #top-schedule .item__box::before,
  #top-schedule .event::before {
    width: 23.08vw;
    height: 38.21vw;
  }
  #top-schedule .item__box::after,
  #top-schedule .event::after {
    width: 33.33vw;
    height: 35.38vw;
  }
  #top-topics {
    position: relative;
    background-image: none;
    padding: 14.36vw 0 15.38vw;
    isolation: isolate;
  }
  #top-topics::before {
    content: "";
    position: absolute;
    width: 23.08vw;
    height: 38.21vw;
    top: 0;
    left: 0;
    z-index: -1;
    background-image: url("../images/schedule-item-decoration01.webp");
    background-repeat: no-repeat;
    background-size: contain;
  }
  #top-topics::after {
    content: "";
    position: absolute;
    width: 33.33vw;
    height: 35.38vw;
    right: 0;
    bottom: 0;
    z-index: -1;
    background-image: url("../images/schedule-item-decoration02.webp");
    background-repeat: no-repeat;
    background-size: contain;
  }
  #top-topics .body {
    margin-top: 7.18vw;
  }
  #top-topics .items {
    grid-template-columns: 1fr;
    gap: 4.62vw;
  }
  #top-topics .item {
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    padding: 4.1vw 5.13vw 5.13vw;
  }
  #top-topics .item__title {
    font-size: 5.64vw;
    line-height: 1.4;
    padding-bottom: 3.08vw;
  }
  #top-topics .item__lists {
    margin-top: 2.56vw;
  }
  #top-topics .item__list {
    font-size: 4.1vw;
    line-height: 1.7;
    padding: 0 0 0 5.13vw;
  }
  #top-topics .item__list::before {
    width: 1.03vw;
    height: 1.03vw;
    left: 1.28vw;
  }
  #top-topics .item__list + .item__list {
    margin-top: 1.28vw;
  }
  .u-pc {
    display: none;
  }
  .u-sp {
    display: block;
  }
}

@media (max-width: 375px){
  html {
    font-size: 4.0533333333vw;
  }
}

@media (prefers-reduced-motion: reduce){
  html:focus-within {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    -webkit-animation-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
    -webkit-transition-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}