@charset "UTF-8";
/*! destyle.css v3.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
*,
::before,
::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}

/* Document */
/* ============================================ */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
* 3. Remove gray overlay on links for iOS.
*/
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -webkit-tap-highlight-color: transparent;
  /* 3*/
}

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

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

/* Vertical rhythm */
/* ============================================ */
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}

/* Headings */
/* ============================================ */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}

/* Lists (enumeration) */
/* ============================================ */
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Lists (definition) */
/* ============================================ */
dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

/* Grouping content */
/* ============================================ */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
}

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

address {
  font-style: inherit;
}

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

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

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

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

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Replaced content */
/* ============================================ */
/**
* Prevent vertical alignment issues.
*/
svg,
img,
embed,
object,
iframe {
  vertical-align: bottom;
}

/* Forms */
/* ============================================ */
/**
* Reset form fields to make them styleable.
* 1. Make form elements stylable across systems iOS especially.
* 2. Inherit text-transform from parent.
*/
button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none;
  /* 1 */
  -moz-appearance: none;
       appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  border-radius: 0;
  text-align: inherit;
  text-transform: inherit;
  /* 2 */
}

/**
* Reset radio and checkbox appearance to preserve their look in iOS.
*/
[type=checkbox] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
       appearance: checkbox;
}

[type=radio] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
       appearance: radio;
}

/**
* Correct cursors for clickable elements.
*/
button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
}

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

/**
* Improve outlines for Firefox and unify style with input elements & buttons.
*/
:-moz-focusring {
  outline: auto;
}

select:disabled {
  opacity: inherit;
}

/**
* Remove padding
*/
option {
  padding: 0;
}

/**
* Reset to invisible
*/
fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
}

legend {
  padding: 0;
}

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

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

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

/**
* 1. Correct the outline style in Safari.
*/
[type=search] {
  outline-offset: -2px;
  /* 1 */
}

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

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

/**
* Clickable labels
*/
label[for] {
  cursor: pointer;
}

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

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

/*
* Remove outline for editable content.
*/
[contenteditable]:focus {
  outline: auto;
}

/* Tables */
/* ============================================ */
/**
1. Correct table border color inheritance in all Chrome and Safari.
*/
table {
  border-color: inherit;
  /* 1 */
  border-collapse: collapse;
}

caption {
  text-align: left;
}

td,
th {
  vertical-align: top;
  padding: 0;
}

th {
  text-align: left;
  font-weight: bold;
}

/*
=========================================================
* サイトの基本設定
=========================================================
*/
html {
  scroll-behavior: smooth;
}
html {
  scroll-behavior: smooth;
}

body {
  position: relative;
  background-color: #FFFCF7;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  overflow-x: hidden;
  line-height: 1.8;
  letter-spacing: 0.06rem;
  color: #333333;
}

main {
  overflow-x: hidden;
  background-color: #FFF8E9;
}

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

video {
  max-width: 100%;
  height: auto;
}

p {
  line-height: 1.8;
  font-size: 16px;
  color: #333;
}
a {
  display: inline-block;
}

a,
tr,
th,
td {
  font-size: 15px;
}
.in-vitro-italic {
  display: inline-block;
  margin: 0 0.3em;
  font-family: "Noto Sans JP";
  font-style: italic;
  font-size: 1.1em;
  font-weight: 400;
}

.in-vitro-italic--bold {
  font-weight: 700;
}

.in-vitro-italic--noMg {
  margin: 0;
}

.in-vitro-selif {
  display: inline-block;
  margin: 0 0.2em;
  font-style: italic;
  font-size: 1.1em;
  font-weight: 400;
}

.l-section {
  margin-bottom: 160px;
}

.l-section--404 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 600px;
}

.l-section--top {
  margin-top: 280px;
}
.l-section-topOrg {
  margin-bottom: 95px;
}

.l-wrap {
  max-width: 1440px;
  padding-left: 40px;
  padding-right: 40px;
  margin: 0 auto;
  width: 100%;
}
.sp-only {
  display: none;
}
.c-topContent {
  margin-bottom: 96px;
}

.c-graph-section {
  /* 方眼紙模様に必須のスタイル */
  margin-bottom: 0;
  padding-bottom: 100px;
  background-image: linear-gradient(0deg, transparent calc(100% - 1px), rgba(238, 212, 212, 0.8) calc(100% - 1px)), linear-gradient(90deg, transparent calc(100% - 1px), rgba(238, 212, 212, 0.8) calc(100% - 1px));
  background-color: #EEEEEE;
  background-size: 16px 16px;
  background-repeat: repeat;
  background-position: center center;
}
.l-section--wh {
  margin-bottom: 0;
  padding-bottom: 100px;
  background-image: linear-gradient(0deg, transparent calc(100% - 1px), rgba(0, 0, 0, 0.08) calc(100% - 1px)), linear-gradient(90deg, transparent calc(100% - 1px), rgba(0, 0, 0, 0.08) calc(100% - 1px));
  background-color: #FFFFFF;
  background-size: 70px 70px;
  background-repeat: repeat;
  background-position: center center;
}
.c-2col {
  display: flex;
  gap: 68px;
}
.c-2col__img {
  flex: 0 0 548px;
}
.c-2col__img img {
  border-radius: 10px;
}

.c-2col__content {
  flex: 1;
}

.c-2col__title {
  margin-bottom: 26px;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.9;
}

.c-2col__title--border-left {
  padding: 20px 0 20px 40px;
  font-weight: 700;
  line-height: 1.5;
}
.c-2col__title--m {
  font-size: 27px;
  letter-spacing: -0.5px;
}
.c-2col__text p {
  margin-bottom: 26px;
  font-size: 16px;
  font-weight: 500;
  line-height: 2.1;
}

.c-2col__text p:last-child {
  margin-bottom: 0;
}

.footer {
  padding-top: 80px;
  background-color: #646464;
}
.footer-bannerWrap {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 37px;
  margin-bottom: 108px;
}
.footer-banner {
  position: relative;
  background-color: #FFFFFF;
  aspect-ratio: 338/100;
}

.footer-banner.purple {
  background-color: #4A3966;
}

.footer-banner::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease-in-out;
}

.footer-banner:hover::after {
  opacity: 0.3;
}

.footer-banner a {
  display: block;
  width: 100%;
  height: 100%;
}

.footer-banner a img {
  -o-object-fit: contain !important;
     object-fit: contain !important;
  max-height: 100%;
  max-width: 100%;
}

.footer-banner a picture {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.footer-banner a picture img {
  -o-object-fit: contain !important;
     object-fit: contain !important;
  max-height: 100%;
  max-width: 100%;
}

.footer-link__outer {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 50px;
  padding-bottom: 60px;
  color: #FFFFFF;
}
.footer-link__right {
  flex: 1;
}
.footer-link__links {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
  gap: 60px;
  height: 100%;
  font-size: 12px;
  color: #B5B5B5;
}
.footer-link__links li a {
  position: relative;
  color: var(--white, #FFF);
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  transition: all 0.3s ease-in-out;
}
.footer-link__links li a span {
  position: absolute;
  top: -15px;
  left: -20px;
  color: var(--white, #FFF);
  font-family: "Alumni Sans";
  font-size: 21px;
  font-style: normal;
  font-weight: 300;
  transition: all 0.3s ease-in-out;
}
.footer-link__links li:hover a {
  position: relative;
  color: #FFAE34;
}

.footer-link__links li:hover a span {
  color: #FFAE34;
}

.footer-link__left__logo {
  display: flex;
  justify-content: center;
}

.footer-copyWrap {
  padding: 15px 0 20px;
  width: 100%;
  color: #B5B5B5;
  font-size: 12px;
  text-align: center;
}
.header-logoWrap {
  display: flex;
  align-items: center;
  gap: 0.625vw;
}
.header-logoImage img {
  width: 4.6875vw;
}
.header-logoText__small {
  padding-bottom: 0.15625vw;
  color: var(--black, #333);
  font-family: "Noto Sans";
  font-size: 0.78125vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.0026041667vw;
}
.header-logoText {
  color: var(--black, #333);
  font-family: "Noto Sans";
  font-size: 1.25vw;
  font-style: normal;
  font-weight: 700;
  line-height: 1.6145833333vw;
}
body.hidden {
  overflow: hidden;
  height: 100%;
}

.footer-link__btmWrap {
  justify-content: space-between;
  align-items: center;
}
header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 2.0833333333vw;
  position: fixed;
  z-index: 2000;
  padding: 0 2.0833333333vw;
  width: 100%;
  top: 0;
  left: 0;
  transition: all 0.5s;
}
header.header-bk {
  background-color: rgba(255, 248, 233, 0.8);
}

header.panel-active {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  min-height: 100vh;
  overflow: auto;
  background-color: #FFFFFF;
}

.header-logoContent {
  padding-top: 0.625vw;
  padding-bottom: 0.625vw;
}
.header-navContent {
  display: flex;
}
.header-navContent__inner {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
}
.header-nav__list {
  display: flex;
  margin-right: 5px;
  gap: 3.125vw;
}
.header-nav__item {
  border-bottom: solid 1px transparent;
}
.header-nav__item#current {
  border-bottom: solid 1px #FFAE34;
}
.header-nav__item#current .header-nav__link {
  color: #FFAE34;
}

.header-nav__item:hover {
  border-bottom: solid 1px #FFAE34;
}

.header-nav__item:hover .header-nav__link {
  color: #FFAE34;
}

.header-nav__link {
  position: relative;
  display: block;
  padding-bottom: 0.625vw;
  color: #333;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 0.9375vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  transition: all 0.3s ease-in-out;
}
.header-nav__link .en {
  display: none;
}
.header-nav__link span:first-child {
  position: absolute;
  top: -1.0416666667vw;
  left: -1.0416666667vw;
  display: block;
  font-family: "Alumni Sans";
  font-size: 1.09375vw;
  font-style: normal;
  font-weight: 300;
  /* 380.952% */
}
.header-nav-spLower {
  display: none;
}
.header-nav-spLower__link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.4778325123dvh 0.8620689655dvh 1.4778325123dvh 0.6157635468dvh;
  border-radius: 3px;
  border: solid 1px #818180;
  font-size: 1.8472906404dvh;
}

.header-nav-spLower__link .no {
  display: inline-block;
  transform: rotate(270deg);
  margin-right: 0.6157635468dvh;
}

.header-nav-spLower__link .no.pink {
  color: #F77C99;
}

.header-nav-spLower__link .no.blue {
  color: #9CC7F4;
}

.header-nav-spLower__link .no.green {
  color: #9FE590;
}

.header-nav-spLower__link .no.yellow {
  color: #FFD660;
}

.header-nav-spLower__link .en {
  display: inline-block;
  margin-left: 1.2315270936dvh;
  color: #818180;
  font-family: "Alumni Sans";
  font-size: min(14px, 2.2167487685dvh);
  font-style: italic;
  font-weight: 500;
  line-height: normal;
  opacity: 0.3;
}

.header-nav-spLower__link::after {
  content: "";
  display: flex;
  width: 0.9852216749dvh;
  height: 1.9704433498dvh;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='23' viewBox='0 0 13 23' fill='none'%3E%3Cpath d='M10.6065 11.3132L-7.55191e-05 0.706643L0.707031 -0.000463486L12.0207 11.3132L0.707031 22.627L-7.55191e-05 21.9198L10.6065 11.3132Z' fill='%23818180'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.header-btnWrap {
  display: flex;
}
.header-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 7.1875vw;
}
.header-btn p {
  font-size: 0.7291666667vw;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  line-height: 1;
}
.header-btn--rd {
  position: relative;
  background: linear-gradient(107deg, #FF0014 8.78%, #FF5E00 91.22%);
  pointer-events: none;
}

.header-btn--rd::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.65;
  transition: opacity 0.3s ease-in;
}
.header-btn--bk {
  background-color: #818180;
}
.header-btn__sm {
  font-size: 0.5208333333vw;
  letter-spacing: -0.0052083333vw;
}
.header-visualWrap {
  position: relative;
  height: 19.7916666667vw;
}
.header-visual__video {
  position: absolute;
  top: 0;
  left: 0;
  height: 19.7916666667vw;
  width: 100%;
  overflow: hidden;
}
.header-visual__video::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, rgb(29, 29, 29) 0%, rgba(29, 29, 29, 0.5) 65%, rgba(29, 29, 29, 0.5) 100%);
}

.header-visual__video video {
  width: 100%;
}
.header-visual {
  position: absolute;
  padding-top: 74px;
  padding-bottom: 68px;
  height: 19.7916666667vw;
  background-position: right;
  background-size: contain;
  background-repeat: no-repeat;
}
.header-visual__inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 40px;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  max-width: 100%;
  height: 100%;
}
.header-visual__headingWrap {
  flex: 0 1 auto;
  padding-left: 2.7604166667vw;
}
.header-visual__txtWrap {
  flex: 0 1 596px;
}
.header-visual__heading1--top {
  margin-bottom: 0.5208333333vw;
  font-family: "Geist", sans-serif;
  font-weight: 700;
  font-size: 68px;
  letter-spacing: -0.1041666667vw;
  line-height: 1.1;
  background: linear-gradient(107deg, #FF0014 8.78%, #FF5E00 91.22%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}
.header-visual__heading1--rubi {
  margin-bottom: 10px;
  color: #FFFFFF;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 22px;
  line-height: 1.1;
  display: inline-block;
}
.header-visual__heading1 {
  color: #FFFFFF;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 29px;
  line-height: 1.1;
  display: inline-block;
}
.header-visual__ttl {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 24px;
  line-height: normal;
}
.header-visual__txt {
  font-size: 14px;
}

@keyframes ani_text_loop {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
.ani_textloop {
  position: relative;
  display: flex;
  align-items: center;
  white-space: nowrap;
  max-width: 100vw;
  overflow: hidden;
}

.ani_textloop__wrap {
  display: flex;
  align-items: center;
  will-change: transform;
  transform: translateX(0);
  animation: ani_text_loop 40s 0s linear infinite normal;
  padding-right: 2.6041666667vw;
}
.ani_textloop__txt {
  display: inline-flex;
  align-items: center;
  line-height: 1;
  flex-shrink: 0;
  gap: 0 1.3020833333vw;
  font-family: "Alumni Sans";
  font-size: 11.0416666667vw;
  font-style: italic;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.11);
}
.big-message--footer {
  margin-bottom: 60px;
}

html,
body {
  margin: 0;
  padding: 0;
  min-height: 100%;
  background: #faf8f2;
}

body {
  overflow-x: hidden;
}

main {
  position: relative;
}

.l-section {
  position: relative;
}

.contents {
  position: relative;
  z-index: 10;
  padding: 200px 10%;
}

.bg-blobs {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 0;
}

.bg-blobs--top {
  height: calc(100% - 100vh - 850px);
  top: calc(100vh + 850px);
}

.blob {
  position: absolute;
  display: block;
  background: #FCEDD0;
  opacity: 0.7;
  opacity: 1;
  filter: blur(40px);
  will-change: transform, border-radius;
  transform-origin: center center;
}

.bread-section {
  position: absolute;
  top: 19.6875vw;
  margin-bottom: 0;
}
.breadcrumb {
  color: #818180;
  display: block;
}
.breadcrumbs {
  text-align: left;
}
.breadcrumbs a[typeof=WebPage] {
  color: #6C6C6C;
}

.breadcrumbs span {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 400;
}
.breadcrumbs span.current-item {
  color: #818180;
  opacity: 0.3;
}

.breadcrumbSpan {
  display: inline-block;
  position: relative;
  margin: 0 16px;
}

.breadcrumbSpan::before, .breadcrumbSpan::after {
  display: block;
  position: absolute;
  top: calc(50% - 6px);
  right: 0;
  content: "";
  width: 6px;
  height: 1px;
  background: currentColor;
  transform: rotate(40deg);
  transform-origin: calc(100% - 0.5px) 50%;
}

.breadcrumbSpan::after {
  transform: rotate(-40deg);
}

.breadcrumb .delimiter {
  display: inline-block;
  margin: 0 10px;
  width: 11.3px;
  height: 11.3px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='23' viewBox='0 0 13 23' fill='none'%3E%3Cpath d='M10.6065 11.3132L-7.55191e-05 0.706643L0.707031 -0.000463486L12.0207 11.3132L0.707031 22.627L-7.55191e-05 21.9198L10.6065 11.3132Z' fill='%23818180'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
}

.c-button-box {
  display: flex;
  justify-content: flex-end;
}

.c-button {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  padding: 21px 21px;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 358px;
  border: 1px solid #818180;
  border-radius: 3px;
  background-color: white;
  transition: background-color 0.3s ease-in-out;
}
.c-button--topOrganization {
  padding: 13px 10px;
  color: #818180;
  font-family: "Noto Sans JP";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 35px;
  /* 194.444% */
  min-width: 400px;
}
.c-button--topAchevements {
  background-color: rgba(255, 255, 255, 0.85);
}

.c-button::after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='23' viewBox='0 0 13 23' fill='none'%3E%3Cpath d='M10.6065 11.3132L-7.55191e-05 0.706643L0.707031 -0.000463486L12.0207 11.3132L0.707031 22.627L-7.55191e-05 21.9198L10.6065 11.3132Z' fill='%23818180'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.c-button:hover {
  background-color: #FFEACA;
  border: solid 1px transparent;
}

.c-button:hover.c-button--topOrganization {
  background-color: white;
}

.top-reserch:hover .c-button.c-button--topAchevements {
  background-color: rgb(255, 234, 202);
}

.top-reserch:hover .c-button.c-button--topAchevements > span {
  transform: scale(1.07, 1.5);
  opacity: 1;
}

.c-button > span {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

.c-button:hover > span {
  transform: scale(1.07, 1.5);
  opacity: 1;
}

.top-organization__card:hover .c-button {
  border: solid 1px #818180;
}

.top-organization__card:hover .c-button > span {
  transform: scale(1.07, 1.5);
  opacity: 1;
}
.c-button > span::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cline x1='15.41' y1='5.67' x2='0.59' y2='5.67' stroke='%23818180'/%3E%3Cline x1='11.24' y1='13.33' x2='11.24' y2='2.67' stroke='%23818180'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transform: scale(-1, -1);
}

.c-button > span::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cline x1='15.41' y1='5.67' x2='0.59' y2='5.67' stroke='%23818180'/%3E%3Cline x1='11.24' y1='13.33' x2='11.24' y2='2.67' stroke='%23818180'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.c-button-inner {
  position: relative;
}

.c-button-inner__verHeadding {
  display: inline-block;
  transform: rotate(270deg) translate(0, -5px);
}

.c-button-inner__verHeadding.pink {
  color: #F77C99;
}

.c-button-inner__verHeadding.blue {
  color: #9CC7F4;
}

.c-button-inner__verHeadding.green {
  color: #9FE590;
}

.c-button-inner__verHeadding.yellow {
  color: #FFD660;
}

.c-button-inner__en {
  display: inline-block;
  margin-left: 10px;
  margin-right: 20px;
  color: #818180;
  font-family: "Alumni Sans";
  font-size: 24px;
  font-style: italic;
  font-weight: 500;
  line-height: normal;
  opacity: 0.3;
}

.js_inview fadeup {
  opacity: 0;
  transform: translateY(40px);
}

.openBtn {
  display: none;
}
.openBtn_inner span {
  display: inline-block;
  transition: all 0.4s;
  position: absolute;
  left: 0;
  height: 2px;
  border-radius: 2px;
  background-color: #818180;
  width: 100%;
}

.openBtn_inner span:nth-of-type(1) {
  top: 0;
}

.openBtn_inner span:nth-of-type(2) {
  top: 50%;
  transform: translateY(-50%);
  bottom: 0;
}

.openBtn_inner span:nth-of-type(3) {
  bottom: 0;
}

/*activeクラスが付与されると線が回転して×に*/
.openBtn.active span:nth-of-type(1) {
  transform: rotate(-30deg);
  top: 6px;
}

.openBtn.active span:nth-of-type(2) {
  opacity: 0;
  transform: rotate(30deg);
  bottom: 5px;
  /*真ん中の線は透過*/
}

.openBtn.active span:nth-of-type(3) {
  transform: rotate(30deg);
  bottom: 6px;
}

[data-delay="0.1s"] {
  transition-delay: 0.1s;
}

[data-delay="0.2s"] {
  transition-delay: 0.2s;
}

[data-delay="0.3s"] {
  transition-delay: 0.3s;
}

[data-delay="0.4s"] {
  transition-delay: 0.4s;
}

[data-delay="0.5s"] {
  transition-delay: 0.5s;
}

[data-delay="0.6s"] {
  transition-delay: 0.6s;
}

[data-delay="0.7s"] {
  transition-delay: 0.7s;
}

[data-delay="0.8s"] {
  transition-delay: 0.8s;
}

[data-delay="0.9s"] {
  transition-delay: 0.9s;
}

[data-delay="1s"] {
  transition-delay: 1s;
}

[data-delay="1.1s"] {
  transition-delay: 1.1s;
}

[data-delay="1.2s"] {
  transition-delay: 1.2s;
}

[data-delay="1.3s"] {
  transition-delay: 1.3s;
}

[data-delay="1.4s"] {
  transition-delay: 1.4s;
}

[data-delay="1.5s"] {
  transition-delay: 1.5s;
}

[data-delay="1.6s"] {
  transition-delay: 1.6s;
}

[data-delay="1.7s"] {
  transition-delay: 1.7s;
}

[data-delay="1.8s"] {
  transition-delay: 1.8s;
}

[data-delay="1.9s"] {
  transition-delay: 1.9s;
}

[data-delay="2s"] {
  transition-delay: 2s;
}

[data-delay="2.1s"] {
  transition-delay: 2.1s;
}

[data-delay="2.2s"] {
  transition-delay: 2.2s;
}

[data-delay="2.3s"] {
  transition-delay: 2.3s;
}

[data-delay="2.4s"] {
  transition-delay: 2.4s;
}

[data-delay="2.5s"] {
  transition-delay: 2.5s;
}

[data-delay="2.6s"] {
  transition-delay: 2.6s;
}

[data-delay="2.7s"] {
  transition-delay: 2.7s;
}

[data-delay="2.8s"] {
  transition-delay: 2.8s;
}

[data-delay="2.9s"] {
  transition-delay: 2.9s;
}

[data-delay="3s"] {
  transition-delay: 3s;
}

[data-delay="3.1s"] {
  transition-delay: 3.1s;
}

[data-delay="3.2s"] {
  transition-delay: 3.2s;
}

[data-delay="3.3s"] {
  transition-delay: 3.3s;
}

[data-delay="3.4s"] {
  transition-delay: 3.4s;
}

[data-delay="3.5s"] {
  transition-delay: 3.5s;
}

.js_inview[data-interaction="1s"] {
  transition-duration: 1s;
}

.js_inview[data-interaction="1.5s"] {
  transition-duration: 1.5s;
}

.js_inview[data-interaction="2s"] {
  transition-duration: 2s;
}

.js_inview {
  opacity: 0;
  transition-property: opacity, transform;
  transition-timing-function: ease-out;
  transition-duration: 1s;
}

.fadeup {
  transform: translate3d(0, 50px, 0);
}

.fadedown {
  transform: translate3d(0, -50px, 0);
}

.faderight {
  transform: translate3d(100%, 0, 0);
}

.fadeupright {
  transform: translate3d(100%, -100%, 0);
}

.fadeleft {
  transform: translate3d(-100%, 0, 0);
}

.fadeupleft {
  transform: translate3d(-100%, -100%, 0);
}

.is_show.js_inview {
  opacity: 1;
  transform: none !important;
}

.wp-pagenavi {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-top: 80px;
  text-align: center;
}
.wp-pagenavi .pages,
.wp-pagenavi .page,
.wp-pagenavi .current {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.wp-pagenavi .page,
.wp-pagenavi .current {
  width: 60px;
  height: 60px;
  border-radius: 3px;
  border: 1px solid var(--glay, #818180);
  background: rgba(255, 255, 255, 0.85);
}

.wp-pagenavi .current {
  border: 1px solid var(--white, #FFF);
  background: var(--glay, #818180);
  color: white;
}

.wp-pagenavi .page {
  transition: all 0.3s ease-in-out;
}

.wp-pagenavi .page:hover {
  border: 1px solid var(--white, #FFF);
  background: #818180;
  color: white;
}

.wp-pagenavi .pages {
  display: none;
}

.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  border: none;
  color: transparent;
}

.wp-pagenavi .previouspostslink::after {
  content: "";
  display: block;
  width: 8px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='23' viewBox='0 0 13 23' fill='none'%3E%3Cpath d='M10.6065 11.3132L-7.55191e-05 0.706643L0.707031 -0.000463486L12.0207 11.3132L0.707031 22.627L-7.55191e-05 21.9198L10.6065 11.3132Z' fill='%23818180'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transform: scaleX(-1);
}

.wp-pagenavi .nextpostslink::before {
  content: "";
  display: block;
  width: 8px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='23' viewBox='0 0 13 23' fill='none'%3E%3Cpath d='M10.6065 11.3132L-7.55191e-05 0.706643L0.707031 -0.000463486L12.0207 11.3132L0.707031 22.627L-7.55191e-05 21.9198L10.6065 11.3132Z' fill='%23818180'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.news-single-nav-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 70px;
  padding-top: 40px;
  border-top: solid 1px #818180;
}
.news-single-nav-wrap .news-backBtn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px 15px;
  min-width: 267px;
  height: 60px;
  border-radius: 3px;
  border: 1px solid #818180;
  background: rgba(255, 255, 255, 0.85);
  transition: all 0.3s ease-in-out;
}

.news-single-nav-wrap .news-backBtn:hover {
  background: var(--glay, #FFEACA);
}
.news-single-nav-wrap .prev > a,
.news-single-nav-wrap .next > a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border: none;
  transition: all 0.3s ease-in-out;
}

.news-single-nav-wrap .prev:hover > a,
.news-single-nav-wrap .next:hover > a {
  color: #FFAE34;
}

.news-single-nav-wrap .prev > a::before,
.news-single-nav-wrap .next > a:after {
  content: "";
  display: block;
  width: 8px;
  height: 16px;
  background-color: #818180;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 23'%3E%3Cpath d='M10.6065 11.3132L-7.55191e-05 0.706643L0.707031 -0.000463486L12.0207 11.3132L0.707031 22.627L-7.55191e-05 21.9198L10.6065 11.3132Z'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 23'%3E%3Cpath d='M10.6065 11.3132L-7.55191e-05 0.706643L0.707031 -0.000463486L12.0207 11.3132L0.707031 22.627L-7.55191e-05 21.9198L10.6065 11.3132Z'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  transition: background-color 0.3s ease-in-out;
}

.news-single-nav-wrap .prev:hover > a::before,
.news-single-nav-wrap .next:hover > a:after {
  background-color: #FFAE34;
}

.news-single-nav-wrap .prev > a:before {
  transform: scaleX(-1);
}

.news-single-nav-wrap .dummy {
  display: inline-block;
  width: 60px;
  height: 60px;
}

.c-haading {
  position: relative;
  align-items: baseline;
  display: flex;
  gap: 12px;
  padding-left: 70px;
  color: #333;
  font-family: "Noto Sans JP";
  font-size: 48px;
  font-style: normal;
  font-weight: 500;
  line-height: 35px;
}
.c-haading__en {
  color: #818180;
  font-family: "Alumni Sans";
  font-size: 34px;
  font-style: italic;
  font-weight: 500;
  line-height: normal;
  opacity: 0.3;
}
.c-heading__num {
  position: absolute;
  top: -91px;
  left: 0;
  color: #FFAE34;
  font-family: "Alumni Sans";
  font-size: 71px;
  font-style: normal;
  font-weight: 300;
  line-height: 80px;
}
.c-heading__num--gray {
  color: #818180;
}

.c-heading__num::after {
  content: "";
  position: absolute;
  top: 0;
  right: -15px;
  display: block;
  width: 93px;
  height: 93px;
  border-right: solid 1px #FFAE34;
  transform: rotate(45deg);
}
.c-heading__num--gray::after {
  border-right: solid 1px #818180;
}

.c-heading--wh {
  color: white;
}

.c-heading--wh .c-haading__en {
  color: white;
}

.c-heading--wh .c-heading__num {
  color: white;
}

.c-heading--wh .c-heading__num::after {
  border-right: solid 1px white;
}

.c-headerng-midium {
  color: #333;
  font-family: "Noto Sans JP";
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 35px;
  /* 87.5% */
}
.c-haading-midium__en {
  display: inline-block;
  margin-left: 12px;
  color: #818180;
  font-family: "Alumni Sans";
  font-size: 24px;
  font-style: italic;
  font-weight: 500;
  line-height: normal;
  opacity: 0.3;
}

.c-headerng-midium__group {
  display: inline-block;
  padding-top: 5px;
  transform: rotate(270deg) translate(3px, -5px);
  font-family: "Alumni Sans";
  font-size: 38px;
  font-style: normal;
  font-weight: 500;
}
.c-headerng-midium__group.pink {
  color: #F77C99;
  border-top: solid 1px #F77C99;
}

.c-headerng-midium__group.blue {
  color: #9CC7F4;
  border-top: solid 1px #9CC7F4;
}

.c-headerng-midium__group.green {
  color: #9FE590;
  border-top: solid 1px #9FE590;
}

.c-headerng-midium__group.yellow {
  color: #FFD660;
  border-top: solid 1px #FFD660;
}

.c-headerng-midium__group.ex {
  margin-right: 15px;
  color: var(--black, #333);
  border-top: solid 1px #333;
  transform: rotate(270deg) translate(0px, 2px);
}

.c-headerWrap {
  margin-bottom: 70px;
}
.c-headerWrap--withBreadCrumb {
  display: flex;
  justify-content: space-between;
}
.c-header__breadWrap {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.c-textBox {
  padding-top: 50px;
  padding-left: 70px;
  margin-bottom: 60px;
}
.c-textBox--noMgLeft {
  padding-left: 0;
}

.c-textBox p {
  margin-bottom: 40px;
  line-height: 2.125;
}

.c-textBox p:last-child {
  margin-bottom: 0;
}
.c-textBox--wh {
  color: white;
}

.c-textBox--wh * {
  color: white;
}

.c-textBox--mb20px {
  padding-bottom: 20px;
}

.u-mb0 {
  margin-bottom: 0;
}

.u-mb8 {
  margin-bottom: 8px;
}

.u-mb16 {
  margin-bottom: 16px;
}
.u-mb24 {
  margin-bottom: 24px;
}
.u-mb32 {
  margin-bottom: 32px;
}
.u-mb40 {
  margin-bottom: 40px;
}
.u-mb56 {
  margin-bottom: 56px;
}
.u-mb64 {
  margin-bottom: 64px;
}
.u-mb80 {
  margin-bottom: 80px;
}
.u-mb120 {
  margin-bottom: 120px;
}
.u-pt160 {
  padding-top: 160px;
}
.u-pt80 {
  padding-top: 80px;
}
.u-pb160 {
  padding-bottom: 160px;
}
.u-pb80 {
  padding-bottom: 80px;
}
.u-pb0 {
  padding-bottom: 0;
}
.areas__image {
  margin: 0 100px;
  padding: 32px 57px;
  background-color: white;
}
.areas__image img {
  width: 100%;
}

.areas-goals {
  margin-bottom: 80px;
  padding-top: 57px;
}
.area-goal {
  margin-bottom: 45px;
}

.areas-goal-text {
  margin-bottom: 20px;
  color: #333;
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 2.125;
}

.area-goal-heading {
  margin-bottom: 7px;
  color: var(--black, #333);
  font-family: "Noto Sans JP";
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 34px;
  /* 154.545% */
}

.area-goal-heading > span {
  display: inline-block;
  transform: rotate(270deg) translate(5px, 0);
  font-family: "Noto Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
}

.area-goal-heading > span.pink {
  border-top: solid 1px #F77C99;
  color: #F77C99;
}

.area-goal-heading > span.blue {
  border-top: solid 1px #9CC7F4;
  color: #9CC7F4;
}

.area-goal-heading > span.green {
  border-top: solid 1px #9FE590;
  color: #9FE590;
}

.area-goal-heading > span.yellow {
  border-top: solid 1px #FFD660;
  color: #FFD660;
}

.area-groups {
  padding-top: 120px;
  padding-bottom: 160px;
  display: flex;
  flex-direction: column;
  gap: 78px;
}
.area-group {
  display: flex;
  gap: 33px;
}
.area-group__image {
  flex: 0 0 503px;
}
.area-group__image img {
  border-radius: 3px;
}
.area-group__contents {
  flex: 1;
}

.area-group__headingWrap {
  padding-top: 20px;
  margin-bottom: 20px;
}

.area-group__title {
  margin-bottom: 20px;
  color: #333;
  font-family: "Noto Sans JP";
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
}
.area-group__members {
  margin-bottom: 20px;
}

.area-group__members li {
  margin-bottom: 7px;
  color: #818180;
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
}

.area-group__text p {
  margin-bottom: 12px;
  line-height: 1.9;
}

.fofWrap {
  text-align: center;
}

.c-btnWrap-404 {
  display: flex;
  justify-content: center;
  padding-top: 80px;
}

.news-list-wrap {
  position: relative;
  display: flex;
}
.news-category-columnWrap {
  flex: 0 0 313px;
  position: sticky;
  top: 0;
  left: 0;
}

.news-category-columnTitle {
  margin-bottom: 30px;
  padding-left: 10px;
  height: 42px;
  border-left: solid 2px #333;
  color: #333;
  font-family: "Noto Sans JP";
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
}
.news-category-column {
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding-left: 18px;
}
.news-category-column li a {
  color: #818180;
  font-family: "Noto Sans JP";
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 34px;
  transition: all 0.3s ease-in-out;
}
.news-category-column li.current a {
  color: #FFAE34;
}

.news-category-column li:hover a {
  color: #FFAE34;
}

.news-list {
  flex: 1;
}

.news-list--achievements {
  padding-left: 175px;
}
.news-list__item {
  padding-bottom: 20px;
  margin-bottom: 50px;
  border-bottom: solid 1px #B0B0B0;
  color: #818180;
}
.news-list-inner {
  display: flex;
  min-width: 0;
  min-height: 0;
  gap: 38px;
}
.news-list__image {
  flex: 0 0 290px;
  aspect-ratio: 290/214;
  overflow: hidden;
  min-width: 0;
  min-height: 0;
}
.news-list__item .news-list__imageInner {
  transition: all 0.3s ease-in-out;
  will-change: transform;
}

.news-list__item:hover .news-list__imageInner {
  transform: scale(1.1);
}

.news-list__item .news-list__title {
  transition: all 0.3s ease-in-out;
}

.news-list__item:hover .news-list__title {
  color: #818180;
}

.news-list__image img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 3px;
}
.news-list__contents {
  flex: 1;
}

.news-list__upper {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-bottom: 10px;
}

.news-date {
  color: #818180;
  font-family: "Alumni Sans";
  font-size: 25px;
  font-style: italic;
  font-weight: 500;
  line-height: normal;
  opacity: 0.5;
}
.news-categories {
  display: flex;
  gap: 15px;
}

.news-categories > span {
  display: inline-flex;
  padding: 11px 20px;
  border-radius: 3px;
  color: var(--white, #FFF);
  font-family: "Noto Sans JP";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
}

.news-categories > span.info {
  background-color: #9FE590;
}

.news-categories > span.activity {
  background-color: #FFD660;
}

.news-categories > span.work {
  background-color: #FFAE34;
}

.news-categories > span.event {
  background-color: #F77C99;
}

.news-categories > span.no-cat {
  color: #818180;
  border: solid 1px #818180;
}
.news-list__title {
  color: var(--black, #333);
  font-family: "Noto Sans JP";
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 38px;
  /* 158.333% */
}

.news-heading2 {
  margin-bottom: 40px;
  color: var(--black, #333);
  font-family: "Noto Sans JP";
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 38px;
  /* 158.333% */
}
.news-single-wrap {
  margin: 0 auto;
  max-width: 1089px;
}

.news-wpContent {
  margin-bottom: 80px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 2.1;
}

.news-single__top {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-bottom: 10px;
}

.news-keyImage {
  text-align: center;
  margin-bottom: 40px;
}

.news-keyImage img {
  min-width: 640px;
  min-width: min(100%, 640px);
}

.news-wpContent p {
  color: #333;
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 200%;
}

.news-wpContent .wp-block-image {
  margin-bottom: 24px;
}

.news-wpContent h1,
.news-wpContent h2,
.news-wpContent h3,
.news-wpContent h4,
.news-wpContent h5,
.news-wpContent h6,
.news-wpContent p,
.news-wpContent ul,
.news-wpContent ol,
.news-wpContent a {
  margin-bottom: 24px;
}
.news-wpContent h1,
.news-wpContent h2 {
  font-weight: 500;
  font-size: 32px;
}
.news-wpContent h3 {
  font-weight: 500;
  font-size: 24px;
}
.news-wpContent h4 {
  font-weight: 500;
  font-size: 18px;
}

.news-wpContent ul li {
  list-style: disc;
  list-style-position: inside;
}

.news-wpContent ol li {
  list-style: decimal;
  list-style-position: inside;
}

.news-wpContent a {
  color: blue;
  border-bottom: solid 1px;
}

.organization-group {
  margin-bottom: 121px;
}

.organization-group__headingWrap {
  margin-bottom: 30px;
}

.organization-group__intro {
  margin-bottom: 40px;
  color: #333;
  font-family: "Noto Sans JP";
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 34px;
  /* 154.545% */
}

.organization-cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 26px;
}
.organization-card {
  position: relative;
  background-color: white;
  border-radius: 3px;
  border: solid 1px #818180;
  transition: all 0.3s ease-in-out;
}

.organization-card > span {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

.organization-card:hover > span {
  transform: scale(1.05, 1.1);
  opacity: 1;
}

.organization-card:hover {
  background-color: #FFEACA;
}

.organization-card > span::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cline x1='15.41' y1='5.67' x2='0.59' y2='5.67' stroke='%23818180'/%3E%3Cline x1='11.24' y1='13.33' x2='11.24' y2='2.67' stroke='%23818180'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transform: scale(-1, -1);
}

.organization-card > span::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cline x1='15.41' y1='5.67' x2='0.59' y2='5.67' stroke='%23818180'/%3E%3Cline x1='11.24' y1='13.33' x2='11.24' y2='2.67' stroke='%23818180'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.organization-card__inner {
  display: flex;
  gap: 23px;
  padding: 15px;
  width: 100%;
  height: 100%;
}
.organization-card__image {
  flex: 0 0 290px;
  min-width: 0;
  min-height: 0;
  aspect-ratio: 290/309;
  overflow: hidden;
  border-radius: 3px;
}
.organization-card__image picture {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.organization-card__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.organization-card__contents {
  position: relative;
  flex: 1;
}

.organization-card__contents::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 3px;
  border: solid 1px #818180;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='23' viewBox='0 0 13 23' fill='none'%3E%3Cpath d='M10.6065 11.3132L-7.55191e-05 0.706643L0.707031 -0.000463486L12.0207 11.3132L0.707031 22.627L-7.55191e-05 21.9198L10.6065 11.3132Z' fill='%23818180'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
}

.organization-card--external .organization-card__contents::after {
  display: none;
  content: "";
}

.organization-card:hover.organization-card--external {
  background-color: #FFFFFF;
}

.organization-card__tagWrap {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 45px;
}
.organization-card__tagWrap--external {
  margin-bottom: 23px;
}

.organization-card__tag {
  padding: 10px;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 3px;
  border: solid 1px #818180;
  color: var(--black, #333);
  font-family: "Noto Sans JP";
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 25px;
}
.organization-card__title {
  margin-bottom: 28px;
  color: #333;
  font-family: "Noto Sans JP";
  font-size: 21px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.2;
}

.organization-card__name {
  display: flex;
  flex-direction: column;
  gap: 16px;
  color: #333;
  font-family: "Noto Sans JP";
  font-size: 42px;
  font-style: normal;
  font-weight: 500;
  line-height: 34px;
}
.organization-card__name .en {
  display: inline-block;
  color: #333;
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}

.organization-card__name--external {
  padding-bottom: 20px;
}

.organization-group__text {
  margin-bottom: 72px;
}

.organization-group__text p {
  margin-bottom: 9px;
  line-height: 2.125;
}

.organization-group__text p:last-child {
  margin-bottom: 0;
}

.organization-lower-imageHeading {
  margin-bottom: 160px;
  padding: 7px 7px;
  color: #333;
  font-family: "Noto Sans JP";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
}

.organization-lower-images {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 20px;
  margin-bottom: 160px;
}

.organization-lower-images--5col {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}
.organization-lower-images--noMgb {
  margin-bottom: 0;
}

.organization-lower-imageWrap {
  flex: 0 1 calc((100% - 40px) / 3);
}
.organization-lower-images--5col .organization-lower-imageWrap {
  flex: unset;
}

.organization-lower-imageWrap--2col {
  flex: 0 1 calc((100% - 40px) / 3 * 2 + 20px);
}

.organization-lower-image.arrow {
  position: relative;
}

.organization-lower-image.arrow::after {
  content: "▶";
  position: absolute;
  top: calc(50% - 10px);
  right: -19px;
  display: block;
  width: 16px;
  height: 16px;
}

.organization-lower-image img {
  border-radius: 3px;
}

.organization-lower-image.video {
  position: relative;
  width: 100%;
  height: auto;
}

.organization-lower-image.video.snail {
  max-width: 631px;
}

.organization-lower-image.video::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 3px;
  background-repeat: no-repeat;
  background-size: cover;
  pointer-events: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
}

.organization-lower-image.video.mammal::before {
  background-image: url(../imgs/organization/mammal_comparison.png);
}

.organization-lower-image.video.snail::before {
  background-image: url(../imgs/organization/snail_redia.png);
}

.organization-lower-image.video::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='60' viewBox='0 0 48 60' fill='none'%3E%3Cpath d='M48 29.5129L1.04143e-06 59.0264L3.61559e-06 -0.000648694L48 29.5129Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 68px 64px;
  pointer-events: none;
  opacity: 0.7;
  transition: all 0.3s ease-in-out;
}

.organization-lower-image.video.is-playing::before {
  opacity: 0;
}

.organization-lower-image.video.is-playing::after {
  opacity: 0;
}

.organization-lower-image video {
  border-radius: 3px;
}

.organization-lower-imageCaption {
  padding: 7px 7px;
  color: #333;
  font-family: "Noto Sans JP";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
}

.organization-lower-imageCaption .small {
  padding-top: 10px;
  color: #333;
  font-family: "Noto Sans JP";
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
}

.organization-lower-CaptionList {
  padding-left: 20px;
}

.organization-lower-CaptionList li {
  list-style: "▲";
}

.organization-lower-group {
  margin-bottom: 163px;
}

.organization-lower-cards {
  display: grid;
  grid-template-columns: 1fr;
  gap: 72px;
  padding-top: 40px;
}

.organization-lower-card {
  display: flex;
  gap: 38px;
}
.organization-lower-card__image {
  flex: 0 0 290px;
}
.organization-lower-card__contents {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.organization-lower-card__contentWrap {
  display: flex;
  gap: 26px;
  padding: 19px 24px;
  height: 100%;
  border-radius: 3px;
  border: solid 1px #818180;
  background-color: white;
}
.organization-lower-card__left {
  flex: 0 0 300px;
  padding-right: 24px;
  border-right: solid 1px #818180;
}
.organization-lower-card__right {
  flex: 1;
}

.organization-lower-card__role {
  color: var(--black, #333);
  font-family: "Noto Sans JP";
  font-size: 34px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25;
}
.organization-lower-card__role .info {
  display: inline-block;
  margin-left: 12px;
  color: #333;
  font-family: "Noto Sans JP";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
}
.organization-lower-card__title {
  margin-bottom: 20px;
  color: #333;
  font-family: "Noto Sans JP";
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.3;
}

.organization-lower-card__name {
  margin-bottom: 20px;
  color: #333;
  font-family: "Noto Sans JP";
  font-size: 42px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25;
}
.organization-lower-card__enName {
  color: #333;
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}

.organization-lower-card__links {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.organization-lower-card__link {
  display: flex;
  align-items: center;
}
.organization-lower-card__link dt {
  flex: 0 0 190px;
  display: inline-flex;
  justify-content: space-between;
  color: #333;
  font-family: "Noto Sans JP";
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 34px;
  /* 141.667% */
}
.organization-lower-card__link dt::after {
  content: "：";
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.organization-lower-card__link dd {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 22px;
  color: #333;
  font-family: "Noto Sans JP";
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.3;
  /* 141.667% */
}

.organization-lower-card__link dd a {
  transition: all 0.3s ease-in-out;
  word-break: break-all;
}

.organization-lower-card__link dd a:hover {
  opacity: 0.5;
}

.organization-lower-links {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.organization-lower-link {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: white;
  height: 128px;
  border-radius: 3px;
  border: 1px solid rgba(129, 129, 128, 0.4);
  background-position: center right 10px;
  background-repeat: no-repeat;
  background-size: contain;
  transition: all 0.3s ease-in-out;
}

.organization-lower-link.mammal {
  background-image: url(../imgs/organization/mammal.png);
}

.organization-lower-link.planaria {
  background-image: url(../imgs/organization/planaria.png);
}

.organization-lower-link.snail {
  background-image: url(../imgs/organization/snail.png);
}

.organization-lower-link.genetic {
  background-image: url(../imgs/organization/genetic-modification.png);
}
.organization-lower-link:hover {
  background-color: #FFF5D7;
  box-shadow: 0 4px 13.2px 0 rgba(0, 0, 0, 0.25);
}

.organization-lower-link__enTitle {
  position: absolute;
  top: 6px;
  left: 12px;
  color: #818180;
  font-family: "Alumni Sans";
  font-size: 24px;
  font-style: italic;
  font-weight: 500;
  line-height: normal;
  opacity: 0.3;
}

.organization-lower-link__title {
  position: relative;
  padding-left: 5px;
  color: #818180;
  font-family: "Noto Sans JP";
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  /* 109.375% */
}
.organization-lower-link__title span {
  display: inline-block;
  padding-top: 5px;
  transform: rotate(270deg) translate(3px, -5px);
  font-family: "Alumni Sans";
  font-style: normal;
  font-weight: 500;
  font-size: 27px;
}

.organization-lower-link__title span.pink {
  color: #F77C99;
}

.organization-lower-link__title span.blue {
  color: #9CC7F4;
}

.organization-lower-link__title span.green {
  color: #9FE590;
}

.organization-lower-link__title span.yellow {
  color: #FFD660;
}

.top-mv {
  height: 100vh;
  margin-bottom: 40px;
}

.top-mv-blobs {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  pointer-events: none;
}

.top-mv-blobs #blob1 {
  width: 31.25vw;
  height: 46.875vw;
  right: -7.8125vw;
  top: -9.8958333333vw;
  border-radius: 44% 42% 90% 44%/44% 54% 67% 53%;
  translate: none;
  rotate: 100deg;
  scale: none;
}

.top-mv-blobs #blob2 {
  width: 31.25vw;
  height: 46.875vw;
  left: -7.8125vw;
  bottom: -16.6666666667vw;
  border-radius: 44% 42% 90% 44%/44% 54% 67% 53%;
  translate: none;
  rotate: 125deg;
  scale: none;
}

.top-mv__contentWrap {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  max-height: 100dvh;
}

.top-mv__content__inner {
  transform: translateY(-6vh);
}
.top-mv__imgWrap {
  display: flex;
  justify-content: center;
  margin-bottom: 2.8645833333vw;
}
.top-mv__imgWrap img {
  width: 7.8125vw;
  max-width: 140px;
}
.top-mv__txtWrap {
  text-align: center;
  color: #333333;
}

.top-mv__shoulder-text {
  margin-bottom: 1.0416666667vw;
  font-size: 0.8333333333vw;
  color: black;
}
.top-mv__txt-head1 .kyuchu {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0.2604166667vw 0.2604166667vw;
  width: 12.3958333333vw;
  height: 6.25vw;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='225' height='115' viewBox='0 0 225 115' preserveAspectRatio='none' fill='none'%3E%3Cline x1='225' y1='4.5' x2='209' y2='4.5' stroke='%23333333'/%3E%3Cline x1='220.5' y1='16' x2='220.5' y2='0' stroke='%23333333'/%3E%3Cline x1='0' y1='110.5' x2='16' y2='110.5' stroke='%23333333'/%3E%3Cline x1='4.5' y1='99' x2='4.5' y2='115' stroke='%23333333'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  transform: translateY(-0.6770833333vw);
}
.top-mv__txt-head1 .kyuchu span {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 0.9375vw 0.625vw;
  font-family: "Klee One", cursive;
  color: #333333;
  font-family: "Klee One";
  font-size: 4.5833333333vw;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.21875vw;
  border-radius: 0.15625vw;
  background-color: #FFEACA;
  white-space: nowrap;
}
.top-mv__txt-head1 .no {
  display: inline-block;
  margin: 0 0.2604166667vw;
  color: var(--black, #333);
  font-family: "Noto Serif JP";
  font-size: 2.2916666667vw;
  font-style: normal;
  font-weight: 500;
  line-height: 4.1666666667vw;
}
.top-mv__txt-head1 .in-vitro {
  color: #333333;
  font-family: "Alumni Sans";
  font-size: 6.4583333333vw;
  font-style: italic;
  font-weight: 400;
  line-height: 4.1666666667vw;
}
.top-mv__subtitle {
  margin-bottom: 1.0416666667vw;
  font-family: "Noto Serif JP";
  font-size: 1.5625vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
}
.top-mv__message {
  color: rgba(0, 0, 0, 0.11);
  font-family: "Alumni Sans";
  font-size: 1.6666666667vw;
  font-style: italic;
  font-weight: 500;
  line-height: normal;
}
.top-field__image {
  padding-top: 80px;
  text-align: right;
}
.top-field__image .pc {
  display: block;
}
.top-field__image .sp {
  display: none;
}
.top-announce-cardWrap {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  gap: 35px;
  grid-auto-flow: dense;
}
.top-announce-card {
  border-radius: 3px;
}

.top-announce-card:hover.top-announce-card--noBorder {
  box-shadow: none;
}

.top-announce-cardInner {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 20px 20px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  transition: all 0.3s ease-in-out;
  border-radius: 3px;
  overflow: hidden;
}
.top-announce-cardInner:hover {
  background-size: 110%;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
}
.top-announce-cardInner--01 {
  width: 100%;
  aspect-ratio: 746/426;
  background-image: url(../imgs/top/top_04_reserch.png);
}

.top-announce-cardInner--02 {
  width: 100%;
  aspect-ratio: 746/385;
  background-image: url(../imgs/top/top_04_event.png);
}
.top-announce-cardInner--03 {
  width: 100%;
  aspect-ratio: 640/504;
  background-image: url(../imgs/top/top_04_activity.png);
}
.top-announce-card.short {
  grid-column: span 4;
}
.top-announce-card.long {
  grid-column: span 5;
}
.top-announce-card__title {
  color: var(--white, #FFF);
  font-family: "Noto Sans JP";
  font-size: 48px;
  font-style: normal;
  font-weight: 500;
}
.top-announce-card__title .en {
  display: inline-block;
  margin-left: 40px;
  color: var(--white, #FFF);
  font-family: "Alumni Sans";
  font-size: 34px;
  font-style: italic;
  font-weight: 500;
  line-height: normal;
  opacity: 0.3;
}
.top-reserch {
  position: relative;
  aspect-ratio: 1404/370;
  border-radius: 3px;
  background-image: url(../imgs/top/top_03.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  transition: all 0.3s ease-in-out;
}
.top-reserch:hover {
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
  background-size: 110%;
}
.top-reserch__link {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 20px 30px;
  width: 100%;
  height: 100%;
}

.top-reserch__inner {
  position: absolute;
  top: 110px;
  left: 40px;
}
.top-organization__cardWrap {
  position: relative;
  margin-top: 189px;
  padding-bottom: 0;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  background-image: linear-gradient(0deg, transparent calc(100% - 1px), rgba(0, 0, 0, 0.08) calc(100% - 1px)), linear-gradient(90deg, transparent calc(100% - 1px), rgba(0, 0, 0, 0.08) calc(100% - 1px));
  background-color: #FFFFFF;
  background-size: 70px 70px;
  background-repeat: repeat;
  background-position: center center;
}
.top-organization__cards {
  padding-left: 40px;
  padding-right: 40px;
  margin: 0 auto;
  max-width: 1440px;
  transform: translateY(-149px);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px 42px;
  padding-top: 40px;
}
.top-organization__card {
  position: relative;
  aspect-ratio: 681/414;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  transition: all 0.3s ease-in-out;
}

.top-organization__card:hover {
  background-size: 115%;
}

.top-organization__card--01 {
  aspect-ratio: 681/414;
  background-image: url(../imgs/top/top_a01.png);
}

.top-organization__card--02 {
  aspect-ratio: 681/414;
  background-image: url(../imgs/top/top_a02.png);
}

.top-organization__card--03 {
  aspect-ratio: 681/414;
  background-image: url(../imgs/top/top_a03.png);
}

.top-organization__card--04 {
  aspect-ratio: 681/414;
  background-image: url(../imgs/top/top_a04.png);
}

.top-organization__buttonWrap {
  position: absolute;
  bottom: -20px;
  left: 25px;
}
.top-vi__txt__head1 {
  margin-bottom: 0.5333333333vw;
  font-size: 1.3333333333vw;
  font-weight: 600;
}
.top-mv-info {
  position: absolute;
  bottom: 1.1979166667vw;
  right: 1.1979166667vw;
  display: flex;
  justify-content: flex-end;
}
.top-mv-info-card {
  flex: 0 0 24.375vw;
  min-height: 0;
  aspect-ratio: 468/228;
  background-color: #FFFFFF;
  border-radius: 0.15625vw;
  border: solid 0.0520833333vw #818180;
  box-shadow: 0.4166666667vw 0.4166666667vw 0.890625vw 0.0520833333vw rgba(0, 0, 0, 0.25);
  overflow: hidden;
}
.top-mv-info-card__upper {
  display: flex;
  justify-content: space-between;
  height: 2.34375vw;
  border-bottom: solid 0.0520833333vw #818180;
}
.top-mv-info-card__headding {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 0.8854166667vw;
  height: 2.34375vw;
  color: #818180;
  font-family: "Alumni Sans";
  font-size: 1.7708333333vw;
  font-style: italic;
  font-weight: 500;
  opacity: 0.5;
}
.top-mv-info-card__date {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-right: 0.625vw;
  color: #FF9A00;
  font-family: "Alumni Sans";
  font-size: 1.1979166667vw;
  font-style: italic;
  font-weight: 500;
  line-height: normal;
}
.top-mv-info-card__bottom {
  display: flex;
  height: calc(100% - 2.34375vw);
}
.top-mv-info-card__image {
  flex: 0 0 12.96875vw;
  height: 100%;
  overflow: hidden;
}
.top-mv-info-card__image picture {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.top-mv-info-card__image img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

.top-mv-info-card__title {
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  padding: 0.625vw;
  overflow: hidden;
}
.top-mv-info-card__title::after {
  content: "";
  display: block;
  width: 8px;
  height: 16px;
  background-color: #818180;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 23'%3E%3Cpath d='M10.6065 11.3132L-7.55191e-05 0.706643L0.707031 -0.000463486L12.0207 11.3132L0.707031 22.627L-7.55191e-05 21.9198L10.6065 11.3132Z'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  transform: translateY(0.2083333333vw);
}
p.wp-block-paragraph {
  margin-bottom: 9px;
  line-height: 2.125;
  font-weight: 400;
}
@media screen and (min-width: 1920px) {
  /* pc最大 横の画面幅-1920px以上 */
}
@media screen and (max-width: 1400px) {
  /* pc最大 横の画面幅-1367px以上 */
  .organization-cards {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 1600px) {
  /* 画面幅-1600px */
  .header-visual__txtWrap {
    flex: 0 1 36.4583333333vw;
  }
}
@media screen and (max-width: 1120px) {
  /* 画面幅-1120px */
}
@media screen and (max-width: 1024px) {
  /* iPad 横の画面幅-1024px */
  .l-section--top {
    margin-top: 80px;
  }
  .c-2col {
    flex-direction: column;
    gap: 40px;
  }
  .c-2col__img {
    flex: 0 1 auto;
  }
  .footer {
    padding-top: 60px;
  }
  .footer-bannerWrap {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    padding: 0 27px;
    margin-bottom: 60px;
  }
  .footer-link__outer {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    padding-bottom: 16px;
  }
  .footer-link__right {
    display: contents;
  }
  .footer-link__links {
    justify-content: center;
    gap: 50px;
    grid-template-columns: repeat(4, 1fr);
    transform: translateX(0);
  }
  .footer-link__links li a {
    font-size: 16px;
  }
  .footer-link__links li a span {
    top: -12px;
    left: -12px;
    font-size: 16px;
  }
  .footer-link__links li a span {
    top: -15px;
    left: -15px;
    font-size: 16px;
  }
  .footer-copyWrap {
    text-align: center;
    font-size: 9px;
  }
  .header-logoImage {
    padding-bottom: 6px;
  }
  .header-logoImage img {
    width: 40px;
  }
  .header-logoText__small {
    padding-bottom: 3px;
    font-size: 6.5px;
    letter-spacing: normal;
  }
  .header-logoText {
    padding-bottom: 3px;
    font-size: 10px;
    line-height: 1.25;
  }
  .footer-link__btmWrap {
    grid-area: bottom;
    flex-direction: column-reverse;
    justify-content: center;
  }
  header {
    flex-direction: column;
    align-items: inherit;
    justify-content: inherit;
    gap: 50px;
    padding: 0;
  }
  .header-logoContent {
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    gap: 30px;
    padding: 14px 16px;
    transition: background-color 0.5s ease;
  }
  header.panel-active .header-logoContent {
    background-color: #FFFFFF;
  }
  .header-logoContent.active {
    background-color: rgba(255, 248, 233, 0.8);
  }
  header.panel-active .header-logoContent.active {
    background-color: #FFFFFF;
    z-index: 100;
  }
  .header-nav {
    height: -moz-fit-content;
    height: fit-content;
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    position: static;
  }
  .header-navContent {
    display: none;
    padding-top: 100px;
    height: 100dvh;
  }
  header.panel-active .header-navContent {
    display: block;
  }
  .header-navContent__inner {
    padding: 90px 0 20px;
    width: 100%;
    display: none;
    align-items: inherit;
    gap: 30px;
  }
  .header-nav__list {
    margin-right: 0;
    flex-direction: column;
    gap: 0;
  }
  .header-nav__item {
    border-bottom: solid 1px #818180;
  }
  .header-nav__item:first-child {
    border-top: solid 1px #818180;
  }
  .header-nav__item#current {
    border-bottom: solid 1px #818180;
  }
  .header-nav__link {
    position: relative;
    display: flex;
    align-items: baseline;
    gap: 0.7389162562dvh;
    padding: 3.6945812808dvh 2.4630541872dvh 3.6945812808dvh 6.7733990148dvh;
    font-size: min(24px, 2.9556650246dvh);
    color: #818180;
  }
  .header-nav__link .en {
    display: block;
    color: #818180;
    font-family: "Alumni Sans";
    font-size: 2.4630541872dvh;
    font-style: italic;
    font-weight: 500;
    line-height: normal;
    opacity: 0.3;
  }
  .header-nav__link span:first-child {
    font-size: 3.2019704433dvh;
    top: 1.8472906404dvh;
    left: 2.4630541872dvh;
  }
  .header-nav-spLower {
    display: flex;
    flex-direction: column;
    gap: 1.9704433498dvh;
    padding: 0 2.4630541872dvh 3.6945812808dvh 6.4039408867dvh;
  }
  .header-btnWrap {
    flex-direction: column;
    display: none;
  }
  header.panel-active .header-btnWrap {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 15px;
    padding: 25px;
  }
  .header-btn {
    width: 100%;
  }
  .header-btn p {
    padding: 20px 16px;
    font-size: 14px;
  }
  .header-btn--rd::after {
    border-radius: 50px;
  }
  header.panel-active .header-btn {
    width: 100%;
    max-width: 300px;
    background-color: #FFFFFF !important;
    background: none;
    border-radius: 50px;
  }
  header.panel-active .header-btn p {
    color: #818180;
    padding: 10px;
  }
  header.panel-active .header-btn--rd {
    background: linear-gradient(107deg, #FF0014 8.78%, #FF5E00 91.22%);
  }
  header.panel-active .header-btn--rd > p {
    color: #FFFFFF;
  }
  .header-btn__sm {
    font-size: 10px;
    letter-spacing: normal;
  }
  .header-visualWrap {
    height: 260px;
  }
  .header-visual__video {
    width: 100%;
    height: 100%;
  }
  .header-visual {
    height: 180px;
    padding-top: 130px;
    padding-bottom: 24px;
    margin-bottom: 24px;
    background-size: auto 100%;
  }
  .header-visual__inner {
    flex-direction: column;
    align-items: flex-start;
  }
  .header-visual__headingWrap {
    flex: auto;
  }
  .header-visual__txtWrap {
    flex: auto;
  }
  .header-visual__heading1--top {
    font-size: 55px;
  }
  .header-visual__heading1--top-md {
    font-size: 47px;
  }
  .header-visual__ttl {
    font-size: 24px;
    margin-bottom: 10px;
  }
  .ani_textloop__wrap {
    padding-right: 50px;
  }
  .ani_textloop__txt {
    gap: 0 25px;
    font-size: 110px;
  }
  .bread-section {
    top: 260px;
  }
  .breadWrap {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
  .breadcrumb {
    right: inherit;
  }
  .breadcrumbs {
    text-align: start;
  }
  .breadcrumbs span {
    font-size: 12px;
  }
  .top-organization__card:hover .c-button > span {
    transform: scale(1.07, 1.5);
  }
  .openBtn {
    position: relative;
    cursor: pointer;
    display: block;
    width: 40px;
    height: 40px;
  }
  .openBtn_inner {
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    height: 14px;
    width: 34px;
    z-index: 2000;
  }
  .news-single-nav-wrap {
    gap: 30px;
  }
  .news-single-nav-wrap .news-backBtn {
    min-width: unset;
    width: -moz-fit-content;
    width: fit-content;
    flex-shrink: 0;
  }
  .c-haading {
    flex-direction: column;
    gap: 10px;
    font-size: 32px;
    margin-top: 90px;
    padding-left: 34px;
  }
  .c-haading__en {
    font-size: 24px;
  }
  .c-heading__num {
    top: -56px;
    font-size: 36px;
    line-height: 1;
  }
  .c-heading__num::after {
    right: -10px;
    width: 55px;
    height: 55px;
  }
  .c-headerWrap {
    margin-bottom: 50px;
  }
  .c-textBox {
    padding-top: 35px;
    padding-left: 0;
    margin-bottom: 30px;
  }
  .c-textBox p {
    margin-bottom: 20px;
  }
  .areas__image {
    margin: 0;
    padding: 12px;
  }
  .areas-goals {
    margin-bottom: 45px;
  }
  .area-groups {
    padding-top: 90px;
    padding-bottom: 120px;
    gap: 60px;
  }
  .area-group {
    flex-direction: column;
    gap: 30px;
  }
  .area-group__image {
    flex: 0 0 300px;
    text-align: center;
    min-height: 0;
  }
  .area-group__image img {
    width: auto;
    height: 100%;
  }
  .area-group__title {
    white-space: wrap;
  }
  .news-list-wrap {
    display: block;
    flex-direction: column;
  }
  .news-category-columnTitle {
    margin-bottom: 15px;
  }
  .news-category-column {
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px 0;
    margin-bottom: 60px;
  }
  .news-category-column li a {
    padding: 0 20px;
    border-right: solid 1px #818180;
  }
  .news-category-column li:last-child a {
    border-right: none;
  }
  .news-list--achievements {
    padding-left: 0;
  }
  .news-list-inner {
    flex-direction: column-reverse;
    gap: 15px;
  }
  .news-list__image {
    flex: 1;
  }
  .news-list__image img {
    height: auto;
  }
  .news-wpContent h1,
  .news-wpContent h2,
  .news-wpContent h3,
  .news-wpContent h4,
  .news-wpContent h5,
  .news-wpContent h6,
  .news-wpContent p,
  .news-wpContent ul,
  .news-wpContent ol,
  .news-wpContent a {
    margin-bottom: 16px;
  }
  .news-wpContent h1,
  .news-wpContent h2 {
    font-size: 24px;
  }
  .news-wpContent h3 {
    font-size: 20px;
  }
  .organization-cards {
    grid-template-columns: 1fr;
  }
  .organization-card__tagWrap {
    margin-bottom: 20px;
  }
  .organization-card__name {
    padding-bottom: 4px;
  }
  .organization-lower-images--5col {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 20px;
  }
  .organization-lower-imageWrap {
    flex: 0 1 calc((100% - 20px) / 2);
  }
  .organization-lower-card {
    display: grid;
    gap: 20px;
    grid-template-areas: "title" "image" "main";
  }
  .organization-lower-card__image {
    grid-area: image;
    text-align: center;
  }
  .organization-lower-card__contents {
    display: contents;
  }
  .organization-lower-card__contentWrap {
    grid-area: main;
    padding: 24px 24px 30px;
  }
  .organization-lower-card__link {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }
  .organization-lower-card__link .keio-db {
    display: none;
  }
  .organization-lower-card__link dt {
    flex: 1;
  }
  .organization-lower-links {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .top-mv__content__inner {
    transform: translateY(-60px);
  }
  .top-mv__imgWrap {
    margin-bottom: 35px;
  }
  .top-mv__imgWrap img {
    width: 100px;
    max-width: unset;
  }
  .top-mv__shoulder-text {
    margin-bottom: 10px;
    font-size: 10px;
  }
  .top-mv__txt-head1 .kyuchu {
    margin-bottom: 15px;
    padding: 5px 5px;
    width: 136px;
    height: 79px;
    transform: translateY(-3px);
  }
  .top-mv__txt-head1 .kyuchu span {
    padding: 0 9px 6px;
    font-size: 50px;
    letter-spacing: 2px;
    border-radius: 3px;
  }
  .top-mv__txt-head1 .no {
    margin: 0 5px;
    font-size: 20px;
    line-height: 44px;
  }
  .top-mv__txt-head1 .in-vitro {
    font-size: 72px;
    line-height: 80px;
  }
  .top-mv__subtitle {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 1.8;
  }
  .top-mv__message {
    font-size: 16px;
  }
  .top-field__image {
    padding: 60px 0;
  }
  .top-field__image .pc {
    display: none;
  }
  .top-field__image .sp {
    display: block;
  }
  .top-announce-cardWrap {
    grid-template-columns: 1fr;
  }
  .top-announce-cardInner {
    padding: 10px 25px;
    background-size: cover;
  }
  .top-announce-cardInner:hover {
    background-size: cover;
  }
  .top-announce-cardInner--02 {
    aspect-ratio: 746/426;
  }
  .top-announce-cardInner--03 {
    aspect-ratio: 746/426;
  }
  .top-announce-card.short {
    grid-column: span 1;
  }
  .top-announce-card.long {
    grid-column: span 1;
  }
  .top-announce-card__title {
    font-size: 28px;
    line-height: 1.1;
  }
  .top-announce-card__title .en {
    font-size: 30px;
    line-height: 1;
  }
  .top-reserch {
    background-size: auto 100%;
    aspect-ratio: unset;
    min-height: 336px;
  }
  .top-reserch:hover {
    background-size: auto 110%;
  }
  .top-reserch__inner {
    position: static;
  }
  .top-reserch .c-haading {
    margin-top: 75px;
  }
  .top-organization__cardWrap {
    margin-top: 80px;
    padding: 60px 0;
  }
  .top-organization__cards {
    grid-template-columns: 1fr;
    gap: 68px;
    padding: 0 24px 50px;
    width: 100%;
    transform: translateY(0);
  }
  .top-organization__buttonWrap {
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 32px);
  }
  .top-mv-info {
    bottom: 23px;
    right: 23px;
  }
  .top-mv-info-card {
    flex: 0 0 468px;
    max-width: 350px;
    border-radius: 3px;
    border: solid 1px #818180;
    box-shadow: 8px 8px 17.1px 1px rgba(0, 0, 0, 0.25);
  }
  .top-mv-info-card__upper {
    height: 45px;
  }
  .top-mv-info-card__headding {
    padding-left: 17px;
    height: 45px;
    font-size: 28px;
  }
  .top-mv-info-card__date {
    padding-right: 12px;
    padding-bottom: 6px;
    font-size: 18px;
  }
  .top-mv-info-card__bottom {
    height: calc(100% - 45px);
  }
  .top-mv-info-card__image {
    flex: 0 0 45%;
  }
  .top-mv-info-card__title {
    padding: 12px;
  }
  .top-mv-info-card__title::after {
    transform: translateY(4px);
  }
}
@media screen and (max-width: 896px) {
  /* iPhone XS Max/XR/11/11 Pro Max 横の画面幅-896px */
  .u-mb16 {
    margin-bottom: 8px;
  }
  .u-mb24 {
    margin-bottom: 16px;
  }
  .u-mb32 {
    margin-bottom: 16px;
  }
  .u-mb40 {
    margin-bottom: 24px;
  }
  .u-mb56 {
    margin-bottom: 40px;
  }
  .u-mb64 {
    margin-bottom: 48px;
  }
  .u-mb80 {
    margin-bottom: 64px;
  }
  .u-mb120 {
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 667px) {
  /* iPhone 8/7/6s/6 横の画面幅-667px */
  p {
    font-size: 14px;
    line-height: 1.8;
  }
  a,
  tr,
  th,
  td {
    font-size: 14px;
  }
  .l-section--top {
    margin-top: 160px;
  }
  .l-wrap {
    padding-left: 24px;
    padding-right: 24px;
  }
  .pc-only {
    display: none;
  }
  .sp-only {
    display: block;
  }
  .c-graph-section {
    margin-bottom: 0;
  }
  .l-section--wh {
    margin-bottom: 0;
  }
  .c-2col__title--border-left {
    padding: 10px 0 10px 20px;
  }
  .c-2col__title--m {
    font-size: 21px;
  }
  .footer-bannerWrap {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .footer-link__links {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px 55px;
    height: auto;
  }
  .header-logoWrap {
    gap: 12px;
  }
  .header-visual__video video {
    height: 260px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .header-visual {
    padding-top: 150px;
    background-position: bottom right;
  }
  .header-visual__heading1--top {
    font-size: 47px;
  }
  .header-visual__heading1--top-md {
    font-size: 35px;
  }
  .header-visual__heading1--rubi {
    font-size: 17px;
  }
  .header-visual__heading1 {
    font-size: 23px;
  }
  .header-visual__heading1--md {
    font-size: 18px;
  }
  .breadWrap {
    display: block;
    padding-top: 15px;
  }
  .breadcrumbs {
    text-align: right;
  }
  .c-button {
    width: 100%;
    min-width: unset;
  }
  .c-button--topOrganization {
    font-size: 14px;
    line-height: 14px;
  }
  .c-button--topOrganization .c-button-inner__en {
    font-size: 16px;
  }
  .top-organization__card:hover .c-button > span {
    opacity: 0;
  }
  .wp-pagenavi {
    gap: 8px;
  }
  .wp-pagenavi .first,
  .wp-pagenavi .last,
  .wp-pagenavi .nextpostslink,
  .wp-pagenavi .previouspostslink {
    width: 16px;
  }
  .wp-pagenavi .nextpostslink,
  .wp-pagenavi .previouspostslink {
    display: none;
  }
  .c-haading {
    margin-top: 40px;
  }
  .c-headerng-midium {
    font-size: 32px;
    line-height: 1.25;
  }
  .c-headerng-midium__group {
    font-size: 32px;
    transform: rotate(270deg) translate(0, -5px);
  }
  .c-headerWrap--withBreadCrumb {
    align-items: unset;
    display: block;
  }
  .u-pt160 {
    padding-top: 128px;
  }
  .u-pt80 {
    padding-top: 64px;
  }
  .u-pb160 {
    padding-bottom: 128px;
  }
  .u-pb80 {
    padding-bottom: 64px;
  }
  .u-pb0 {
    padding-bottom: 0;
  }
  .news-category-column li a {
    padding: 0 10px;
  }
  .news-category-column li:nth-child(3) a {
    border-right: none;
  }
  .news-list__item {
    gap: 10px;
    flex-direction: column;
    padding-bottom: 60px;
    margin-bottom: 30px;
  }
  .news-date {
    flex-basis: 20px;
    width: 100%;
  }
  .news-categories > span {
    padding: 7px 15px;
    font-size: 14px;
  }
  .news-heading2 {
    font-size: 31px;
  }
  .organization-card__inner {
    flex-direction: column;
  }
  .organization-card__image {
    text-align: center;
  }
  .organization-card__tag {
    font-size: 16px;
  }
  .organization-lower-images--5col {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 20px;
  }
  .organization-lower-imageWrap {
    flex: 0 0 100%;
  }
  .organization-lower-card__contentWrap {
    flex-direction: column;
    gap: 0;
  }
  .organization-lower-card__left {
    flex: 1;
    margin-bottom: 20px;
    padding-right: 0;
    padding-bottom: 20px;
    border-right: none;
    border-bottom: solid 1px #818180;
  }
  .organization-lower-card__role {
    font-size: 28px;
  }
  .organization-lower-card__role .info {
    display: block;
    padding-top: 10px;
  }
  .organization-lower-card__name {
    font-size: 38px;
  }
  .organization-lower-link {
    max-height: 110px;
    background-size: auto 75%;
  }
  .organization-lower-link__title {
    font-size: 24px;
  }
  .top-mv__content__inner {
    transform: translateY(-35px);
  }
  .top-reserch .c-haading {
    margin-top: 55px;
  }
  .top-vi__txt__head1 {
    font-size: 4.1666666667vw;
  }
  .top-mv-info {
    display: flex;
    justify-content: center;
    width: 100%;
    bottom: 20px;
    right: unset;
  }
  .top-mv-info-card {
    flex: 0 0 300px;
    box-shadow: 5px 5px 12px 1px rgba(0, 0, 0, 0.25);
  }
  .top-mv-info-card__upper {
    height: 20px;
  }
  .top-mv-info-card__headding {
    padding-left: 7px;
    height: 20px;
    font-size: 16px;
  }
  .top-mv-info-card__date {
    padding-right: 7px;
    padding-bottom: 3px;
    font-size: 10px;
  }
  .top-mv-info-card__bottom {
    height: calc(100% - 20px);
  }
  .top-mv-info-card__image {
    flex: 0 0 117px;
  }
  .top-mv-info-card__title {
    padding: 7px;
  }
}
@media screen and (max-width: 480px) {
  /* iPhone 4（以下） 横の画面幅-480px */
}
@media (min-aspect-ratio: 16/6) {
  .top-vi__txt__head1 {
    font-size: 1.6666666667vw;
    margin-bottom: 0.7666666667vw;
  }
}