@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

:root {
  --txt: #25104F;
  --20: #F8F4FF;
  --50: #CCC;
}

html {
  font-size: 1rem;
  position: relative;
  overflow-x: hidden;
}

body {
  font-size: 1rem;
  line-height: 2;
}

body * {
  box-sizing: border-box;
}

ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

ul li {
  margin: 0;
}

dl {
  margin: 0;
}

dl dt,
dl dd {
  margin: 0;
}

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

a {
  display: block;
  transition-property: opacity;
  transition-duration: 0.3s;
  cursor: pointer;
}

@media (min-width: 769px) {
  a:hover {
    opacity: 0.8;
  }
}
a.is-inactive {
  pointer-events: none;
}

p {
  margin: 0;
}

button {
  padding: 0;
  border: none;
  outline: none;
  font: inherit;
  color: inherit;
  background: none;
  cursor: pointer;
  transition-property: opacity;
  transition-duration: 0.3s;
}

@media (min-width: 769px) {
  button:hover {
    opacity: 0.8;
  }
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

table {
  width: 100%;
  table-layout: fixed;
}

summary {
  list-style: none;
  -webkit-appearance: none;
  appearance: none;
}

summary::-webkit-details-marker {
  display: none;
}

.l-header {
  position: relative;
  top: 0;
  z-index: 2;
}
.l-header__inner {
  margin: 0 auto;
  width: 100%;
  line-height: 1;
  padding: 0;
}
.l-header__logo {
  width: 160px;
  height: 64px;
  line-height: 1;
  background: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 767px) {
  .l-header__logo {
    width: 246px;
    height: 80px;
  }
}
.l-header__logo img {
  width: 112px;
  height: auto;
}
@media (min-width: 767px) {
  .l-header__logo img {
    width: 186px;
  }
}

.footer {
  padding: 33px 0;
  background: #EEEEEE;
}
@media (min-width: 767px) {
  .footer {
    padding: 23px 0;
  }
}
.footer__inner {
  max-width: 1048px;
  margin: 0 auto;
}
.footer__block {
  display: block;
}
@media (min-width: 767px) {
  .footer__block {
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
    width: 100%;
  }
}
.footer__sns {
  margin-bottom: 20px;
}
@media (min-width: 767px) {
  .footer__sns {
    margin-bottom: 0;
  }
}
.footer__sns ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 8px;
}
.footer__sns ul li {
  width: 56px;
  height: 56px;
}
.footer__sns ul li a img {
  width: 100%;
  height: auto;
}
.footer__copy {
  color: #838383;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
@media (min-width: 767px) {
  .footer__copy {
    margin-top: 20px;
    font-size: 12px;
    display: block;
  }
}
.footer__top-back {
  position: fixed;
  z-index: 2;
  display: block;
  right: 8px;
  bottom: 70px;
  width: 40px;
  height: 40px;
}
@media (min-width: 767px) {
  .footer__top-back {
    right: 40px;
    bottom: 23px;
    width: 50px;
    height: 50px;
  }
}
.footer__top-back a {
  display: block;
  width: 40px;
  height: 40px;
  box-shadow: 0 16px 30px 0 rgba(0, 0, 0, 0.15);
  border-radius: 100px;
  background-repeat: no-repeat;
  background-size: 40px auto;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiByeD0iMjAiIGZpbGw9IiNBNTdCRTIiLz4KPHJlY3QgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSIzOSIgaGVpZ2h0PSIzOSIgcng9IjE5LjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS1vcGFjaXR5PSIwLjQiLz4KPG1hc2sgaWQ9Im1hc2swXzEwMDE2XzM4NDIiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjEwIiB5PSIxMCIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIj4KPHJlY3QgeD0iMTAiIHk9IjMwIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHRyYW5zZm9ybT0icm90YXRlKC05MCAxMCAzMCkiIGZpbGw9IiNEOUQ5RDkiLz4KPC9tYXNrPgo8ZyBtYXNrPSJ1cmwoI21hc2swXzEwMDE2XzM4NDIpIj4KPHBhdGggZD0iTTI1IDIxLjYxMjVMMjQuMTEyNSAyMi41TDIwIDE4LjM4NzVMMTUuODg3NSAyMi41TDE1IDIxLjYxMjVMMjAgMTYuNjEyNUwyNSAyMS42MTI1WiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8L3N2Zz4K");
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
@media (min-width: 767px) {
  .footer__top-back a {
    width: 48px;
    height: 48px;
    background-size: 48px auto;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjQ4IiBoZWlnaHQ9IjQ4IiByeD0iMjQiIGZpbGw9IiNBNTdCRTIiLz4KPHJlY3QgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSI0NyIgaGVpZ2h0PSI0NyIgcng9IjIzLjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS1vcGFjaXR5PSIwLjQiLz4KPG1hc2sgaWQ9Im1hc2swXzEwMDE2XzM4OTEiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjE0IiB5PSIxNCIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIj4KPHJlY3QgeD0iMTQiIHk9IjM0IiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHRyYW5zZm9ybT0icm90YXRlKC05MCAxNCAzNCkiIGZpbGw9IiNEOUQ5RDkiLz4KPC9tYXNrPgo8ZyBtYXNrPSJ1cmwoI21hc2swXzEwMDE2XzM4OTEpIj4KPHBhdGggZD0iTTI5IDI1LjYxMjVMMjguMTEyNSAyNi41TDI0IDIyLjM4NzVMMTkuODg3NSAyNi41TDE5IDI1LjYxMjVMMjQgMjAuNjEyNUwyOSAyNS42MTI1WiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8L3N2Zz4K");
  }
}
@media (hover: hover) and (min-width: 767px) {
  .footer__top-back a:hover {
    transform: scale(1.05);
    opacity: 1;
    transform-origin: center;
    transition: transform 0.2s ease-in-out;
  }
}
.footer__top-back a.is-floating {
  opacity: 1;
  visibility: visible;
}

.dec-btn_01 a {
  position: relative;
}
.dec-btn_01 a::before {
  opacity: 0;
  content: "";
  position: absolute;
  top: 54%;
  right: 16px;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDEzIDEwIiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTcuNjE5MDUgOS4xNDI4Nkw2LjU1MjM4IDguMDM4MDlMOS4yNTcxNCA1LjMzMzMzSDBWMy44MDk1Mkg5LjI1NzE0TDYuNTUyMzggMS4xMDQ3Nkw3LjYxOTA1IDBMMTIuMTkwNSA0LjU3MTQzTDcuNjE5MDUgOS4xNDI4NloiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPg==");
  transform: translateY(-50%) translateX(-30px);
  background-repeat: no-repeat;
  background-size: contain;
  transition: transform 0.25s ease, opacity 0.25s ease;
}
.dec-btn_01 a:after {
  opacity: 1;
  content: "";
  position: absolute;
  top: 54%;
  right: 16px;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDEzIDEwIiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTcuNjE5MDUgOS4xNDI4Nkw2LjU1MjM4IDguMDM4MDlMOS4yNTcxNCA1LjMzMzMzSDBWMy44MDk1Mkg5LjI1NzE0TDYuNTUyMzggMS4xMDQ3Nkw3LjYxOTA1IDBMMTIuMTkwNSA0LjU3MTQzTDcuNjE5MDUgOS4xNDI4NloiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPg==");
  transform: translateY(-50%) translateX(0);
  background-repeat: no-repeat;
  background-size: contain;
  transition: transform 0.25s ease, opacity 0.25s ease;
}
@media (hover: hover) and (min-width: 767px) {
  .dec-btn_01 a:hover {
    transform: scale(1.05);
    opacity: 1;
    transform-origin: center;
    transition: transform 0.2s ease-in-out;
  }
  .dec-btn_01 a:hover::before {
    transform: translateY(-50%) translateX(0px);
    opacity: 1;
  }
  .dec-btn_01 a:hover::after {
    transform: translateY(-50%) translateX(10px);
    opacity: 0;
  }
}

.page-top main {
  overflow: hidden;
  margin-top: -64px;
}
@media (min-width: 767px) {
  .page-top main {
    margin-top: -80px;
  }
}

.main-visual {
  position: relative;
  opacity: 0;
  transition: opacity 2s ease-out;
  height: 638px;
  padding: 0;
  background-image: url(../images/main_bg_sp.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media (min-width: 822px) {
  .main-visual {
    height: 569px;
    background-image: url(../images/main_bg_pc.png);
  }
}
.main-visual.fade-in {
  opacity: 1;
}
.main-visual__inner {
  position: relative;
  max-width: 1064px;
  width: 100%;
  margin: 0 auto;
  padding: 107px 0 0;
}
@media (min-width: 822px) {
  .main-visual__inner {
    height: 569px;
    padding: 80px 20px 0;
  }
}
.main-visual__title {
  z-index: 4;
  max-width: 312px;
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 822px) {
  .main-visual__title {
    max-width: 468px;
    margin: 57px auto 0 0;
  }
}
.main-visual__title img {
  width: 100%;
  height: auto;
  margin: 0 auto;
}
@media (min-width: 822px) {
  .main-visual__title img {
    max-width: 468px;
  }
}
.main-visual__btn {
  margin: 293px 16px 0;
}
@media (min-width: 822px) {
  .main-visual__btn {
    max-width: 468px;
    width: 100%;
    margin: 48px auto 0 0;
  }
}
.main-visual__btn a {
  pointer-events: none;
  display: flex;
  max-width: 320px;
  width: 100%;
  height: 72px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
  border: 1px solid #FFF;
  background: #9CA3AF;
  box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.15);
  margin: 0 auto;
  padding: 0;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}
@media (min-width: 822px) {
  .main-visual__btn a {
    max-width: 468px;
    width: 100%;
    height: 88px;
    transition: transform 0.2s ease-in-out;
    transform: scale(1);
    transform-origin: center;
  }
}
.main-visual__btn a span {
  display: inline-block;
  font-size: 16px;
}
@media (min-width: 822px) {
  .main-visual__btn a span {
    font-size: 20px;
  }
}
@media (min-width: 822px) {
  .main-visual__btn a br {
    display: none;
  }
}
@media (hover: hover) and (min-width: 822px) {
  .main-visual__btn a:hover {
    transform: scale(1.05);
    opacity: 1;
  }
}
.main-visual__move {
  position: relative;
  z-index: 2;
  padding: 50px 16px 43px;
}
@media (min-width: 767px) {
  .main-visual__move {
    padding: 64px 0 62px;
  }
}
.main-visual__move-title {
  max-width: 252px;
  width: 100%;
  margin: 0 auto;
  display: block;
  text-align: inherit;
  line-height: 2.2;
}
@media (min-width: 767px) {
  .main-visual__move-title {
    max-width: 660px;
    display: flex;
    background: linear-gradient(90deg, #25104F 0%, #9965E5 84.62%);
    padding: 5px 10px;
  }
}
.main-visual__move-title div span {
  display: inline-block;
  color: #FFF;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  padding: 0 8px;
  background: linear-gradient(90deg, #25104F 0%, #9965E5 84.62%);
}
@media (min-width: 767px) {
  .main-visual__move-title div span {
    font-size: 36px;
    white-space: nowrap;
    background: none;
  }
}
.main-visual__move-title div:nth-child(1) {
  text-align: left;
}
.main-visual__move-title div:nth-child(2) {
  text-align: right;
}
.main-visual__move-inner {
  max-width: 912px;
  width: 100%;
  margin: 0 auto;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.4);
  box-shadow: 0 16px 30px 0 rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(5px);
  padding: 28px 19px 28px;
}
@media (min-width: 767px) {
  .main-visual__move-inner {
    padding: 40px 56px 64px;
  }
}
.main-visual__move-img {
  max-width: 800px;
  width: 100%;
  margin: 16px auto 0;
}
@media (min-width: 767px) {
  .main-visual__move-img {
    margin: 24px auto 0;
  }
}
.main-visual__move-img video {
  width: 100%;
  height: auto;
}
.main-visual__about {
  margin: 30px auto 0;
  padding: 0 0 44px;
}
@media (min-width: 767px) {
  .main-visual__about {
    padding: 16px 0 0;
    width: 50%;
    padding: 0 0 65px;
    margin: 62px auto 0;
  }
}
.main-visual__about-title {
  box-sizing: border-box;
  display: flex;
  max-width: 280px;
  width: 100%;
  height: 56px;
  padding: 8px 32px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  border: 1px solid #25104F;
  background: #FFF;
  box-shadow: 6px 6px 8px 0 rgba(255, 255, 255, 0.25) inset;
  color: #25104F;
  font-family: "Noto Sans JP";
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  margin: 0 auto;
  text-align: center;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIxOSIgdmlld0JveD0iMCAwIDE5IDE5IiBmaWxsPSJub25lIj4KICA8bWFzayBpZD0ibWFzazBfMTAxMzNfODg0IiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTkiIGhlaWdodD0iMTkiPgogICAgPHJlY3Qgd2lkdGg9IjE4LjI4NTciIGhlaWdodD0iMTguMjg1NyIgZmlsbD0iI0Q5RDlEOSIvPgogIDwvbWFzaz4KICA8ZyBtYXNrPSJ1cmwoI21hc2swXzEwMTMzXzg4NCkiPgogICAgPHBhdGggZD0iTTguNjI4NjkgMTIuOTUySDkuNzcxNTRWOS43OTAxSDEyLjk1MjVWOC42NDcyNUg5Ljc3MTU0VjUuMzMyOTZIOC42Mjg2OVY4LjY0NzI1SDUuMzMzNDVWOS43OTAxSDguNjI4NjlWMTIuOTUyWk05LjE0ODEyIDE2Ljc2MTVDOC4wOTc0NSAxNi43NjE1IDcuMTEwMTUgMTYuNTYxNSA2LjE4NjIxIDE2LjE2MTVDNS4yNjIxNSAxNS43NjE1IDQuNDU0MDggMTUuMjE1NSAzLjc2MjAyIDE0LjUyMzRDMy4wNjk5NiAxMy44MzE0IDIuNTIzOTMgMTMuMDIyOSAyLjEyMzkzIDEyLjA5NzlDMS43MjM5MyAxMS4xNzMgMS41MjM5MyAxMC4xODQ2IDEuNTIzOTMgOS4xMzI5NkMxLjUyMzkzIDguMDgxMjggMS43MjM5MyA3LjA5Mjk2IDIuMTIzOTMgNi4xNjgwMUMyLjUyMzkzIDUuMjQzMDYgMy4wNjk5NiA0LjQzNzcyIDMuNzYyMDIgMy43NTIwMUM0LjQ1NDA4IDMuMDY2MjkgNS4yNjI1OSAyLjUyMzQ0IDYuMTg3NTQgMi4xMjM0NEM3LjExMjUgMS43MjM0NCA4LjEwMDgxIDEuNTIzNDQgOS4xNTI1IDEuNTIzNDRDMTAuMjA0MiAxLjUyMzQ0IDExLjE5MjUgMS43MjM0NCAxMi4xMTc0IDIuMTIzNDRDMTMuMDQyNCAyLjUyMzQ0IDEzLjg0NzcgMy4wNjYyOSAxNC41MzM0IDMuNzUyMDFDMTUuMjE5MiA0LjQzNzcyIDE1Ljc2MiA1LjI0NDA3IDE2LjE2MiA2LjE3MTA2QzE2LjU2MiA3LjA5ODA0IDE2Ljc2MiA4LjA4NjggMTYuNzYyIDkuMTM3MzRDMTYuNzYyIDEwLjE4OCAxNi41NjIgMTEuMTc1MyAxNi4xNjIgMTIuMDk5MkMxNS43NjIgMTMuMDIzMyAxNS4yMTkyIDEzLjgzMDIgMTQuNTMzNCAxNC41MkMxMy44NDc3IDE1LjIwOTcgMTMuMDQxNCAxNS43NTU3IDEyLjExNDQgMTYuMTU4MUMxMS4xODc0IDE2LjU2MDQgMTAuMTk4NyAxNi43NjE1IDkuMTQ4MTIgMTYuNzYxNVpNOS4xNTI1IDE1LjYxODdDMTAuOTQ5MyAxNS42MTg3IDEyLjQ3NjMgMTQuOTg2OSAxMy43MzM0IDEzLjcyMzRDMTQuOTkwNiAxMi40NTk5IDE1LjYxOTIgMTAuOTI5OCAxNS42MTkyIDkuMTMyOTZDMTUuNjE5MiA3LjMzNjE0IDE0Ljk5MTggNS44MDkxNSAxMy43MzcxIDQuNTUyMDFDMTIuNDgyMyAzLjI5NDg3IDEwLjk1MSAyLjY2NjI5IDkuMTQyOTcgMi42NjYyOUM3LjM1MjUgMi42NjYyOSA1LjgyNTUxIDMuMjkzNjYgNC41NjIwMiA0LjU0ODM5QzMuMjk4NTMgNS44MDMxMiAyLjY2Njc4IDcuMzM0NDkgMi42NjY3OCA5LjE0MjQ4QzIuNjY2NzggMTAuOTMzIDMuMjk4NTMgMTIuNDU5OSA0LjU2MjAyIDEzLjcyMzRDNS44MjU1MSAxNC45ODY5IDcuMzU1NjcgMTUuNjE4NyA5LjE1MjUgMTUuNjE4N1oiIGZpbGw9IiMyNTEwNEYiLz4KICA8L2c+Cjwvc3ZnPg==");
  background-size: 19px 19px;
  background-position: 96% center;
  background-repeat: no-repeat;
  cursor: pointer;
}
@media (min-width: 767px) {
  .main-visual__about-title {
    font-size: 16px;
    max-width: 400px;
    width: 100%;
    height: 60px;
    transition: transform 0.2s ease-in-out;
    transform: scale(1);
    transform-origin: center;
  }
}
@media (hover: hover) and (min-width: 767px) {
  .main-visual__about-title:hover {
    transform: scale(1.05);
    background-size: 20px 20px;
    opacity: 1;
  }
}
.main-visual__about-inner {
  display: none;
  width: 100%;
  max-width: 100%;
}
.main-visual__dec {
  z-index: -1;
  margin-top: -18%;
}
@media (min-width: 767px) {
  .main-visual__dec {
    margin-top: -6%;
  }
}
.main-visual__dec img {
  width: 100%;
  height: auto;
}
.main-visual__dec .scroll-infinity__list--left {
  animation: infinity-scroll-left 50s linear infinite;
}
@media (min-width: 767px) {
  .main-visual__dec .scroll-infinity__list--left {
    animation: infinity-scroll-left 60s linear infinite;
  }
}
.main-visual__dec .scroll-infinity__item {
  width: 425px;
  flex: 0 0 425px;
}
@media (min-width: 767px) {
  .main-visual__dec .scroll-infinity__item {
    width: 870px;
    flex: 0 0 870px;
  }
}
.main-visual__dec .scroll-infinity__item > img {
  width: 425px;
  height: auto;
  display: block;
}
@media (min-width: 767px) {
  .main-visual__dec .scroll-infinity__item > img {
    width: 870px;
  }
}

.about {
  background-image: url(../images/main_move_sp.png);
  background-repeat: no-repeat;
  background-size: cover;
}
@media (min-width: 767px) {
  .about {
    background-image: url(../images/main_move_pc.png);
  }
}

.evaluation {
  position: relative;
}
.evaluation__title {
  overflow: hidden;
  width: 100%;
  text-align: center;
  padding: 0;
  text-align: left;
  background-color: #ffffff;
}
@media (min-width: 767px) {
  .evaluation__title {
    height: 320px;
    padding: 24px 16px 0;
    margin: 0 auto;
    background-image: url(../images/evaluation_title_bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
}
.evaluation__title span {
  max-width: 1064px;
  display: block;
  margin: 0 auto;
}
.evaluation__title img {
  width: 100%;
  height: auto;
}
@media (min-width: 767px) {
  .evaluation__title img {
    width: 428px;
    height: auto;
  }
}
.evaluation__inner {
  position: relative;
  margin-top: -32px;
  padding: 32px 20px 64px;
  background: rgba(234, 224, 242, 0.5);
  backdrop-filter: blur(3px);
}
@media (min-width: 767px) {
  .evaluation__inner {
    margin-top: -48px;
    padding: 48px 16px 80px;
  }
}
.evaluation__table table {
  width: 100%;
  table-layout: fixed;
  width: 100%;
  border-spacing: 0;
}
@media (min-width: 767px) {
  .evaluation__table table {
    max-width: 1200px;
    margin: 0 auto;
  }
}
.evaluation__table table th.dec-col0 {
  box-sizing: border-box;
  padding: 8px 10px;
  text-align: left;
  width: 56px;
  border-radius: 8px 0 0 0;
  border-bottom: 1px solid #EEE;
  background: #E5DCEE;
  color: var(---txt, #25104F);
  font-family: "Noto Sans JP";
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
@media (min-width: 767px) {
  .evaluation__table table th.dec-col0 {
    width: 218px;
    font-size: 16px;
    border-right: 1px solid #ccc;
    border-bottom: 0;
    text-align: center;
    border-radius: 0 0 0 0;
  }
}
.evaluation__table table th.dec-col0 br {
  display: block;
}
@media (min-width: 767px) {
  .evaluation__table table th.dec-col0 br {
    display: none;
  }
}
.evaluation__table table th.dec-col0a {
  box-sizing: border-box;
  padding: 8px 10px;
  text-align: left;
  width: 56px;
  border-radius: 0;
  border-bottom: 1px solid #EEE;
  background: #E5DCEE;
  color: var(---txt, #25104F);
  font-family: "Noto Sans JP";
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
@media (min-width: 767px) {
  .evaluation__table table th.dec-col0a {
    width: 218px;
    font-size: 16px;
    border-right: 1px solid #ccc;
    border-bottom: 0;
    text-align: center;
    border-radius: 8px 0 0 0;
  }
}
.evaluation__table table th.dec-col0a br {
  display: block;
}
@media (min-width: 767px) {
  .evaluation__table table th.dec-col0a br {
    display: none;
  }
}
.evaluation__table table th.dec-col0b {
  box-sizing: border-box;
  padding: 8px 10px;
  text-align: left;
  width: 56px;
  border-radius: 0 0 0 8px;
  border-bottom: 1px solid #EEE;
  background: #E5DCEE;
  color: var(---txt, #25104F);
  font-family: "Noto Sans JP";
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
@media (min-width: 767px) {
  .evaluation__table table th.dec-col0b {
    width: 218px;
    font-size: 16px;
    border-right: 1px solid #ccc;
    border-bottom: 0;
    text-align: center;
    border-radius: 0 8px 0 0;
    border: none;
  }
}
.evaluation__table table th.dec-col0b br {
  display: block;
}
@media (min-width: 767px) {
  .evaluation__table table th.dec-col0b br {
    display: none;
  }
}
.evaluation__table table th.dec-col1 {
  width: 41%;
  display: table-cell;
  writing-mode: inherit;
  height: 56px;
  padding: 10px 8px;
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
  border-radius: 8px 0 0 0;
  border-right: 1px solid #FFF;
  background: #FAD279;
  color: #FFF;
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}
@media (min-width: 767px) {
  .evaluation__table table th.dec-col1 {
    text-align: left;
    padding: 10px;
    display: table-cell;
    justify-content: center;
    align-items: center;
    width: 80px;
    padding: 14px 14px;
    height: inherit;
    min-height: 120px;
    white-space: nowrap;
    line-height: 175%;
    letter-spacing: 2px;
    border-radius: 8px 0 0 0;
  }
}
.evaluation__table table th.dec-col2 {
  width: 41%;
  display: flex;
  height: 56px;
  padding: 10px 8px;
  justify-content: center;
  align-items: center;
  border-radius: 0 8px 0 0;
  background: var(---, #A57BE2);
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 22.4px */
  display: table-cell;
  color: #fff;
  writing-mode: horizontal-tb;
}
@media (min-width: 767px) {
  .evaluation__table table th.dec-col2 {
    text-align: left;
    padding: 10px;
    display: table-cell;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: inherit;
    min-height: 120px;
    padding: 14px 14px;
    white-space: nowrap;
    letter-spacing: 2px;
    border-radius: 0 0 0 8px;
  }
}
.evaluation__table table tr {
  width: 100%;
}
.evaluation__table table td {
  padding: 10px 8px;
  color: var(---txt, #25104F);
  font-family: "Noto Sans JP";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 175%;
  width: 33%;
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
  align-self: stretch;
  font-weight: 400;
  line-height: 175%;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  background: #ffffff;
}
.evaluation__table table td strong {
  font-style: normal;
  font-weight: 500;
  line-height: 175%;
  background: linear-gradient(transparent 70%, #FAD279 70%);
}
.evaluation__table table td.dec-center {
  text-align: center;
}
.evaluation__table table td span {
  font-size: 11px;
  white-space: nowrap;
}
@media (min-width: 767px) {
  .evaluation__table table td span {
    font-size: 13px;
  }
}
@media (min-width: 767px) {
  .evaluation__table table td {
    font-size: 14px;
    width: 218px;
    padding: 24px 16px;
    font-size: 14px;
  }
}
.evaluation__notes {
  padding-left: 20px;
  max-width: 956px;
  margin: 24px auto 0;
}
@media (min-width: 767px) {
  .evaluation__notes {
    margin: 24px auto 0;
  }
}
.evaluation__notes li {
  position: relative;
  margin-top: 4px;
  color: var(---txt, #25104F);
  font-family: "Noto Sans JP";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 175%; /* 21px */
}
.evaluation__notes li span {
  position: absolute;
  top: 0;
  left: -24px;
}
.evaluation__btn {
  margin: 24px 0 0;
  text-align: center;
}
@media (min-width: 767px) {
  .evaluation__btn {
    margin: 48px 0 0;
  }
}
.evaluation__btn a {
  max-width: 346px;
  width: 100%;
  display: inline-flex;
  height: 56px;
  padding: 8px 0;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  border: 1px solid var(---txt, #25104F);
  background: var(--, #FFF);
  box-shadow: 6px 6px 8px 0 rgba(255, 255, 255, 0.25) inset;
  color: var(---txt, #25104F);
  font-family: "Noto Sans JP";
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 0.9; /* 21px */
  margin: 0 auto;
  background-color: #ffffff;
  flex-direction: column;
  align-items: center;
  text-align: center;
  text-decoration: none;
}
@media (min-width: 767px) {
  .evaluation__btn a {
    max-width: 400px;
    height: 60px;
    transform: scale(1);
    transform-origin: center;
    transition: transform 0.2s ease-in-out;
  }
}
.evaluation__btn a i {
  margin-left: 3px;
  display: inline-block;
  vertical-align: top;
  width: 14px;
  height: auto;
}
.evaluation__btn a i img {
  vertical-align: inherit;
  margin-bottom: -5px;
  display: inline-block;
  width: 100%;
  height: auto;
}
@media (hover: hover) and (min-width: 767px) {
  .evaluation__btn a:hover {
    transform: scale(1.05);
    opacity: 1;
  }
}
.evaluation__pc {
  display: none;
}
@media (min-width: 767px) {
  .evaluation__pc {
    display: block;
  }
}
.evaluation__sp {
  display: block;
}
@media (min-width: 767px) {
  .evaluation__sp {
    display: none;
  }
}

.preparation {
  padding-bottom: 64px;
  position: relative;
  background: #E6F2F2;
  background-image: url(../images/preparation_bg_sp.png);
  background-repeat: no-repeat;
  background-size: cover;
}
@media (min-width: 767px) {
  .preparation {
    padding-bottom: 80px;
    background-image: url(../images/preparation_bg_pc.png);
    background-position: center;
    background-size: cover;
  }
}
.preparation__title {
  text-align: center;
  line-height: 140%;
  width: 100%;
  overflow: hidden;
}
@media (min-width: 767px) {
  .preparation__title {
    height: 300px;
    padding: 85px 16px 0;
    margin: 0 auto;
    background-image: url(../images/preparation_title_bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
}
.preparation__title span {
  max-width: 1064px;
  display: block;
  margin: 0 auto;
}
.preparation__title img {
  max-width: inherit;
  width: 100%;
  height: auto;
}
@media (min-width: 767px) {
  .preparation__title img {
    width: 297px;
    height: auto;
  }
}
.preparation__inner {
  max-width: 720px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
}
@media (min-width: 767px) {
  .preparation__inner {
    padding: 0;
  }
}
.preparation__list {
  margin: 64px 0 0;
  position: relative;
}
@media (min-width: 767px) {
  .preparation__list {
    margin: -32px 0 0;
    display: flex;
    flex-direction: column;
    gap: 32px 0;
  }
}
.preparation__item {
  margin: 32px 0 0;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(5px);
  border-radius: 8px;
}
@media (min-width: 767px) {
  .preparation__item {
    width: 100%;
    margin: 0 0 0;
  }
}
.preparation__item-title {
  border-radius: 8px 8px 0 0;
  padding-top: 24px;
  color: var(---txt, #25104F);
  font-family: "Noto Sans JP";
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 28px */
  text-align: center;
}
@media (min-width: 767px) {
  .preparation__item-title {
    font-size: 24px;
    padding-top: 32px;
  }
}
.preparation__item-inner {
  padding: 16px 24px 24px;
  border-radius: 0 0 8px 8px;
}
@media (min-width: 767px) {
  .preparation__item-inner {
    padding: 16px 24px 32px;
  }
}
.preparation__item-dec {
  max-width: 496px;
  margin: 0 auto;
  color: #3A8D8C;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  position: relative;
  display: flex;
  padding: 0;
  justify-content: left;
  align-items: center;
  gap: 10px;
  text-align: center;
  background-position: center center;
  background-repeat: repeat-x;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkyIiBoZWlnaHQ9IjIiIHZpZXdCb3g9IjAgMCAxOTIgMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjE5MiIgaGVpZ2h0PSIyIiBmaWxsPSIjM0E4RDhDIi8+Cjwvc3ZnPgo=");
}
@media (min-width: 767px) {
  .preparation__item-dec {
    max-width: 520px;
    background-size: inherit;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzkyIiBoZWlnaHQ9IjIiIHZpZXdCb3g9IjAgMCAzOTIgMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjM5MiIgaGVpZ2h0PSIyIiBmaWxsPSIjM0E4RDhDIi8+Cjwvc3ZnPgo=");
  }
}
.preparation__item-dec span {
  font-size: 16px;
  background-color: #ffffff;
}
.preparation__item-list {
  margin-top: 18px;
}
@media (min-width: 767px) {
  .preparation__item-list {
    max-width: 520px;
    width: 100%;
    margin: 0 auto;
  }
}
.preparation__item-list li {
  margin-top: 16px;
  padding-left: 25px;
  background-repeat: no-repeat;
  color: var(---txt, #25104F);
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNyAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfaV8xMDEzM18yMDU1KSI+CjxyZWN0IHg9IjAuNSIgeT0iMC41IiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHJ4PSIyIiBmaWxsPSIjNjdCOTk4Ii8+CjxyZWN0IHg9IjAuNSIgeT0iMC41IiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHJ4PSIyIiBzdHJva2U9IndoaXRlIiBzdHJva2Utb3BhY2l0eT0iMC40Ii8+CjxwYXRoIGQ9Ik03LjEwMDEgMTIuNzI1NEwxNC4xNTAxIDUuNjc1MzlMMTIuNzUwMSA0LjI3NTM5TDcuMTAwMSA5LjkyNTM5TDQuMjUwMSA3LjA3NTM5TDIuODUwMSA4LjQ3NTM5TDcuMTAwMSAxMi43MjU0WiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8ZGVmcz4KPGZpbHRlciBpZD0iZmlsdGVyMF9pXzEwMTMzXzIwNTUiIHg9IjAiIHk9IjAiIHdpZHRoPSIyMyIgaGVpZ2h0PSIyMyIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJzaGFwZSIvPgo8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz4KPGZlT2Zmc2V0IGR4PSI2IiBkeT0iNiIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSI0Ii8+CjxmZUNvbXBvc2l0ZSBpbjI9ImhhcmRBbHBoYSIgb3BlcmF0b3I9ImFyaXRobWV0aWMiIGsyPSItMSIgazM9IjEiLz4KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMSAwIDAgMCAwIDEgMCAwIDAgMCAxIDAgMCAwIDAuMjUgMCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0ic2hhcGUiIHJlc3VsdD0iZWZmZWN0MV9pbm5lclNoYWRvd18xMDEzM18yMDU1Ii8+CjwvZmlsdGVyPgo8L2RlZnM+Cjwvc3ZnPgo=");
}
@media (min-width: 767px) {
  .preparation__item-list li {
    font-size: 16px;
    background-size: 22px auto;
    padding-left: 27px;
  }
}
.preparation__item-list li a {
  font-weight: 500;
  display: inline;
  color: var(---txt, #25104F);
}
.preparation__item-btn {
  margin-top: 16px;
}
.preparation__item-btn a {
  position: relative;
  border-radius: 100px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  background-color: #67B998;
  box-shadow: 0 16px 30px 0 rgba(17, 17, 17, 0.15);
  color: #FFF;
  font-family: "Noto Sans JP";
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 21px */
  text-align: center;
  text-decoration: none;
  display: block;
  max-width: 240px;
  margin: 0 auto;
  padding: 13px 0;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
@media (min-width: 767px) {
  .preparation__item-btn a {
    transition: transform 0.2s ease-in-out;
    transform: scale(1);
    transform-origin: center;
  }
}
@media (hover: hover) and (min-width: 767px) {
  .preparation__item-btn a:hover {
    transform: scale(1.05);
    opacity: 1;
  }
}
.preparation__btn {
  margin-top: 40px;
}
@media (min-width: 767px) {
  .preparation__btn {
    margin-top: 48px;
  }
}
.preparation__btn a {
  border-radius: 8px;
  box-shadow: 0 16px 30px 0 rgba(17, 17, 17, 0.15), 6px 6px 8px 0 rgba(255, 255, 255, 0.25) inset;
  color: #FFF;
  text-align: center;
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  font-size: 18px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  display: flex;
  max-width: 320px;
  width: 100%;
  height: 76px;
  margin: 0 auto;
  padding: 16px 8px;
  text-decoration: none;
  justify-content: center;
  align-items: center;
  background: linear-gradient(90deg, #54C0B0 0%, #735ED3 100%);
  background-position: center center;
  background-repeat: no-repeat;
  background-position: 96% center;
}
@media (min-width: 767px) {
  .preparation__btn a {
    max-width: 400px;
    font-size: 20px;
    overflow: hidden;
    position: relative;
    transition: transform 0.2s ease-in-out;
    transform: scale(1);
    transform-origin: center;
  }
}
.preparation__btn a span {
  font-size: 14px;
}
@media (min-width: 767px) {
  .preparation__btn a span {
    font-size: 16px;
  }
}
@media (hover: hover) and (min-width: 767px) {
  .preparation__btn a:hover {
    transform: scale(1.05);
    opacity: 1;
  }
  .preparation__btn a:hover::before {
    transform: translateY(-50%) translateX(0px);
    opacity: 1;
  }
  .preparation__btn a:hover::after {
    transform: translateY(-50%) translateX(10px);
    opacity: 0;
  }
}

.qa {
  padding: 0 0 64px;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../images/qa_bg_sp.png);
}
@media (min-width: 767px) {
  .qa {
    padding: 0 0 72px;
    background-image: url(../images/qa_bg_pc.png);
  }
}
.qa__title {
  text-align: center;
  line-height: 140%;
  width: 100%;
}
@media (min-width: 767px) {
  .qa__title {
    height: 300px;
    padding: 123px 16px 0;
    margin: 0 auto;
    background-image: url(../images/qa_title_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
}
.qa__title span {
  max-width: 1064px;
  display: block;
  margin: 0 auto;
}
.qa__title img {
  width: 100%;
  height: auto;
}
@media (min-width: 767px) {
  .qa__title img {
    width: 473px;
    height: auto;
    max-width: inherit;
    margin: 0 0 0 auto;
  }
}
.qa__title2 {
  line-height: 160%;
  margin-top: 12px;
  color: #3A8D8C;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}
@media (min-width: 767px) {
  .qa__title2 {
    margin-top: 16px;
    font-size: 18px;
    font-weight: 500;
  }
}
.qa__title2 br {
  display: block;
}
@media (min-width: 767px) {
  .qa__title2 br {
    display: none;
  }
}
.qa__inner {
  padding: 0 20px 0 56px;
}
@media (min-width: 767px) {
  .qa__inner {
    max-width: 800px;
    margin: 0 auto;
  }
}
.qa__list {
  margin-top: 24px;
}
@media (min-width: 767px) {
  .qa__list {
    margin-top: 40px;
  }
}
.qa__list ul li {
  position: relative;
}
.qa__list ul li:first-child {
  margin-top: 0;
}
.qa__list ul li {
  margin-top: 24px;
}
.qa__list ul li::before {
  position: absolute;
  top: 0;
  left: -45px;
  content: "";
  display: block;
  width: 56px;
  height: 56px;
  background-image: url("../images/dec-q_sp.png");
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.qa__list summary {
  position: relative;
  padding: 0 30px 0 0;
  color: var(---txt, #25104F);
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
@media (min-width: 767px) {
  .qa__list summary {
    font-size: 18px;
  }
}
@media (hover: hover) {
  .qa__list summary:hover {
    cursor: pointer;
  }
}
.qa__list summary br {
  display: none;
}
@media (min-width: 374px) {
  .qa__list summary br {
    display: block;
  }
}
@media (min-width: 576px) {
  .qa__list summary br {
    display: none;
  }
}
.qa__list summary::marker {
  content: "";
}
.qa__list summary::after {
  position: absolute;
  top: 3px;
  right: 0;
  content: "";
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4IiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTguMjUgMThMOC4yNSA5Ljc1TDAgOS43NUwwIDguMjVMOC4yNSA4LjI1TDguMjUgMEw5Ljc1IDBMOS43NSA4LjI1TDE4IDguMjVWOS43NUw5Ljc1IDkuNzVMOS43NSAxOEg4LjI1WiIgZmlsbD0iIzI1MTA0RiIvPgo8L3N2Zz4=");
}
.qa__list details {
  position: relative;
  padding: 24px;
  border-radius: 8px;
  border: 1px solid #54C0B0;
  background: rgba(255, 255, 255, 0.65);
  backdrop-filter: blur(3px);
}
.qa__list details[open] summary {
  padding: 0 30px 12px 0;
  border-bottom: 1px solid var(---txt, #25104F);
}
@media (min-width: 767px) {
  .qa__list details[open] summary {
    padding: 0 30px 24px 0;
  }
}
.qa__list details[open] summary::after {
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KPG1hc2sgaWQ9Im1hc2swXzEwMTc0XzI1NDgiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+CjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI0U1RTdFQiIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMTAxNzRfMjU0OCkiPgo8cmVjdCB4PSIzIiB5PSIxMSIgd2lkdGg9IjE4IiBoZWlnaHQ9IjEuNSIgZmlsbD0iIzI1MTA0RiIvPgo8L2c+Cjwvc3ZnPg==");
}
@media (hover: hover) {
  .qa__list details[open] summary:hover {
    cursor: pointer;
  }
}
.qa__text {
  color: var(---txt, #25104F);
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 175%;
  margin-top: 4px;
}
@media (min-width: 767px) {
  .qa__text {
    margin-top: 4px;
    font-size: 16px;
  }
}
.qa__img {
  max-width: 640px;
  width: 100%;
  margin: 24px auto 0;
}
.qa__img img {
  width: 100%;
  height: auto;
}

.interview {
  padding: 0 0 64px;
}
@media (min-width: 992px) {
  .interview {
    padding: 0 0 44px;
  }
}
@media (min-width: 992px) {
  .interview {
    padding: 0 0 120px;
  }
}
.interview__title {
  padding: 0 16px;
  text-align: left;
  text-align: center;
}
.interview__title span {
  position: relative;
  display: inline-block;
  color: #132d68;
  padding-left: 20px;
  font-family: "Noto Serif JP";
  font-size: 21px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.84px;
  line-height: 140%;
}
@media (min-width: 767px) {
  .interview__title span {
    font-size: 32px;
    padding-left: 25px;
    line-height: 150%;
  }
}
.interview__title span::after {
  position: absolute;
  top: 8px;
  left: 0;
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 100px;
  background: #41a87f;
}
@media (min-width: 767px) {
  .interview__title span::after {
    top: 17px;
    left: 0;
    width: 14px;
    height: 14px;
  }
}
.interview__inner {
  margin: 4px auto 0;
  padding: 0 16px;
  max-width: 1080px;
}
@media (min-width: 992px) {
  .interview__list ul {
    display: flex;
    justify-content: center;
    gap: 24px;
  }
}
.interview__list ul li {
  margin-top: 20px;
}
@media (min-width: 992px) {
  .interview__list ul li {
    width: 344px;
  }
}
.interview__list ul li a {
  padding: 16px;
  background: #ffffff;
  border-radius: 4px;
  border: 2px solid #eee;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0px 4px 8px 0px rgba(19, 75, 84, 0.15);
  text-decoration: none;
}
@media (min-width: 992px) {
  .interview__list ul li a {
    padding: 24px 32px;
    height: 306px;
    transition: transform 0.2s ease-in-out;
    transform: scale(1);
    transform-origin: center;
  }
}
@media (hover: hover) and (min-width: 992px) {
  .interview__list ul li a:hover {
    transform: scale(1.05);
    opacity: 1;
  }
}
.interview__box {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 992px) {
  .interview__box {
    display: block;
    min-height: 160px;
  }
}
.interview__img {
  width: 88px;
}
@media (min-width: 992px) {
  .interview__img {
    width: 128px;
    margin: 0 auto 12px;
  }
}
.interview__text-box {
  width: calc(100% - 104px);
  padding-left: 12px;
  font-family: "Noto Sans JP";
  font-style: normal;
  line-height: 140%;
  display: flex;
}
@media (min-width: 992px) {
  .interview__text-box {
    width: 100%;
    padding-left: 0;
  }
}
.interview__text1 {
  color: #41a87f;
  font-size: 16px;
  font-weight: 700;
}
.interview__text2 {
  color: #000;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
  margin-top: 3px;
}
@media (min-width: 767px) {
  .interview__text2 {
    font-size: 14px;
    margin-top: 12px;
  }
}
.interview__text3 {
  width: 50%;
  color: #000;
  font-size: 16px;
  font-weight: 400;
}

.for-you {
  padding: 0 0 40px;
  background: #E6F2F2;
}
@media (min-width: 767px) {
  .for-you {
    padding: 0 0 160px;
  }
}
.for-you__title {
  line-height: 140%;
}
@media (min-width: 767px) {
  .for-you__title {
    height: 300px;
    padding: 105px 16px 0;
    margin: 0 auto;
    background-image: url(../images/for-you_title_bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
}
.for-you__title {
  width: 100%;
}
@media (min-width: 767px) {
  .for-you__title {
    height: 300px;
  }
}
.for-you__title span {
  max-width: 1064px;
  display: block;
  margin: 0 auto;
}
.for-you__title img {
  width: 100%;
  height: auto;
}
@media (min-width: 767px) {
  .for-you__title img {
    max-width: inherit;
    width: 467px;
    height: auto;
  }
}
.for-you__inner {
  padding: 0 35px;
}
.for-you__list {
  margin-top: -32px;
}
.for-you__list-dec {
  margin-bottom: 30px;
  color: #3A8D8C;
  font-family: Jost;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 20px */
}
@media (min-width: 992px) {
  .for-you__list-dec {
    font-size: 28px;
  }
}
.for-you__list-title {
  margin-top: 32px;
  color: var(---txt, #25104F);
  font-family: "Noto Sans JP";
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 28px */
  display: inline;
  background: linear-gradient(transparent 70%, #FAD279 70%);
}
@media (min-width: 992px) {
  .for-you__list-title {
    font-size: 22px;
  }
}
.for-you__list-title br {
  display: none;
}
@media (min-width: 992px) {
  .for-you__list-title br {
    display: block;
  }
}
.for-you__list-text {
  margin-top: 10px;
}
.for-you__list-text p {
  color: var(---txt, #25104F);
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 175%; /* 24.5px */
}
@media (min-width: 992px) {
  .for-you__list-text p {
    font-size: 16px;
  }
}
.for-you__list ul {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 24px 0;
}
@media (min-width: 992px) {
  .for-you__list ul {
    flex-direction: row;
    max-width: 1080px;
    width: 100%;
    margin: 0 auto;
    gap: 0 32px;
  }
}
.for-you__list ul li {
  box-sizing: border-box;
  padding: 24px;
  border-radius: 8px;
  border: 1px solid var(--40-, rgba(255, 255, 255, 0.4));
  background: var(--80-, rgba(255, 255, 255, 0.8));
  backdrop-filter: blur(3px);
}
@media (min-width: 992px) {
  .for-you__list ul li {
    padding: 32px 40px;
    margin-top: 0;
    max-width: 344px;
    width: 33%;
  }
}
.for-you__btn {
  margin-top: 40px;
}
@media (min-width: 767px) {
  .for-you__btn {
    margin-top: 48px;
  }
}
.for-you__btn a {
  pointer-events: none;
  margin: 0 auto;
  text-decoration: none;
  display: flex;
  max-width: 320px;
  width: 100%;
  height: 69px;
  padding: 8px 32px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
  border: 1px solid #FFF;
  background: #9CA3AF;
  box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.15);
  color: #FFF;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 25.2px */
}
@media (min-width: 767px) {
  .for-you__btn a {
    transform-origin: center;
    transition: transform 0.2s ease-in-out;
    transform: scale(1);
  }
}
@media (hover: hover) and (min-width: 767px) {
  .for-you__btn a:hover {
    transform: scale(1.05);
    opacity: 1;
  }
}

.gallery {
  padding: 0;
  background: #E6F2F2;
}
.gallery__inner {
  position: relative;
  padding: 20px 0 40px;
}
@media (min-width: 767px) {
  .gallery__inner {
    padding: 0 0 80px;
    margin: 0 auto;
  }
}
.gallery__inner::before {
  top: 0;
  left: 0;
  background-image: url("../images/gallery-decoration-1@2x.png");
}
@media (min-width: 767px) {
  .gallery__inner::before {
    top: 1rem;
    background-image: url("../images/gallery-decoration-1-md@2x.png");
  }
}
.gallery__inner::after {
  bottom: 1rem;
  right: 0;
  background-image: url("../images/gallery-decoration-2@2x.png");
}
@media (min-width: 767px) {
  .gallery__inner::after {
    bottom: 0;
    background-image: url("../images/gallery-decoration-2-md@2x.png");
  }
}
.gallery__title {
  position: relative;
  z-index: 1;
  max-width: 1150px;
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 767px) {
  .gallery__title {
    max-width: 1150px;
  }
}
.gallery__title br {
  display: block;
}
@media (min-width: 767px) {
  .gallery__title br {
    display: none;
  }
}
.gallery__img {
  max-width: 1082px;
  margin: 0 auto;
}
.gallery__img img {
  width: 100%;
  height: auto;
}
.gallery__img2 {
  position: relative;
  z-index: 1;
  margin: -14% auto 0;
}
@media (min-width: 767px) {
  .gallery__img2 {
    margin: -1% auto 0;
  }
}
.gallery__img2 .scroll-infinity__item {
  width: 425px;
  flex: 0 0 425px;
}
@media (min-width: 767px) {
  .gallery__img2 .scroll-infinity__item {
    width: 1046px;
    flex: 0 0 1046px;
  }
}
.gallery__img2 .scroll-infinity__list--left {
  animation: infinity-scroll-left 40s linear infinite;
}
@media (min-width: 767px) {
  .gallery__img2 .scroll-infinity__list--left {
    animation: infinity-scroll-left 80s linear infinite;
  }
}
.gallery__img2 .scroll-infinity__wrap {
  margin-top: -2%;
}
.gallery__img2 img {
  width: 425px !important;
  height: auto;
  display: block;
  max-width: inherit;
}
@media (min-width: 767px) {
  .gallery__img2 img {
    width: 1046px !important;
  }
}

.links {
  padding: 48px 18px;
  background-position: center;
  background-size: cover;
  background-image: url(../images/links_bg_sp.png);
}
@media (min-width: 767px) {
  .links {
    padding: 92px 20px;
    background-image: url(../images/links_bg_pc.png);
  }
}
.links__inner {
  max-width: 300px;
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 767px) {
  .links__inner {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
  }
}
.links__list ul {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  gap: 12px;
}
@media (min-width: 767px) {
  .links__list ul {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    flex-direction: row;
    gap: 12px;
  }
}
@media (min-width: 767px) {
  .links__list ul li {
    max-width: 414px;
    width: 100%;
  }
}
.links__btn a {
  display: flex;
  height: 88px;
  padding: 0 12px 0 80px;
  justify-content: left;
  align-items: center;
  align-self: stretch;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: rgba(255, 255, 255, 0.2);
  box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.15), 6px 6px 4px 0 rgba(255, 255, 255, 0.15) inset;
  backdrop-filter: blur(12px);
  color: #fff;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  text-decoration: none;
  background-repeat: no-repeat, no-repeat;
}
@media (min-width: 767px) {
  .links__btn a {
    height: 96px;
    font-size: 20px;
    padding: 0 30px 0 94px;
    transition: transform 0.2s ease-in-out;
    transform: scale(1);
    transform-origin: center;
  }
}
@media (hover: hover) and (min-width: 767px) {
  .links__btn a:hover {
    transform: scale(1.03);
    opacity: 1;
    background-position: 98% center, 16px auto;
  }
}
.links__btn--01 a {
  background-image: url(../images/links_dec_01.svg);
  background-position: 16px center, 94% center;
  background-size: 56px auto;
}
@media (min-width: 767px) {
  .links__btn--01 a {
    background-image: url(../images/links_dec_01.svg);
    background-position: 16px center, 94% center;
    background-size: 72px auto;
  }
}
.links__btn--02 a {
  background-image: url(../images/links_dec_02.svg);
  background-position: 16px center;
  background-size: 56px auto;
}
@media (min-width: 767px) {
  .links__btn--02 a {
    background-image: url(../images/links_dec_02.svg);
    background-size: 72px auto;
  }
}
.links__btn--03 a {
  background-image: url(../images/links_dec_03.svg);
  background-position: 16px center;
  background-size: 56px auto;
}
@media (min-width: 767px) {
  .links__btn--03 a {
    background-image: url(../images/links_dec_03.svg);
    background-size: 72px auto;
  }
}

.map {
  background: #E5DCEE;
  margin-top: 0;
}
@media (min-width: 767px) {
  .map {
    margin-top: 0;
    padding: 80px 20px;
  }
}
.map__inner {
  max-width: 1080px;
  width: 100%;
  margin: 0 auto;
}
.map__inner iframe {
  width: 100%;
  height: 239px;
}
@media (min-width: 767px) {
  .map__inner iframe {
    width: 524px;
    height: 336px;
  }
}
.map__block {
  background-color: #ffffff;
}
@media (min-width: 767px) {
  .map__block {
    display: flex;
    justify-content: space-between;
    padding: 0;
    width: 100%;
  }
}
.map__logo {
  padding: 48px 0;
  max-width: 240px;
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 767px) {
  .map__logo {
    max-width: 300px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.map__logo img {
  width: 100%;
  height: auto;
}

.modal {
  z-index: 101;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
.modal.active {
  opacity: 1;
  visibility: visible;
}
.modal__inner {
  background: white;
  padding: 56px 20px 32px;
  border-radius: 8px;
  width: 90%;
  max-width: 500px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  position: relative;
}
@media (min-width: 767px) {
  .modal__inner {
    max-width: 720px;
    width: 90%;
    padding: 56px 56px 40px;
  }
}
.modal__list {
  margin-top: 20px;
}
.modal__list ul li {
  border-radius: 4px;
  margin-top: 12px;
  display: flex;
  padding: 20px 20px;
  align-items: center;
  gap: 4px;
  align-self: stretch;
  border-radius: 4px;
  background: #eee;
  flex-wrap: nowrap;
  border-radius: 4px;
  background: rgba(172, 130, 234, 0.1);
}
.modal__list ul li:first-child {
  margin-top: 0;
}
.modal__text {
  color: var(---txt, #25104F);
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 175%; /* 28px */
}
@media (min-width: 767px) {
  .modal__text {
    font-size: 18px;
  }
}
.modal__text strong {
  font-weight: 500;
  padding-bottom: 2px;
  background: linear-gradient(transparent 70%, #F9C657 70%);
}
.modal__text2 {
  padding-left: 10px;
}
.modal__text2 p {
  color: var(---txt, #25104F);
  font-family: "Noto Sans JP";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
@media (min-width: 767px) {
  .modal__text2 p {
    font-size: 24px;
    line-height: 100%;
  }
}
.modal__text2 p br {
  display: block;
}
@media (min-width: 767px) {
  .modal__text2 p br {
    display: none;
  }
}
.modal__text2 p sup {
  vertical-align: middle;
}
.modal__btn {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 40px;
  height: 40px;
  font-size: 20px;
  background: none;
  border: none;
  overflow: hidden;
  text-indent: -9999px;
  white-space: nowrap;
  cursor: pointer;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTE5Ljg4NjcgMjAuNzIxMkwyMC43OTMyIDE5LjgxNDdMMTUuOTkzMSAxNS4wMTQ2TDIwLjggMTAuMjA3N0wxOS44OTM0IDkuMzAxMTdMMTUuMDg2NiAxNC4xMDhMMTAuMTg2NiA5LjIwODA2TDkuMjgwMDUgMTAuMTE0NkwxNC4xOCAxNS4wMTQ2TDkuMjg2ODMgMTkuOTA3OEwxMC4xOTM0IDIwLjgxNDNMMTUuMDg2NiAxNS45MjEyTDE5Ljg4NjcgMjAuNzIxMlpNMjUuNjExOSAyNS42MDI2QzI0LjEzNTIgMjcuMDc5MyAyMi40NzkxIDI4LjE3ODggMjAuNjQzNiAyOC45MDFDMTguODA3OCAyOS42MjM0IDE2LjkyNTQgMjkuOTg1MSAxNC45OTY0IDI5Ljk4NjFDMTMuMDY3NCAyOS45ODcxIDExLjE4NDcgMjkuNjI2NSA5LjM0ODQxIDI4LjkwNDJDNy41MTE3IDI4LjE4MiA1Ljg1NDIyIDI3LjA4MTggNC4zNzU5NyAyNS42MDM1QzIuOTEyODUgMjQuMTQwNCAxLjgxNTU2IDIyLjQ4NjQgMS4wODQxIDIwLjY0MTdDMC4zNTI4MyAxOC43OTcxIC0wLjAwODM4Mzc3IDE2LjkxNTIgMC4wMDA0NTUxMjkgMTQuOTk2QzAuMDA5Mjk0MDIgMTMuMDc2OCAwLjM3NDgyOSAxMS4xOTkxIDEuMDk3MDYgOS4zNjI3NEMxLjgxOTI5IDcuNTI2MDMgMi45MTk1MyA1Ljg2ODU2IDQuMzk3NzggNC4zOTAzMUM1Ljg2MDkgMi45MjcxOSA3LjUxNDg0IDEuODI5OSA5LjM1OTYgMS4wOTg0M0MxMS4yMDQyIDAuMzY3MTY3IDEzLjA4MTEgMC4wMDEwNDMxMSAxNC45OTA1IDYuMTAyMDVlLTA1QzE2Ljg5OTkgLTAuMDAwOTIxMDcxIDE4Ljc3ODIgMC4zNjUxMDUgMjAuNjI1MyAxLjA5ODE0QzIyLjQ3MjQgMS44MzA3OCAyNC4xMjY3IDIuOTI3ODggMjUuNTg4MyA0LjM4OTQzQzI3LjA2NSA1Ljg2NjEgMjguMTY0NCA3LjUyMjIgMjguODg2NyA5LjM1Nzc0QzI5LjYwOTEgMTEuMTkzNSAyOS45NzM5IDEzLjA2OTIgMjkuOTgxMiAxNC45ODQ4QzI5Ljk4ODMgMTYuOTAwMyAyOS42MjcxIDE4Ljc4MzUgMjguODk3OCAyMC42MzQzQzI4LjE2ODcgMjIuNDg1IDI3LjA3MzQgMjQuMTQxMSAyNS42MTE5IDI1LjYwMjZaTTI0LjcwODIgMjQuNjkzMUMyNy4zOTY4IDIyLjAwNDUgMjguNzQgMTguNzc0OSAyOC43Mzc5IDE1LjAwNDNDMjguNzM1NSAxMS4yMzM4IDI3LjM4MjUgNy45OTY3NSAyNC42Nzg4IDUuMjkzMDVDMjEuOTkwMiAyLjYwNDQ3IDE4Ljc2MzYgMS4yNTgyMiAxNC45OTkxIDEuMjU0MjlDMTEuMjM0NSAxLjI1MDc2IDcuOTk5MzEgMi42MDE5MiA1LjI5MzQ1IDUuMzA3NzhDMi41OTk1NiA4LjAwMTY2IDEuMjQ5NTggMTEuMjMyIDEuMjQzNDkgMTQuOTk4N0MxLjIzNzYgMTguNzY1NiAyLjU4NzU4IDIyLjAwMiA1LjI5MzQ0IDI0LjcwNzhDNy45ODczMiAyNy40MDE3IDExLjIyMDcgMjguNzQ4NyAxNC45OTM1IDI4Ljc0ODdDMTguNzY2MyAyOC43NDg3IDIyLjAwNDUgMjcuMzk2OCAyNC43MDgyIDI0LjY5MzFaIiBmaWxsPSIjMjUxMDRGIi8+Cjwvc3ZnPg==");
  background-repeat: no-repeat;
  background-position: center;
}
.modal__dec {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 50px;
  line-height: 50px;
  padding-right: 20px;
  border-right: 1px solid #A57BE2;
  color: #A57BE2;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  white-space: nowrap;
  font-family: "Noto Sans JP";
}
@media (min-width: 767px) {
  .modal__dec {
    font-size: 18px;
  }
}
.modal__dec span {
  margin-left: 5px;
  font-size: 32px;
}
@media (min-width: 767px) {
  .modal__dec span {
    font-size: 40px;
  }
}
.modal__notice {
  margin-top: 20px;
}
.modal__notice p {
  padding-left: 15px;
  position: relative;
  color: var(---txt, #25104F);
  font-family: "Noto Sans JP";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 175%; /* 21px */
}
.modal__notice p i {
  left: 0px;
  font-style: normal;
  position: absolute;
}

.g-nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  overflow: auto;
  transition: opacity 0.3s ease;
  background: rgb(255, 255, 255);
  opacity: 0;
}
@media (min-width: 767px) {
  .g-nav {
    width: 440px;
    left: auto;
    right: 0;
  }
}
.g-nav.is-active {
  z-index: 11;
  opacity: 1;
  display: block;
}
.g-nav__inner {
  box-sizing: border-box;
  width: 100%;
}
.g-nav__header {
  height: 64px;
}
.g-nav__header .l-header__logo {
  display: flex;
}
@media (min-width: 767px) {
  .g-nav__header .l-header__logo {
    display: none;
  }
}
.g-nav__list {
  box-sizing: border-box;
  width: 100%;
  padding: 0 24px 32px;
}
@media (min-width: 767px) {
  .g-nav__list {
    padding: 0 48px 32px;
  }
}
.g-nav__list > ul > li {
  color: #000000;
  padding: 0;
}
.g-nav__list > ul > li a {
  font-size: 16px;
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 500;
  border-bottom: 1px solid #25104F;
  padding: 20px 24px 20px 0;
  margin-top: 20px;
  text-decoration: none;
  color: #25104F;
  text-align: left;
  line-height: 1;
  background-position: 100% center;
  background-repeat: no-repeat;
  background-size: 38px 22px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAzOCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSIzNyIgaGVpZ2h0PSIyMSIgcng9IjEwLjUiIGZpbGw9IndoaXRlIi8+CjxyZWN0IHg9IjAuNSIgeT0iMC41IiB3aWR0aD0iMzciIGhlaWdodD0iMjEiIHJ4PSIxMC41IiBzdHJva2U9IiNGOEY0RkYiLz4KPG1hc2sgaWQ9Im1hc2swXzEwMjU2XzM3NzUiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjgiIHk9IjAiIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMiI+CjxyZWN0IHg9IjgiIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMiIgZmlsbD0iI0Q5RDlEOSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMTAyNTZfMzc3NSkiPgo8cGF0aCBkPSJNMjAuNTIwMSAxNS43NjU3TDE5Ljg4NDYgMTUuMTE5OEwyMy41NTU5IDExLjQ0ODVMMTIuNzE0OCAxMS40NDg1VjEwLjU1MDZMMjMuNTU1OSAxMC41NTA2TDE5Ljg4NDYgNi44NzkyNkwyMC41MjAxIDYuMjMzNEwyNS4yODYzIDEwLjk5OTVMMjAuNTIwMSAxNS43NjU3WiIgZmlsbD0iIzI1MTA0RiIvPgo8L2c+Cjwvc3ZnPgo=");
}
.g-nav__list2 {
  box-sizing: border-box;
  width: 100%;
  padding: 0 0 0 8px;
}
.g-nav__list2 > ul > li {
  color: #000000;
  padding: 0;
}
.g-nav__list2 > ul > li a {
  font-size: 14px;
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 400;
  border-bottom: 1px solid #ccc;
  padding: 15px 38px 15px 0;
  margin-top: 0;
  text-decoration: none;
  color: #25104F;
  text-align: left;
  line-height: 1.4;
  background-position: 100% center;
  background-repeat: no-repeat;
  background-size: 38px 22px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAzOCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSIzNyIgaGVpZ2h0PSIyMSIgcng9IjEwLjUiIGZpbGw9IndoaXRlIi8+CjxyZWN0IHg9IjAuNSIgeT0iMC41IiB3aWR0aD0iMzciIGhlaWdodD0iMjEiIHJ4PSIxMC41IiBzdHJva2U9IiNGOEY0RkYiLz4KPG1hc2sgaWQ9Im1hc2swXzEwMjU2XzM3NzUiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjgiIHk9IjAiIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMiI+CjxyZWN0IHg9IjgiIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMiIgZmlsbD0iI0Q5RDlEOSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMTAyNTZfMzc3NSkiPgo8cGF0aCBkPSJNMjAuNTIwMSAxNS43NjU3TDE5Ljg4NDYgMTUuMTE5OEwyMy41NTU5IDExLjQ0ODVMMTIuNzE0OCAxMS40NDg1VjEwLjU1MDZMMjMuNTU1OSAxMC41NTA2TDE5Ljg4NDYgNi44NzkyNkwyMC41MjAxIDYuMjMzNEwyNS4yODYzIDEwLjk5OTVMMjAuNTIwMSAxNS43NjU3WiIgZmlsbD0iIzI1MTA0RiIvPgo8L2c+Cjwvc3ZnPgo=");
}
.g-nav__list2 > ul > li a.dec-faculty {
  padding: 12px 0 0;
  border: none;
}
.g-nav__box {
  margin-top: 0;
  display: block;
  padding-bottom: 80px;
}
.g-nav__cv a {
  border-radius: 6px;
  background: #66CF78;
  display: flex;
  width: 300px;
  height: 64px;
  margin: 0 auto;
  padding: 16px 8px;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  text-decoration: none;
  box-shadow: 0px 4px 8px 0px rgba(19, 75, 84, 0.15);
  background-position: 96% center;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KPG1hc2sgaWQ9Im1hc2swXzIzNjVfMjAzMSIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8yMzY1XzIwMzEpIj4KPHBhdGggZD0iTTEwLjA2NSAxOEw5IDE2LjkzNUwxMy45MzUgMTJMOSA3LjA2NUwxMC4wNjUgNkwxNi4wNjUgMTJMMTAuMDY1IDE4WiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8L3N2Zz4=);
}
@media (min-width: 767px) {
  .g-nav__cv a {
    transition: transform 0.2s ease-in-out;
    transform: scale(1);
    transform-origin: center;
  }
}
@media (hover: hover) and (min-width: 767px) {
  .g-nav__cv a:hover {
    transform: scale(1.05);
    opacity: 1;
  }
}
.g-nav__cv.is-disabled a {
  display: flex;
  width: 320px;
  height: 72px;
  padding: 18px 8px;
  align-items: center;
  flex-shrink: 0;
  color: #FFFFFF;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  border-radius: 8px;
  border: 1px solid var(--, #FFF);
  background-color: #9CA3AF;
  pointer-events: none;
  background-image: none;
  box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.15);
}
.g-nav__btn {
  position: fixed;
  top: 12px;
  right: 12px;
  z-index: 100;
  width: 80px;
  height: 46px;
  border-radius: 100px;
  backdrop-filter: blur(5px);
  background-position: center;
  background-color: rgba(255, 255, 255, 0.65);
  background-image: url(../images/dec-nav_sp.png);
  background-size: 100% auto;
}
@media (min-width: 767px) {
  .g-nav__btn {
    background-image: url(../images/dec-nav_pc.png);
  }
}
@media (hover: hover) {
  .g-nav__btn:hover {
    cursor: pointer;
  }
}
.g-nav__btn-inner {
  position: fixed;
  display: inline-block;
  transition: all 0.5s;
  box-sizing: border-box;
  cursor: pointer;
  width: 40px;
  height: 10px;
  margin-top: 18px;
  margin-left: 20px;
}
.g-nav__btn span {
  display: inline-block;
  transition: all 0.5s;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #00285f;
}
.g-nav__btn span:nth-of-type(1) {
  top: 0;
  animation: btn-bar01 0.75s forwards;
}
.g-nav__btn span:nth-of-type(2) {
  width: 70%;
  bottom: 0;
  animation: btn-bar02 0.75s forwards;
  margin: 0 0 0 6px;
}
.g-nav__btn.is-active span:nth-of-type(1) {
  animation: active-btn-bar01 0.75s forwards;
}
.g-nav__btn.is-active span:nth-of-type(2) {
  width: 100%;
  animation: active-btn-bar02 0.75s forwards;
  margin: 0;
}

.page-list .l-header {
  background: #FCF9FF;
}
.page-list main {
  padding: 56px 16px 80px;
  background-color: #FCF9FF;
}
@media (min-width: 767px) {
  .page-list main {
    padding: 56px 16px 160px;
  }
}
.page-list__title {
  color: var(---txt, #25104F);
  font-family: "Noto Sans JP";
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  text-align: left;
  max-width: 960px;
  margin: 0 auto;
  padding-left: 20px;
  background-position: center left;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuMjAwMiAxNC40MDAzQzMuMjE2MiAxNC40MDAzIDAuMDAwMTk1MzI0IDExLjE4NDMgMC4wMDAxOTUzMjQgNy4yMDAyN0MwLjAwMDE5NTMyNCAzLjIxNjI3IDMuMjE2MiAwLjAwMDI3Mjc1MSA3LjIwMDIgMC4wMDAyNzI3NTFDMTEuMTg0MiAwLjAwMDI3Mjc1MSAxNC40MDAyIDMuMjE2MjcgMTQuNDAwMiA3LjIwMDI3QzE0LjQwMDIgMTEuMTg0MyAxMS4xODQyIDE0LjQwMDMgNy4yMDAyIDE0LjQwMDNaIiBmaWxsPSIjQTU3QkUyIi8+Cjwvc3ZnPg==");
}
@media (min-width: 767px) {
  .page-list__title {
    font-size: 24px;
    background-position: center left;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuMjAwMiAxNC40MDAzQzMuMjE2MiAxNC40MDAzIDAuMDAwMTk1MzI0IDExLjE4NDMgMC4wMDAxOTUzMjQgNy4yMDAyN0MwLjAwMDE5NTMyNCAzLjIxNjI3IDMuMjE2MiAwLjAwMDI3Mjc1MSA3LjIwMDIgMC4wMDAyNzI3NTFDMTEuMTg0MiAwLjAwMDI3Mjc1MSAxNC40MDAyIDMuMjE2MjcgMTQuNDAwMiA3LjIwMDI3QzE0LjQwMDIgMTEuMTg0MyAxMS4xODQyIDE0LjQwMDMgNy4yMDAyIDE0LjQwMDNaIiBmaWxsPSIjQTU3QkUyIi8+Cjwvc3ZnPg==");
  }
}
.page-list__inner {
  padding: 0;
  max-width: 1018px;
  width: 100%;
  margin: 32px auto 0;
}
.page-list__container {
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
}
.page-list .faculty-item {
  margin-top: 16px;
  color: #132d68;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  padding: 0 0 8px;
}
@media (min-width: 767px) {
  .page-list .faculty-item {
    margin-top: 24px;
    padding: 0 0 8px;
    text-align: left;
    background-color: inherit;
  }
}
.page-list .faculty-item summary {
  padding-top: 16px;
  padding-bottom: 16px;
  background-repeat: no-repeat;
  border-bottom: 1px solid #25104F;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCA0OCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSI0NyIgaGVpZ2h0PSIyNyIgcng9IjEzLjUiIGZpbGw9IndoaXRlIi8+CjxyZWN0IHg9IjAuNSIgeT0iMC41IiB3aWR0aD0iNDciIGhlaWdodD0iMjciIHJ4PSIxMy41IiBzdHJva2U9IiNGOEY0RkYiLz4KPG1hc2sgaWQ9Im1hc2swXzEwMTAyXzMyNjAiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjgiIHk9Ii0yIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPgo8cmVjdCB4PSI4IiB5PSItMiIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8xMDEwMl8zMjYwKSI+CjxwYXRoIGQ9Ik0yMy40ODczIDE0LjUxMjdMMTYgMTQuNTEyN1YxMy40ODczSDIzLjQ4NzNWNkwyNC41MTI3IDZWMTMuNDg3M0wzMiAxMy40ODczVjE0LjUxMjdIMjQuNTEyN1YyMkgyMy40ODczTDIzLjQ4NzMgMTQuNTEyN1oiIGZpbGw9IiMyNTEwNEYiLz4KPC9nPgo8L3N2Zz4=");
  background-size: 48px auto;
  background-position: center right;
  color: var(---txt, #25104F);
  text-align: left;
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
}
@media (min-width: 767px) {
  .page-list .faculty-item summary {
    background-position: 98% center;
    padding: 20px 0;
    background-color: inherit;
    color: var(---txt, #25104F);
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    border-bottom: 1px solid var(---txt, #25104F);
    border-radius: 0;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCA0OCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSI0NyIgaGVpZ2h0PSIyNyIgcng9IjEzLjUiIGZpbGw9IndoaXRlIi8+CjxyZWN0IHg9IjAuNSIgeT0iMC41IiB3aWR0aD0iNDciIGhlaWdodD0iMjciIHJ4PSIxMy41IiBzdHJva2U9IiNGOEY0RkYiLz4KPG1hc2sgaWQ9Im1hc2swXzEwMTAyXzMyNjAiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjgiIHk9Ii0yIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPgo8cmVjdCB4PSI4IiB5PSItMiIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8xMDEwMl8zMjYwKSI+CjxwYXRoIGQ9Ik0yMy40ODczIDE0LjUxMjdMMTYgMTQuNTEyN1YxMy40ODczSDIzLjQ4NzNWNkwyNC41MTI3IDZWMTMuNDg3M0wzMiAxMy40ODczVjE0LjUxMjdIMjQuNTEyN1YyMkgyMy40ODczTDIzLjQ4NzMgMTQuNTEyN1oiIGZpbGw9IiMyNTEwNEYiLz4KPC9nPgo8L3N2Zz4=");
    background-size: 48px auto;
    background-position: center right;
  }
}
@media (hover: hover) {
  .page-list .faculty-item summary:hover {
    cursor: pointer;
    opacity: 0.8;
  }
}
.page-list .faculty-item summary.dec-summary {
  font-size: 12px;
  padding: 17px 0;
}
@media (min-width: 576px) {
  .page-list .faculty-item summary.dec-summary {
    font-size: 14px;
    padding: 21px 0;
  }
}
@media (min-width: 767px) {
  .page-list .faculty-item summary.dec-summary {
    font-size: 14px;
  }
}
.page-list .faculty-item[open] summary {
  background-repeat: no-repeat;
  background-position: 100% center;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCA0OCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSI0NyIgaGVpZ2h0PSIyNyIgcng9IjEzLjUiIGZpbGw9IndoaXRlIi8+CjxyZWN0IHg9IjAuNSIgeT0iMC41IiB3aWR0aD0iNDciIGhlaWdodD0iMjciIHJ4PSIxMy41IiBzdHJva2U9IiNGOEY0RkYiLz4KPG1hc2sgaWQ9Im1hc2swXzEwMTAyXzMyMTYiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjgiIHk9Ii0yIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPgo8cmVjdCB4PSI4IiB5PSItMiIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8xMDEwMl8zMjE2KSI+CjxyZWN0IHg9IjE2IiB5PSIxMy41IiB3aWR0aD0iMTYiIGhlaWdodD0iMSIgZmlsbD0iIzI1MTA0RiIvPgo8L2c+Cjwvc3ZnPgo=");
  background-position: center right;
  border-radius: 0;
  border-bottom: none;
}
@media (min-width: 767px) {
  .page-list .faculty-item[open] summary {
    background-position: 100% center;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCA0OCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSI0NyIgaGVpZ2h0PSIyNyIgcng9IjEzLjUiIGZpbGw9IndoaXRlIi8+CjxyZWN0IHg9IjAuNSIgeT0iMC41IiB3aWR0aD0iNDciIGhlaWdodD0iMjciIHJ4PSIxMy41IiBzdHJva2U9IiNGOEY0RkYiLz4KPG1hc2sgaWQ9Im1hc2swXzEwMTAyXzMyMTYiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjgiIHk9Ii0yIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPgo8cmVjdCB4PSI4IiB5PSItMiIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8xMDEwMl8zMjE2KSI+CjxyZWN0IHg9IjE2IiB5PSIxMy41IiB3aWR0aD0iMTYiIGhlaWdodD0iMSIgZmlsbD0iIzI1MTA0RiIvPgo8L2c+Cjwvc3ZnPgo=");
    background-position: center right;
  }
}
@media (hover: hover) {
  .page-list .faculty-item[open] summary:hover {
    cursor: pointer;
  }
}
.page-list .department-list {
  padding: 16px 0 16px;
  border-radius: 0 0 8px 8px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
@media (min-width: 767px) {
  .page-list .department-list {
    padding: 24px 0 0;
    background-color: inherit;
    gap: 16px 24px;
    justify-content: left;
  }
}
.page-list .department-list > .department-item {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
  background-image: none;
  border-bottom: none;
  width: 48%;
  text-align: center;
  border-radius: 8px;
  background-color: #ffffff;
  line-height: 1.2;
  height: 52px;
}
@media (min-width: 767px) {
  .page-list .department-list > .department-item {
    padding: 13px 0;
    font-size: 16px;
  }
}
@media (min-width: 767px) {
  .page-list .department-list > .department-item br {
    display: none;
  }
}
@media (min-width: 767px) {
  .page-list .department-list > .department-item span {
    margin-left: 16px;
  }
}
.page-list .department-item {
  color: var(---txt, #25104F);
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  text-align: left;
  border-bottom: 1px solid #25104F;
  padding: 15px 0;
  margin-top: 16px;
  line-height: 1;
  text-decoration: none;
  background-repeat: no-repeat;
  background-position: right center;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCA0OCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSI0NyIgaGVpZ2h0PSIyNyIgcng9IjEzLjUiIGZpbGw9IndoaXRlIi8+CjxyZWN0IHg9IjAuNSIgeT0iMC41IiB3aWR0aD0iNDciIGhlaWdodD0iMjciIHJ4PSIxMy41IiBzdHJva2U9IiNGOEY0RkYiLz4KPG1hc2sgaWQ9Im1hc2swXzEwMTAyXzMyMjMiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjEwIiB5PSIwIiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiPgo8cmVjdCB4PSIxMCIgd2lkdGg9IjI4IiBoZWlnaHQ9IjI4IiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8xMDEwMl8zMjIzKSI+CjxwYXRoIGQ9Ik0yNS45MzQgMjAuMDY1NkwyNS4xMjUxIDE5LjI0MzZMMjkuNzk3NyAxNC41NzFMMTYgMTQuNTcxTDE2IDEzLjQyODJMMjkuNzk3NyAxMy40MjgyTDI1LjEyNTEgOC43NTU1OUwyNS45MzQgNy45MzM1OUwzMiAxMy45OTk2TDI1LjkzNCAyMC4wNjU2WiIgZmlsbD0iIzFDMUIxRiIvPgo8L2c+Cjwvc3ZnPgo=");
  background-size: 48px auto;
}
@media (min-width: 767px) {
  .page-list .department-item {
    padding: 20px 0;
    margin-top: 24px;
    background-position: 97% center;
    border-radius: 0;
    font-family: "Noto Sans JP";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    background-color: inherit;
    border-bottom: 1px solid var(---txt, #25104F);
    background-position: right center;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCA0OCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSI0NyIgaGVpZ2h0PSIyNyIgcng9IjEzLjUiIGZpbGw9IndoaXRlIi8+CjxyZWN0IHg9IjAuNSIgeT0iMC41IiB3aWR0aD0iNDciIGhlaWdodD0iMjciIHJ4PSIxMy41IiBzdHJva2U9IiNGOEY0RkYiLz4KPG1hc2sgaWQ9Im1hc2swXzEwMTAyXzMyMjMiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjEwIiB5PSIwIiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiPgo8cmVjdCB4PSIxMCIgd2lkdGg9IjI4IiBoZWlnaHQ9IjI4IiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8xMDEwMl8zMjIzKSI+CjxwYXRoIGQ9Ik0yNS45MzQgMjAuMDY1NkwyNS4xMjUxIDE5LjI0MzZMMjkuNzk3NyAxNC41NzFMMTYgMTQuNTcxTDE2IDEzLjQyODJMMjkuNzk3NyAxMy40MjgyTDI1LjEyNTEgOC43NTU1OUwyNS45MzQgNy45MzM1OUwzMiAxMy45OTk2TDI1LjkzNCAyMC4wNjU2WiIgZmlsbD0iIzFDMUIxRiIvPgo8L2c+Cjwvc3ZnPgo=");
    background-size: 48px auto;
  }
}
.page-list .department-item[href="./globalmedia/"] {
  font-size: 14px;
}
@media (min-width: 767px) {
  .page-list .department-item[href="./globalmedia/"] {
    font-size: 20px;
  }
}
.page-list__contents {
  margin-top: 0;
  padding-top: 0;
  border-top: 1px solid #25104F;
}
@media (min-width: 767px) {
  .page-list__contents {
    padding-top: 0;
  }
}
.page-list__graph {
  margin-top: 56px;
}
@media (min-width: 767px) {
  .page-list__graph {
    margin-top: 80px;
  }
}
.page-list__graph-item {
  margin-top: 16px;
  padding: 24px;
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 4px 4px 12px 0 rgba(0, 0, 0, 0.1);
}
@media (min-width: 767px) {
  .page-list__graph-item {
    margin-top: 2px;
    padding: 32px;
  }
}
.page-list__graph-title {
  color: var(---, #A57BE2);
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  border-radius: 16px;
  background: #F8F4FF;
  padding: 6px 0;
}
@media (min-width: 767px) {
  .page-list__graph-title {
    max-width: 960px;
    margin: 0 auto;
    text-align: left;
    font-size: 22px;
    color: var(---, #A57BE2);
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    display: flex;
    padding: 8px 5px;
    letter-spacing: -0.5px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 16px;
    background: var(--20, #F8F4FF);
  }
}
.page-list__graph-sub {
  margin-top: 4px;
  text-align: center;
  color: var(---txt, #25104F);
  font-family: "Noto Sans JP";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 16.8px */
}
.page-list__graph-inner {
  margin-top: 0;
}
@media (min-width: 767px) {
  .page-list__graph-inner {
    margin-top: 32px;
  }
}
.page-list__graph-list > ul {
  display: flex;
  flex-wrap: wrap;
  max-width: 962px;
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 767px) {
  .page-list__graph-list > ul {
    gap: 32px 40px;
    justify-content: center;
  }
}
@media (min-width: 767px) {
  .page-list__graph-list > ul > li {
    width: 47.8%;
    border-radius: 8px;
    background: #FFFFFF;
    box-shadow: 4px 4px 12px 0 rgba(0, 0, 0, 0.1);
    padding: 24px 28px;
  }
}
.page-list__graph-legend {
  margin-top: 8px;
}
@media (min-width: 767px) {
  .page-list__graph-legend {
    width: 188px;
    margin-left: 8px;
  }
}
.page-list__graph-legend ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 8px;
}
.page-list__graph-legend ul li {
  position: relative;
  width: 48%;
  padding-left: 16px;
  color: var(---txt, #25104F);
  font-family: "Noto Sans JP";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 16.8px */
}
@media (min-width: 767px) {
  .page-list__graph-legend ul li {
    width: 100%;
  }
}
.page-list__graph-legend ul li::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  display: inline-block;
  width: 12px;
  height: 12px;
  background: #000000;
}
.page-list__graph-legend ul li:nth-child(1)::before {
  background: #B093D9;
}
.page-list__graph-legend ul li:nth-child(2)::before {
  background: #7AD3C1;
}
.page-list__graph-legend ul li:nth-child(3)::before {
  background: #FFE572;
}
.page-list__graph-legend ul li:nth-child(4)::before {
  background: #FFD3CF;
}
.page-list__graph-legend ul li:nth-child(5)::before {
  background: #B2EE90;
}
.page-list__graph-legend ul li:nth-child(6)::before {
  background: #A6DAFF;
}
.page-list__graph-legend ul li:nth-child(7)::before {
  background: #CCCCCC;
}
.page-list__graph-legend ul li:nth-child(8) {
  padding: 0;
}
.page-list__graph-legend ul li:nth-child(8)::before {
  display: none;
}
.page-list__graph-legend.dec01 {
  margin-top: 8px;
}
.page-list__graph-legend.dec01 ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 8px;
}
.page-list__graph-legend.dec01 ul li {
  width: 100%;
}
.page-list__graph-legend.dec01 ul li::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  display: inline-block;
  width: 12px;
  height: 12px;
  background: #000000;
}
.page-list__graph-legend.dec01 ul li:nth-child(1)::before {
  background: #A57BE2;
}
.page-list__graph-legend.dec01 ul li:nth-child(2)::before {
  background: #7AD3C1;
}
.page-list__graph-legend.dec01 ul li:nth-child(3)::before {
  background: #FFE572;
}
.page-list__graph-legend.dec01 ul li:nth-child(4)::before {
  background: #FFD3CF;
}
.page-list__graph-legend.dec01 ul li:nth-child(5)::before {
  background: #B2EE90;
}
.page-list__graph-legend.dec01 ul li:nth-child(6)::before {
  background: #A6DAFF;
}
.page-list__graph-legend.dec01 ul li:nth-child(7)::before {
  background: #CCCCCC;
}
.page-list__graph-legend.dec01 ul li:nth-child(8) {
  padding: 0;
}
.page-list__graph-legend.dec01 ul li:nth-child(8)::before {
  display: none;
}
.page-list__graph-legend.dec01 ul li {
  color: var(---txt, #25104F);
  font-family: "Noto Sans JP";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 16.8px */
}
.page-list__graph-img {
  margin: 8px auto 0;
  max-width: 224px;
  width: 100%;
}
@media (min-width: 767px) {
  .page-list__graph-img {
    margin: 0;
  }
}
@media (min-width: 767px) {
  .page-list__graph-box {
    margin-top: 4px;
    display: flex;
    align-items: center;
  }
}

.page-detail .l-header {
  background: #FCF9FF;
}
.page-detail .detail {
  background-color: rgba(174, 130, 238, 0.15);
  padding: 0 0 0;
}
.page-detail .detail__name {
  text-align: center;
  color: #132d68;
  font-size: 21px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: 0.84px;
  padding: 25px 0;
  background: rgba(174, 130, 238, 0.15);
  color: var(---txt, #25104F);
  font-family: "Noto Sans JP";
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}
@media (min-width: 767px) {
  .page-detail .detail__name {
    padding: 24px 0;
    font-size: 24px;
  }
}
.page-detail .detail__inner {
  margin: 0 16px;
  padding: 0 0 80px;
}
@media (min-width: 767px) {
  .page-detail .detail__inner {
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
    padding: 0 0 52px;
  }
}
.page-detail .detail__inner details {
  padding: 0;
}
@media (min-width: 767px) {
  .page-detail .detail__inner details {
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
  }
}
.page-detail .detail__item {
  margin-bottom: 0px;
}
@media (min-width: 767px) {
  .page-detail .detail__item {
    padding-bottom: 48px;
  }
}
.page-detail .detail__item-type {
  color: var(---txt, #25104F);
  font-family: "Noto Sans JP";
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  padding-left: 20px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuMjAwMiAxNC40MDAzQzMuMjE2MiAxNC40MDAzIDAuMDAwMTk1MzI0IDExLjE4NDMgMC4wMDAxOTUzMjQgNy4yMDAyN0MwLjAwMDE5NTMyNCAzLjIxNjI3IDMuMjE2MiAwLjAwMDI3Mjc1MSA3LjIwMDIgMC4wMDAyNzI3NTFDMTEuMTg0MiAwLjAwMDI3Mjc1MSAxNC40MDAyIDMuMjE2MjcgMTQuNDAwMiA3LjIwMDI3QzE0LjQwMDIgMTEuMTg0MyAxMS4xODQyIDE0LjQwMDMgNy4yMDAyIDE0LjQwMDNaIiBmaWxsPSIjQTU3QkUyIi8+Cjwvc3ZnPgo=");
  background-size: 16px auto;
  background-position: left center;
  background-repeat: no-repeat;
  margin-bottom: 24px;
}
.page-detail .detail__item-type.dec-type {
  margin-top: 32px;
}
.page-detail .detail__item-inner {
  margin-top: 40px;
}
@media (min-width: 767px) {
  .page-detail .detail__item-inner {
    margin-top: 32px;
    padding: 0;
  }
}
.page-detail .detail__item-inner details {
  margin-top: 16px;
}
.page-detail .detail__item-inner details summary {
  color: var(---txt, #25104F);
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  height: 52px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(---txt, #25104F);
  background-position: 100% center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCA0OCAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC41IiB5PSIyLjUiIHdpZHRoPSI0NyIgaGVpZ2h0PSIyNyIgcng9IjEzLjUiIGZpbGw9IndoaXRlIi8+CjxyZWN0IHg9IjAuNSIgeT0iMi41IiB3aWR0aD0iNDciIGhlaWdodD0iMjciIHJ4PSIxMy41IiBzdHJva2U9IiNGOEY0RkYiLz4KPG1hc2sgaWQ9Im1hc2swXzEwMDg1XzExMjMiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjgiIHk9IjAiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+CjxyZWN0IHg9IjgiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI0Q5RDlEOSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMTAwODVfMTEyMykiPgo8cGF0aCBkPSJNMjMuNDg3MyAxNi41MTI3SDE2VjE1LjQ4NzNIMjMuNDg3M1Y4SDI0LjUxMjdWMTUuNDg3M0wzMiAxNS40ODczVjE2LjUxMjdIMjQuNTEyN1YyNEgyMy40ODczTDIzLjQ4NzMgMTYuNTEyN1oiIGZpbGw9IiMyNTEwNEYiLz4KPC9nPgo8L3N2Zz4K");
  background-size: 48px auto;
}
@media (min-width: 767px) {
  .page-detail .detail__item-inner details summary {
    height: 56px;
    color: var(---txt, #25104F);
    font-family: "Noto Sans JP";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
  }
}
@media (hover: hover) {
  .page-detail .detail__item-inner details summary:hover {
    cursor: pointer;
    opacity: 0.8;
  }
}
.page-detail .detail__item-inner details[open] summary {
  background-position: 100% center;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCA0OCAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC41IiB5PSIyLjUiIHdpZHRoPSI0NyIgaGVpZ2h0PSIyNyIgcng9IjEzLjUiIGZpbGw9IndoaXRlIi8+CjxyZWN0IHg9IjAuNSIgeT0iMi41IiB3aWR0aD0iNDciIGhlaWdodD0iMjciIHJ4PSIxMy41IiBzdHJva2U9IiNGOEY0RkYiLz4KPG1hc2sgaWQ9Im1hc2swXzEwMDg1XzEzODkiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjgiIHk9IjAiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+CjxyZWN0IHg9IjgiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI0Q5RDlEOSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMTAwODVfMTM4OSkiPgo8cmVjdCB4PSIxNiIgeT0iMTUuNTU0NyIgd2lkdGg9IjE2IiBoZWlnaHQ9IjEiIGZpbGw9IiMyNTEwNEYiLz4KPC9nPgo8L3N2Zz4K");
  background-size: 48px auto;
}
.page-detail .detail__item-content {
  padding: 48px 22px 48px;
}
.page-detail .detail__graph {
  padding: 0 20px;
}
.page-detail .detail__graph-title {
  display: inline-flex;
  height: 32px;
  padding: 0 16px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 16px;
  background: var(--20, #F8F4FF);
  color: #A57BE2;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}
.page-detail .detail__graph-block {
  display: flex;
  flex-direction: column;
  gap: 24px 0;
}
@media (min-width: 767px) {
  .page-detail .detail__graph-block {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px 40px;
    flex-wrap: wrap;
    flex-direction: inherit;
  }
}
.page-detail .detail__graph-item {
  text-align: center;
  padding: 24px;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 4px 4px 12px 0 rgba(0, 0, 0, 0.1);
}
@media (min-width: 767px) {
  .page-detail .detail__graph-item {
    max-width: 380px;
    width: 100%;
    padding: 29px 33px 24px 33px;
  }
}
.page-detail .detail__graph-img {
  max-width: 224px;
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 767px) {
  .page-detail .detail__graph-img {
    margin: 9px auto 0;
  }
}
.page-detail .detail__graph-img img {
  width: 100%;
  height: auto;
}
.page-detail .detail__graph-legend {
  margin-top: 4px;
}
@media (min-width: 767px) {
  .page-detail .detail__graph-legend {
    margin-top: 6px;
    display: flex;
    align-items: center;
  }
}
.page-detail .detail__graph-legend ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  gap: 8px 20px;
}
.page-detail .detail__graph-legend ul li {
  position: relative;
  color: var(---txt, #25104F);
  font-family: "Noto Sans JP";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  padding-left: 16px;
}
.page-detail .detail__graph-legend ul li::before {
  position: absolute;
  top: 3px;
  left: 0;
  content: "";
  display: block;
  width: 12px;
  height: 12px;
}
.page-detail .detail__graph-legend ul li:nth-child(1)::before {
  background-color: #B093D9;
}
.page-detail .detail__graph-legend ul li:nth-child(2)::before {
  background-color: #7AD3C1;
}
.page-detail .detail__graph-legend ul li:nth-child(3)::before {
  background-color: #FFE572;
}
@media (min-width: 767px) {
  .page-detail .detail__graph-box {
    max-width: 582px;
    width: 100%;
    margin: 0 auto;
  }
}
.page-detail .detail__contents {
  padding: 16px 0 0;
}
@media (min-width: 767px) {
  .page-detail .detail__contents {
    padding: 32px 0 0;
  }
}
.page-detail .detail__voice-block {
  padding-top: 40px;
}
@media (min-width: 767px) {
  .page-detail .detail__voice-block {
    padding-top: 56px;
  }
}
.page-detail .detail__voice-title {
  color: var(---txt, #25104F);
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}
@media (min-width: 767px) {
  .page-detail .detail__voice-title {
    font-size: 20px;
  }
}
.page-detail .detail__voice-item {
  margin-top: 16px;
}
@media (min-width: 767px) {
  .page-detail .detail__voice-item {
    margin-top: 24px;
  }
}
.page-detail .detail__voice-item .message-section {
  padding: 0 24px;
  display: flex;
  gap: 28px 0;
  flex-direction: column;
  margin-bottom: 28px;
}
.page-detail .detail__voice-list {
  margin-top: 40px;
  padding: 0 24px;
}
@media (min-width: 767px) {
  .page-detail .detail__voice-list {
    margin-top: 56px;
  }
}
.page-detail .detail__voice-q {
  color: #A57BE2;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 175%; /* 24.5px */
  margin-bottom: 6px;
}
@media (min-width: 767px) {
  .page-detail .detail__voice-q {
    margin-bottom: 12px;
    font-size: 18px;
  }
}
.page-detail .detail__voice-contents {
  margin-top: 12px;
  margin-bottom: 28px;
}
@media (min-width: 767px) {
  .page-detail .detail__voice-contents {
    margin-top: 0;
  }
}
.page-detail .detail__voice-contents ul li {
  color: var(---txt, #25104F);
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 175%;
}
@media (min-width: 767px) {
  .page-detail .detail__voice-contents ul li {
    font-size: 16px;
  }
}
.page-detail .detail__voice-contents ul li::before {
  content: "・";
}
.page-detail .detail__message-title {
  display: flex;
  padding: 8px 0px;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  align-self: stretch;
  background: #63adce;
  color: #fff;
  text-align: center;
  font-family: "Noto Serif JP";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
}
.page-detail .detail__message-ttl {
  color: var(---, #A57BE2);
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 175%;
}
@media (min-width: 767px) {
  .page-detail .detail__message-ttl {
    font-size: 18px;
  }
}
.page-detail .detail__message-text {
  margin-top: 12px;
}
.page-detail .detail__message-text p {
  color: var(---txt, #25104F);
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 175%;
}
@media (min-width: 767px) {
  .page-detail .detail__message-text p {
    font-size: 16px;
  }
}
.page-detail .detail__message-item .message-section {
  padding: 0 24px;
  display: flex;
  gap: 28px 0;
  flex-direction: column;
  margin-bottom: 28px;
}
.page-detail .detail__close {
  cursor: pointer;
  text-align: center;
  margin: 0 auto;
  padding-bottom: 40px;
}
@media (min-width: 767px) {
  .page-detail .detail__close {
    margin: 0 auto;
    padding-bottom: 48px;
  }
}
.page-detail .detail__close button {
  border-radius: 16px;
  background: #E5E7EB;
  display: inline-flex;
  padding: 6px 40px 6px 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  background-position: 78% center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4IiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTExLjkzMTQgMTIuNDMyOUwxMi40NzUzIDExLjg4OUw5LjU5NTMgOS4wMDg5NUwxMi40Nzk0IDYuMTI0ODRMMTEuOTM1NSA1LjU4MDlMOS4wNTEzNiA4LjQ2NTAxTDYuMTExMzkgNS41MjUwM0w1LjU2NzQ1IDYuMDY4OThMOC41MDc0MiA5LjAwODk1TDUuNTcxNTEgMTEuOTQ0OUw2LjExNTQ1IDEyLjQ4ODhMOS4wNTEzNiA5LjU1Mjg5TDExLjkzMTQgMTIuNDMyOVpNMTUuMzY2NSAxNS4zNjE4QzE0LjQ4MDUgMTYuMjQ3OCAxMy40ODY5IDE2LjkwNzUgMTIuMzg1NSAxNy4zNDA4QzExLjI4NDEgMTcuNzc0MiAxMC4xNTQ3IDE3Ljk5MTMgOC45OTcyNyAxNy45OTE5QzcuODM5ODUgMTcuOTkyNCA2LjcxMDI1IDE3Ljc3NjEgNS42MDg0NiAxNy4zNDI3QzQuNTA2NDMgMTYuOTA5NCAzLjUxMTk1IDE2LjI0OTMgMi42MjUgMTUuMzYyM0MxLjc0NzEzIDE0LjQ4NDQgMS4wODg3NSAxMy40OTIxIDAuNjQ5ODcyIDEyLjM4NTJDMC4yMTExMTIgMTEuMjc4NSAtMC4wMDU2MTYxOSAxMC4xNDkzIC0wLjAwMDMxMjc3MSA4Ljk5NzgxQzAuMDA0OTkwNjUgNy44NDYyOSAwLjIyNDMxMiA2LjcxOTYzIDAuNjU3NjUgNS42MTc4NEMxLjA5MDk5IDQuNTE1ODIgMS43NTExMyAzLjUyMTMzIDIuNjM4MDggMi42MzQzOEMzLjUxNTk1IDEuNzU2NTEgNC41MDgzMiAxLjA5ODEzIDUuNjE1MTggMC42NTkyNTVDNi43MjE5MiAwLjIyMDQ5NSA3Ljg0ODEgMC4wMDA4MjEwOTIgOC45OTM3MyAwLjAwMDIzMTcxQzEwLjEzOTQgLTAuMDAwMzU3NjcxIDExLjI2NjMgMC4yMTkyNTcgMTIuMzc0NiAwLjY1OTA3OEMxMy40ODI5IDEuMDk4NjYgMTQuNDc1NSAxLjc1NjkyIDE1LjM1MjQgMi42MzM4NUMxNi4yMzg0IDMuNTE5ODYgMTYuODk4MSA0LjUxMzUyIDE3LjMzMTQgNS42MTQ4NEMxNy43NjQ5IDYuNzE2MjcgMTcuOTgzOCA3Ljg0MTY5IDE3Ljk4ODEgOC45OTExQzE3Ljk5MjQgMTAuMTQwNCAxNy43NzU3IDExLjI3MDMgMTcuMzM4MSAxMi4zODA4QzE2LjkwMDcgMTMuNDkxMiAxNi4yNDM1IDE0LjQ4NDggMTUuMzY2NSAxNS4zNjE4Wk0xNC44MjQ0IDE0LjgxNjFDMTYuNDM3NSAxMy4yMDI5IDE3LjI0MzQgMTEuMjY1MSAxNy4yNDIxIDkuMDAyNzZDMTcuMjQwNyA2Ljc0MDQ5IDE2LjQyODkgNC43OTgyNSAxNC44MDY3IDMuMTc2MDNDMTMuMTkzNSAxLjU2Mjg4IDExLjI1NzYgMC43NTUxMjcgOC45OTg4NiAwLjc1Mjc3QzYuNzQwMTIgMC43NTA2NDkgNC43OTkgMS41NjEzNSAzLjE3NTQ4IDMuMTg0ODZDMS41NTkxNSA0LjgwMTE5IDAuNzQ5MTYyIDYuNzM5MzcgMC43NDU1MDkgOC45OTk0QzAuNzQxOTczIDExLjI1OTYgMS41NTE5NiAxMy4yMDE0IDMuMTc1NDggMTQuODI0OUM0Ljc5MTgxIDE2LjQ0MTIgNi43MzE4MiAxNy4yNDk0IDguOTk1NSAxNy4yNDk0QzExLjI1OTIgMTcuMjQ5NCAxMy4yMDIxIDE2LjQzODMgMTQuODI0NCAxNC44MTYxWiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+");
  color: var(---txt, #25104F);
  white-space: nowrap;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
@media (min-width: 767px) {
  .page-detail .detail__close button {
    font-size: 16px;
    padding: 4px 50px 4px 24px;
  }
}
.page-detail .department-item {
  padding: 0;
}
.page-detail .department-item .container {
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
}
.page-detail .department-name {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  gap: 10px;
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 500;
  font-size: 22px;
  line-height: 140%;
  color: #FFF;
  background: #A57BE2;
  padding: 4px 0;
  margin: 0 16px;
}
@media (min-width: 767px) {
  .page-detail .department-name {
    font-size: 24px;
    margin: 0;
  }
}
.page-detail .department-name span {
  color: #FFF;
  font-family: "Noto Sans JP";
  display: inline-block;
  padding: 4px 24px;
  gap: 24px;
  border-radius: 8px;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
}
@media (min-width: 767px) {
  .page-detail .department-name span {
    font-size: 24px;
    font-weight: 500;
  }
}
.page-detail .department-list {
  padding: 56px 0 40px;
  background: #FCF9FF;
}
@media (min-width: 767px) {
  .page-detail .department-list {
    padding: 56px 20px 60px;
  }
}

@keyframes btn-bar01 {
  0% {
    transform: translateY(4px) rotate(15deg);
  }
  50% {
    transform: translateY(4px) rotate(0);
  }
  100% {
    transform: translateY(0) rotate(0);
  }
}
@keyframes btn-bar02 {
  0% {
    transform: translateY(-4px) rotate(-15deg);
  }
  50% {
    transform: translateY(-4px) rotate(0);
  }
  100% {
    transform: translateY(0) rotate(0);
  }
}
@keyframes active-btn-bar01 {
  0% {
    transform: translateY(0) rotate(0);
  }
  50% {
    transform: translateY(4px) rotate(0);
  }
  100% {
    transform: translateY(4px) rotate(15deg);
  }
}
@keyframes active-btn-bar02 {
  0% {
    transform: translateY(0) rotate(0);
  }
  50% {
    transform: translateY(-4px) rotate(0);
  }
  100% {
    transform: translateY(-4px) rotate(-15deg);
  }
}
.floating {
  position: fixed;
  bottom: 0px;
  right: 0;
  opacity: 1;
  z-index: 10;
  max-width: 444px;
  width: calc(100% - 20px);
  padding: 12px 0;
  transition: 0.6s;
  display: block;
  transform: translateY(100px);
  border: 1px solid #f6f6f6;
  backdrop-filter: blur(5px);
  box-shadow: 2px 2px 20px 0px rgba(19, 75, 84, 0.3);
  border-radius: 32px;
  background: rgba(255, 255, 255, 0.65);
  box-shadow: 0 16px 30px 0 rgba(0, 0, 0, 0.15);
  margin: 10px;
}
@media (min-width: 374px) {
  .floating {
    padding: 12px;
  }
}
@media (min-width: 767px) {
  .floating {
    bottom: 16px;
    right: 100px;
    display: flex;
    padding: 12px 12px;
    align-items: center;
    gap: 4px;
    border-radius: 31px;
    border: 1px solid #F6F6F6;
    background: rgba(255, 255, 255, 0.65);
    box-shadow: 0 16px 30px 0 rgba(0, 0, 0, 0.15);
    margin: 0;
  }
}
.floating__list {
  padding: 0 12px;
}
@media (min-width: 767px) {
  .floating__list {
    padding: 0;
  }
}
.floating__list ul {
  display: flex;
  gap: 2px;
  align-items: center;
  justify-content: space-around;
}
@media (min-width: 374px) {
  .floating__list ul {
    gap: 4px;
  }
}
@media (min-width: 767px) {
  .floating__list ul {
    gap: 8px;
  }
}
.floating__list ul li a {
  color: #25104F;
  font-family: "Noto Sans JP";
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  display: flex;
  width: 64px;
  height: 32px;
  padding: 8px 8px;
  justify-content: center;
  align-items: center;
  gap: 5px;
  flex-shrink: 0;
  height: 100%;
  font-style: normal;
  text-align: center;
  text-decoration: none;
  padding: 9px 0;
  border-radius: 4px;
  background: #ffffff;
  white-space: nowrap;
}
.floating__list ul li a[style*="pointer-events: none"] {
  background: #9CA3AF;
  color: #ffffff;
  font-size: 10px;
  flex-wrap: wrap;
  padding: 2px 0;
  line-height: 1.2;
  gap: 0;
  height: 30px;
}
@media (min-width: 374px) {
  .floating__list ul li a[style*="pointer-events: none"] {
    font-size: 12px;
  }
}
@media (min-width: 767px) {
  .floating__list ul li a[style*="pointer-events: none"] {
    font-size: 16px;
    padding: 4px 0;
    height: 42px;
  }
}
.floating__list ul li a[style*="pointer-events: none"] span {
  font-size: 7px;
}
@media (min-width: 374px) {
  .floating__list ul li a[style*="pointer-events: none"] span {
    font-size: 9px;
  }
}
@media (min-width: 767px) {
  .floating__list ul li a[style*="pointer-events: none"] span {
    font-size: 11px;
  }
}
@media (min-width: 374px) {
  .floating__list ul li a {
    width: 78px;
  }
}
@media (min-width: 767px) {
  .floating__list ul li a {
    width: 96px;
    padding: 9px 0;
    color: #25104F;
    font-family: "Noto Sans JP";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    transform-origin: center;
    transition: transform 0.2s ease-in-out;
    transform: scale(1);
  }
}
.floating__list ul li a span {
  font-size: 11px;
}
@media (hover: hover) and (min-width: 767px) {
  .floating__list ul li a:hover {
    background: #eee;
    transform: scale(1.05);
    opacity: 1;
  }
}
.floating__list ul li a.dec-floating {
  padding: 5px 13px;
  color: #838383;
  background: #ccc;
}
.floating__list ul li div {
  height: 100%;
  color: #132d68;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 90%;
  text-align: center;
  text-decoration: none;
  padding: 12px 13px;
  border-radius: 4px;
  background: #ffffff;
  white-space: nowrap;
}
@media (min-width: 767px) {
  .floating__list ul li div {
    font-size: 16.8px;
  }
}
.floating__list ul li div span {
  font-size: 11px;
}
@media (hover: hover) and (min-width: 767px) {
  .floating__list ul li div:hover {
    background: #eee;
  }
}
.floating__list ul li div.dec-floating {
  pointer-events: none;
  position: relative;
  z-index: 10;
  padding: 5px 5px;
  color: #838383;
  background: #ccc;
}
@media (min-width: 374px) {
  .floating__list ul li div.dec-floating {
    z-index: 11;
    padding: 5px 13px;
  }
}
@media (min-width: 767px) {
  .floating__list ul li div.dec-floating {
    padding: 7px 6.5px;
  }
}
.floating.is-floating {
  opacity: 1;
  transform: translateY(0);
}
.floating.is-scrolled {
  transform: translateY(100px);
}
.floating-btn {
  margin-bottom: 2px;
}
.floating-btn a {
  display: block;
  width: 100%;
  max-width: 278px;
  margin: 0 auto;
}
.floating-btn a img {
  width: 100%;
  height: auto;
}
.floating-box {
  max-width: 310px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

body.modal-open {
  height: 100vh;
  width: 100vw;
}

@keyframes infinity-scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
.scroll-infinity__wrap {
  margin-top: -4%;
  display: flex;
  overflow: hidden;
}

.scroll-infinity__list {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
}