@charset "UTF-8";

@keyframes fadeInUp {
  0% {
    translate: 0 40px;
    opacity: 0
  }

  to {
    translate: 0 0;
    opacity: 1
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@keyframes slideDown {
  0% {
    translate: 0-100vh;
    opacity: 0
  }

  1% {
    opacity: 1
  }

  to {
    translate: 0 0;
    opacity: 1
  }
}

@keyframes loop {
  0% {
    transform: translateX(0)
  }

  to {
    transform: translateX(-100%)
  }
}

@keyframes rotate {
  0% {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes floating {
  to {
    translate: 0-1.5rem
  }
}

@keyframes bgscroll {
  0% {
    transform: translate(0, 0)
  }

  to {
    transform: translate(-100%, 0)
  }
}

@keyframes p-students_loop {
  0% {
    transform: translateX(100%)
  }

  to {
    transform: translateX(-100%)
  }
}

@keyframes p-students_loop2 {
  0% {
    transform: translateX(0)
  }

  to {
    transform: translateX(-200%)
  }
}

:where(*) {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font: inherit
}

:where(*)::after,
:where(*)::before {
  box-sizing: inherit
}

:where(:not(img)) {
  border: 0
}

:focus:not(:focus-visible) {
  outline: 0
}

img,
svg {
  max-width: 100%;
  height: auto;
  vertical-align: top
}

svg {
  overflow: visible
}

a {
  color: inherit;
  text-decoration: none;
  overflow-wrap: break-word
}

button {
  background: 0 0;
  text-align: inherit
}

button,
input[type=reset],
input[type=submit] {
  cursor: pointer
}

button,
input,
select,
textarea {
  border-radius: 0;
  letter-spacing: inherit;
  -webkit-appearance: none;
  color: inherit
}

[type=button]:disabled,
[type=reset]:disabled,
[type=submit]:disabled,
button:disabled {
  cursor: default
}

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

summary {
  display: block
}

:where(dialog) {
  inline-size: unset;
  max-inline-size: unset;
  block-size: unset;
  max-block-size: unset;
  margin: unset;
  padding: unset;
  overflow: unset;
  border: unset;
  background-color: unset;
  color: unset
}

:where(:root[data-mousedown] dialog *),
[data-modal-open]:where(:root[data-mousedown] *) {
  outline: 0
}

:root {
  --scroll-bar: 0px;
  --base-ease: cubic-bezier(.16, 1, .3, 1);
  --base-duration: 0.8s;
  --base-black: #2E2624;
  --base-white: #fff;
  --base-blue-lt: #204DC0
}

body {
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: #2e2624;
  font-size: .875rem;
  line-height: 1.75;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-optical-sizing: auto;
  font-variant-ligatures: none
}

.text-gradient {
  background: linear-gradient(180deg, #1a2c65 0, #1a2c65 69%, #47c4e6 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent
}

.js-anime {
  --ease: var(--base-ease);
  --opacity: 0;
  --delay: 0;
  --delay-mobile: var(--delay);
  --duration: 1.4s;
  --direction: normal
}

.js-anime__item:not(.is-split) {
  animation-duration: var(--duration);
  animation-timing-function: var(--ease);
  animation-delay: var(--delay);
  animation-direction: var(--direction);
  animation-fill-mode: both;
  opacity: var(--opacity)
}

.is-anime {
  animation-name: fadeIn
}

.is-anime.is-fadeInUp {
  --duration: 1.8s;
  animation-name: fadeInUp
}

.is-anime.is-fadeOut {
  --opacity: 1;
  --ease: ease;
  animation-name: fadeOut
}

.is-anime.is-slideDown {
  --duration: 0.8s;
  --ease: cubic-bezier(0, 0.1, 1, 1);
  animation-name: slideDown
}

.is-anime.is-loop {
  --duration: 30s;
  --ease: linear;
  animation-name: loop
}

.is-anime.is-floating,
.is-anime.is-loop,
.is-anime.is-rotate {
  --opacity: 1;
  animation-iteration-count: infinite
}

.is-anime.is-rotate {
  --duration: 20s;
  --ease: linear;
  --direction: normal;
  animation-name: rotate
}

.is-anime.is-floating {
  --duration: 4s;
  --ease: ease-in-out;
  --direction: alternate;
  animation-name: floating
}

.js-anime__item.is-slideDown:nth-child(9) {
  --delay: 0.22s
}

.js-anime__item.is-slideDown:nth-child(8) {
  --delay: 0.34s
}

.js-anime__item.is-slideDown:nth-child(7) {
  --delay: 0.46s
}

.js-anime__item.is-slideDown:nth-child(6) {
  --delay: 0.58s
}

.js-anime__item.is-slideDown:nth-child(5) {
  --delay: 0.7s
}

.js-anime__item.is-slideDown:nth-child(4) {
  --delay: 0.82s
}

.js-anime__item.is-slideDown:nth-child(3) {
  --delay: 0.94s
}

.js-anime__item.is-slideDown:nth-child(2) {
  --delay: 1.06s
}

.js-anime__item.is-slideDown:nth-child(1) {
  --delay: 1.18s
}

.js-anime__item.is-split {
  --ease: cubic-bezier(0.23, 1, 0.32, 1);
  transform: translate(-3rem, 0)
}

.js-anime__item.is-split.is-anime {
  transform: translate(0, 0);
  transition: transform 1.3s var(--ease)
}

.js-anime__item.is-split.is-anime .js-anime__split-item {
  transform: translate(0, 0);
  clip-path: polygon(0 0, 108%0, 100% 100%, 0 100%);
  transition: clip-path 1.2s var(--ease);
  transition-delay: calc(var(--index, 0)*60ms)
}

.js-anime__split-item {
  transform: translate(.8em, 0);
  clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
  will-change: transform
}

*,
::after,
::before {
  --un-rotate: 0;
  --un-rotate-x: 0;
  --un-rotate-y: 0;
  --un-rotate-z: 0;
  --un-scale-x: 1;
  --un-scale-y: 1;
  --un-scale-z: 1;
  --un-skew-x: 0;
  --un-skew-y: 0;
  --un-translate-x: 0;
  --un-translate-y: 0;
  --un-translate-z: 0;
  --un-pan-x: ;
  --un-pan-y: ;
  --un-pinch-zoom: ;
  --un-scroll-snap-strictness: proximity;
  --un-ordinal: ;
  --un-slashed-zero: ;
  --un-numeric-figure: ;
  --un-numeric-spacing: ;
  --un-numeric-fraction: ;
  --un-border-spacing-x: 0;
  --un-border-spacing-y: 0;
  --un-ring-offset-shadow: 0 0 rgb(0 0 0 / 0);
  --un-ring-shadow: 0 0 rgb(0 0 0 / 0);
  --un-shadow-inset: ;
  --un-shadow: 0 0 rgb(0 0 0 / 0);
  --un-ring-inset: ;
  --un-ring-offset-width: 0px;
  --un-ring-offset-color: #fff;
  --un-ring-width: 0px;
  --un-ring-color: rgb(147 197 253 / 0.5);
  --un-blur: ;
  --un-brightness: ;
  --un-contrast: ;
  --un-drop-shadow: ;
  --un-grayscale: ;
  --un-hue-rotate: ;
  --un-invert: ;
  --un-saturate: ;
  --un-sepia: ;
  --un-backdrop-blur: ;
  --un-backdrop-brightness: ;
  --un-backdrop-contrast: ;
  --un-backdrop-grayscale: ;
  --un-backdrop-hue-rotate: ;
  --un-backdrop-invert: ;
  --un-backdrop-opacity: ;
  --un-backdrop-saturate: ;
  --un-backdrop-sepia:
}

::backdrop {
  --un-rotate: 0;
  --un-rotate-x: 0;
  --un-rotate-y: 0;
  --un-rotate-z: 0;
  --un-scale-x: 1;
  --un-scale-y: 1;
  --un-scale-z: 1;
  --un-skew-x: 0;
  --un-skew-y: 0;
  --un-translate-x: 0;
  --un-translate-y: 0;
  --un-translate-z: 0;
  --un-pan-x: ;
  --un-pan-y: ;
  --un-pinch-zoom: ;
  --un-scroll-snap-strictness: proximity;
  --un-ordinal: ;
  --un-slashed-zero: ;
  --un-numeric-figure: ;
  --un-numeric-spacing: ;
  --un-numeric-fraction: ;
  --un-border-spacing-x: 0;
  --un-border-spacing-y: 0;
  --un-ring-offset-shadow: 0 0 rgb(0 0 0 / 0);
  --un-ring-shadow: 0 0 rgb(0 0 0 / 0);
  --un-shadow-inset: ;
  --un-shadow: 0 0 rgb(0 0 0 / 0);
  --un-ring-inset: ;
  --un-ring-offset-width: 0px;
  --un-ring-offset-color: #fff;
  --un-ring-width: 0px;
  --un-ring-color: rgb(147 197 253 / 0.5);
  --un-blur: ;
  --un-brightness: ;
  --un-contrast: ;
  --un-drop-shadow: ;
  --un-grayscale: ;
  --un-hue-rotate: ;
  --un-invert: ;
  --un-saturate: ;
  --un-sepia: ;
  --un-backdrop-blur: ;
  --un-backdrop-brightness: ;
  --un-backdrop-contrast: ;
  --un-backdrop-grayscale: ;
  --un-backdrop-hue-rotate: ;
  --un-backdrop-invert: ;
  --un-backdrop-opacity: ;
  --un-backdrop-saturate: ;
  --un-backdrop-sepia:
}

.container {
  width: 100%
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border-width: 0;
  white-space: nowrap
}

.lenis.lenis-smooth iframe,
.pointer-events-none {
  pointer-events: none
}

.absolute,
.after\:absolute::after,
.before\:absolute::before {
  position: absolute
}

.fixed {
  position: fixed
}

.relative {
  position: relative
}

.sticky {
  position: sticky
}

.inset-x-0 {
  right: 0;
  left: 0
}

.inset-y-0 {
  top: 0;
  bottom: 0
}

.bottom-full {
  bottom: 100%
}

.left-102\/894 {
  left: 11.4093959732%
}

.left-248\/748 {
  left: 33.1550802139%
}

.left-308\/894 {
  left: 34.451901566%
}

.left-4\/102 {
  left: 3.9215686275%
}

.left-5\/102 {
  left: 4.9019607843%
}

.right-146\/894 {
  right: 16.3310961969%
}

.right-247\/894 {
  right: 27.6286353468%
}

.right-4\/102 {
  right: 3.9215686275%
}

.right-5\/102 {
  right: 4.9019607843%
}

.top-full {
  top: 100%
}

.z-1 {
  z-index: 1
}

.z-2 {
  z-index: 2
}

.z-9 {
  z-index: 9
}

.grid {
  display: grid
}

.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr))
}

.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr))
}

.m-\.00000085 {
  margin: 2.125e-7rem
}

.m-\.00000149 {
  margin: 3.725e-7rem
}

.m0 {
  margin: 0
}

.m1\.59375 {
  margin: .3984375rem
}

.m101\.975 {
  margin: 25.49375rem
}

.m104\.419 {
  margin: 26.10475rem
}

.m122\.3 {
  margin: 30.575rem
}

.m13\.2886 {
  margin: 3.32215rem
}

.m133\.902 {
  margin: 33.4755rem
}

.m136\.697 {
  margin: 34.17425rem
}

.m14 {
  margin: 3.5rem
}

.m14\.1635 {
  margin: 3.540875rem
}

.m142\.448 {
  margin: 35.612rem
}

.m145\.777 {
  margin: 36.44425rem
}

.m15 {
  margin: 3.75rem
}

.m152\.461 {
  margin: 38.11525rem
}

.m165\.301 {
  margin: 41.32525rem
}

.m165\.735 {
  margin: 41.43375rem
}

.m176\.475 {
  margin: 44.11875rem
}

.m185\.861 {
  margin: 46.46525rem
}

.m192\.455 {
  margin: 48.11375rem
}

.m194\.945 {
  margin: 48.73625rem
}

.m2\.06641 {
  margin: .5166025rem
}

.m217\.024 {
  margin: 54.256rem
}

.m219\.94 {
  margin: 54.985rem
}

.m22\.6034 {
  margin: 5.65085rem
}

.m23 {
  margin: 5.75rem
}

.m231\.792 {
  margin: 57.948rem
}

.m237\.919 {
  margin: 59.47975rem
}

.m24\.1523 {
  margin: 6.038075rem
}

.m250\.628 {
  margin: 62.657rem
}

.m251\.393 {
  margin: 62.84825rem
}

.m259\.839 {
  margin: 64.95975rem
}

.m266\.673 {
  margin: 66.66825rem
}

.m274\.397 {
  margin: 68.59925rem
}

.m28\.3346 {
  margin: 7.08365rem
}

.m286\.34 {
  margin: 71.585rem
}

.m298\.445 {
  margin: 74.61125rem
}

.m304\.328 {
  margin: 76.082rem
}

.m31\.1672 {
  margin: 7.7918rem
}

.m31\.1912 {
  margin: 7.7978rem
}

.m325\.167 {
  margin: 81.29175rem
}

.m358\.493 {
  margin: 89.62325rem
}

.m371\.395 {
  margin: 92.84875rem
}

.m38\.4933 {
  margin: 9.623325rem
}

.m384\.896 {
  margin: 96.224rem
}

.m41\.6444 {
  margin: 10.4111rem
}

.m45\.8469 {
  margin: 11.461725rem
}

.m5 {
  margin: 1.25rem
}

.m5\.5 {
  margin: 1.375rem
}

.m56\.5395 {
  margin: 14.134875rem
}

.m58\.8324 {
  margin: 14.7081rem
}

.m62\.8711 {
  margin: 15.717775rem
}

.m65\.9914 {
  margin: 16.49785rem
}

.m76\.9452 {
  margin: 19.2363rem
}

.m82\.4229 {
  margin: 20.605725rem
}

.m86\.0941 {
  margin: 21.523525rem
}

.m9\.811 {
  margin: 2.45275rem
}

.m92\.7354 {
  margin: 23.18385rem
}

.m94\.8571 {
  margin: 23.714275rem
}

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

.-mt-2\% {
  margin-top: -2%
}

.mb-18\/894 {
  margin-bottom: 2.0134228188%
}

.mb-70\/894 {
  margin-bottom: 7.8299776286%
}

.ml-auto {
  margin-left: auto
}

.mt-100svh {
  margin-top: 100svh
}

.mt-215\/748 {
  margin-top: 28.743315508%
}

.mt-397\/748 {
  margin-top: 53.0748663102%
}

.mt-465\/748 {
  margin-top: 62.1657754011%
}

.mt-66\/894 {
  margin-top: 7.3825503356%
}

.box-content {
  box-sizing: content-box
}

.block {
  display: block
}

.hidden {
  display: none
}

.aspect-496\/504 {
  aspect-ratio: 496/504
}

.aspect-500\/368 {
  aspect-ratio: 500/368
}

.aspect-500\/502 {
  aspect-ratio: 500/502
}

.aspect-500\/504 {
  aspect-ratio: 500/504
}

.aspect-748\/863 {
  aspect-ratio: 748/863
}

.aspect-996\/365 {
  aspect-ratio: 996/365
}

.h-100svh {
  height: 100svh
}

.h-100vh {
  height: 100vh
}

.h-2\.3em {
  height: 2.3em
}

.h-full {
  height: 100%
}

.max-w-none {
  max-width: none
}

.min-h-100svh {
  min-height: 100svh
}

.min-h-full {
  min-height: 100%
}

.w-0\.727em {
  width: .727em
}

.w-1\/2 {
  width: 50%
}

.w-2\.25em {
  width: 2.25em
}

.w-248\/748 {
  width: 33.1550802139%
}

.w-250\/748 {
  width: 33.422459893%
}

.w-498\/748 {
  width: 66.577540107%
}

.w-5\.1em {
  width: 5.1em
}

.w-748\/1920 {
  width: 38.9583333333%
}

.w-fit {
  width: -moz-fit-content;
  width: fit-content
}

.w-full {
  width: 100%
}

.flex {
  display: flex
}

.shrink-0 {
  flex-shrink: 0
}

.flex-col {
  flex-direction: column
}

.flex-wrap {
  flex-wrap: wrap
}

.before\:-translate-x-full::before {
  --un-translate-x: -100%
}

.-scale-x-100 {
  --un-scale-x: -1
}

.-scale-x-100,
.before\:-translate-x-full::before,
.transform {
  transform: translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))
}

.resize {
  resize: both
}

.list-none {
  list-style-type: none
}

.place-items-center {
  place-items: center
}

.items-center {
  align-items: center
}

.items-baseline {
  align-items: baseline
}

.justify-center {
  justify-content: center
}

.gap-0\.36em {
  gap: .36em
}

.gap-1\.3em {
  gap: 1.3em
}

.gap-2\.13em {
  gap: 2.13em
}

.overflow-hidden {
  overflow: hidden
}

.border {
  border-width: 1px
}

.border-b {
  border-bottom-width: 1px
}

.border-l {
  border-left-width: 1px
}

.border-t {
  border-top-width: 1px
}

.border-\[\#B9C7EB\] {
  --un-border-opacity: 1;
  border-color: rgb(185 199 235/var(--un-border-opacity))
}

.border-\#204DC04D,
.border-blue-lt {
  border-color: rgb(32 77 192/var(--un-border-opacity))
}

.border-\#204DC04D {
  --un-border-opacity: 0.3
}

.border-blue-lt {
  --un-border-opacity: 1
}

.border-blue\/12 {
  border-color: rgb(26 44 101/.12)
}

.border-gray-border {
  --un-border-opacity: 1;
  border-color: rgb(224 224 224/var(--un-border-opacity))
}

.border-gray-text\/20 {
  border-color: rgb(175 187 202/.2)
}

.border-white {
  --un-border-opacity: 1;
  border-color: rgb(255 255 255/var(--un-border-opacity))
}

.rounded-full {
  border-radius: 9999px
}

.border-solid {
  border-style: solid
}

.bg-\[linear-gradient\(270deg\,rgba\(89\,157\,47\,1\)_0\%\,rgba\(89\,157\,47\,0\)_100\%\)\] {
  background-image: linear-gradient(270deg, #599d2f 0, rgba(89, 157, 47, 0) 100%)
}

.bg-\[linear-gradient\(90deg\,rgba\(89\,157\,47\,1\)_0\%\,rgba\(89\,157\,47\,0\)_100\%\)\] {
  background-image: linear-gradient(90deg, #599d2f 0, rgba(89, 157, 47, 0) 100%)
}

.bg-black,
.bg-blue-footer {
  --un-bg-opacity: 1;
  background-color: rgb(46 38 36/var(--un-bg-opacity))
}

.bg-blue-footer {
  background-color: rgb(43 54 91/var(--un-bg-opacity))
}

.bg-blue-researchOne {
  --un-bg-opacity: 1;
  background-color: rgb(50 94 107/var(--un-bg-opacity))
}

.bg-blue-researchThree {
  --un-bg-opacity: 1;
  background-color: rgb(47 124 128/var(--un-bg-opacity))
}

.bg-blue-researchTwo {
  --un-bg-opacity: 1;
  background-color: rgb(93 111 133/var(--un-bg-opacity))
}

.bg-gray,
.bg-green {
  --un-bg-opacity: 1;
  background-color: rgb(233 239 240/var(--un-bg-opacity))
}

.bg-green {
  background-color: rgb(89 157 47/var(--un-bg-opacity))
}

.before\:bg-white::before,
.bg-white {
  --un-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--un-bg-opacity))
}

.bg-white\/20 {
  background-color: rgb(255 255 255/.2)
}

.bg-white\/50 {
  background-color: rgb(255 255 255/.5)
}

.fill-current {
  fill: currentColor
}

.stroke-current {
  stroke: currentColor
}

.object-cover {
  -o-object-fit: cover;
  object-fit: cover
}

.px {
  padding-right: 1rem;
  padding-left: 1rem
}

.text-center {
  text-align: center
}

.text-0\.9em {
  font-size: .9em
}

.text-black {
  --un-text-opacity: 1;
  color: rgb(46 38 36/var(--un-text-opacity))
}

.color-blue,
.text-blue {
  --un-text-opacity: 1;
  color: rgb(26 44 101/var(--un-text-opacity))
}

.text-blue-dark,
.text-blue-lt {
  --un-text-opacity: 1;
  color: rgb(91 109 131/var(--un-text-opacity))
}

.text-blue-lt {
  color: rgb(32 77 192/var(--un-text-opacity))
}

.color-\#646975,
.text-gray-dark,
.text-gray-line {
  --un-text-opacity: 1;
  color: rgb(100 105 117/var(--un-text-opacity))
}

.text-gray-line {
  color: rgb(222 222 222/var(--un-text-opacity))
}

.text-gray-text,
.text-white {
  --un-text-opacity: 1;
  color: rgb(175 187 202/var(--un-text-opacity))
}

.text-white {
  color: rgb(255 255 255/var(--un-text-opacity))
}

.font-bold {
  font-weight: 700
}

.font-light {
  font-weight: 300
}

.font-medium {
  font-weight: 500
}

.tracking-normal {
  letter-spacing: 0
}

.font-en {
  font-family: "Abhaya Libre", serif
}

.underline {
  text-decoration-line: underline
}

.underline-offset-2 {
  text-underline-offset: 2px
}

.opacity-60 {
  opacity: .6
}

.opacity-80 {
  opacity: .8
}

.shadow {
  --un-shadow: 10px 15px 30px var(--un-shadow-color, rgba(92, 108, 123, 0.12));
  box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow)
}

.drop-shadow,
.drop-shadow-sm {
  filter: var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)
}

.drop-shadow {
  --un-drop-shadow: drop-shadow(0 20px 40px var(--un-drop-shadow-color, rgba(0, 0, 0, 0.15)))
}

.drop-shadow-sm {
  --un-drop-shadow: drop-shadow(0 2px 10px var(--un-drop-shadow-color, rgba(0, 0, 0, 0.15)))
}

.before\:transition-transform::before,
.transition-colors {
  transition-duration: .8s;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(.16, 1, .3, 1)
}

.transition-opacity {
  transition-duration: .8s;
  transition-property: opacity, visibility
}

.before\:transition-transform::before {
  transition-property: transform
}

.before\:duration-700::before {
  transition-duration: 700ms
}

.ease,
.transition-opacity {
  transition-timing-function: cubic-bezier(.16, 1, .3, 1)
}

.after\:content-\[\'\'\]::after,
.before\:content-\[\'\'\]::before {
  content: ""
}

.flex-center {
  justify-content: center
}

.flex-center,
.flex-center-y {
  display: flex;
  align-items: center
}

.flex-between {
  display: flex;
  justify-content: space-between
}

.inset-0-img {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  -o-object-fit: cover;
  object-fit: cover
}

.clip-path-0 {
  clip-path: inset(0)
}

.hv-op {
  transition: opacity .8s cubic-bezier(.16, 1, .3, 1)
}

.line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden
}

.leading-1 {
  line-height: 1
}

.leading-1\.1 {
  line-height: 1.1
}

.leading-1\.15 {
  line-height: 1.15
}

.leading-1\.2 {
  line-height: 1.2
}

.leading-1\.25 {
  line-height: 1.25
}

.leading-1\.35 {
  line-height: 1.35
}

.leading-1\.5 {
  line-height: 1.5
}

.leading-1\.7 {
  line-height: 1.7
}

.leading-1\.75 {
  line-height: 1.75
}

.tracking-10 {
  letter-spacing: .01em
}

.tracking-20 {
  letter-spacing: .02em
}

.tracking-30 {
  letter-spacing: .03em
}

.tracking-50 {
  letter-spacing: .05em
}

.mt-0 {
  margin-top: 0
}

.mt-1 {
  margin-top: 1px
}

.mt-10 {
  margin-top: 10px
}

.mt-100 {
  margin-top: 100px
}

.mt-12 {
  margin-top: 12px
}

.mt-120 {
  margin-top: 120px
}

.mt-13 {
  margin-top: 13px
}

.mt-14 {
  margin-top: 14px
}

.mt-15 {
  margin-top: 15px
}

.mt-16 {
  margin-top: 16px
}

.mt-160 {
  margin-top: 160px
}

.mt-18 {
  margin-top: 18px
}

.mt-19 {
  margin-top: 19px
}

.mt-2 {
  margin-top: 2px
}

.mt-20 {
  margin-top: 20px
}

.mt-25 {
  margin-top: 25px
}

.mt-27 {
  margin-top: 27px
}

.mt-28 {
  margin-top: 28px
}

.mt-3 {
  margin-top: 3px
}

.mt-30 {
  margin-top: 30px
}

.mt-32 {
  margin-top: 32px
}

.mt-33 {
  margin-top: 33px
}

.mt-34 {
  margin-top: 34px
}

.mt-35 {
  margin-top: 35px
}

.mt-36 {
  margin-top: 36px
}

.mt-4 {
  margin-top: 4px
}

.mt-40 {
  margin-top: 40px
}

.mt-50 {
  margin-top: 50px
}

.mt-52 {
  margin-top: 52px
}

.mt-59 {
  margin-top: 59px
}

.mt-60 {
  margin-top: 60px
}

.mt-64 {
  margin-top: 64px
}

.mt-65 {
  margin-top: 65px
}

.mt-7 {
  margin-top: 7px
}

.mt-72 {
  margin-top: 72px
}

.mt-78 {
  margin-top: 78px
}

.mt-79 {
  margin-top: 79px
}

.mt-8 {
  margin-top: 8px
}

.mt-80 {
  margin-top: 80px
}

.mt-85 {
  margin-top: 85px
}

.mt-89 {
  margin-top: 89px
}

.mt-90 {
  margin-top: 90px
}

.mt-95 {
  margin-top: 95px
}

.-mr-2 {
  margin-right: -2px
}

.-mb-116 {
  margin-bottom: -116px
}

.mb-0 {
  margin-bottom: 0
}

.mb-30 {
  margin-bottom: 30px
}

.mb-50 {
  margin-bottom: 50px
}

.mb-60 {
  margin-bottom: 60px
}

.ml-4 {
  margin-left: 4px
}

.ml-5 {
  margin-left: 5px
}

.p-20 {
  padding: 20px
}

.pt-100 {
  padding-top: 100px
}

.pt-11 {
  padding-top: 11px
}

.pt-116 {
  padding-top: 116px
}

.pt-13 {
  padding-top: 13px
}

.pt-14 {
  padding-top: 14px
}

.pt-16 {
  padding-top: 16px
}

.pt-18 {
  padding-top: 18px
}

.pt-248 {
  padding-top: 248px
}

.pt-25 {
  padding-top: 25px
}

.pt-40 {
  padding-top: 40px
}

.pt-52 {
  padding-top: 52px
}

.pt-6 {
  padding-top: 6px
}

.pt-60 {
  padding-top: 60px
}

.pt-80 {
  padding-top: 80px
}

.pr-35 {
  padding-right: 35px
}

.pb-100 {
  padding-bottom: 100px
}

.pb-102 {
  padding-bottom: 102px
}

.pb-120 {
  padding-bottom: 120px
}

.pb-13 {
  padding-bottom: 13px
}

.pb-15 {
  padding-bottom: 15px
}

.pb-19 {
  padding-bottom: 19px
}

.pb-38 {
  padding-bottom: 38px
}

.pb-4 {
  padding-bottom: 4px
}

.pb-40 {
  padding-bottom: 40px
}

.pb-47 {
  padding-bottom: 47px
}

.pb-49 {
  padding-bottom: 49px
}

.pb-5 {
  padding-bottom: 5px
}

.pb-58 {
  padding-bottom: 58px
}

.pb-60 {
  padding-bottom: 60px
}

.pb-80 {
  padding-bottom: 80px
}

.pl-13 {
  padding-left: 13px
}

.pl-20 {
  padding-left: 20px
}

.pl-30 {
  padding-left: 30px
}

.pl-82 {
  padding-left: 82px
}

.px-15 {
  padding-inline: 15px
}

.px-20 {
  padding-inline: 20px
}

.px-24 {
  padding-inline: 24px
}

.px-32 {
  padding-inline: 32px
}

.px-35 {
  padding-inline: 35px
}

.px-5 {
  padding-inline: 5px
}

.px-7 {
  padding-inline: 7px
}

.py-10 {
  padding-block: 10px
}

.py-15 {
  padding-block: 15px
}

.py-17 {
  padding-block: 17px
}

.py-20 {
  padding-block: 20px
}

.py-24 {
  padding-block: 24px
}

.py-29 {
  padding-block: 29px
}

.py-3 {
  padding-block: 3px
}

.py-6 {
  padding-block: 6px
}

.py-80 {
  padding-block: 80px
}

.text-20 {
  font-size: 20px
}

.text-10ptr {
  font-size: .625rem
}

.text-11ptr {
  font-size: .6875rem
}

.text-12ptr {
  font-size: .75rem
}

.text-13ptr {
  font-size: .8125rem
}

.text-14ptr {
  font-size: .875rem
}

.text-15ptr {
  font-size: .9375rem
}

.text-16ptr {
  font-size: 1rem
}

.text-17ptr {
  font-size: 1.0625rem
}

.text-18ptr {
  font-size: 1.125rem
}

.text-20ptr {
  font-size: 1.25rem
}

.text-22ptr {
  font-size: 1.375rem
}

.text-24ptr {
  font-size: 1.5rem
}

.text-26ptr {
  font-size: 1.625rem
}

.text-28ptr {
  font-size: 1.75rem
}

.text-30ptr {
  font-size: 1.875rem
}

.text-32ptr {
  font-size: 2rem
}

.text-38ptr {
  font-size: 2.375rem
}

.text-64ptr {
  font-size: 4rem
}

.text-80ptr {
  font-size: 5rem
}

.gap-10 {
  gap: 10px
}

.gap-115 {
  gap: 115px
}

.gap-16 {
  gap: 16px
}

.gap-20 {
  gap: 20px
}

.gap-24 {
  gap: 24px
}

.gap-3 {
  gap: 3px
}

.gap-32 {
  gap: 32px
}

.gap-4 {
  gap: 4px
}

.gap-6 {
  gap: 6px
}

.gap-7 {
  gap: 7px
}

.gap-8 {
  gap: 8px
}

.gap-x-10 {
  -moz-column-gap: 10px;
  column-gap: 10px
}

.gap-x-14 {
  -moz-column-gap: 14px;
  column-gap: 14px
}

.gap-y-24 {
  row-gap: 24px
}

.h-10 {
  height: 10px
}

.h-24 {
  height: 24px
}

.h-39 {
  height: 39px
}

.h-40 {
  height: 40px
}

.h-6 {
  height: 6px
}

.min-h-525 {
  min-height: 525px
}

.min-h-59 {
  min-height: 59px
}

.w-1 {
  width: 1px
}

.w-2 {
  width: 2px
}

.w-2485 {
  width: 2485px
}

.w-335 {
  width: 335px
}

.min-w-205 {
  min-width: 205px
}

.min-w-235 {
  min-width: 235px
}

.min-w-255 {
  min-width: 255px
}

.min-w-295 {
  min-width: 295px
}

.min-w-305 {
  min-width: 305px
}

.max-w-1218 {
  max-width: 1218px
}

.max-w-1220 {
  max-width: 1220px
}

.max-w-1528 {
  max-width: 1528px
}

.max-w-1530 {
  max-width: 1530px
}

.max-w-1760 {
  max-width: 1760px
}

.max-w-840 {
  max-width: 840px
}

.size-50 {
  width: 50px;
  height: 50px
}

.border-l-3 {
  border-left-width: 3px
}

.rounded-4 {
  border-radius: 4px
}

.rounded-8 {
  border-radius: 8px
}

.rounded-t-8 {
  border-top-right-radius: 8px;
  border-top-left-radius: 8px
}

.-top-37 {
  top: -37px
}

.-top-45 {
  top: -45px
}

.top-0 {
  top: 0
}

.top-20 {
  top: 20px
}

.top-36 {
  top: 36px
}

.right-0 {
  right: 0
}

.right-15 {
  right: 15px
}

.right-20 {
  right: 20px
}

.right-34 {
  right: 34px
}

.bottom-0 {
  bottom: 0
}

.bottom-24 {
  bottom: 24px
}

.bottom-32 {
  bottom: 32px
}

.-left-14 {
  left: -14px
}

.left-0 {
  left: 0
}

.left-20 {
  left: 20px
}

.after\:inset-0::after,
.before\:inset-0::before,
.inset-0 {
  inset: 0
}

.translate-y-38 {
  transform: translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));
  --un-translate-y: 38px
}

.c-hexagon-link {
  --space: 17px;
  clip-path: polygon(var(--space) 0%, calc(100% - var(--space))0, 100% 50%, calc(100% - var(--space)) 100%, var(--space) 100%, 0% 50%)
}

.js-modal {
  --background: rgba(255, 255, 255, 0.8);
  --background-backdrop: rgba(255, 255, 255, 0.8);
  background-color: var(--background);
  box-shadow: 0 0 0 100vmax var(--background-backdrop);
  -webkit-backdrop-filter: blur(15px);
  contain: strict;
  backdrop-filter: blur(15px);
  transition: opacity var(--base-duration) var(--base-ease)
}

.js-modal.is-research {
  --background: rgba(0, 0, 0, 0.5);
  --background-backdrop: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(0);
  backdrop-filter: blur(0)
}

.js-modal:not([data-active=true]) {
  opacity: 0
}

.js-modal::backdrop {
  transition: opacity var(--base-duration) var(--base-ease)
}

.js-modal:not([data-active=true])::backdrop {
  opacity: 0
}

.js-modal__container {
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain
}

.js-modal__button {
  margin-right: var(--scroll-bar)
}

.js-scroll-overlap {
  position: relative
}

.js-scroll-overlap:not(.is-disabled) {
  --sticky-offset: -1px;
  --overlay-opacity: 0;
  position: sticky;
  top: var(--sticky-offset)
}

.js-scroll-overlap[data-is-overlay=true]:not(.is-disabled)::after {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, .8);
  content: "";
  opacity: var(--overlay-opacity);
  pointer-events: none
}

.js-scroll-overlap[data-is-overlay=true]:not(.is-disabled).is-active::after {
  will-change: opacity
}

.js-scroll-scale {
  --base-scale: 0.34;
  --base-mask-w: 185px;
  --scale: var(--base-scale);
  --mask-w: var(--base-mask-w)
}

.js-scroll-scale__itemBody {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100vw;
  height: 100vh;
  min-height: 68vw;
  transform: translate(-50%, -50%)
}

.js-scroll-scale__body {
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzA3IDM1NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTUzLjUgMCAxNTMuNSA4OC41djE3N2wtMTUzLjUgODguNS0xNTMuNS04OC41di0xNzd6Ii8+PC9zdmc+);
  mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzA3IDM1NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTUzLjUgMCAxNTMuNSA4OC41djE3N2wtMTUzLjUgODguNS0xNTMuNS04OC41di0xNzd6Ii8+PC9zdmc+);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: var(--mask-w) auto;
  mask-size: var(--mask-w) auto
}

.js-scroll-scale__item {
  scale: var(--scale)
}

.js-scroll-toggle {
  --logo-color: var(--base-black);
  --logo-sub-color: #333;
  --icon-color: var(--base-blue-lt);
  --lang-color: var(--base-black);
  --text-color: var(--base-black);
  --drop-position: -1.36em;
  --area-height: 4.72em;
  --y: -100%;
  position: absolute;
  transition: background var(--base-duration) var(--base-ease)
}

.js-scroll-toggle.is-scroll {
  --drop-position: 0;
  --area-height: 4.272em;
  --position: fixed;
  position: fixed;
  transform: translate3d(0, var(--y), 0);
  background: rgba(255, 255, 255, .8)
}

.js-scroll-toggle.is-hide,
.js-scroll-toggle.is-show {
  transition: transform .6s cubic-bezier(.19, 1, .22, 1)
}

.js-scroll-toggle.is-show {
  --y: 0
}

.js-scroll-toggle.is-white:not(.is-scroll) {
  --icon-color: var(--base-white);
  --logo-color: var(--base-white);
  --text-color: var(--base-white);
  --logo-sub-color: var(--base-white);
  --lang-color: var(--base-blue-lt)
}

.js-scroll-toggle__icon {
  color: var(--icon-color)
}

.js-scroll-toggle__logo {
  fill: var(--logo-color)
}

.js-scroll-toggle__logoSub {
  fill: var(--logo-sub-color)
}

.js-scroll-toggle__lang {
  color: var(--lang-color)
}

.js-scroll-toggle__text {
  height: var(--area-height);
  color: var(--text-color);
  transition: height var(--base-duration) var(--base-ease)
}

.js-scroll-toggle__drop {
  margin-top: var(--drop-position)
}

.js-drop__body {
  visibility: hidden;
  opacity: 0;
  transition-duration: var(--base-duration);
  transition-property: opacity, visibility;
  transition-timing-function: var(--base-ease)
}

.js-drop:has([aria-expanded=true]) .js-drop__body {
  visibility: visible;
  opacity: 1
}

.js-toggle {
  --rotate: 0deg
}

.js-toggle.is-active {
  --rotate: 180deg
}

.js-toggle__icon {
  transform: translate3d(0, 0, 0) rotate(var(--rotate))
}

.js-area-parallax {
  --position: 0;
  --position-rev: 0;
  --position-half: 0;
  --position-half-rev: 0;
  --ratio-mobile: 0px;
  --aspect-ratio: 16 / 9
}

.js-area-parallax img {
  display: block;
  width: 100%
}

.js-area-parallax.is-parallax-active .js-parallax__item {
  transition: transform .1s;
  will-change: transform
}

.js-area-parallax__item:not(.is-desktop-only) {
  --y: var(--position);
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, var(--y), 0, 1)
}

.js-area-parallax__item:not(.is-desktop-only).is-rev {
  --y: var(--position-rev)
}

.js-area-parallax__item:not(.is-desktop-only).is-half {
  --y: var(--position-half)
}

.js-area-parallax__item:not(.is-desktop-only).is-half-rev {
  --y: var(--position-half-rev)
}

.splide__container {
  box-sizing: border-box;
  position: relative
}

.splide__list {
  display: flex;
  height: 100%;
  backface-visibility: hidden;
  list-style: none
}

.splide.is-initialized:not(.is-active) .splide__list {
  display: block
}

.splide:not(.is-overflow) .splide__pagination {
  display: none
}

.splide {
  visibility: hidden;
  position: relative
}

.splide.is-initialized,
.splide.is-rendered {
  visibility: visible
}

.splide__slide {
  box-sizing: border-box;
  position: relative;
  flex-shrink: 0;
  margin: 0;
  backface-visibility: hidden;
  list-style-type: none !important
}

.splide__sr {
  clip: rect(0 0 0 0);
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  border: 0
}

.splide__track {
  z-index: 0;
  position: relative;
  overflow: hidden
}

.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.splide__track--fade>.splide__list>.splide__slide {
  z-index: 0;
  margin: 0 !important;
  opacity: 0
}

.splide__track--fade>.splide__list>.splide__slide.is-active {
  z-index: 1;
  opacity: 1
}

.splide--rtl {
  direction: rtl
}

.splide__track--ttb>.splide__list {
  display: block
}

.splide--main {
  clip-path: polygon(0 25%, 50%0, 100% 25%, 100% 75%, 50% 100%, 0 75%)
}

.splide--main,
.splide--main .splide__track {
  position: absolute
}

.splide-pickup-area {
  transition: transform var(--base-duration) var(--base-ease), opacity var(--base-duration) var(--base-ease)
}

.splide-pickup-area:has(.splide--pickup.is-scroll) {
  transform: translateY(40px);
  opacity: 0
}

html.lenis,
html.lenis body {
  height: auto
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain
}

.lenis.lenis-stopped {
  overflow: clip
}

.p-research {
  color: #646975
}

.p-research .p-research__mv,
.p-research .p-research__mv .p-research__mv__list>li>span,
.p-students .p-students__galleryArea .p-students__gallery .p-students__galleryList li .p-students__galleryImg {
  position: relative
}

.p-research .p-research__mv .p-research__mv__content {
  padding: 150px 0 95px
}

.p-research .p-research__mv .p-research__mv__headline {
  margin-top: 40px;
  font-size: 38px
}

.p-research .p-research__mv .p-research__mv__subline {
  margin-top: 13px;
  font-size: 1rem
}

.p-research .p-research__mv .p-research__mv__list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 71px;
  gap: 16px;
  list-style: none
}

.p-research .p-research__mv .p-research__mv__list>li {
  display: inline-grid;
  place-items: center;
  padding: 0 1.1em;
  border: 1px solid #dedede;
  border-radius: 2em;
  color: #dedede;
  font-size: 14px
}

.p-research .p-research__mv .p-research__mv__list>li>span::before {
  content: "#"
}

.p-research .p-research__mv .p-research__mv__breadcrumb {
  z-index: 2;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  border-radius: 8px 8px 0 0;
  background: rgba(0, 0, 0, .4)
}

.p-research .p-research__mv .p-research__mv__breadcrumb .p-research__mv__breadcrumb__list {
  padding: 8px 16px;
  gap: 15px;
  color: rgba(255, 255, 255, .7);
  font-size: 14px;
  list-style: none;
  white-space: nowrap
}

.p-research .p-research__mv .p-research__mv__breadcrumb .p-research__mv__breadcrumb__list>li {
  position: relative;
  padding-right: 30px
}

.p-research .p-research__mv .p-research__mv__breadcrumb .p-research__mv__breadcrumb__list>li:not(:last-child)::after,
.p-single .p-single__mv .p-single__mv__breadcrumb .p-single__mv__breadcrumb__list>li:not(:last-child)::after {
  position: absolute;
  top: 0;
  right: 0;
  content: "・"
}

.p-research .p-research__mv .p-research__mv__breadcrumb .p-research__mv__breadcrumb__list>li>a,
.p-single .p-single__mv .p-single__mv__breadcrumb .p-single__mv__breadcrumb__list>li>a {
  text-decoration: underline
}

.p-research .p-research__mv .p-research__mv__breadcrumb .p-research__mv__breadcrumb__list>li>span,
.p-single .p-single__mv .p-single__mv__breadcrumb .p-single__mv__breadcrumb__list>li>span {
  display: block;
  width: calc(100vw - 240px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.p-research .p-research__about {
  position: relative;
  padding: 100px 0 10px
}

.p-research .p-research__about .p-research__about__content {
  display: grid;
  gap: 40px
}

.p-research .p-research__about .p-research__about__text {
  padding-top: 52px
}

.p-research .p-research__about .p-research__about__headline {
  color: #000;
  font-weight: 700;
  font-size: 24px
}

.p-research .p-research__about .p-research__about__subline {
  margin-top: 34px;
  line-height: 2
}

.p-research .p-research__about .p-research__about__blocks {
  display: grid;
  z-index: 3;
  position: relative;
  align-items: center;
  margin-top: 80px;
  padding: 32px 16px;
  gap: 32px;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 25px 40px rgba(92, 108, 123, .1)
}

.p-research .p-research__about .p-research__about__blocks .p-research__about__blocks__contents {
  display: grid;
  position: relative;
  height: 100%;
  padding-top: 48px
}

.p-research .p-research__about .p-research__about__blocks .p-research__about__blocks__figure,
.p-students .p-students__messageArea .p-students__img img {
  border-radius: 8px
}

.p-research .p-research__about .p-research__about__blocks .p-research__about__blocks__figure>img,
.p-research .p-research__details .p-research__details__item .splide .splide__slide>img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.p-research .p-research__research__other {
  display: block
}

.p-research .p-research__research__other .p-research__research__other__bnr {
  display: grid;
  margin-top: 40px;
  gap: 30px
}

.p-research .p-research__research__other .p-research__research__other__bnr .--bnr {
  aspect-ratio: 167/120;
  width: 100%;
  box-shadow: 0 15px 30px rgba(0, 0, 0, .12)
}

.p-research .p-research__research {
  position: relative;
  margin-top: -110px;
  padding: 330px 0 200px
}

.p-research .p-research__research::before {
  z-index: 2;
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: 320px;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0)0, #fff 100%);
  content: ""
}

.p-research .p-research__research::after {
  z-index: 2;
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100%;
  height: 320px;
  background: linear-gradient(0deg, #fff 0, rgba(255, 255, 255, 0) 100%);
  content: ""
}

.p-research .p-research__research .p-research__research__inner {
  z-index: 3;
  position: relative
}

.p-research .p-research__research .p-research__research__inner .p-research__research__headline {
  display: grid;
  place-content: center
}

.p-research .p-research__research .p-research__research__block {
  padding: 32px 16px;
  border: 4px solid rgba(255, 255, 255, .4);
  border-radius: 8px
}

.p-research .p-research__research .p-research__research__block .p-research__research__block__headline {
  display: grid;
  padding-bottom: 48px;
  gap: 16px
}

.p-research .p-research__research .p-research__research__block .p-research__research__block__headline>.--theme {
  display: inline-grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .3)
}

.p-research .p-research__details {
  display: grid;
  list-style: none
}

.p-research .p-research__details .p-research__details__item {
  display: grid;
  padding: 56px 0;
  gap: 28px 48px;
  border-top: 1px solid rgba(255, 255, 255, .3)
}

.p-research .p-research__details .p-research__details__item.--done:nth-child(even) {
  grid-template-columns: 100%
}

.p-research .p-research__details .p-research__details__item .splide .splide__pagination {
  display: flex;
  justify-content: center;
  margin-top: 16px;
  gap: 12px;
  list-style: none
}

.p-research .p-research__details .p-research__details__item .splide .splide__pagination .splide__pagination__page {
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #fff;
  opacity: .3
}

.p-research .p-research__details .p-research__details__item .splide .splide__pagination .splide__pagination__page.is-active {
  opacity: 1
}

.p-research .p-research__details .p-research__details__item .splide .splide__list {
  list-style: none
}

.p-research .p-research__details .p-research__details__item .splide .splide__arrows {
  z-index: 2;
  position: absolute;
  top: calc(50% - 20px);
  left: 0;
  width: 100%
}

.p-research .p-research__details .p-research__details__item .splide .splide__arrows .splide__arrow {
  width: 40px;
  height: 40px;
  padding: 10px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, .5)
}

.p-research .p-research__details .p-research__details__item .splide .splide__arrows .splide__arrow.splide__arrow--prev {
  position: absolute;
  left: 8px;
  transform: scaleX(-1)
}

.p-research .p-research__details .p-research__details__item .splide .splide__arrows .splide__arrow.splide__arrow--next {
  position: absolute;
  right: 8px
}

.p-research .p-research__details .p-research__details__item .splide .splide__arrows .splide__arrow>svg {
  fill: #fff
}

.p-research .p-research__details .p-research__details__content {
  padding-top: 10px
}

.p-research .p-research__details .p-research__details__about {
  padding: 12px;
  border: 1px dashed rgba(255, 255, 255, .3);
  border-radius: 4px
}

.p-research .p-research__students {
  position: relative;
  padding: 150px 0 200px;
  overflow: hidden;
  background-color: #e6eff7
}

.p-research .p-research__students .p-research__students__bg {
  position: absolute;
  top: calc(50% - 392.5px);
  left: 0;
  width: 100%;
  height: 100%
}

.p-research .p-research__students .p-research__students__bg .p-research__students__inner {
  position: relative;
  width: 100%;
  height: 100%
}

.p-research .p-research__students .p-research__students__bg .p-research__students__bg--image {
  display: flex;
  position: absolute;
  top: 50%;
  left: 0;
  aspect-ratio: 3064/421;
  height: 100%;
  transform: translateY(-50%)
}

.p-research .p-research__students .p-research__students__bg .p-research__students__bg--image .p-photo_img1 {
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-name: bgscroll
}

.p-research .p-research__students .p-research__students__bg .p-research__students__bg--image.--01 .p-photo_img1 {
  animation-duration: 80s
}

.p-research .p-research__students .p-research__students__bg .p-research__students__bg--image.--02 .p-photo_img1 {
  animation-duration: 50s
}

.p-research .p-research__students .p-research__students__inner {
  display: grid;
  place-items: center
}

.p-research .p-research__students .p-research__students__block {
  aspect-ratio: .867/1.19;
  width: 100%;
  background-color: rgba(255, 255, 255, .8);
  clip-path: polygon(50%0, 0 20%, 0 79%, 50% 100%, 100% 79%, 100% 20%);
  -webkit-backdrop-filter: blur(12px);
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(12px);
  box-shadow: 0 20px 40px rgba(92, 109, 123, .1)
}

.p-students {
  --base-w: 1440;
  --foot-space: 270px;
  margin-bottom: calc(var(--foot-space)*-1)
}

.p-students .p-students__headType1 {
  margin-bottom: 10px;
  font-size: min(16px, max(12px, 4vw))
}

.p-students .p-students__headType2 {
  color: #1a2c65;
  font-weight: 700;
  font-size: min(32px, max(16px, 4.1vw));
  line-height: 2;
  letter-spacing: .05em
}

.p-students .p-students__inner {
  width: 100%;
  margin: 0 auto;
  padding: 3.2% 20px
}

.p-students .p-students__btn {
  min-width: 235px;
  margin: 0 auto;
  padding: 0 35px 0 20px
}

.p-students .p-students__btn .p-students__btnBg {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 69px;
  height: 100%;
  background: linear-gradient(45deg, #5151e7 11.33%, #4495f1 37.75%, #44c5cc 64.18%, #58fb99 90.61%);
  clip-path: polygon(25%0, 75%0, 100% 50%, 75% 100%, 25% 100%, 0 50%);
  transition: clip-path 1000ms, width 500ms;
  transition-timing-function: cubic-bezier(.16, 1, .3, 1)
}

.p-students .p-students__btn .p-students__btnBg i,
.p-students__btn .p-students__btnBg i {
  position: absolute;
  top: 50%;
  left: 34.5px;
  height: 16px;
  transform: translate(-50%, -50%)
}

.p-students .p-students__btn>span:last-of-type {
  z-index: 2;
  position: relative;
  border-color: rgba(32, 77, 192, .3019607843)
}

.p-students .p-students__header {
  width: 100%;
  margin: 0 auto;
  padding-block: 210px 120px
}

.p-students .p-students__header .p-students__headerTitle {
  margin-top: 35px;
  font-weight: 700;
  font-size: 24px;
  letter-spacing: .05em
}

.p-students .p-students__messageArea {
  margin: 0 auto;
  padding-inline: 0
}

.p-students .p-students__messageArea .p-students__messageInner {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: space-between;
  padding: 3.4% 4% 15%;
  background-color: #fff;
  box-shadow: 0 25px 40px 0 rgba(92, 108, 123, .1019607843)
}

.p-students .p-students__messageArea .p-students__message {
  margin-top: 30px
}

.p-students .p-students__messageArea .p-students__message .p-students__headType1 {
  margin-bottom: 0;
  font-size: min(24px, max(16px, 4vw))
}

.p-students .p-students__messageArea .p-students__message .p-students__headType2 {
  max-width: 21em;
  margin-bottom: 20px
}

.p-students .p-students__messageArea .p-students__message .p-students__messageText {
  margin-bottom: 1em;
  color: #646975;
  line-height: 1.75;
  letter-spacing: .05em
}

.p-students .p-students__messageArea .p-students__message .p-students__messageLink {
  color: #646975;
  line-height: 1.7;
  letter-spacing: .05em
}

.p-students .p-students__messageArea .p-students__img {
  max-width: 500px;
  margin-top: -20%;
  box-shadow: 0 15px 30px 0 rgba(92, 108, 123, .1019607843)
}

.p-students .p-students__policyArea {
  z-index: -1;
  position: relative;
  margin-top: -300px;
  margin-bottom: 140px;
  padding-top: 430px;
  padding-bottom: 170px;
  background: linear-gradient(45deg, rgba(10, 48, 167, .8)0, rgba(0, 192, 255, .8) 100%);
  color: #fff
}

.p-students .p-students__policyArea::before {
  z-index: 1;
  position: absolute;
  top: -1px;
  width: 100%;
  height: 150px;
  background: linear-gradient(180deg, #fff 0, rgba(255, 255, 255, 0) 100%);
  content: ""
}

.p-students .p-students__policyArea::after {
  z-index: 1;
  position: absolute;
  bottom: -1px;
  width: 100%;
  height: 150px;
  background: linear-gradient(0deg, #fff 0, rgba(255, 255, 255, 0) 100%);
  content: ""
}

.p-students .p-students__policyArea .p-students__inner {
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-between
}

.p-students .p-students__policyArea .p-students__inner .p-students__policy {
  margin-top: 40px
}

.p-students .p-students__policyArea .p-students__inner .p-students__policy .p-students_subHead {
  display: block;
  margin-bottom: 80px;
  font-weight: 700;
  font-size: min(96px, max(48px, 13vw));
  line-height: 1
}

.p-students .p-students__policyArea .p-students__inner .p-students__policy .p-students__headType2 {
  max-width: 18em;
  margin-bottom: 50px;
  color: #fff
}

.p-students .p-students__policyArea .p-students__inner .p-students__policy .p-students__policyList {
  padding-left: .8em;
  font-size: min(18px, max(16px, 4vw));
  line-height: 1.75;
  letter-spacing: .05em;
  list-style-type: disc
}

.p-students .p-students__policyArea .p-students__inner .p-students__policy .p-students__policyList li {
  margin-bottom: 1em
}

.p-students .p-students__policyArea .p-students__inner .p-students__policyImg {
  margin: auto 0
}

.p-students .p-students__galleryArea {
  padding-bottom: 140px
}

.p-students .p-students__galleryArea .p-students__gallery {
  display: flex;
  overflow: hidden
}

.p-students .p-students__galleryArea .p-students__gallery:not(:last-child) {
  margin-bottom: 25px
}

.p-students .p-students__galleryArea .p-students__gallery:nth-of-type(even) .p-students__galleryList {
  animation-direction: reverse
}

.p-students .p-students__galleryArea .p-students__gallery .p-students__galleryList {
  display: flex;
  list-style-type: none;
  animation-duration: 50s;
  animation-timing-function: linear;
  animation-iteration-count: infinite
}

.p-students .p-students__galleryArea .p-students__gallery .p-students__galleryList:first-child {
  animation-delay: -25s;
  animation-name: p-students_loop
}

.p-students .p-students__galleryArea .p-students__gallery .p-students__galleryList:last-child {
  animation-name: p-students_loop2
}

.p-students .p-students__galleryArea .p-students__gallery .p-students__galleryList li {
  aspect-ratio: 3/2;
  min-width: 180px;
  height: 100%;
  margin-right: 20px
}

.p-students .p-students__galleryArea .p-students__gallery .p-students__galleryList li .p-students__galleryImg::before {
  display: block;
  padding-top: 100%;
  content: ""
}

.p-students .p-students__galleryArea .p-students__gallery .p-students__galleryList li .p-students__galleryImg img {
  position: absolute;
  top: 0
}

.p-students .p-students__announceArea {
  padding-bottom: 120px
}

.p-students .p-students__announceArea .p-students__inner .p-students__announceHead {
  margin-bottom: 60px
}

.p-students .p-students__announceArea .p-students__inner .p-students__announceCnt {
  grid-area: content
}

.p-students .p-students__announceArea .p-students__inner .p-students__announceCnt .p-students__announceList {
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  font-size: min(16px, max(10px, 2vw));
  list-style-type: none
}

.p-students .p-students__announceArea .p-students__inner .p-students__announceCnt .p-students__announceList li {
  border-top: 1px solid #dedede
}

.p-students .p-students__announceArea .p-students__inner .p-students__announceCnt .p-students__announceList li:last-child {
  border-bottom: 1px solid #dedede
}

.p-students .p-students__announceArea .p-students__inner .p-students__announceCnt .p-students__announceList .p-students__announceLink {
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-between;
  padding: 31px 0
}

.p-students .p-students__announceArea .p-students__inner .p-students__announceCnt .p-students__announceList .p-students__announceLink .p-students__announceList__textArea {
  display: flex;
  flex-direction: column
}

.p-archives .p-students__announceCnt .p-students__announceList .p-students__announceLink .p-students__announceList__textArea .p-students__announceList__info,
.p-students .p-students__announceArea .p-students__inner .p-students__announceCnt .p-students__announceList .p-students__announceLink .p-students__announceList__textArea .p-students__announceList__info {
  display: flex;
  align-items: center;
  margin-top: 1em;
  color: #646975
}

.p-archives .p-students__announceCnt .p-students__announceList .p-students__announceLink .p-students__announceList__textArea .p-students__announceList__info .p-students__date,
.p-students .p-students__announceArea .p-students__inner .p-students__announceCnt .p-students__announceList .p-students__announceLink .p-students__announceList__textArea .p-students__announceList__info .p-students__date {
  margin-right: 1em
}

.p-archives .p-students__announceCnt .p-students__announceList .p-students__announceLink .p-students__announceList__textArea .p-students__announceList__info .p-students__tag,
.p-students .p-students__announceArea .p-students__inner .p-students__announceCnt .p-students__announceList .p-students__announceLink .p-students__announceList__textArea .p-students__announceList__info .p-students__tag {
  padding: 3px 10px;
  border: 1px solid #646975;
  border-radius: 30px
}

.p-students .p-students__announceArea .p-students__inner .p-students__announceCnt .p-students__announceList .p-students__announceLink .p-students__announceList__textArea .p-students__announceList__text {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  margin-top: 1em;
  overflow: hidden;
  -webkit-box-orient: vertical;
  color: #333;
  letter-spacing: .05em
}

.p-archives .p-students__announceCnt .p-students__announceList .p-students__announceLink .p-students__announceImg img,
.p-students .p-students__announceArea .p-students__inner .p-students__announceCnt .p-students__announceList .p-students__announceLink .p-students__announceImg img {
  width: 100%;
  border-radius: 4px
}

.p-students .p-students__announceArea .p-students__inner .p-students__announceAction {
  grid-area: action
}

.p-students .p-students__announceArea .p-students__inner .p-students__announceAction>.mt-65 {
  margin-top: 65px
}

.p-students .p-students__careerPathArea {
  padding-top: 90px;
  padding-bottom: calc(var(--foot-space) + 150px);
  background-color: #e9eff0
}

.p-students .p-students__careerPathArea .p-students__careerPathHead {
  margin-bottom: 110px
}

.p-students .p-students__careerPathArea .p-students__careerPathHead .p-students__headType1 {
  justify-self: center
}

.p-students .p-students__careerPathArea .p-students__careerPathList {
  display: grid;
  grid-template-rows: repeat(4, 1fr);
  grid-template-columns: repeat(4, 1fr);
  row-gap: 60px;
  max-width: 1200px;
  margin: 0 auto;
  list-style-type: none;
  -moz-column-gap: min(50px, 5vw);
  column-gap: min(50px, 5vw)
}

.p-students .p-students__careerPathArea .p-students__careerPathList li {
  padding-left: 15px;
  border-left: 4px solid #fff
}

.p-students .p-students__careerPathArea .p-students__careerPathList li .p-students__careerPathName {
  font-weight: 700;
  font-size: min(22px, max(16px, 4vw))
}

.p-students .p-students__careerPathArea .p-students__careerPathList li .p-students__careerPathAside {
  color: #646975;
  font-size: min(16px, max(12px, 1.4vw))
}

.p-single .p-single__mv,
.p-single .p-single__mv .p-single__mv__list>li>span {
  position: relative
}

.p-single .p-single__mv .p-single__mv__content {
  padding: 110px 0 95px
}

.p-single .p-single__mv .p-single__mv__headline {
  margin-top: 40px;
  font-size: 20px
}

.p-single .p-single__mv .p-single__mv__list {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  list-style: none
}

.p-single .p-single__mv .p-single__mv__list>li {
  display: inline-grid;
  place-items: center;
  padding: 0 .8em;
  border: 1px solid #dedede;
  border-radius: 2em;
  color: #dedede;
  font-size: 12px
}

.p-single .p-single__mv .p-single__mv__breadcrumb {
  z-index: 2;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  border-radius: 8px 8px 0 0;
  background: rgba(0, 0, 0, .4)
}

.p-single .p-single__mv .p-single__mv__breadcrumb .p-single__mv__breadcrumb__list {
  padding: 8px 16px;
  gap: 15px;
  color: rgba(255, 255, 255, .7);
  font-size: 14px;
  list-style: none;
  white-space: nowrap
}

.p-single .p-single__mv .p-single__mv__breadcrumb .p-single__mv__breadcrumb__list>li {
  position: relative;
  padding-right: 30px
}

.p-archives .p-archives__container {
  max-width: 1688px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 80px;
  padding-left: 80px
}

.p-archives .p-archives__textGradient span {
  display: inline-block;
  background: linear-gradient(287.25deg, #1a2c65 70.1%, #47c4e6 100.74%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}

.p-archives .p-archives__wrap {
  display: grid;
  gap: 16px
}

.p-archives .p-archives__mainTitle__wrapper {
  background-image: url(/assets/images/member/mainTitle_deco.svg);
  background-position: 80% 50%;
  background-repeat: no-repeat
}

.p-archives .p-archives__mainTitle {
  line-height: 1
}

.p-archives .p-archives__mainTitle-en span {
  font-size: 128px
}

.p-archives .p-archives__mainTitle-en span::first-letter,
.p-collab .p-archives__mainTitle-en span::first-letter {
  font-size: 160px
}

.p-archives .p-archives__mainTitle-jp {
  font-size: 24px
}

.p-archives .p-students__announceCnt {
  grid-area: auto
}

.p-archives .p-students__announceCnt .p-students__announceList {
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  font-size: min(16px, max(10px, 2vw));
  list-style-type: none
}

.p-archives .p-students__announceCnt .p-students__announceList li {
  border-top: 1px solid #dedede
}

.p-archives .p-students__announceCnt .p-students__announceList li:last-child {
  border-bottom: 1px solid #dedede
}

.p-archives .p-students__announceCnt .p-students__announceList .p-students__announceLink {
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-between;
  padding: 31px 0
}

.p-archives .p-students__announceCnt .p-students__announceList .p-students__announceLink .p-students__announceList__textArea {
  display: flex;
  flex-direction: column
}

.p-archives .p-students__announceCnt .p-students__announceList .p-students__announceLink .p-students__announceList__textArea .p-students__announceList__text {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  margin-top: 1em;
  overflow: hidden;
  -webkit-box-orient: vertical;
  color: #646975;
  letter-spacing: .05em
}

.c-select {
  position: relative;
  border-bottom: 1px solid #646975;
  color: #646975
}

.c-select::after {
  display: block;
  position: absolute;
  top: calc(50% - 8px);
  right: 0;
  aspect-ratio: 1/1;
  width: 16px;
  background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2214%22%20height%3D%226%22%20viewBox%3D%220%200%2014%206%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1.06641%201.14585L7.00103%204.85415L12.933%201.14585%22%20stroke%3D%22%23646975%22%20stroke-miterlimit%3D%2210%22%2F%3E%3C%2Fsvg%3E);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  content: ""
}

.c-select>select {
  display: block;
  width: 100%;
  padding: 10px;
  background-color: transparent
}

.navigation .wp-pagenavi {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px
}

.navigation .wp-pagenavi .previouspostslink::before {
  transform: scaleX(-100%)
}

.navigation .wp-pagenavi .nextpostslink,
.navigation .wp-pagenavi .previouspostslink {
  background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2067%2058%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M49.9614%2057.5L66.4226%2029L49.9614%200.500003L17.0386%200.500002L0.577409%2029L17.0386%2057.5L49.9614%2057.5Z%22%20stroke%3D%22%23DEDEDE%22%2F%3E%3C%2Fsvg%3E);
  transition: color .3s ease
}

.navigation .wp-pagenavi .nextpostslink::before,
.navigation .wp-pagenavi .previouspostslink::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.92969%2017.416L13.5651%209.99774L8.92969%202.58279%22%20stroke%3D%22%23646975%22%20stroke-miterlimit%3D%2210%22%2F%3E%3C%2Fsvg%3E);
  background-position: center;
  background-repeat: no-repeat;
  content: "";
  opacity: 1
}

.navigation .wp-pagenavi .nextpostslink::after,
.navigation .wp-pagenavi .page::after,
.navigation .wp-pagenavi .previouspostslink::after {
  opacity: 0
}

.navigation .wp-pagenavi .current,
.navigation .wp-pagenavi .nextpostslink,
.navigation .wp-pagenavi .page,
.navigation .wp-pagenavi .previouspostslink {
  display: grid;
  position: relative;
  place-items: center;
  aspect-ratio: 67/58;
  width: 41px;
  clip-path: polygon(25%0, 75%0, 100% 50%, 75% 100%, 25% 100%, 0 50%)
}

.navigation .wp-pagenavi .current {
  color: #fff
}

.navigation .wp-pagenavi .current::after,
.navigation .wp-pagenavi .nextpostslink::after,
.navigation .wp-pagenavi .page::after,
.navigation .wp-pagenavi .previouspostslink::after {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2079%2068%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M-1.48619e-06%2034.0005L19.75%200.000487418L59.25%200.000485691L79%2034.0005L59.25%2068.0005L19.75%2068.0005L-1.48619e-06%2034.0005Z%22%20fill%3D%22url\(%23paint0_linear_900_846\)%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_900_846%22%20x1%3D%2211.1837%22%20y1%3D%2264.1949%22%20x2%3D%2281.5726%22%20y2%3D%2223.7909%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%235151E7%22%2F%3E%3Cstop%20offset%3D%220.333333%22%20stop-color%3D%22%234495F1%22%2F%3E%3Cstop%20offset%3D%220.666667%22%20stop-color%3D%22%2344C5CC%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2358FB99%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E);
  content: "";
  transition: opacity .3s ease
}

.p-collab .p-archives__container {
  max-width: 1688px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 80px;
  padding-left: 80px
}

.p-collab .p-archives__textGradient span {
  display: inline-block;
  background: linear-gradient(287.25deg, #1a2c65 70.1%, #47c4e6 100.74%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}

.p-collab .p-archives__mainTitle__wrapper {
  background-image: url(/assets/images/member/mainTitle_deco.svg);
  background-position: 80% 50%;
  background-repeat: no-repeat
}

.p-collab .p-archives__mainTitle {
  line-height: 1
}

.p-collab .p-archives__mainTitle-en span {
  font-size: 128px
}

.p-collab .p-archives__mainTitle-jp {
  font-size: 24px
}

.p-collab .p-collab__headline {
  display: flex;
  align-items: center;
  padding: 8px 0;
  gap: 21px;
  border-top: 2px solid #333;
  font-weight: 500;
  font-size: 18px
}

.p-collab .p-collab__about .p-collab__about__imgs {
  display: grid;
  gap: 32px
}

.p-collab .p-collab__about .p-collab__about__card {
  padding: 32px 16px;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 25px 40px 0 rgba(92, 108, 123, .1)
}

.p-collab .p-collab__about .p-collab__about__links {
  display: flex;
  flex-flow: column;
  justify-content: center;
  gap: 32px
}

.p-collab .p-collab__about .p-collab__about__links .p-collab__about__links__item {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  padding: 16px;
  gap: 16px;
  font-size: 14px;
  font-family: "Outfit"
}

.p-collab .p-collab__about .p-collab__about__links .p-collab__about__links__item::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #5151e7;
  background: linear-gradient(90deg, #5151e7 0, #4495f1 50%, #44c5cc 100%);
  content: ""
}

.p-collab .p-collab__university {
  background-color: #fff
}


.p-collab .p-collab__university .p-collab__university__list {
  display: grid;
  gap: 32px;
  list-style: none
}



.p-collab .p-collab__university .p-collab__university__block {
  padding: 0;
  border: none;
  border-radius: 8px;
  box-shadow: 0px 15px 25px rgba(92, 108, 123, 0.1);
   display: flex;
  flex-direction: column;
  height: 100%;
}

.p-collab .p-collab__university .p-collab__university__block .p-collab__university__block__profile {
  display: block;
  padding-bottom: 0;
  gap: 0;
  border: none;
    display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.p-collab .p-collab__university .p-collab__university__block .p-collab__university__block__profile .affiliation__text{
  font-weight: 700;
}

.p-collab .p-collab__university .p-collab__university__block .p-collab__university__block__profile .p-collab__university__block__profile__name {
  color: #1c3177;
  font-weight: 700;
  font-size: 32px;
  line-height: 1;
  margin-bottom: 14px;
  /* min-height: 80px; */
}

.p-collab .p-collab__university .p-collab__university__block .p-collab__university__block__profile .p-collab__university__block__profile__figure{
  width: 100%;
  aspect-ratio: 358 / 310;
  overflow: hidden;
   flex-shrink: 0;
}

.p-collab .p-collab__university .p-collab__university__block .p-collab__university__block__profile .p-collab__university__block__profile__figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px 8px 0 0;
}



.p-collab .p-collab__university .p-collab__university__block .p-collab__university__block__profile .p-collab__university__block__profile__inner{
  padding: 10px 24px 24px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}



.p-collab .p-collab__university .p-collab__university__block .p-collab__university__block__profile .p-collab__university__block__profile__contents{
flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}



.p-collab .p-collab__university .p-collab__university__block .p-collab__university__block__about {
/* min-height: 64px; */
}


.p-collab .p-collab__university .p-collab__university__block .p-collab__university__block__specialities {
  padding-top:14px;
   /* min-height: 90px;  */
}



.p-collab .p-collab__university .p-collab__university__block .p-collab__university__block__content .--thema,
.p-collab .p-collab__university .p-collab__university__block .p-collab__university__block__subline {
  color: #1c3177;
  font-weight: 700
}

.p-collab .p-collab__university .p-collab__university__block .p-collab__university__block__subline{
font-size: 24px;
}


.p-collab .p-collab__university .p-collab__university__block .p-collab__university__block__list {
  display: grid;
  /* margin-top: 8px; */
  margin-top: 0;
  gap: 8px;
  list-style: none
}

.p-collab .p-collab__university .p-collab__university__block .p-collab__university__block__list>li {
  position: relative;
  /* padding-left: 24px; */
  padding-left: 0;
  color: #646975;
  font-size: 14px
}

.p-collab .p-collab__university .p-collab__university__block .p-collab__university__block__list>li::before {
  display: block;
  position: absolute;
  top: 10px;
  left: 4px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #646975;
  content: "";
  display: none;
}

.p-collab .p-collab__university .p-collab__university__block .p-collab__university__block__content {
  margin-top: 25px;
  padding-top: 23px;
  border-top: 1px dotted #dedede
}

.p-collab .p-collab__university .p-collab__university__block .p-collab__university__block__content .--details>summary {
  display: flex;
  position: relative;
  justify-content: center;
  padding: 12px;
  background: #1c3177;
  color: #fff;
  font-weight: 700
}

.p-collab .p-collab__university .p-collab__university__block .p-collab__university__block__content .--details>summary::after,
.p-collab .p-collab__university .p-collab__university__block .p-collab__university__block__content .--details>summary::before {
  position: absolute;
  top: 50%;
  right: 24px;
  width: 15px;
  height: 1px;
  transform-origin: center;
  background-color: #fff;
  content: ""
}

.p-collab .p-collab__university .p-collab__university__block .p-collab__university__block__content .--details>summary::after {
  transform: rotate(90deg);
  transition: transform .3s ease
}

.p-collab .p-collab__university .p-collab__university__block .p-collab__university__block__content .--details[open]>summary::after {
  transform: rotate(0deg)
}

.p-collab .p-collab__university .p-collab__university__block .p-collab__university__block__content .--details .--details__wrap {
  padding: 24px;
  background-color: #fafafa;
  color: #646975
}



.p-collab__linkList{
   max-width: 294px;
   width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 48px;
  margin: 24px auto 0;
  gap: 20px 16px;
  list-style: none;
}

.p-collab__linkList li{
  /* width: calc((100% - 16px) / 2); */
  width: 100%;
}

.p-collab__linkList li a{
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #7C99AD;
  border-radius: 30px;
  width: 100%;
  height: 60px;
  color: #fff;
  opacity: 1;
  transition: all 0.3s;
}

.p-collab__linkList li a:hover{
  opacity: 0.7;
}




.p-collab .p-collab__industry .p-collab__industry__brand {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 16px;
  gap: 24px;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  background-color: #fff
}

.p-collab .p-collab__company {
  background-color: #e9eff0
}

.p-collab .p-collab__company .p-collab__company__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 55px 10px
}

.p-collab .p-collab__company .p-collab__company__item {
  padding: 0 22px;
  border-left: 4px solid #fff;
  font-weight: 700;
  font-size: 16px
}

.p-students__btn {
  min-width: 235px;
  margin: 0 auto;
  padding: 0 35px 0 20px
}

.p-students__btn .p-students__btnBg {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 69px;
  height: 100%;
  background: linear-gradient(45deg, #5151e7 11.33%, #4495f1 37.75%, #44c5cc 64.18%, #58fb99 90.61%);
  clip-path: polygon(25%0, 75%0, 100% 50%, 75% 100%, 25% 100%, 0 50%);
  transition: clip-path 1000ms, width 500ms;
  transition-timing-function: cubic-bezier(.16, 1, .3, 1)
}

.p-students__btn>span:last-of-type {
  z-index: 2;
  position: relative;
  border-color: rgba(32, 77, 192, .3019607843)
}




@media (min-width:375px) {
  .container {
    max-width: 375px
  }
}

@media (min-width:640px) {
  .container {
    max-width: 640px
  }

  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }

  .js-scroll-scale {
    --base-scale: 0.4;
    --base-mask-w: 300px
  }

  .p-students .p-students__header {
    padding-inline: 8%
  }

  .p-students .p-students__messageArea {
    padding-inline: 20px
  }

  .p-students .p-students__messageArea .p-students__messageInner {
    padding: 3.4% 4% 4%;
    border-radius: 8px
  }

  .p-archives .p-students__announceCnt .p-students__announceList,
  .p-students .p-students__announceArea .p-students__inner .p-students__announceCnt .p-students__announceList {
    display: block;
    gap: 0;
    font-size: 16px
  }

  .p-archives .p-students__announceCnt .p-students__announceList .p-students__announceLink,
  .p-students .p-students__announceArea .p-students__inner .p-students__announceCnt .p-students__announceList .p-students__announceLink {
    flex-direction: row
  }

  .p-archives .p-students__announceCnt .p-students__announceList .p-students__announceLink .p-students__announceList__textArea,
  .p-students .p-students__announceArea .p-students__inner .p-students__announceCnt .p-students__announceList .p-students__announceLink .p-students__announceList__textArea {
    width: calc(100% - 280px - 32px);
    margin-right: 32px
  }

  .p-archives .p-students__announceCnt .p-students__announceList .p-students__announceLink .p-students__announceList__textArea .p-students__announceList__info .p-students__tag,
  .p-students .p-students__announceArea .p-students__inner .p-students__announceCnt .p-students__announceList .p-students__announceLink .p-students__announceList__textArea .p-students__announceList__info .p-students__tag {
    padding: 1px 15px
  }

  .p-archives .p-students__announceCnt .p-students__announceList .p-students__announceLink .p-students__announceImg img,
  .p-students .p-students__announceArea .p-students__inner .p-students__announceCnt .p-students__announceList .p-students__announceLink .p-students__announceImg img {
    max-width: 280px
  }

  .navigation .wp-pagenavi .current,
  .navigation .wp-pagenavi .nextpostslink,
  .navigation .wp-pagenavi .page,
  .navigation .wp-pagenavi .previouspostslink {
    width: 67px
  }

   .p-collab .p-collab__university .p-collab__university__list {
    gap: 24px;
    grid-template-columns: repeat(2, 1fr);
    justify-content: center; 
  }
}

@media (min-width:782px) {
  body {
    font-size: 1rem
  }

  .container {
    max-width: 782px
  }

  .md\:absolute {
    position: absolute
  }

  .md\:inset-x-20px {
    right: 20px;
    left: 20px
  }

  .md\:top-1\/2 {
    top: 50%
  }

  .md\:order-1 {
    order: 1
  }

  .md\:order-2 {
    order: 2
  }

  .md\:order-3 {
    order: 3
  }

  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }

  .md\:ml-115\/1760 {
    margin-left: 6.5340909091%
  }

  .md\:ml-auto {
    margin-left: auto
  }

  .md\:mt-2\.42em {
    margin-top: 2.42em
  }

  .md\:inline-block {
    display: inline-block
  }

  .md\:contents {
    display: contents
  }

  .md\:hidden {
    display: none
  }

  .md\:min-h-100svh {
    min-height: 100svh
  }

  .md\:w-1067\/1920 {
    width: 55.5729166667%
  }

  .md\:w-1920\/1067 {
    width: 179.9437675726%
  }

  .md\:w-431\/1528 {
    width: 28.2068062827%
  }

  .md\:w-466\/1528 {
    width: 30.497382199%
  }

  .md\:w-853\/1920 {
    width: 44.4270833333%
  }

  .md\:flex {
    display: flex
  }

  .md\:flex-grow {
    flex-grow: 1
  }

  .md\:flex-row-reverse {
    flex-direction: row-reverse
  }

  .md\:-translate-y-1\/2 {
    --un-translate-y: -50%;
    transform: translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))
  }

  .md\:items-center {
    align-items: center
  }

  .md\:justify-between {
    justify-content: space-between
  }

  .md\:overflow-hidden {
    overflow: hidden
  }

  .md\:text-ellipsis {
    text-overflow: ellipsis
  }

  .md\:whitespace-nowrap {
    white-space: nowrap
  }

  .md\:text-3\.55vw {
    font-size: 3.55vw
  }

  .md\:font-medium {
    font-weight: 500
  }

  .md\:flex-center-y {
    display: flex;
    align-items: center
  }

  .md\:leading-1\.15 {
    line-height: 1.15
  }

  .md\:leading-1\.25 {
    line-height: 1.25
  }

  .md\:tracking-10 {
    letter-spacing: .01em
  }

  .md\:tracking-30 {
    letter-spacing: .03em
  }

  .md\:tracking-50 {
    letter-spacing: .05em
  }

  .md\:mt-100 {
    margin-top: 100px
  }

  .md\:mt-116 {
    margin-top: 116px
  }

  .md\:mt-12 {
    margin-top: 12px
  }

  .md\:mt-120 {
    margin-top: 120px
  }

  .md\:mt-14 {
    margin-top: 14px
  }

  .md\:mt-148 {
    margin-top: 148px
  }

  .md\:mt-15 {
    margin-top: 15px
  }

  .md\:mt-16 {
    margin-top: 16px
  }

  .md\:mt-17 {
    margin-top: 17px
  }

  .md\:mt-2 {
    margin-top: 2px
  }

  .md\:mt-226 {
    margin-top: 226px
  }

  .md\:mt-25 {
    margin-top: 25px
  }

  .md\:mt-28 {
    margin-top: 28px
  }

  .md\:mt-32 {
    margin-top: 32px
  }

  .md\:mt-4 {
    margin-top: 4px
  }

  .md\:mt-47 {
    margin-top: 47px
  }

  .md\:mt-48 {
    margin-top: 48px
  }

  .md\:mt-5 {
    margin-top: 5px
  }

  .md\:mt-51 {
    margin-top: 51px
  }

  .md\:mt-60 {
    margin-top: 60px
  }

  .md\:mt-67 {
    margin-top: 67px
  }

  .md\:mt-69 {
    margin-top: 69px
  }

  .md\:mt-71 {
    margin-top: 71px
  }

  .md\:mt-80 {
    margin-top: 80px
  }

  .md\:mt-89 {
    margin-top: 89px
  }

  .md\:mb-60 {
    margin-bottom: 60px
  }

  .md\:ml-9 {
    margin-left: 9px
  }

  .md\:pt-119 {
    padding-top: 119px
  }

  .md\:pt-12 {
    padding-top: 12px
  }

  .md\:pt-120 {
    padding-top: 120px
  }

  .md\:pt-137 {
    padding-top: 137px
  }

  .md\:pt-150 {
    padding-top: 150px
  }

  .md\:pt-180 {
    padding-top: 180px
  }

  .md\:pt-223 {
    padding-top: 223px
  }

  .md\:pt-280 {
    padding-top: 280px
  }

  .md\:pt-3 {
    padding-top: 3px
  }

  .md\:pt-30 {
    padding-top: 30px
  }

  .md\:pt-35 {
    padding-top: 35px
  }

  .md\:pt-37 {
    padding-top: 37px
  }

  .md\:pt-8 {
    padding-top: 8px
  }

  .md\:pr-40 {
    padding-right: 40px
  }

  .md\:pr-50 {
    padding-right: 50px
  }

  .md\:pr-80 {
    padding-right: 80px
  }

  .md\:pb-120 {
    padding-bottom: 120px
  }

  .md\:pb-146 {
    padding-bottom: 146px
  }

  .md\:pb-180 {
    padding-bottom: 180px
  }

  .md\:pb-200 {
    padding-bottom: 200px
  }

  .md\:pb-240 {
    padding-bottom: 240px
  }

  .md\:pb-320 {
    padding-bottom: 320px
  }

  .md\:pb-54 {
    padding-bottom: 54px
  }

  .md\:pb-65 {
    padding-bottom: 65px
  }

  .md\:pb-7 {
    padding-bottom: 7px
  }

  .md\:pb-70 {
    padding-bottom: 70px
  }

  .md\:pl-157 {
    padding-left: 157px
  }

  .md\:pl-20 {
    padding-left: 20px
  }

  .md\:pl-40 {
    padding-left: 40px
  }

  .md\:pl-84 {
    padding-left: 84px
  }

  .md\:pl-96 {
    padding-left: 96px
  }

  .md\:px-12 {
    padding-inline: 12px
  }

  .md\:px-16 {
    padding-inline: 16px
  }

  .md\:px-20 {
    padding-inline: 20px
  }

  .md\:px-30 {
    padding-inline: 30px
  }

  .md\:px-40 {
    padding-inline: 40px
  }

  .md\:px-60 {
    padding-inline: 60px
  }

  .md\:py-6 {
    padding-block: 6px
  }

  .md\:py-70 {
    padding-block: 70px
  }

  .md\:text-120ptr {
    font-size: 7.5rem
  }

  .md\:text-12ptr {
    font-size: .75rem
  }

  .md\:text-13ptr {
    font-size: .8125rem
  }

  .md\:text-14ptr {
    font-size: .875rem
  }

  .md\:text-16ptr {
    font-size: 1rem
  }

  .md\:text-18ptr {
    font-size: 1.125rem
  }

  .md\:text-20ptr {
    font-size: 1.25rem
  }

  .md\:text-24ptr {
    font-size: 1.5rem
  }

  .md\:text-28ptr {
    font-size: 1.75rem
  }

  .md\:text-30ptr {
    font-size: 1.875rem
  }

  .md\:text-32ptr {
    font-size: 2rem
  }

  .md\:text-36ptr {
    font-size: 2.25rem
  }

  .md\:text-42ptr {
    font-size: 2.625rem
  }

  .md\:text-48ptr {
    font-size: 3rem
  }

  .md\:text-56ptr {
    font-size: 3.5rem
  }

  .md\:text-86ptr {
    font-size: 5.375rem
  }

  .md\:text-96ptr {
    font-size: 6rem
  }

  .md\:text-98ptr {
    font-size: 6.125rem
  }

  .md\:gap-12 {
    gap: 12px
  }

  .md\:gap-16 {
    gap: 16px
  }

  .md\:gap-24 {
    gap: 24px
  }

  .md\:gap-30 {
    gap: 30px
  }

  .md\:gap-9 {
    gap: 9px
  }

  .md\:gap-x-14 {
    -moz-column-gap: 14px;
    column-gap: 14px
  }

  .md\:gap-y-16 {
    row-gap: 16px
  }

  .md\:gap-y-17 {
    row-gap: 17px
  }

  .md\:h-100 {
    height: 100px
  }

  .md\:min-h-342 {
    min-height: 342px
  }

  .md\:min-h-500 {
    min-height: 500px
  }

  .md\:min-h-69 {
    min-height: 69px
  }

  .md\:w-102 {
    width: 102px
  }

  .md\:w-106 {
    width: 106px
  }

  .md\:w-108 {
    width: 108px
  }

  .md\:w-109 {
    width: 109px
  }

  .md\:w-110 {
    width: 110px
  }

  .md\:w-114 {
    width: 114px
  }

  .md\:w-13 {
    width: 13px
  }

  .md\:w-160 {
    width: 160px
  }

  .md\:w-30 {
    width: 30px
  }

  .md\:w-8 {
    width: 8px
  }

  .md\:min-w-373 {
    min-width: 373px
  }

  .md\:max-w-1560 {
    max-width: 1560px
  }

  .md\:max-w-552 {
    max-width: 552px
  }

  .md\:max-w-624 {
    max-width: 624px
  }

  .md\:border-l-4 {
    border-left-width: 4px
  }

  .md\:-top-63 {
    top: -63px
  }

  .md\:top-0 {
    top: 0
  }

  .md\:-left-31 {
    left: -31px
  }

  .md\:left-40 {
    left: 40px
  }

  .c-hexagon-link {
    --space: 20px
  }

  .js-scroll-scale {
    --base-scale: 0.5;
    --base-mask-w: 360px
  }

  .js-area-parallax__item.is-desktop-only {
    --y: var(--position);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, var(--y), 0, 1)
  }

  .js-area-parallax__item.is-desktop-only.is-rev {
    --y: var(--position-rev)
  }

  .js-area-parallax__item.is-desktop-only.is-half {
    --y: var(--position-half)
  }

  .js-area-parallax__item.is-desktop-half-rev,
  .js-area-parallax__item.is-desktop-only.is-half-rev {
    --y: var(--position-half-rev)
  }

  .h-white header:not(.is-scroll) * {
    color: #fff !important;
    fill: #fff !important
  }

  .h-white header:not(.is-scroll) ul.tracking-normal>li>a {
    color: #000 !important
  }

  .p-research .p-research__mv .p-research__mv__content {
    padding: 186px 0 225px
  }

  .p-research .p-research__mv .p-research__mv__headline {
    margin-top: 82px;
    font-size: 70px
  }

  .p-research .p-research__mv .p-research__mv__subline {
    font-size: 1.37rem
  }

  .p-research .p-research__mv .p-research__mv__breadcrumb {
    left: 80px;
    width: calc(100% - 160px)
  }

  .p-research .p-research__mv .p-research__mv__breadcrumb .p-research__mv__breadcrumb__list {
    padding: 20px 16px
  }

  .p-research .p-research__mv .p-research__mv__breadcrumb .p-research__mv__breadcrumb__list>li>span,
  .p-single .p-single__mv .p-single__mv__breadcrumb .p-single__mv__breadcrumb__list>li>span {
    width: 100%
  }

  .p-research .p-research__about {
    padding: 150px 0 10px
  }

  .p-research .p-research__about .p-research__about__content {
    grid-template-columns: auto 69.4%
  }

  .p-research .p-research__about .p-research__about__headline {
    font-size: 32px
  }

  .p-research .p-research__about .p-research__about__blocks {
    grid-template-columns: 1fr 1.4fr;
    margin-top: 208px;
    padding: 70px 80px;
    gap: 70px
  }

  .p-research .p-research__about .p-research__about__blocks .p-research__about__blocks__contents {
    padding-top: 155px;
    padding-left: 36px
  }

  .p-research .p-research__research__other .p-research__research__other__bnr {
    grid-template-columns: 1fr 1fr;
    margin-top: 0
  }

  .p-research .p-research__research__other .p-research__research__other__bnr .--bnr {
    aspect-ratio: auto
  }

  .p-research .p-research__research .p-research__research__block {
    padding: 24px;
    border: 8px solid rgba(255, 255, 255, .4)
  }

  .p-research .p-research__research .p-research__research__block .p-research__research__block__headline {
    grid-template-columns: 35px auto;
    gap: 24px
  }

  .p-research .p-research__research .p-research__research__block .p-research__research__block__headline>.--theme {
    display: grid;
    writing-mode: vertical-rl
  }

  .p-research .p-research__details .p-research__details__item {
    grid-template-columns: 1fr 1fr
  }

  .p-research .p-research__details .p-research__details__item:nth-child(even) {
    grid-template-columns: 1fr 1fr
  }

  .p-research .p-research__details .p-research__details__item:nth-child(even) .p-research__details__figure {
    order: 2
  }

  .p-research .p-research__details .p-research__details__item:nth-child(even) .p-research__details__content {
    order: 1
  }

  .p-research .p-research__details .p-research__details__item.--done:nth-child(even) .p-research__details__figure,
  .p-research .p-research__details .p-research__details__item:nth-child(even) .p-research__details__about {
    order: 2
  }

  .p-research .p-research__details .p-research__details__item.--done {
    grid-template-columns: 100%;
    gap: 50px
  }

  .p-research .p-research__details .p-research__details__item.--done .p-research__details__figure {
    order: 2
  }

  .p-research .p-research__details .p-research__details__item.--done .p-research__details__content {
    order: 1
  }

  .p-research .p-research__details .p-research__details__item.--done .p-research__details__about {
    order: 3;
    grid-column: span 1/span 1
  }

  .p-research .p-research__details .p-research__details__item.--done:nth-child(even) .p-research__details__content {
    order: 1
  }

  .p-research .p-research__details .p-research__details__item.--done:nth-child(even) .p-research__details__about {
    order: 3
  }

  .p-research .p-research__details .p-research__details__about {
    grid-column: span 2/span 2;
    padding: 11px 24px
  }

  .p-research .p-research__students {
    padding: 206px 0 200px
  }

  .p-research .p-research__students .p-research__students__bg .p-research__students__bg--image {
    top: 0;
    aspect-ratio: 4351/711;
    transform: translateY(0)
  }

  .p-research .p-research__students .p-research__students__block {
    aspect-ratio: 1/.867;
    width: 900px;
    clip-path: polygon(25%0, 75%0, 100% 50%, 75% 100%, 25% 100%, 0 50%)
  }

  .p-students .p-students__headType2 {
    font-size: min(32px, max(16px, 2.4vw))
  }

  .p-students .p-students__inner {
    padding: 3.2% 40px
  }

  .p-students .p-students__btn .p-students__btnBg {
    width: 79px
  }

  .p-students .p-students__btn .p-students__btnBg i,
  .p-students__btn .p-students__btnBg i {
    left: 39.5px
  }

  .p-students .p-students__btn>span:last-of-type,
  .p-students__btn>span:last-of-type {
    padding-left: 84px
  }

  .p-students .p-students__header {
    width: auto;
    padding-inline: 0
  }

  .p-students .p-students__messageArea .p-students__messageInner {
    flex-direction: row;
    align-items: flex-start;
    padding: 3.4% 4% 6%
  }

  .p-students .p-students__messageArea .p-students__message {
    width: 60%;
    padding-right: 50px
  }

  .p-students .p-students__messageArea .p-students__message .p-students__headType2 {
    margin-bottom: 50px
  }

  .p-students .p-students__messageArea .p-students__img {
    position: sticky;
    top: 100px;
    width: 40%;
    max-width: 592px;
    margin-top: -8.7%
  }

  .p-students .p-students__policyArea .p-students__inner {
    flex-direction: row
  }

  .p-students .p-students__policyArea .p-students__inner .p-students__policy {
    width: 49%;
    margin-top: 0;
    margin-right: 40px
  }

  .p-students .p-students__galleryArea .p-students__gallery:not(:last-child) {
    margin-bottom: 50px
  }

  .p-students .p-students__galleryArea .p-students__gallery .p-students__galleryList li {
    min-width: 360px
  }

  .p-students .p-students__announceArea .p-students__inner .p-students__announceAction>[class$=mt-51] {
    margin-top: 65px
  }

  .p-single .p-single__mv .p-single__mv__content {
    padding: 207px 0 213px
  }

  .p-single .p-single__mv .p-single__mv__headline {
    margin-top: 20px;
    font-size: 48px
  }

  .p-single .p-single__mv .p-single__mv__list>li {
    padding: 2px .8em;
    font-size: 14px
  }

  .p-single .p-single__mv .p-single__mv__breadcrumb {
    left: 80px;
    width: calc(100% - 160px)
  }

  .p-single .p-single__mv .p-single__mv__breadcrumb .p-single__mv__breadcrumb__list {
    padding: 20px 16px
  }

  .p-archives .p-archives__wrap {
    grid-template-columns: 350px auto;
    gap: 115px
  }

  .p-collab .p-collab__headline {
    padding: 17px 0;
    font-size: 32px
  }

  .p-collab .p-collab__about .p-collab__about__imgs {
    grid-template-columns: 1fr 1fr
  }

  .p-collab .p-collab__about .p-collab__about__card {
    padding: 65px
  }

  .p-collab .p-collab__about .p-collab__about__links {
    flex-flow: row
  }

  .p-collab .p-collab__about .p-collab__about__links .p-collab__about__links__item {
    padding: 22px 74px;
    font-size: 24px
  }

  .p-collab .p-collab__university .p-collab__university__list {
    /* gap: 24px;
    grid-template-columns: repeat(2, 1fr);
    justify-content: center;  */
  }


  .p-collab .p-collab__university .p-collab__university__block {

  }

  .p-collab .p-collab__university .p-collab__university__block .p-collab__university__block__profile {

  }

   .p-collab .p-collab__university .p-collab__university__block .p-collab__university__block__profile .p-collab__university__block__profile__inner{
     padding: 10px 24px 24px;

}

  .p-collab .p-collab__university .p-collab__university__block .p-collab__university__block__profile .p-collab__university__block__profile__name {
    font-size: 32px;
    margin-bottom: 10px;
  }


.p-collab .p-collab__university .p-collab__university__block .p-collab__university__block__list>li {
  font-size: 16px
}

  .p-collab .p-collab__industry .p-collab__industry__brand {
    flex-wrap: nowrap;
    padding: 77px 0 62px;
    gap: 70px
  }

  .p-collab .p-collab__company .p-collab__company__list {
    grid-template-columns: 1fr 1fr 1fr 1fr
  }

  .p-collab .p-collab__company .p-collab__company__item {
    font-size: 22px
  }

  .p-students__btn .p-students__btnBg {
    width: 79px
  }
}

@media (min-width:782px) and (max-width:1023.9px) {
  .p-research .p-research__about .p-research__about__content {
    grid-template-columns: auto 50%
  }
}

@media (min-width:782px) and (max-width:1600px) {
  .js-scroll-scale__itemBody {
    min-width: 1920px;
    min-height: 100vw
  }
}

@media (min-width:782px) and (min-aspect-ratio:16/8) {
  .js-scroll-scale__itemBody {
    min-width: 100vh;
    min-height: 100vw
  }
}

@media (min-width:1024px) {
  .container {
    max-width: 1024px
  }

  .lg\:inset-x-80px {
    right: 80px;
    left: 80px
  }

  .lg\:ml-10\% {
    margin-left: 10%
  }

  .lg\:mr-5\% {
    margin-right: 5%
  }

  .lg\:flex {
    display: flex
  }

  .lg\:gap-1\.86em {
    gap: 1.86em
  }

  .lg\:pl-4\% {
    padding-left: 4%
  }

  .lg\:flex-between {
    display: flex;
    justify-content: space-between
  }

  .lg\:leading-1\.25 {
    line-height: 1.25
  }

  .lg\:mt-43 {
    margin-top: 43px
  }

  .lg\:-mb-270 {
    margin-bottom: -270px
  }

  .lg\:pt-152 {
    padding-top: 152px
  }

  .lg\:pt-270 {
    padding-top: 270px
  }

  .lg\:text-16ptr {
    font-size: 1rem
  }

  .lg\:text-18ptr {
    font-size: 1.125rem
  }

  .lg\:text-20ptr {
    font-size: 1.25rem
  }

  .lg\:text-32ptr {
    font-size: 2rem
  }

  .lg\:text-36ptr {
    font-size: 2.25rem
  }

  .lg\:text-39ptr {
    font-size: 2.4375rem
  }

  .lg\:text-64ptr {
    font-size: 4rem
  }

  .lg\:text-96ptr {
    font-size: 6rem
  }

  .lg\:gap-80 {
    gap: 80px
  }

  .lg\:min-h-540 {
    min-height: 540px
  }

  .lg\:w-217 {
    width: 217px
  }

  .lg\:max-w-748 {
    max-width: 748px
  }

  .js-scroll-scale {
    --base-mask-w: 566px
  }

  .p-students .p-students__headType2 {
    font-size: min(32px, max(16px, 4vw))
  }

  .p-students .p-students__btn,
  .p-students__btn {
    margin: 0
  }

  .p-students .p-students__messageArea .p-students__message {
    padding-right: 100px
  }

  .p-students .p-students__announceArea .p-students__inner {
    display: grid;
    grid-template: "head content" auto"action content" 1fr/min(31.2rem, 30%) 1fr;
    -moz-column-gap: clamp(45px, 9vw, 165px);
    column-gap: clamp(45px, 9vw, 165px)
  }

  .p-students .p-students__announceArea .p-students__inner .p-students__announceCnt {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 3
  }

  .p-students .p-students__announceArea .p-students__inner .p-students__announceAction {
    -ms-grid-row: 2;
    -ms-grid-column: 1
  }

 .p-collab .p-collab__university .p-collab__university__list {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media only screen and (min-width:1200px) {
  .p-research .p-research__research__other {
    display: grid;
    grid-template-columns: 430px auto;
    gap: 40px
  }

  .p-research .p-research__research .p-research__research__block {
    padding: 103px 132px
  }

  .p-research .p-research__details .p-research__details__item {
    grid-template-columns: 634px auto
  }

  .p-research .p-research__details .p-research__details__item:nth-child(even) {
    grid-template-columns: auto 634px
  }

  .p-research .p-research__details .p-research__details__item.--done {
    grid-template-columns: 100%
  }
}

@media (min-width:1280px) {
  .container {
    max-width: 1280px
  }

  .\32 lg\:px-40 {
    padding-inline: 40px
  }

  .\32 lg\:text-18ptr {
    font-size: 1.125rem
  }

  .\32 lg\:w-300 {
    width: 300px
  }

    .p-collab .p-collab__university .p-collab__university__list {
    grid-template-columns: repeat(4, 1fr);
     gap: 24px;
  }
}

@media (min-width:1440px) {
  .container {
    max-width: 1440px
  }

  .xl\:ml-18\% {
    margin-left: 18%
  }

  .xl\:mr-1\.5\% {
    margin-right: 1.5%
  }

  .xl\:w-411\/1528 {
    width: 26.8979057592%
  }

  .xl\:w-436\/1528 {
    width: 28.5340314136%
  }

  .xl\:w-566\/1528 {
    width: 37.0418848168%
  }

  .xl\:px-196\/1920 {
    padding-right: 10.2083333333%;
    padding-left: 10.2083333333%
  }

  .xl\:pl-115\/1760 {
    padding-left: 6.5340909091%
  }

  .xl\:mt-24 {
    margin-top: 24px
  }

  .xl\:mt-32 {
    margin-top: 32px
  }

  .xl\:pr-105 {
    padding-right: 105px
  }

  .xl\:pr-90 {
    padding-right: 90px
  }

  .xl\:pb-140 {
    padding-bottom: 140px
  }

  .xl\:pl-120 {
    padding-left: 120px
  }

  .xl\:px-40 {
    padding-inline: 40px
  }

  .xl\:px-80 {
    padding-inline: 80px
  }

  .xl\:text-16ptr {
    font-size: 1rem
  }

  .xl\:text-20ptr {
    font-size: 1.25rem
  }

  .xl\:text-28ptr {
    font-size: 1.75rem
  }

  .xl\:text-32ptr {
    font-size: 2rem
  }

  .xl\:text-44ptr {
    font-size: 2.75rem
  }

  .xl\:gap-48 {
    gap: 48px
  }

  .xl\:min-h-750 {
    min-height: 750px
  }

  .xl\:w-520 {
    width: 520px
  }

  .xl\:w-68 {
    width: 68px
  }

  .xl\:right-40 {
    right: 40px
  }

  .xl\:bottom-40 {
    bottom: 40px
  }

  .xl\:left-40 {
    left: 40px
  }

  .p-students .p-students__inner {
    padding: 3.2% 10.2083333333%
  }

  .p-students .p-students__messageArea {
    padding-inline: 80px
  }

  .p-students .p-students__policyArea .p-students__inner {
    padding: 3.2% 8.208333% 3.2% 10.2083333333%
  }


      .p-collab .p-collab__university .p-collab__university__list {
     gap: 24px;
  }

    .p-collab .p-collab__university .p-collab__university__block .p-collab__university__block__profile .p-collab__university__block__profile__inner {
        padding: 10px 32px 24px;
      }  

        .p-collab .p-collab__university .p-collab__university__block .p-collab__university__block__profile .p-collab__university__block__profile__name {
    font-size: 32px;
    margin-bottom: 16px;
  }


}

@media (min-width:1600px) {
  .container {
    max-width: 1600px
  }

  .\32 xl\:mt-4 {
    margin-top: 4px
  }

  .\32 xl\:text-22ptr {
    font-size: 1.375rem
  }

  .\32 xl\:w-392 {
    width: 392px
  }

  .js-scroll-scale {
    --base-scale: 0.6
  }
}

@media (max-width:1439.9px) {
  .max-xl\:right-0 {
    right: 0
  }
}

@media screen and (max-width:1439px) {

  .p-archives .p-archives__container,
  .p-collab .p-archives__container {
    padding-right: 20px;
    padding-left: 20px
  }
}

@media (max-width:1279.9px) {
  .max-2lg\:w-100 {
    width: 100px
  }

  .max-2lg\:w-42 {
    width: 42px
  }

  .max-2lg\:w-47 {
    width: 47px
  }

  .max-2lg\:w-76 {
    width: 76px
  }
}

@media (max-width:1023.9px) {
  .max-lg\:hidden {
    display: none
  }

  .max-lg\:border-t {
    border-top-width: 1px
  }

  .max-lg\:bg-green-bg\/70 {
    background-color: rgb(53 125 20/.7)
  }

  .max-lg\:backdrop-blur-sm {
    --un-backdrop-blur: blur(4px);
    -webkit-backdrop-filter: var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);
    backdrop-filter: var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)
  }

  .max-lg\:pt-41 {
    padding-top: 41px
  }

  .p-students .p-students__careerPathArea .p-students__careerPathList {
    grid-template-columns: repeat(3, 1fr)
  }
}

@media (max-width:781.9px) {
  .max-md\:mx-auto {
    margin-right: auto;
    margin-left: auto
  }

  .max-md\:mt-auto {
    margin-top: auto
  }

  .max-md\:before\:block::before {
    display: block
  }

  .max-md\:hidden {
    display: none
  }

  .max-md\:before\:aspect-748\/863::before {
    aspect-ratio: 748/863
  }

  .max-md\:h-100svh {
    height: 100svh
  }

  .max-md\:w-264\/335 {
    width: 78.8059701493%
  }

  .max-md\:w-auto {
    width: auto
  }

  .max-md\:flex-col {
    flex-direction: column
  }

  .max-md\:before\:content-\[\'\'\]::before {
    content: ""
  }

  .max-md\:line-clamp-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
  }

  .max-md\:mt-1 {
    margin-top: 1px
  }

  .max-md\:mt-26 {
    margin-top: 26px
  }

  .max-md\:mt-4 {
    margin-top: 4px
  }

  .max-md\:mt-51 {
    margin-top: 51px
  }

  .max-md\:mt-60 {
    margin-top: 60px
  }

  .max-md\:ml-20 {
    margin-left: 20px
  }

  .max-md\:before\:mx-20::before {
    margin-inline: 20px
  }

  .max-md\:pt-16 {
    padding-top: 16px
  }

  .max-md\:pt-20 {
    padding-top: 20px
  }

  .max-md\:pt-38 {
    padding-top: 38px
  }

  .max-md\:pb-19 {
    padding-bottom: 19px
  }

  .max-md\:pb-60 {
    padding-bottom: 60px
  }

  .max-md\:px-20 {
    padding-inline: 20px
  }

  .max-md\:px-22 {
    padding-inline: 22px
  }

  .max-md\:px-25 {
    padding-inline: 25px
  }

  .max-md\:px-30 {
    padding-inline: 30px
  }

  .max-md\:py-14 {
    padding-block: 14px
  }

  .max-md\:py-20 {
    padding-block: 20px
  }

  .max-md\:h-0 {
    height: 0
  }

  .max-md\:h-59 {
    height: 59px
  }

  .max-md\:w-214 {
    width: 214px
  }

  .max-md\:w-256 {
    width: 256px
  }

  .max-md\:w-300 {
    width: 300px
  }

  .max-md\:w-524 {
    width: 524px
  }

  .max-md\:before\:max-w-500::before,
  .max-md\:max-w-500 {
    max-width: 500px
  }

  .max-md\:-right-13 {
    right: -13px
  }

  .max-md\:-right-18 {
    right: -18px
  }

  .js-scroll-scale__itemBody {
    min-width: 100vh;
    min-height: 100vw
  }

  .js-area-parallax__item.is-mobile-half {
    --y: var(--position-half)
  }

  .js-area-parallax__item.is-mobile-rev {
    --y: var(--position-rev)
  }

  .js-area-parallax__item.is-mobile-half-rev {
    --y: calc(var(--position-half-rev) * 0.5)
  }

  .js-sticky-obj__item {
    --mt: 0;
    margin-top: var(--mt)
  }

  .splide--pickup .splide__list:has(:nth-child(2)) .splide__slide:not(:last-child) {
    padding-right: 20px;
    border-right: 1px solid #e0e0e0
  }
}

@media screen and (max-width:781px) {
  .p-archives .p-archives__container {
    padding-right: 15px;
    padding-left: 15px
  }

  .p-archives .p-archives__mainTitle__wrapper {
    padding: 150px 0 100px;
    background-position: 80% 80%;
    background-size: 50vw
  }

  .p-archives .p-archives__mainTitle-en span,
  .p-collab .p-archives__mainTitle-en span {
    font-size: 48px
  }

  .p-archives .p-archives__mainTitle-en span::first-letter,
  .p-collab .p-archives__mainTitle-en span::first-letter {
    font-size: 60px
  }

  .p-archives .p-archives__mainTitle-jp {
    font-size: 18px
  }

  .p-collab .p-archives__container {
    padding-right: 15px;
    padding-left: 15px
  }

  .p-collab .p-archives__mainTitle__wrapper {
    padding: 150px 0 100px;
    background-position: 80% 80%;
    background-size: 50vw
  }

  .p-collab .p-archives__mainTitle-jp {
    font-size: 18px
  }


.p-collab__linkList {
  margin: 24px auto 0;
  gap: 10px 16px;
}

.p-collab__linkList li {
  width: 100%;
}

.p-collab__linkList li a {
  height: 50px;
  border-radius: 25px;
}

}

@media (max-width:639.9px) {
  .p-students .p-students__careerPathArea .p-students__careerPathList {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media (any-hover:hover) {
  .hover\:bg-white:hover {
    --un-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--un-bg-opacity))
  }

  .hover\:text-black:hover {
    --un-text-opacity: 1;
    color: rgb(46 38 36/var(--un-text-opacity))
  }

  .hover\:text-blue-lt:hover {
    --un-text-opacity: 1;
    color: rgb(32 77 192/var(--un-text-opacity))
  }

  .hover\:text-white:hover {
    --un-text-opacity: 1;
    color: rgb(255 255 255/var(--un-text-opacity))
  }

  .group:hover .group-hover\:opacity-0 {
    opacity: 0
  }

  .hv-op:hover {
    opacity: .7
  }

  .hover\:before\:translate-x-0:hover::before {
    transform: translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));
    --un-translate-x: 0px
  }

  .p-students .p-students__btn:hover,
  .p-students__btn:hover {
    color: #fff;
    transition: color .3s
  }

  .p-students .p-students__btn:hover .p-students__btnBg,
  .p-students__btn:hover .p-students__btnBg {
    width: 100%;
    clip-path: polygon(6%0, 94%0, 100% 50%, 94% 100%, 6% 100%, 0 50%);
    transition: clip-path 0ms, width 250ms
  }

  .navigation .wp-pagenavi .nextpostslink:hover,
  .navigation .wp-pagenavi .page:hover,
  .navigation .wp-pagenavi .previouspostslink:hover {
    color: #fff
  }

  .navigation .wp-pagenavi .nextpostslink:hover::before,
  .navigation .wp-pagenavi .previouspostslink:hover::before {
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.92969%2017.416L13.5651%209.99774L8.92969%202.58279%22%20stroke%3D%22%23fff%22%20stroke-miterlimit%3D%2210%22%2F%3E%3C%2Fsvg%3E)
  }

  .navigation .wp-pagenavi .nextpostslink:hover::after,
  .navigation .wp-pagenavi .page:hover::after,
  .navigation .wp-pagenavi .previouspostslink:hover::after {
    opacity: 1
  }
}

@media (hover:hover) and (pointer:fine) {
  @media (any-hover:hover) {

    .navigation .wp-pagenavi .nextpostslink:hover,
    .navigation .wp-pagenavi .page:hover,
    .navigation .wp-pagenavi .previouspostslink:hover {
      color: #fff
    }

    .navigation .wp-pagenavi .nextpostslink:hover::before,
    .navigation .wp-pagenavi .previouspostslink:hover::before {
      background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.92969%2017.416L13.5651%209.99774L8.92969%202.58279%22%20stroke%3D%22%23fff%22%20stroke-miterlimit%3D%2210%22%2F%3E%3C%2Fsvg%3E)
    }

    .navigation .wp-pagenavi .nextpostslink:hover::after,
    .navigation .wp-pagenavi .page:hover::after,
    .navigation .wp-pagenavi .previouspostslink:hover::after {
      opacity: 1
    }
  }
}

@media (prefers-reduced-motion:reduce) {

  *,
  ::after,
  ::backdrop,
  ::before {
    background-attachment: scroll !important;
    animation-duration: 1ms !important;
    animation-delay: 0s !important;
    animation-iteration-count: 1 !important;
    transition-delay: 0s !important;
    transition-duration: 1ms !important
  }
}

@media print {
  .js-anime {
    --opacity: 1
  }
}