@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article,
aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section,
summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

main {
  display: block;
}

ol, ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  vertical-align: top;
}

address {
  font-style: normal;
}

caption,
th,
td {
  font-weight: normal;
  text-align: left;
}

a:focus {
  outline: thin dotted;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
}

del {
  color: #333;
}

ins {
  background: #fff9c0;
  text-decoration: none;
}

hr {
  border: 0;
  height: 1px;
  border-bottom: 1px solid #ccc;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

button {
  border: none;
  background: none;
  display: block;
  cursor: pointer;
}

textarea,
input {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

small {
  font-size: smaller;
}

button,
a {
  text-decoration: none;
  opacity: 1;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
}

html {
  /*overflow-y: scroll;*/
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

img {
  border: 0px none;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
  max-width: 100%;
  height: auto;
}

/* End hide from IE-mac */
form {
  display: inline;
}

a:focus,
*:focus {
  outline: none;
}

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

*[data-san=fade] {
  opacity: 0;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: all 0.6s cubic-bezier(0.25, 0, 0, 1);
  -o-transition: all 0.6s cubic-bezier(0.25, 0, 0, 1);
  transition: all 0.6s cubic-bezier(0.25, 0, 0, 1);
  -webkit-transform-origin: top center;
      -ms-transform-origin: top center;
          transform-origin: top center;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
*[data-san=fade].is-active {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

*[data-san=ttl] span {
  opacity: 0;
  -webkit-transform: translateY(2em);
      -ms-transform: translateY(2em);
          transform: translateY(2em);
  -webkit-transition: all 0.6s cubic-bezier(0.25, 0, 0, 1);
  -o-transition: all 0.6s cubic-bezier(0.25, 0, 0, 1);
  transition: all 0.6s cubic-bezier(0.25, 0, 0, 1);
  -webkit-transform-origin: top center;
      -ms-transform-origin: top center;
          transform-origin: top center;
  display: block;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
*[data-san=ttl].is-active span {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

*[data-san=subline] {
  opacity: 0;
  -webkit-transform: translateY(2em);
      -ms-transform: translateY(2em);
          transform: translateY(2em);
  -webkit-transition: all 0.6s cubic-bezier(0.25, 0, 0, 1);
  -o-transition: all 0.6s cubic-bezier(0.25, 0, 0, 1);
  transition: all 0.6s cubic-bezier(0.25, 0, 0, 1);
  -webkit-transform-origin: top center;
      -ms-transform-origin: top center;
          transform-origin: top center;
  display: block;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
*[data-san=subline]::before {
  -webkit-transform: translateY(-2em) scaleX(0);
      -ms-transform: translateY(-2em) scaleX(0);
          transform: translateY(-2em) scaleX(0);
  -webkit-transform-origin: left;
      -ms-transform-origin: left;
          transform-origin: left;
  -webkit-transition: all 0.6s cubic-bezier(0.25, 0, 0, 1);
  -o-transition: all 0.6s cubic-bezier(0.25, 0, 0, 1);
  transition: all 0.6s cubic-bezier(0.25, 0, 0, 1);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
*[data-san=subline].is-active {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
*[data-san=subline].is-active::before {
  -webkit-transform: translateY(0) scaleX(1);
      -ms-transform: translateY(0) scaleX(1);
          transform: translateY(0) scaleX(1);
}

/* Animation */
@-webkit-keyframes subline-scroll {
  0% {
    background-position: 0 100%;
  }
  100% {
    background-position: -121.6rem 100%;
    @media screen and (min-width: 992px) {
      background-position: -121.6rem 100%;
    }
  }
}
@keyframes subline-scroll {
  0% {
    background-position: 0 100%;
  }
  100% {
    background-position: -121.6rem 100%;
    @media screen and (min-width: 992px) {
      background-position: -121.6rem 100%;
    }
  }
}
@-webkit-keyframes scroll-bar {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
  }
  50% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
  }
  50.1% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: left top;
            transform-origin: left top;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: left top;
            transform-origin: left top;
  }
}
@keyframes scroll-bar {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
  }
  50% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
  }
  50.1% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: left top;
            transform-origin: left top;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: left top;
            transform-origin: left top;
  }
}
@-webkit-keyframes arrows {
  0% {
    background-position: 0rem 50%;
  }
  50% {
    background-position: 3.7rem 50%;
    @media screen and (min-width: 992px) {
      background-position: 5rem 50%;
    }
  }
  50.1% {
    background-position: -3.7rem 50%;
    @media screen and (min-width: 992px) {
      background-position: -5rem 50%;
    }
  }
  100% {
    background-position: 0rem 50%;
  }
}
@keyframes arrows {
  0% {
    background-position: 0rem 50%;
  }
  50% {
    background-position: 3.7rem 50%;
    @media screen and (min-width: 992px) {
      background-position: 5rem 50%;
    }
  }
  50.1% {
    background-position: -3.7rem 50%;
    @media screen and (min-width: 992px) {
      background-position: -5rem 50%;
    }
  }
  100% {
    background-position: 0rem 50%;
  }
}
i {
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}

html {
  font-size: 2.6666666667vw;
  width: 100%;
  height: 100%;
  height: -webkit-fill-availabel;
  min-height: 100%;
}
@media screen and (min-width: 768px) {
  html {
    font-size: 1.302083vw;
  }
}
@media screen and (min-width: 992px) {
  html {
    font-size: 0.6944445vw;
  }
}
@media screen and (min-width: 1441px) {
  html {
    font-size: 10px;
  }
}

body {
  position: relative;
  overflow-x: hidden;
  width: 100%;
  min-height: 100%;
  margin: 0 auto;
  background-color: #f2f2f2;
  color: #333;
  font-size: 1.4rem;
  font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-stretch: 50%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-feature-settings: "palt" 1;
          font-feature-settings: "palt" 1;
  text-align: justify;
  line-height: 1.571;
}
@media screen and (min-width: 768px) {
  body {
    font-size: 1.6rem;
    line-height: 2.125;
  }
}

main {
  will-change: transform;
  opacity: 0;
}
.is-barba main {
  opacity: 0;
  -webkit-transition: opacity 0.8s cubic-bezier(0.25, 0, 0, 1);
  -o-transition: opacity 0.8s cubic-bezier(0.25, 0, 0, 1);
  transition: opacity 0.8s cubic-bezier(0.25, 0, 0, 1);
}
.loaded main {
  opacity: 1;
  -webkit-transition: opacity 0.55s cubic-bezier(0.25, 0, 0, 1);
  -o-transition: opacity 0.55s cubic-bezier(0.25, 0, 0, 1);
  transition: opacity 0.55s cubic-bezier(0.25, 0, 0, 1);
}

@supports (-webkit-touch-callout: none) {
  html {
    height: -webkit-fill-available;
  }
  body {
    min-height: 100vh;
    min-height: -webkit-fill-availabel;
  }
}
button, a {
  color: inherit;
}

a[target=_blank]::after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2049%2049%22%3E%20%3Cpath%20d%3D%22M39.5%2C49h-30C4.3%2C49%2C0%2C44.7%2C0%2C39.5v-30C0%2C4.3%2C4.3%2C0%2C9.5%2C0C10.3%2C0%2C11%2C0.7%2C11%2C1.5S10.3%2C3%2C9.5%2C3C5.9%2C3%2C3%2C5.9%2C3%2C9.5v30%20C3%2C43.1%2C5.9%2C46%2C9.5%2C46h30c3.6%2C0%2C6.5-2.9%2C6.5-6.5c0-0.8%2C0.7-1.5%2C1.5-1.5s1.5%2C0.7%2C1.5%2C1.5C49%2C44.7%2C44.7%2C49%2C39.5%2C49z%22%2F%3E%20%3Cpath%20d%3D%22M45.5%2C0h-14C30.7%2C0%2C30%2C0.7%2C30%2C1.5S30.7%2C3%2C31.5%2C3h12.4L24.4%2C22.4c-0.6%2C0.6-0.6%2C1.5%2C0%2C2.1c0.3%2C0.3%2C0.7%2C0.4%2C1.1%2C0.4%20s0.8-0.1%2C1.1-0.4L46%2C5.1v12.4c0%2C0.8%2C0.7%2C1.5%2C1.5%2C1.5s1.5-0.7%2C1.5-1.5v-14C49%2C1.6%2C47.4%2C0%2C45.5%2C0z%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 0.5em;
}

.en {
  font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
}

.sp-inline {
  display: inline-block;
}

.sp-block {
  display: block;
}

.sp-none {
  display: none;
}

@media screen and (min-width: 768px) {
  .sp-none {
    display: block;
  }
  .sp-inline, .sp-block {
    display: none;
  }
}
details summary {
  cursor: pointer;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
details summary::-webkit-details-marker {
  display: none;
}

.-hover {
  opacity: 1;
  -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0, 0, 1);
  -o-transition: opacity 0.3s cubic-bezier(0.25, 0, 0, 1);
  transition: opacity 0.3s cubic-bezier(0.25, 0, 0, 1);
  will-change: opacity;
}
@media (hover: hover) and (pointer: fine) {
  .-hover:hover {
    opacity: 0.6;
  }
}

.u-visually-hidden {
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  border: 0;
  white-space: nowrap;
  clip-path: inset(50%);
}

/*---------------------------------------------------------
	ヘッダー
---------------------------------------------------------*/
.header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  background-color: #fff;
  width: 100%;
  padding: 1.3rem 1.6rem 1.1rem;
  -webkit-transition: opacity 0.8s ease, -webkit-transform 0.8s ease;
  transition: opacity 0.8s ease, -webkit-transform 0.8s ease;
  -o-transition: opacity 0.8s ease, transform 0.8s ease;
  transition: opacity 0.8s ease, transform 0.8s ease;
  transition: opacity 0.8s ease, transform 0.8s ease, -webkit-transform 0.8s ease;
}
@media screen and (min-width: 768px) {
  .header {
    top: 0;
    left: 0;
    width: 50rem;
    padding: 3.6rem 3.1rem 3.5rem;
  }
}
.scrolled .header {
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
}
.header .header__logo a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header .header__logo .header__logo__img {
  width: 7rem;
  margin-right: 1.1rem;
}
@media screen and (min-width: 768px) {
  .header .header__logo .header__logo__img {
    width: 11.3rem;
    margin-right: 2.1rem;
  }
}
.header .header__logo .header__logo__copy {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  padding-left: 1.5rem;
  margin-top: 0.2rem;
}
@media screen and (min-width: 768px) {
  .header .header__logo .header__logo__copy {
    padding-left: 2.8rem;
    margin-top: 0.8rem;
  }
}
.header .header__logo .header__logo__copy::before {
  content: "";
  position: absolute;
  top: -0.8rem;
  left: 0;
  display: block;
  width: 1px;
  height: calc(100% + 1.4rem);
  background-color: #000;
  opacity: 0.2;
}
@media screen and (min-width: 768px) {
  .header .header__logo .header__logo__copy::before {
    top: -2.4rem;
    height: calc(100% + 3.8rem);
  }
}
.header .header__logo .header__logo__copy .-jp {
  line-height: 1;
  letter-spacing: 0.123em;
}
@media screen and (min-width: 768px) {
  .header .header__logo .header__logo__copy .-jp {
    font-size: 2.3rem;
  }
}
.header .header__logo .header__logo__copy .-en {
  font-size: 1rem;
  font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
  text-transform: uppercase;
  line-height: 1.6;
  margin-top: 0.3rem;
  font-weight: 400;
  letter-spacing: 0.075em;
}
@media screen and (min-width: 768px) {
  .header .header__logo .header__logo__copy .-en {
    font-size: 1.2rem;
    padding-left: 0.2rem;
    margin-top: 1rem;
    letter-spacing: 0.11em;
  }
}
.header .header_nav.-pc {
  display: none;
  visibility: hidden;
}
@media screen and (min-width: 992px) {
  .header .header_nav.-pc {
    display: block;
    visibility: visible;
    position: fixed;
    top: 0;
    opacity: 0;
    right: 5rem;
    -webkit-transition: top 0.8s ease 2.2s, opacity 0.8s ease 2.2s;
    -o-transition: top 0.8s ease 2.2s, opacity 0.8s ease 2.2s;
    transition: top 0.8s ease 2.2s, opacity 0.8s ease 2.2s;
    will-change: top;
  }
}
@media screen and (min-width: 992px) {
  .-load .header .header_nav.-pc {
    top: 4.4rem;
    opacity: 1;
  }
}
@media screen and (min-width: 992px) {
  .header .header_nav.-pc ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 1.6rem;
    font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
    font-weight: 300;
    text-transform: uppercase;
  }
}
@media screen and (min-width: 992px) {
  .header .header_nav.-pc ul li:not(:last-child) {
    margin-right: 4rem;
  }
}
.header .header_nav.-pc ul li a span {
  background-position: right 100% bottom 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#333));
  background-image: -o-linear-gradient(#333, #333);
  background-image: linear-gradient(#333, #333);
  background-repeat: no-repeat;
  background-size: 0% 1px;
  -webkit-transition: background-size 0.3s cubic-bezier(0.25, 0, 0, 1);
  -o-transition: background-size 0.3s cubic-bezier(0.25, 0, 0, 1);
  transition: background-size 0.3s cubic-bezier(0.25, 0, 0, 1);
}
@media (hover: hover) and (pointer: fine) {
  .header .header_nav.-pc ul li a:hover span {
    background-size: 100% 1px;
  }
}
@media screen and (min-width: 992px) {
  .header .header_nav.-pc .menu__contact a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-image: -webkit-gradient(linear, left top, right top, from(rgb(0, 76, 160)), to(rgb(0, 129, 133)));
    background-image: -o-linear-gradient(left, rgb(0, 76, 160) 0%, rgb(0, 129, 133) 100%);
    background-image: linear-gradient(90deg, rgb(0, 76, 160) 0%, rgb(0, 129, 133) 100%);
    width: 100%;
    width: 18rem;
    height: 5rem;
    border-radius: 5rem;
    color: #fff;
    background-size: 100% 100%;
    -webkit-transition: background-size 0.3s cubic-bezier(0.25, 0, 0, 1), opacity 0.3s cubic-bezier(0.25, 0, 0, 1);
    -o-transition: background-size 0.3s cubic-bezier(0.25, 0, 0, 1), opacity 0.3s cubic-bezier(0.25, 0, 0, 1);
    transition: background-size 0.3s cubic-bezier(0.25, 0, 0, 1), opacity 0.3s cubic-bezier(0.25, 0, 0, 1);
  }
}
@media screen and (min-width: 992px) and (hover: hover) and (pointer: fine) {
  .header .header_nav.-pc .menu__contact a:hover {
    background-size: 200% 100%;
    opacity: 0.7;
  }
}
@media screen and (min-width: 992px) {
  .header .header_nav.-pc .menu__contact a::before {
    content: "";
    position: absolute;
    top: calc(50% - 0.3rem);
    left: 2.2rem;
    display: block;
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 50%;
    background-color: #fff;
  }
}
.header .header_nav.-sp {
  display: block;
}
@media screen and (min-width: 992px) {
  .header .header_nav.-sp {
    display: none;
    visibility: hidden;
  }
}

/*---------------------------------------------------------
	barba
---------------------------------------------------------*/
.pjax {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  pointer-events: none;
}

/*---------------------------------------------------------
	パンくず
---------------------------------------------------------*/
.breadcrumb {
  background-color: #fff;
  border-bottom: 1px solid #f2f2f2;
  font-size: 1rem;
  color: #aaa;
}
.breadcrumb .breadcrumb__list {
  width: 100%;
  max-width: 160rem;
  margin: 0 auto;
  padding: 0 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.breadcrumb .breadcrumb__list li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1rem 1rem 1rem 0;
}
.breadcrumb .breadcrumb__list li:not(:last-child)::after {
  content: "/";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 1rem;
}
.breadcrumb .breadcrumb__list li a {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  max-width: 13rem;
}
.breadcrumb .breadcrumb__list li a[target=_blank]::after {
  position: relative;
  top: 0.1em;
  margin-left: 0.5rem;
  background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2049%2049%22%3E%3Cg%20fill%3D%22%23aaa%22%3E%3Cpath%20d%3D%22M39.5%2C49h-30C4.3%2C49%2C0%2C44.7%2C0%2C39.5v-30C0%2C4.3%2C4.3%2C0%2C9.5%2C0C10.3%2C0%2C11%2C0.7%2C11%2C1.5S10.3%2C3%2C9.5%2C3C5.9%2C3%2C3%2C5.9%2C3%2C9.5v30%20C3%2C43.1%2C5.9%2C46%2C9.5%2C46h30c3.6%2C0%2C6.5-2.9%2C6.5-6.5c0-0.8%2C0.7-1.5%2C1.5-1.5s1.5%2C0.7%2C1.5%2C1.5C49%2C44.7%2C44.7%2C49%2C39.5%2C49z%22%2F%3E%3Cpath%20d%3D%22M45.5%2C0h-14C30.7%2C0%2C30%2C0.7%2C30%2C1.5S30.7%2C3%2C31.5%2C3h12.4L24.4%2C22.4c-0.6%2C0.6-0.6%2C1.5%2C0%2C2.1c0.3%2C0.3%2C0.7%2C0.4%2C1.1%2C0.4%20s0.8-0.1%2C1.1-0.4L46%2C5.1v12.4c0%2C0.8%2C0.7%2C1.5%2C1.5%2C1.5s1.5-0.7%2C1.5-1.5v-14C49%2C1.6%2C47.4%2C0%2C45.5%2C0z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
}

/*---------------------------------------------------------
	フッター
---------------------------------------------------------*/
.footer {
  background-color: #fff;
  padding: 5rem 0 3.5rem;
}
.footer a {
  position: relative;
  font-size: 1.2rem;
  color: #aaa;
  letter-spacing: 0.08em;
  padding-bottom: 0.2rem;
}
@media screen and (min-width: 992px) {
  .footer a {
    font-size: 1.4rem;
  }
}
.footer a::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: inline-block;
  width: calc(100% - 1.3em);
  height: 1px;
  background-color: #aaa;
}
.footer a[target=_blank]::after {
  position: relative;
  top: 0.3em;
  margin-left: 0.5rem;
  width: 0.95em;
  height: 0.95em;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2049%2049%22%3E%3Cg%20fill%3D%22%23aaa%22%3E%3Cpath%20d%3D%22M39.5%2C49h-30C4.3%2C49%2C0%2C44.7%2C0%2C39.5v-30C0%2C4.3%2C4.3%2C0%2C9.5%2C0C10.3%2C0%2C11%2C0.7%2C11%2C1.5S10.3%2C3%2C9.5%2C3C5.9%2C3%2C3%2C5.9%2C3%2C9.5v30%20C3%2C43.1%2C5.9%2C46%2C9.5%2C46h30c3.6%2C0%2C6.5-2.9%2C6.5-6.5c0-0.8%2C0.7-1.5%2C1.5-1.5s1.5%2C0.7%2C1.5%2C1.5C49%2C44.7%2C44.7%2C49%2C39.5%2C49z%22%2F%3E%3Cpath%20d%3D%22M45.5%2C0h-14C30.7%2C0%2C30%2C0.7%2C30%2C1.5S30.7%2C3%2C31.5%2C3h12.4L24.4%2C22.4c-0.6%2C0.6-0.6%2C1.5%2C0%2C2.1c0.3%2C0.3%2C0.7%2C0.4%2C1.1%2C0.4%20s0.8-0.1%2C1.1-0.4L46%2C5.1v12.4c0%2C0.8%2C0.7%2C1.5%2C1.5%2C1.5s1.5-0.7%2C1.5-1.5v-14C49%2C1.6%2C47.4%2C0%2C45.5%2C0z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@media screen and (min-width: 992px) {
  .footer a[target=_blank]::after {
    margin-left: 1.3rem;
  }
}
.footer .footer-container {
  width: 100%;
  max-width: 163rem;
  margin: 0 auto;
  padding: 0 3rem;
  color: #aaa;
}
@media screen and (min-width: 992px) {
  .footer .footer-container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.footer .footer__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
@media screen and (min-width: 992px) {
  .footer .footer__links {
    margin-top: 1.5rem;
  }
}
@media screen and (min-width: 992px) {
  .footer .footer__links > a {
    margin-right: 4.2rem;
    height: 2.1em;
  }
}
.footer .footer__jaist {
  margin: 5.2rem auto 0;
  width: 16.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 992px) {
  .footer .footer__jaist {
    margin: 0 0.8rem 0 0;
    width: 19.2rem;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.footer .footer__jaist a {
  margin-top: 2rem;
}
@media screen and (min-width: 992px) {
  .footer .footer__jaist a {
    margin-top: 2.6rem;
  }
}
.footer .footer__copy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 3.6rem;
  font-size: 1rem;
  font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
}
@media screen and (min-width: 992px) {
  .footer .footer__copy {
    position: absolute;
    top: 9.7rem;
    left: 2.5rem;
    font-size: 1.2rem;
  }
}

/*---------------------------------------------------------
	common-data
---------------------------------------------------------*/
*[data-san=fade] {
  opacity: 0;
  -webkit-transform: translateY(2rem);
      -ms-transform: translateY(2rem);
          transform: translateY(2rem);
  -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  -o-transition: opacity 0.5s ease, transform 0.5s ease;
  transition: opacity 0.5s ease, transform 0.5s ease;
  transition: opacity 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
  will-change: opacity, transform;
}
*[data-san=fade].is-active {
  opacity: 1;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
}

.c-wrap {
  max-width: 165rem;
  margin: 0 auto;
  padding: 0 2.5rem;
}

.c-tag a {
  position: relative;
  display: block;
  border: 1px solid #000;
  background-color: #fff;
  border-radius: 4rem;
  font-size: 1.2rem;
  padding: 0.4em 1.2em 0.35em 1.87em;
  -webkit-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
@media screen and (min-width: 992px) {
  .c-tag a {
    border: 2px solid #000;
    font-size: 1.4rem;
    padding: 0.7em 1.8em 0.5em 2.9em;
  }
}
@media (hover: hover) and (pointer: fine) {
  .c-tag a:hover {
    background-color: #000;
    color: #fff;
  }
  .c-tag a:hover span {
    opacity: 0;
    -webkit-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s;
    color: #000;
    -webkit-transform: translateY(-20%);
        -ms-transform: translateY(-20%);
            transform: translateY(-20%);
  }
  .c-tag a:hover::after {
    opacity: 1;
    -webkit-transition-delay: 0.1s;
         -o-transition-delay: 0.1s;
            transition-delay: 0.1s;
    -webkit-transform: translateY(-20%);
        -ms-transform: translateY(-20%);
            transform: translateY(-20%);
  }
}
.c-tag a::before {
  position: absolute;
  top: 0.45em;
  left: 1em;
  content: "#";
  font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
  padding-right: 0.3em;
}
@media screen and (min-width: 992px) {
  .c-tag a::before {
    padding-right: 0.6em;
    top: 0.6em;
    left: 1.7em;
  }
}
.c-tag a span {
  position: relative;
  display: block;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: opacity 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
  transition: opacity 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
  -o-transition: transform 0.1s ease-in-out, opacity 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out, opacity 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out, opacity 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
  -webkit-transition-delay: 0.1s;
       -o-transition-delay: 0.1s;
          transition-delay: 0.1s;
}
.c-tag a::after {
  content: attr(data-ruby);
  color: #fff;
  position: absolute;
  left: 0;
  top: 0.7em;
  width: 100%;
  padding: 0 0 0 2em;
  opacity: 0;
  display: block;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: opacity 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
  transition: opacity 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
  -o-transition: transform 0.1s ease-in-out, opacity 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out, opacity 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out, opacity 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
}
@media screen and (min-width: 992px) {
  .c-tag a::after {
    top: 1em;
    width: 100%;
    padding: 0 0 0 2.86em;
  }
}

.c-article {
  position: relative;
  display: block;
}
@media (hover: hover) and (pointer: fine) {
  .c-article:not(.-comming) .c-article__cover:hover + .c-article__content .c-article__figure img {
    -webkit-transform: scale(1.02);
        -ms-transform: scale(1.02);
            transform: scale(1.02);
  }
  .c-article:not(.-comming) .c-article__cover:hover + .c-article__content .c-article__title span {
    background-size: 100% 1px;
  }
}
.c-article .c-article__cover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 992px) {
  .c-article .c-article__content {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
}
.c-article .c-article__figure {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 103%;
  overflow: hidden;
}
@media screen and (min-width: 992px) {
  .c-article .c-article__figure {
    padding-top: 100%;
  }
}
.c-article .c-article__figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: 0.25s -webkit-transform cubic-bezier(0.25, 0, 0, 1);
  transition: 0.25s -webkit-transform cubic-bezier(0.25, 0, 0, 1);
  -o-transition: 0.25s transform cubic-bezier(0.25, 0, 0, 1);
  transition: 0.25s transform cubic-bezier(0.25, 0, 0, 1);
  transition: 0.25s transform cubic-bezier(0.25, 0, 0, 1), 0.25s -webkit-transform cubic-bezier(0.25, 0, 0, 1);
}
.c-article .c-article__cat {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  z-index: 3;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  font-size: 1.2rem;
  padding: 0.4em 0.9em;
}
@media screen and (min-width: 992px) {
  .c-article .c-article__cat {
    font-size: 1.4rem;
    padding: 0.7em 1.4em;
  }
}
.c-article .c-article__title {
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 1.34;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  margin-top: 1.6rem;
}
@media screen and (min-width: 992px) {
  .c-article .c-article__title {
    font-size: 1.8rem;
    line-height: 1.889;
    -webkit-line-clamp: 2;
  }
}
.c-article .c-article__title span {
  -webkit-transition: background-size 0.1s cubic-bezier(0.25, 0, 0, 1);
  -o-transition: background-size 0.1s cubic-bezier(0.25, 0, 0, 1);
  transition: background-size 0.1s cubic-bezier(0.25, 0, 0, 1);
  background-position: right 100% bottom 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#333));
  background-image: -o-linear-gradient(#333, #333);
  background-image: linear-gradient(#333, #333);
  background-repeat: no-repeat;
  background-size: 0% 1px;
  will-change: background-size;
}
.c-article .c-article__schema {
  margin-top: 1.2rem;
}
@media screen and (min-width: 992px) {
  .c-article .c-article__schema {
    padding-top: 0.8rem;
    margin-top: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.c-article .c-article__tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (min-width: 992px) {
  .c-article .c-article__tag {
    margin-top: 0.4rem;
  }
}
.c-article .c-article__tag .c-tag {
  margin: 0 0.8rem 0.8rem 0;
}
@media screen and (min-width: 992px) {
  .c-article .c-article__tag .c-tag {
    padding: 0;
  }
}
.c-article .c-article__tag .c-tag a {
  padding: 0.25em 0.6em 0.15em 1.87em;
  z-index: 2;
}
@media screen and (min-width: 992px) {
  .c-article .c-article__tag .c-tag a {
    padding: 0.3em 1.2em 0.3em 2.5em;
  }
}
.c-article .c-article__tag .c-tag a::before {
  top: 0.35em;
}
@media screen and (min-width: 992px) {
  .c-article .c-article__tag .c-tag a::before {
    top: 0.3em;
    left: 1.3em;
  }
}
.c-article .c-article__tag .c-tag a::after {
  padding: 0 0 0 2em;
  top: 0.7rem;
}
@media screen and (min-width: 992px) {
  .c-article .c-article__tag .c-tag a::after {
    top: 0.75em;
    padding: 0 0 0 2.5em;
  }
}
.c-article .c-article__time {
  display: block;
  font-size: 1.2rem;
  font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
  color: #aaa;
  margin-top: 1.4rem;
}
@media screen and (min-width: 992px) {
  .c-article .c-article__time {
    margin-top: 1rem;
    font-size: 1.4rem;
  }
}

.c-sns .c-sns__headline {
  font-size: 1.4rem;
  font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
  font-style: italic;
  text-transform: uppercase;
  padding-right: 2.6rem;
}
.c-sns .c-sns__headline::after {
  content: ":";
}
.c-sns .c-sns__content {
  display: block;
}
.c-sns .c-sns__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-sns .c-sns__list li:not(:first-child) {
  margin-left: 1.2rem;
}

.c-sharebtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px rgb(204, 204, 204) solid;
  border-radius: 50%;
  width: 5rem;
  height: 5rem;
}
@media screen and (min-width: 768px) {
  .c-sharebtn {
    width: 6.4rem;
    height: 6.4rem;
  }
}
.c-sharebtn::after {
  display: none !important;
}
.c-sharebtn.-fb svg {
  width: 0.8rem;
  height: 1.9rem;
  -webkit-transition: all 0.2s cubic-bezier(0.25, 0, 0, 1);
  -o-transition: all 0.2s cubic-bezier(0.25, 0, 0, 1);
  transition: all 0.2s cubic-bezier(0.25, 0, 0, 1);
}
@media (hover: hover) and (pointer: fine) {
  .c-sharebtn.-fb:hover svg {
    fill: #1877F2;
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }
}
.c-sharebtn.-tw svg {
  width: 1.7rem;
  height: 1.3rem;
  -webkit-transition: all 0.2s cubic-bezier(0.25, 0, 0, 1);
  -o-transition: all 0.2s cubic-bezier(0.25, 0, 0, 1);
  transition: all 0.2s cubic-bezier(0.25, 0, 0, 1);
}
@media (hover: hover) and (pointer: fine) {
  .c-sharebtn.-tw:hover svg {
    fill: #1D9BF0;
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }
}
.c-sharebtn.-li svg {
  width: 2.2rem;
  height: 2.1rem;
  -webkit-transition: all 0.2s cubic-bezier(0.25, 0, 0, 1);
  -o-transition: all 0.2s cubic-bezier(0.25, 0, 0, 1);
  transition: all 0.2s cubic-bezier(0.25, 0, 0, 1);
}
@media (hover: hover) and (pointer: fine) {
  .c-sharebtn.-li:hover svg {
    fill: #06C755;
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }
}

.c-pager {
  margin-top: 2rem;
}
@media screen and (min-width: 992px) {
  .c-pager {
    margin-top: 8.6rem;
  }
}
.c-pager.-pages .wp-pagenavi::before {
  display: none !important;
}
.c-pager .wp-pagenavi {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  padding: 1.6rem 0;
  margin: 0 auto;
  width: 100%;
  max-width: 45rem;
}
@media screen and (min-width: 992px) {
  .c-pager .wp-pagenavi {
    padding: 1.6rem 5.8rem;
    display: block;
  }
}
.c-pager .wp-pagenavi a {
  -webkit-transition: background-color 0.25s cubic-bezier(0.25, 0, 0, 1);
  -o-transition: background-color 0.25s cubic-bezier(0.25, 0, 0, 1);
  transition: background-color 0.25s cubic-bezier(0.25, 0, 0, 1);
  border: none;
  font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
  font-style: italic;
  font-weight: 100;
  text-indent: -0.2em;
}
.c-pager .wp-pagenavi span {
  font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
  font-style: italic;
  font-weight: 100;
  text-indent: -0.2em;
}
.c-pager .wp-pagenavi .previouspostslink {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  margin-right: 1.5rem;
  display: inline-block;
  width: 2.7rem;
  height: 3.6rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2038%208%22%3E%3Cpath%20d%3D%22M0%2C3.5h29.9v1H0V3.5z%22%2F%3E%3Cpath%20d%3D%22M38%2C4l-7%2C4V0L38%2C4z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
@media screen and (min-width: 992px) {
  .c-pager .wp-pagenavi .previouspostslink {
    position: absolute;
    top: 1.6rem;
    left: 0;
    display: block;
    margin-right: auto !important;
    width: 4rem;
    height: 5.3rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .c-pager .wp-pagenavi .previouspostslink:hover {
    -webkit-animation: arrows 0.5s ease 1;
            animation: arrows 0.5s ease 1;
  }
}
.c-pager .wp-pagenavi .first {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #333;
  width: 3.6rem;
  height: 3.6rem;
  border-radius: 50%;
  position: relative;
  margin-right: 1em;
}
.c-pager .wp-pagenavi .first::after {
  content: "...";
  padding: 0 0.2em;
  position: absolute;
  right: -1em;
  top: 0.2em;
}
@media screen and (min-width: 992px) {
  .c-pager .wp-pagenavi .first::after {
    top: -0.2em;
  }
}
.c-pager .wp-pagenavi .page {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
  padding: 0;
}
@media screen and (min-width: 992px) {
  .c-pager .wp-pagenavi .page {
    width: 5.3rem;
    height: 5.3rem;
    margin: 0 0.6rem;
  }
}
.c-pager .wp-pagenavi .smaller {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
.c-pager .wp-pagenavi .current {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 3.6rem;
  height: 3.6rem;
  border-radius: 50%;
  border: 1px solid #000;
  margin: 0 0.6rem;
}
@media screen and (min-width: 992px) {
  .c-pager .wp-pagenavi .current {
    width: 5.3rem;
    height: 5.3rem;
  }
}
.c-pager .wp-pagenavi .larger {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
}
.c-pager .wp-pagenavi .last {
  -webkit-box-ordinal-group: 7;
      -ms-flex-order: 6;
          order: 6;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #333;
  padding: 0;
  position: relative;
  width: 3.6rem;
  height: 3.6rem;
  border-radius: 50%;
  margin-left: 1em;
}
.c-pager .wp-pagenavi .last::before {
  content: "...";
  padding: 0 0.2em;
  position: absolute;
  left: -1em;
  top: 0.2em;
}
@media screen and (min-width: 992px) {
  .c-pager .wp-pagenavi .last::before {
    top: -0.2em;
  }
}
.c-pager .wp-pagenavi .nextpostslink {
  -webkit-box-ordinal-group: 8;
      -ms-flex-order: 7;
          order: 7;
  display: inline-block;
  margin-left: 1.5rem;
  width: 2.7rem;
  height: 3.6rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2038%208%22%3E%3Cpath%20d%3D%22M0%2C3.5h29.9v1H0V3.5z%22%2F%3E%3Cpath%20d%3D%22M38%2C4l-7%2C4V0L38%2C4z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
@media screen and (min-width: 992px) {
  .c-pager .wp-pagenavi .nextpostslink {
    position: absolute;
    top: 1.6rem;
    right: 0;
    display: block;
    margin-left: auto !important;
    width: 4rem;
    height: 5.3rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .c-pager .wp-pagenavi .nextpostslink:hover {
    -webkit-animation: arrows 0.5s ease 1;
            animation: arrows 0.5s ease 1;
  }
}
@media (hover: hover) and (pointer: fine) {
  .c-pager .wp-pagenavi .first:hover, .c-pager .wp-pagenavi .smaller:hover, .c-pager .wp-pagenavi .larger:hover, .c-pager .wp-pagenavi .last:hover {
    background-color: #dadada;
  }
}

/* ==============================
        front.scss
================================= */
.front {
  width: 100%;
  overflow: hidden;
}
.front .mv-speacer {
  width: 100%;
  height: 5rem;
}
@media screen and (min-width: 768px) {
  .front .mv-speacer {
    height: 13rem;
  }
}
@media screen and (min-width: 1281px) {
  .front .mv-speacer {
    height: 23rem;
  }
}
.front .front-mv {
  position: relative;
  width: 100%;
  max-height: 58.7rem;
  height: calc(100vh - 5.9rem);
  height: calc(100svh - 5.9rem);
  margin-top: 5.9rem;
}
@media screen and (min-width: 768px) {
  .front .front-mv {
    max-height: 81rem;
    min-height: 81rem;
    height: 100vh;
    height: 100svh;
    margin-top: 0;
  }
}
@media screen and (min-width: 992px) {
  .front .front-mv {
    max-height: 108rem;
    min-height: 108rem;
  }
}
.front .front-mv .front-mv__bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
}
.front .front-mv .front-mv__bg .swiper-wrapper {
  width: 100%;
  height: 100%;
}
.front .front-mv .front-mv__bg .swiper-slide {
  width: 100%;
  height: 100%;
}
.front .front-mv .front-mv__bg .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.front .front-mv .front-mv__copy {
  position: absolute;
  top: 2.8rem;
  left: 2.5rem;
  z-index: 2;
  width: calc(100% - 5rem);
  -webkit-transition: -webkit-transform 1s 0s cubic-bezier(0.25, 0, 0, 1);
  transition: -webkit-transform 1s 0s cubic-bezier(0.25, 0, 0, 1);
  -o-transition: transform 1s 0s cubic-bezier(0.25, 0, 0, 1);
  transition: transform 1s 0s cubic-bezier(0.25, 0, 0, 1);
  transition: transform 1s 0s cubic-bezier(0.25, 0, 0, 1), -webkit-transform 1s 0s cubic-bezier(0.25, 0, 0, 1);
}
@media screen and (min-width: 768px) {
  .front .front-mv .front-mv__copy {
    width: 42rem;
    top: 17.8rem;
  }
}
@media screen and (min-width: 992px) {
  .front .front-mv .front-mv__copy {
    top: 27rem;
    width: 50%;
  }
}
@media screen and (min-width: 1441px) {
  .front .front-mv .front-mv__copy {
    top: 27.4rem;
    left: 16rem;
    width: 81.3rem;
  }
}
.front .front-mv .front-mv__copy .copy {
  overflow: hidden;
}
.front .front-mv .front-mv__copy .copy.-first {
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
}
.front .front-mv .front-mv__copy .copy.-second {
  -webkit-transition-delay: 0.3s;
       -o-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.front .front-mv .front-mv__copy .copy.-third {
  -webkit-transition-delay: 0.6s;
       -o-transition-delay: 0.6s;
          transition-delay: 0.6s;
}
.front .front-mv .front-mv__copy .copy img {
  width: 100%;
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition: -webkit-transform 0.55s cubic-bezier(0.25, 0, 0, 1);
  transition: -webkit-transform 0.55s cubic-bezier(0.25, 0, 0, 1);
  -o-transition: transform 0.55s cubic-bezier(0.25, 0, 0, 1);
  transition: transform 0.55s cubic-bezier(0.25, 0, 0, 1);
  transition: transform 0.55s cubic-bezier(0.25, 0, 0, 1), -webkit-transform 0.55s cubic-bezier(0.25, 0, 0, 1);
}
.loaded .front .front-mv .front-mv__copy .copy img {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.front .front-mv .front-mv__subline {
  position: absolute;
  bottom: 2.3rem;
  left: 2.4rem;
  z-index: 2;
  width: calc(100% - 5rem);
  font-size: 1.9rem;
  color: #fff;
  font-weight: 500;
  line-height: 1.737;
  letter-spacing: 0.03em;
}
@media screen and (min-width: 768px) {
  .front .front-mv .front-mv__subline {
    bottom: auto;
    top: 46.1rem;
    font-size: 2.6rem;
  }
}
@media screen and (min-width: 992px) {
  .front .front-mv .front-mv__subline {
    top: calc(50% + 13vw);
    font-size: 3.3rem;
  }
}
@media screen and (min-width: 1441px) {
  .front .front-mv .front-mv__subline {
    top: 78.8rem;
    left: 16.2rem;
    letter-spacing: 0.08em;
  }
}
@media screen and (min-width: 992px) {
  .front .front-mv .front-mv__subline br {
    display: none;
  }
}
.front .front-mv .front-mv__subline span {
  font-size: 1.5rem;
  padding: 0 0.7rem;
}
@media screen and (min-width: 992px) {
  .front .front-mv .front-mv__subline span {
    font-size: 2.6rem;
  }
}
.front .front-mv .front-mv__scroll {
  position: absolute;
  bottom: 6.5rem;
  right: 0.2rem;
  z-index: 2;
  font-size: 1.1rem;
  font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
  color: #fff;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-weight: 500;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
@media screen and (min-width: 1281px) {
  .front .front-mv .front-mv__scroll {
    bottom: 25rem;
    right: 4.4rem;
    font-size: 1.6rem;
  }
}
.front .front-mv::before {
  content: "";
  position: absolute;
  bottom: -4rem;
  right: 2.5rem;
  z-index: 2;
  display: block;
  width: 1px;
  height: 8rem;
  background-color: #fff;
  -webkit-animation: scroll-bar 3s cubic-bezier(0.25, 0, 0, 1) infinite;
          animation: scroll-bar 3s cubic-bezier(0.25, 0, 0, 1) infinite;
}
@media screen and (min-width: 1281px) {
  .front .front-mv::before {
    bottom: -4.2rem;
    right: 7.9rem;
    height: 24rem;
  }
}
.front .front-search {
  padding: 3.2rem 0 3rem;
}
@media screen and (min-width: 1281px) {
  .front .front-search {
    padding: 4.8rem 8rem 3rem 0;
    position: relative;
    top: -10rem;
    background: #f2f2f2;
    margin-left: 8rem;
    width: calc(100% - 8rem);
    margin-bottom: -10rem;
  }
}
@media screen and (min-width: 1920px) {
  .front .front-search {
    padding: 4.8rem calc((100% - 1600px) / 2) 3rem 0;
    top: -10rem;
    margin-left: calc((100% - 1600px) / 2);
    width: calc((100% - 1600px) / 2 + 1600px);
  }
}
.front .front-search .front-search__wrap {
  padding: 0 2.5rem;
}
@media screen and (min-width: 992px) {
  .front .front-search .front-search__wrap {
    padding: 0 0 0 7rem;
  }
}
@media screen and (min-width: 992px) {
  .front .front-search .front-search__wrap.-archive {
    border-left: 15px solid #000;
  }
}
.front .front-search .front-search__headline {
  font-size: 1.5rem;
  font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  padding-bottom: 1.2rem;
  border-bottom: 1px solid #000;
  margin-bottom: 1rem;
}
@media screen and (min-width: 992px) {
  .front .front-search .front-search__headline {
    font-size: 2rem;
    margin-bottom: 3.8rem;
  }
}
.front .front-search .front-search__block {
  padding-top: 1.3rem;
}
@media screen and (min-width: 992px) {
  .front .front-search .front-search__block {
    padding-top: 2.3rem;
  }
}
@media screen and (min-width: 992px) {
  .front .front-search .front-search__block .front-search__block__dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.front .front-search .front-search__block .front-search__block__dl dt {
  font-size: 1.5rem;
  letter-spacing: 0.05em;
  font-weight: 500;
}
@media screen and (min-width: 992px) {
  .front .front-search .front-search__block .front-search__block__dl dt {
    font-size: 2rem;
    width: 25.4rem;
    padding-top: 0.3rem;
    padding-left: 0.4rem;
    letter-spacing: 0.035em;
  }
}
.front .front-search .front-search__block .front-search__block__dl dt::after {
  content: ":";
  padding-left: 0.3em;
}
.front .front-search .front-search__block .front-search__block__dl dd {
  padding-top: 1rem;
}
@media screen and (min-width: 992px) {
  .front .front-search .front-search__block .front-search__block__dl dd {
    padding-top: 0;
  }
}
.front .front-search .front-search__block .front-search__block__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.front .front-search .front-search__block .front-search__block__list .c-tag {
  margin-bottom: 0.9rem;
}
.front .front-search .front-search__block .front-search__block__list .c-tag:not(:last-child) {
  margin-right: 0.9rem;
}
@media screen and (min-width: 992px) {
  .front .front-search .front-search__block .front-search__block__list .c-tag:not(:last-child) {
    margin-right: 1.7rem;
  }
}
.front .front-articles {
  padding: 1.2rem 0 2.7rem;
}
@media screen and (min-width: 992px) {
  .front .front-articles {
    padding: 1.3rem 0 6.6rem;
  }
}
@media screen and (min-width: 768px) {
  .front .front-articles .c-wrap {
    max-width: 54.8rem;
  }
}
@media screen and (min-width: 992px) {
  .front .front-articles .c-wrap {
    max-width: 179rem;
  }
}
.front .front-articles .front-articles__headline {
  font-size: 3.5rem;
  font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (min-width: 992px) {
  .front .front-articles .front-articles__headline {
    font-size: 7rem;
    text-align: left;
    line-height: 1.6;
    padding-left: 1.2rem;
  }
}
@media screen and (min-width: 1441px) {
  .front .front-articles .front-articles__headline {
    padding-left: 2.8%;
  }
}
@media screen and (min-width: 1920px) {
  .front .front-articles .front-articles__headline {
    padding-left: 7.2rem;
  }
}
.front .front-articles .front-articles__list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 2.4rem;
}
@media screen and (min-width: 992px) {
  .front .front-articles .front-articles__list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr;
    margin-top: -2.1rem;
  }
}
@media screen and (min-width: 992px) {
  .front .front-articles .front-articles__list.-min {
    grid-template-rows: 1fr 1fr;
  }
}
.front .front-articles .front-articles__list::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 1px;
  background-color: #000;
}
@media screen and (min-width: 992px) {
  .front .front-articles .front-articles__list::after {
    top: 6rem;
    left: 50%;
    width: 1px;
    height: calc(100% - 6rem);
  }
}
.front .front-articles .front-articles__list .c-article {
  position: relative;
  width: calc(50% - 2rem);
  margin-top: 3.6rem;
  padding-bottom: 4.8rem;
}
@media screen and (min-width: 992px) {
  .front .front-articles .front-articles__list .c-article {
    width: 85%;
    margin: 6.5rem auto 0;
    padding-bottom: 6.5rem;
  }
}
@media screen and (min-width: 1740px) {
  .front .front-articles .front-articles__list .c-article {
    width: 30rem;
  }
}
.front .front-articles .front-articles__list .c-article::before {
  content: "";
  position: absolute;
  display: inline-block;
  background-color: #000;
}
.front .front-articles .front-articles__list .c-article:nth-child(1) {
  width: 100%;
  padding: 0 0 3.9rem 0;
  margin-top: 0;
}
@media screen and (min-width: 992px) {
  .front .front-articles .front-articles__list .c-article:nth-child(1) {
    grid-column: 1/3;
    grid-row: 1/3;
    width: 92.5%;
    padding-bottom: 6.5rem;
    margin-top: 6.5rem;
    margin-left: auto;
  }
}
@media screen and (min-width: 1740px) {
  .front .front-articles .front-articles__list .c-article:nth-child(1) {
    width: 73rem;
  }
}
.front .front-articles .front-articles__list .c-article:nth-child(1)::before {
  top: 100%;
  left: 0;
  width: 100%;
  height: 1px;
}
.front .front-articles .front-articles__list .c-article:nth-child(1) .c-article__figure {
  padding-top: 100%;
}
.front .front-articles .front-articles__list .c-article:nth-child(1) .c-article__title {
  font-size: 1.4rem;
  line-height: 1.571;
  text-align: left;
  margin-top: 1.3rem;
  letter-spacing: 0.07em;
}
@media screen and (min-width: 992px) {
  .front .front-articles .front-articles__list .c-article:nth-child(1) .c-article__title {
    font-size: 2.4rem;
    line-height: 1.833;
    margin-top: 3rem;
  }
}
.front .front-articles .front-articles__list .c-article:nth-child(1) .c-article__schema {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 2.4rem;
}
@media screen and (min-width: 992px) {
  .front .front-articles .front-articles__list .c-article:nth-child(1) .c-article__schema {
    margin-top: auto;
  }
}
.front .front-articles .front-articles__list .c-article:nth-child(1) .c-article__time {
  margin-top: 0;
}
.front .front-articles .front-articles__list .c-article:nth-child(6) {
  width: 100%;
}
@media screen and (min-width: 992px) {
  .front .front-articles .front-articles__list .c-article:nth-child(6) {
    grid-column: 3/5;
    grid-row: 3/5;
    width: 92.5%;
    margin: 6.5rem auto 0;
    padding-bottom: 6.5rem;
  }
}
@media screen and (min-width: 1740px) {
  .front .front-articles .front-articles__list .c-article:nth-child(6) {
    width: 73rem;
  }
}
.front .front-articles .front-articles__list .c-article:nth-child(6)::before {
  top: 100%;
  left: 0;
  width: 100%;
  height: 1px;
}
.front .front-articles .front-articles__list .c-article:nth-child(6)::after {
  content: "";
  position: absolute;
  bottom: calc(100% + 3.6rem);
  left: 0;
  display: inline-block;
  width: 100%;
  height: 1px;
  background-color: #000;
}
@media screen and (min-width: 992px) {
  .front .front-articles .front-articles__list .c-article:nth-child(6)::after {
    display: none;
  }
}
.front .front-articles .front-articles__list .c-article:nth-child(6) .c-article__figure {
  padding-top: 100%;
}
.front .front-articles .front-articles__list .c-article:nth-child(6) .c-article__title {
  font-size: 1.4rem;
  line-height: 1.571;
  text-align: left;
  margin-top: 1.3rem;
  letter-spacing: 0.07em;
}
@media screen and (min-width: 992px) {
  .front .front-articles .front-articles__list .c-article:nth-child(6) .c-article__title {
    font-size: 2.4rem;
    line-height: 1.833;
    margin-top: 3rem;
  }
}
.front .front-articles .front-articles__list .c-article:nth-child(6) .c-article__schema {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 2.4rem;
}
@media screen and (min-width: 992px) {
  .front .front-articles .front-articles__list .c-article:nth-child(6) .c-article__schema {
    margin-top: auto;
  }
}
.front .front-articles .front-articles__list .c-article:nth-child(6) .c-article__time {
  margin-top: 0;
}
@media screen and (min-width: 992px) {
  .front .front-articles .front-articles__list .c-article:nth-child(2) {
    grid-column: 3/4;
    grid-row: 1/2;
  }
}
.front .front-articles .front-articles__list .c-article:nth-child(2)::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 1px;
  background-color: #000;
}
.front .front-articles .front-articles__list .c-article:nth-child(2)::after {
  content: "";
  position: absolute;
  top: 0;
  right: -2rem;
  display: inline-block;
  width: 1px;
  height: calc(100% - 3rem);
  background-color: #000;
}
@media screen and (min-width: 992px) {
  .front .front-articles .front-articles__list .c-article:nth-child(2)::after {
    right: -7.5%;
    height: calc(100% - 5rem);
  }
}
@media screen and (min-width: 1441px) {
  .front .front-articles .front-articles__list .c-article:nth-child(2)::after {
    right: -8.5%;
  }
}
@media screen and (min-width: 1740px) {
  .front .front-articles .front-articles__list .c-article:nth-child(2)::after {
    right: -7rem;
  }
}
@media screen and (min-width: 992px) {
  .front .front-articles .front-articles__list .c-article:nth-child(3) {
    grid-column: 4/5;
    grid-row: 1/2;
  }
}
.front .front-articles .front-articles__list .c-article:nth-child(3)::before {
  top: 100%;
  left: 0;
  width: 100%;
  height: 1px;
}
@media screen and (min-width: 992px) {
  .front .front-articles .front-articles__list .c-article:nth-child(4) {
    grid-column: 3/4;
    grid-row: 2/3;
  }
}
.front .front-articles .front-articles__list .c-article:nth-child(4)::before {
  top: 0;
  left: calc(100% + 2rem);
  width: 1px;
  height: calc(100% - 3rem);
}
@media screen and (min-width: 992px) {
  .front .front-articles .front-articles__list .c-article:nth-child(4)::before {
    top: 0;
    left: 107.5%;
    height: calc(100% - 3.6rem);
  }
}
@media screen and (min-width: 1441px) {
  .front .front-articles .front-articles__list .c-article:nth-child(4)::before {
    right: -8.5%;
  }
}
@media screen and (min-width: 1740px) {
  .front .front-articles .front-articles__list .c-article:nth-child(4)::before {
    left: calc(100% + 7rem);
  }
}
@media screen and (min-width: 992px) {
  .front .front-articles .front-articles__list .c-article:nth-child(4)::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 1px;
    background-color: #000;
  }
}
@media screen and (min-width: 992px) {
  .front .front-articles .front-articles__list .c-article:nth-child(5) {
    grid-column: 4/5;
    grid-row: 2/3;
  }
}
@media screen and (min-width: 992px) {
  .front .front-articles .front-articles__list .c-article:nth-child(5)::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 1px;
    background-color: #000;
  }
}
.front .front-articles .front-articles__list .c-article:nth-child(7)::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 1px;
  background-color: #000;
}
.front .front-articles .front-articles__list .c-article:nth-child(7)::after {
  content: "";
  position: absolute;
  top: 0;
  right: -2rem;
  display: inline-block;
  width: 1px;
  height: calc(100% - 3rem);
  background-color: #000;
}
@media screen and (min-width: 992px) {
  .front .front-articles .front-articles__list .c-article:nth-child(7)::after {
    right: -7.5%;
    height: calc(100% - 5rem);
  }
}
@media screen and (min-width: 1441px) {
  .front .front-articles .front-articles__list .c-article:nth-child(7)::after {
    right: calc((25vw - 31rem) / -2);
  }
}
@media screen and (min-width: 1740px) {
  .front .front-articles .front-articles__list .c-article:nth-child(7)::after {
    right: -7rem;
  }
}
@media screen and (min-width: 992px) {
  .front .front-articles .front-articles__list .c-article:nth-child(8) {
    grid-column: 2/3;
    grid-row: 3/4;
  }
}
.front .front-articles .front-articles__list .c-article:nth-child(8)::before {
  top: 100%;
  left: 0;
  width: 100%;
  height: 1px;
}
@media screen and (min-width: 992px) {
  .front .front-articles .front-articles__list .c-article:nth-child(9) {
    grid-column: 1/2;
    grid-row: 4/5;
  }
}
.front .front-articles .front-articles__list .c-article:nth-child(9)::before {
  top: 0;
  left: calc(100% + 2rem);
  width: 1px;
  height: calc(100% - 3rem);
}
@media screen and (min-width: 992px) {
  .front .front-articles .front-articles__list .c-article:nth-child(9)::before {
    top: 0;
    left: 107.5%;
    height: calc(100% - 3.6rem);
  }
}
@media screen and (min-width: 1441px) {
  .front .front-articles .front-articles__list .c-article:nth-child(9)::before {
    left: calc(100% + (25vw - 31rem) / 2);
  }
}
@media screen and (min-width: 1740px) {
  .front .front-articles .front-articles__list .c-article:nth-child(9)::before {
    left: calc(100% + 7rem);
  }
}
@media screen and (min-width: 992px) {
  .front .front-articles .front-articles__list .c-article:nth-child(9)::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 1px;
    background-color: #000;
  }
}
@media screen and (min-width: 992px) {
  .front .front-articles .front-articles__list .c-article:nth-child(10) {
    grid-column: 2/3;
    grid-row: 4/5;
  }
}
@media screen and (min-width: 992px) {
  .front .front-articles .front-articles__list .c-article:nth-child(10)::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 1px;
    background-color: #000;
  }
}

.detail .detail-mv {
  padding-top: 6rem;
}
@media screen and (min-width: 768px) {
  .detail .detail-mv {
    padding-top: 13.2rem;
  }
}
@media screen and (min-width: 992px) {
  .detail .detail-mv {
    padding-top: 0;
  }
}
.detail .detail-mv .detail-mv__bg {
  width: 100%;
  height: 100%;
  max-height: 75rem;
  overflow: hidden;
}
.detail .detail-mv .detail-mv__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.detail .detail-articles {
  padding-bottom: 9rem;
}
.detail .detail-articles .c-wrap {
  max-width: 135rem;
}
.detail .detail-articles .detail-articles__schema .detail-articles__schema__cat {
  position: relative;
  top: -2.5rem;
  left: 0;
  display: inline-block;
  background-color: #000;
  padding: 1.2rem 2.6rem;
  color: #fff;
  margin-bottom: -2.5rem;
}
@media screen and (min-width: 992px) {
  .detail .detail-articles .detail-articles__schema .detail-articles__schema__cat {
    top: -4rem;
    font-size: 2rem;
    padding: 2rem 4rem 1.8rem 4.2rem;
    margin-bottom: -4rem;
  }
}
.detail .detail-articles .detail-articles__schema .detail-articles__schema__prop {
  margin-top: 2.5rem;
}
@media screen and (min-width: 992px) {
  .detail .detail-articles .detail-articles__schema .detail-articles__schema__prop {
    margin-top: 5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.detail .detail-articles .detail-articles__schema .detail-articles__schema__prop__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.detail .detail-articles .detail-articles__schema .detail-articles__schema__time {
  font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
  color: rgb(170, 170, 170);
  margin-bottom: 0.8rem;
}
@media screen and (min-width: 992px) {
  .detail .detail-articles .detail-articles__schema .detail-articles__schema__time {
    margin-bottom: 0;
  }
}
.detail .detail-articles .detail-articles__schema .detail-articles__schema__tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: 2.3rem;
}
.detail .detail-articles .detail-articles__schema .detail-articles__schema__tag .c-tag {
  margin-right: 0.6rem;
  margin-bottom: 0.8rem;
}
@media screen and (min-width: 992px) {
  .detail .detail-articles .detail-articles__schema .detail-articles__schema__tag .c-tag {
    margin-right: 0.8rem;
    margin-bottom: 0;
  }
}
.detail .detail-articles .detail-articles__schema .detail-articles__schema__tag .c-tag:not(:first-child) {
  margin-right: 1rem;
}
@media screen and (min-width: 992px) {
  .detail .detail-articles .detail-articles__schema .detail-articles__schema__tag .c-tag a {
    padding: 0.5em 1.8em 0.35em 2.9em;
  }
}
.detail .detail-articles .detail-articles__schema .detail-articles__schema__prop__sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 1.2rem;
}
@media screen and (min-width: 768px) {
  .detail .detail-articles .detail-articles__schema .detail-articles__schema__prop__sns {
    margin-top: 0;
  }
}
.detail .detail-articles .detail-articles__schema__headline {
  margin-top: 3rem;
  padding-bottom: 2.4rem;
  border-bottom: 3px solid #000;
  font-size: 2.2rem;
  line-height: 1.65;
  font-weight: 500;
  letter-spacing: 0.075em;
}
@media screen and (min-width: 768px) {
  .detail .detail-articles .detail-articles__schema__headline {
    padding-bottom: 3.7rem;
    font-size: 4rem;
  }
}
.detail .interview-mv {
  position: relative;
  padding: 6.2rem 2.5rem 8.8rem;
}
@media screen and (min-width: 768px) {
  .detail .interview-mv {
    padding: 25.7rem 2.5rem 8.8rem;
  }
}
.detail .interview-mv::before {
  content: "";
  position: absolute;
  top: auto;
  bottom: -0.8rem;
  left: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 16rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201216%20160%22%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M1069.3%2C160l-14.8-144h-0.9l-62.8%2C144h-11.2L962.1%2C0h10.2l14.8%2C144.9h0.9L1050.7%2C0h11.9l14.4%2C144.9h0.9L1141%2C0%20h10.3l-70.5%2C160H1069.3z%20M858.8%2C9.1l-10.9%2C66.3h74.5l-1.6%2C9.1h-74.5l-10.9%2C66.5h81.2l-1.6%2C9.1H824L850.6%2C0h89.1l-1.6%2C9.1H858.8z%20M768%2C160L794.6%2C0h9.8l-26.6%2C160H768z%20M669.2%2C160L638.1%2C0h10.3l28%2C147.4h1.1L754.5%2C0h10.3l-84.3%2C160H669.2z%20M598%2C71%20c-5.1%2C7-11.5%2C12.4-19.4%2C16.3c-2.7%2C1.3-5.6%2C2.5-8.6%2C3.3l26.1%2C69.4h-11l-25.2-67.3c-2.7%2C0.3-5.5%2C0.5-8.3%2C0.5h-39.7L500.8%2C160H491%20L517.6%2C0h49.3C577%2C0%2C585.3%2C2%2C592%2C5.9c6.6%2C3.9%2C11.3%2C9.4%2C14.1%2C16.4c2.7%2C7%2C3.3%2C15.2%2C1.8%2C24.5C606.3%2C56%2C603%2C64%2C598%2C71z%20M596.8%2C26.8%20c-2.2-5.7-6-10-11.3-13.1c-5.4-3.1-12.2-4.6-20.4-4.6h-39.3L513.4%2C84h39.4c8.2%2C0%2C15.5-1.5%2C21.9-4.6c6.4-3.1%2C11.6-7.4%2C15.6-12.9%20s6.7-12.1%2C7.9-19.6C599.4%2C39.1%2C599%2C32.5%2C596.8%2C26.8z%20M396.8%2C9.1l-10.9%2C66.3h74.5l-1.6%2C9.1h-74.5l-10.9%2C66.5h81.2l-1.6%2C9.1H362%20L388.6%2C0h89.1l-1.6%2C9.1H396.8z%20M300.3%2C9.1l-25%2C150.9h-9.8l25-150.9h-51.2l1.6-9.1H353l-1.6%2C9.1H300.3z%20M168.7%2C160L90.4%2C17.7h-0.9%20L65.8%2C160H56L82.6%2C0h9.6l78.4%2C142.4h0.9L195.1%2C0h9.7l-26.6%2C160H168.7z%20M0%2C160L26.6%2C0h9.8L9.8%2C160H0z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: repeat-x;
  background-size: contain;
  background-position: left bottom;
  opacity: 0.05;
  -webkit-animation: subline-scroll 43s cubic-bezier(0.25, 0.25, 0.75, 0.75) infinite both;
          animation: subline-scroll 43s cubic-bezier(0.25, 0.25, 0.75, 0.75) infinite both;
}
@media screen and (min-width: 992px) {
  .detail .interview-mv::before {
    top: calc(50% - 4.7rem);
    bottom: auto;
  }
}
.detail .interview-mv.-notfound::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201216%20160%22%3E%20%3Cpath%20d%3D%22M138.7%2C7.4l-24.4%2C146.9h-8.8l-72-130.6h-0.9L11%2C154.4h-9L26.4%2C7.4h8.8l72%2C130.8h0.9L129.8%2C7.4H138.7z%22%2F%3E%20%3Cpath%20d%3D%22M277.7%2C81.3c-2.5%2C15.1-7.3%2C28.3-14.3%2C39.6c-7.1%2C11.3-15.8%2C20-26.1%2C26.2c-10.3%2C6.2-21.5%2C9.3-33.7%2C9.3%20c-12.4%2C0-22.8-3.2-31.2-9.5c-8.3-6.3-14.2-15.2-17.6-26.5c-3.4-11.4-3.8-24.6-1.4-39.8c2.6-15.1%2C7.4-28.3%2C14.5-39.5%20c7.1-11.2%2C15.8-20%2C26.2-26.2c10.3-6.2%2C21.6-9.4%2C33.8-9.4s22.5%2C3.1%2C30.9%2C9.4c8.4%2C6.3%2C14.3%2C15.1%2C17.7%2C26.5%20C279.8%2C52.7%2C280.2%2C66%2C277.7%2C81.3z%20M269%2C80.5c2.3-13.7%2C2.1-25.5-0.7-35.4c-2.8-9.9-7.7-17.6-14.6-23c-7-5.4-15.6-8.1-25.8-8.1%20c-10.6%2C0-20.4%2C2.7-29.5%2C8.2c-9.1%2C5.5-16.8%2C13.3-23.1%2C23.4c-6.3%2C10.1-10.7%2C22-13%2C35.7c-2.2%2C13.6-2%2C25.4%2C0.7%2C35.4%20c2.7%2C9.9%2C7.6%2C17.6%2C14.6%2C23c7%2C5.4%2C15.7%2C8.1%2C26.1%2C8.1c10.6%2C0%2C20.5-2.8%2C29.6-8.3c9.1-5.5%2C16.8-13.3%2C23.1-23.4%20C262.5%2C106%2C266.8%2C94.2%2C269%2C80.5z%22%2F%3E%20%3Cpath%20d%3D%22M299.7%2C15.8l1.4-8.3h103l-1.4%2C8.3h-47l-23%2C138.6h-9l23-138.6H299.7z%22%2F%3E%20%3Cpath%20d%3D%22M473.2%2C154.4L497.6%2C7.4h82l-1.4%2C8.3h-73l-10%2C60.9h66.2l-1.4%2C8.3h-66.2l-11.5%2C69.4H473.2z%22%2F%3E%20%3Cpath%20d%3D%22M712.4%2C81.3c-2.5%2C15.1-7.3%2C28.3-14.3%2C39.6c-7.1%2C11.3-15.8%2C20-26.1%2C26.2c-10.3%2C6.2-21.5%2C9.3-33.7%2C9.3%20c-12.4%2C0-22.8-3.2-31.2-9.5c-8.3-6.3-14.2-15.2-17.6-26.5c-3.4-11.4-3.8-24.6-1.4-39.8c2.6-15.1%2C7.4-28.3%2C14.5-39.5%20c7.1-11.2%2C15.8-20%2C26.2-26.2c10.3-6.2%2C21.6-9.4%2C33.8-9.4c12.2%2C0%2C22.5%2C3.1%2C30.9%2C9.4c8.4%2C6.3%2C14.3%2C15.1%2C17.7%2C26.5%20C714.6%2C52.7%2C715%2C66%2C712.4%2C81.3z%20M703.7%2C80.5c2.3-13.7%2C2.1-25.5-0.7-35.4c-2.8-9.9-7.7-17.6-14.6-23c-7-5.4-15.6-8.1-25.8-8.1%20c-10.6%2C0-20.4%2C2.7-29.5%2C8.2c-9.1%2C5.5-16.8%2C13.3-23.1%2C23.4c-6.3%2C10.1-10.7%2C22-13%2C35.7c-2.2%2C13.6-2%2C25.4%2C0.7%2C35.4%20c2.7%2C9.9%2C7.6%2C17.6%2C14.6%2C23c7%2C5.4%2C15.7%2C8.1%2C26.1%2C8.1c10.6%2C0%2C20.5-2.8%2C29.6-8.3s16.8-13.3%2C23.1-23.4C697.3%2C106%2C701.5%2C94.2%2C703.7%2C80.5%20z%22%2F%3E%20%3Cpath%20d%3D%22M851.2%2C7.4h9l-16.1%2C97.3c-1.6%2C10-5.4%2C18.9-11.3%2C26.7c-5.9%2C7.8-13.4%2C14-22.3%2C18.5c-8.9%2C4.5-18.7%2C6.8-29.3%2C6.8%20c-10.5%2C0-19.4-2.3-26.8-6.8c-7.4-4.5-12.8-10.7-16.2-18.5c-3.4-7.8-4.2-16.7-2.5-26.7l16.1-97.3h9l-16%2C96.8%20c-1.4%2C8.5-0.7%2C16%2C1.9%2C22.6s7.1%2C11.8%2C13.1%2C15.6c6.1%2C3.8%2C13.6%2C5.7%2C22.5%2C5.7s17.1-1.9%2C24.6-5.7c7.5-3.8%2C13.8-9%2C18.8-15.6%20s8.2-14.1%2C9.6-22.6L851.2%2C7.4z%22%2F%3E%20%3Cpath%20d%3D%22M1002.8%2C7.4l-24.4%2C146.9h-8.8l-72-130.6h-0.9l-21.7%2C130.6h-9L890.5%2C7.4h8.8l72%2C130.8h0.9L993.9%2C7.4H1002.8z%22%2F%3E%20%3Cpath%20d%3D%22M1049.7%2C154.4h-41l24.4-146.9h43.7c13.8%2C0%2C25.1%2C2.9%2C34%2C8.8c8.9%2C5.9%2C15%2C14.3%2C18.5%2C25.3c3.5%2C11%2C3.9%2C24%2C1.3%2C39.2%20c-2.6%2C15.5-7.6%2C28.7-14.8%2C39.6c-7.2%2C11-16.4%2C19.4-27.6%2C25.2C1077.1%2C151.5%2C1064.2%2C154.4%2C1049.7%2C154.4z%20M1019.1%2C146h31.4%20c12.9%2C0%2C24.3-2.7%2C34.2-8c9.9-5.4%2C18-13%2C24.4-22.8c6.3-9.9%2C10.6-21.6%2C12.8-35.2c2.2-13.6%2C2-25.2-0.8-34.7c-2.8-9.6-7.9-16.9-15.5-22%20c-7.6-5.1-17.6-7.6-30.1-7.6h-34.8L1019.1%2C146z%22%2F%3E%3C%2Fsvg%3E");
}
.detail .interview-mv .interview-mv__headline {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.6rem;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 992px) {
  .detail .interview-mv .interview-mv__headline {
    font-size: 2rem;
  }
}
.detail .interview-mv .interview-mv__headline::before {
  content: attr(data-ruby);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 3.8rem;
  font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
  letter-spacing: 0.004em;
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: 0.9rem;
}
@media screen and (min-width: 992px) {
  .detail .interview-mv .interview-mv__headline::before {
    font-size: 7rem;
  }
}
.detail .interview-schema {
  padding: 0;
}
.detail .interview-schema .c-wrap {
  max-width: 155rem;
}
.detail .interview-schema .interview-schema__block {
  border: 3px solid #000;
  overflow: hidden;
}
@media screen and (min-width: 992px) {
  .detail .interview-schema .interview-schema__block {
    height: 57rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.detail .interview-schema .interview-schema__figure {
  width: 100%;
}
@media screen and (min-width: 992px) {
  .detail .interview-schema .interview-schema__figure {
    width: calc(100% - 42.8rem);
    height: 100%;
  }
}
.detail .interview-schema .interview-schema__figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.detail .interview-schema .interview-schema__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 3.2rem 2.5rem;
}
@media screen and (min-width: 992px) {
  .detail .interview-schema .interview-schema__content {
    width: 42.8rem;
    padding: 13rem 2.5rem 0;
  }
}
.detail .interview-schema .interview-schema__cat {
  position: relative;
  display: inline-block;
  background-color: #000;
  padding: 1.2rem 2.6rem;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .detail .interview-schema .interview-schema__cat {
    padding: 1.2rem 2.6rem 1.5rem;
  }
}
.detail .interview-schema .interview-schema__name {
  font-size: 3rem;
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 2.8rem;
  line-height: 1.3;
}
@media screen and (min-width: 768px) {
  .detail .interview-schema .interview-schema__name {
    font-size: 4rem;
    margin-top: 5rem;
  }
}
.detail .interview-schema .interview-schema__year {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 0.5rem;
  color: rgb(170, 170, 170);
}
.detail .interview-schema .interview-schema__tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 3.2rem;
}
@media screen and (min-width: 768px) {
  .detail .interview-schema .interview-schema__tag {
    margin-top: 5.1rem;
  }
}
.detail .interview-schema .interview-schema__tag .c-tag {
  margin-bottom: 0.8rem;
}
.detail .interview-schema .interview-schema__tag .c-tag:not(:first-child) {
  margin-left: 0.8rem;
}
.detail .interview-schema .interview-schema__sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 6rem;
}
.detail .message-block {
  border: 1px solid #000;
  background-color: #fff;
  margin-top: 6rem;
  padding: 3.6rem 0;
  margin-bottom: 5.2rem;
}
@media screen and (min-width: 992px) {
  .detail .message-block {
    margin-top: 15rem;
    padding: 6.6rem 0 8.4rem;
    margin-bottom: 8.2rem;
  }
}
.detail .message-block .message-block__inner {
  width: 100%;
  max-width: 114rem;
  margin: 0 auto;
  padding: 0 2.5rem;
}
.detail .message-block .message-block__headline {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.detail .message-block .message-block__headline::before {
  content: attr(data-ruby);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin-bottom: 0.2rem;
}
@media screen and (min-width: 992px) {
  .detail .message-block .message-block__headline::before {
    font-size: 5rem;
  }
}
.detail .message-block .message-block__text {
  margin-top: 2.4rem;
  line-height: 1.8;
}

.c-ttl1 {
  position: relative;
  font-size: 1.9rem;
  font-family: "Noto Serif JP", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", serif;
  font-weight: 300;
  letter-spacing: 0.11em;
  padding: 0 0.8rem 0.4rem 1.1rem;
  border-bottom: 1px solid rgb(202, 218, 225);
}
@media screen and (min-width: 992px) {
  .c-ttl1 {
    font-size: 2.8rem;
    padding: 0 0.8rem 1.3rem 1.8rem;
    line-height: 1.5;
  }
}
.c-ttl1::before {
  content: "";
  position: absolute;
  top: 0.9rem;
  left: 0;
  display: block;
  width: 0.6rem;
  height: 1.8rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%208%2027%22%3E%3ClinearGradient%20id%3D%22grad%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%22-3.3888%22%20y1%3D%2222.6949%22%20x2%3D%22-2.3888%22%20y2%3D%2222.6949%22%20gradientTransform%3D%22matrix(6.545%200%200%20-25.649%2022.859%20595.627)%22%3E%20%3Cstop%20offset%3D%220%22%20style%3D%22stop-color%3A%2300549b%22%2F%3E%20%3Cstop%20offset%3D%221%22%20style%3D%22stop-color%3A%23009374%22%2F%3E%3C%2FlinearGradient%3E%3Cpath%20fill%3D%22url(%23grad)%22%20d%3D%22M6.9%2C21.4L6.9%2C21.4c0-0.1-0.1-0.2-0.1-0.2l-2-3.8V9.7l2-3.8c0-0.1%2C0.1-0.2%2C0.1-0.2l0%2C0l0%2C0%20c0.2-0.5%2C0.3-1%2C0.3-1.5c0-1.9-1.5-3.4-3.3-3.4c-1.8%2C0-3.3%2C1.5-3.3%2C3.4c0%2C0.5%2C0.1%2C1%2C0.3%2C1.5l0%2C0l0%2C0c0%2C0.1%2C0.1%2C0.2%2C0.1%2C0.2l2%2C3.8v7.7%20l-2%2C3.8c0%2C0.1-0.1%2C0.2-0.1%2C0.2l0%2C0l0%2C0c-0.2%2C0.5-0.3%2C1-0.3%2C1.5c0%2C1.9%2C1.5%2C3.4%2C3.3%2C3.4c1.8%2C0%2C3.3-1.5%2C3.3-3.4%20C7.2%2C22.4%2C7.1%2C21.9%2C6.9%2C21.4L6.9%2C21.4z%22%2F%3E%3C%2Fsvg%3E");
}
@media screen and (min-width: 992px) {
  .c-ttl1::before {
    left: -0.1rem;
    width: 0.8rem;
    height: 2.7rem;
  }
}

.opacity {
  position: absolute;
  border-radius: 50%;
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgb(0, 76, 160)), to(rgb(0, 129, 133)));
  background-image: -o-linear-gradient(bottom, rgb(0, 76, 160) 0%, rgb(0, 129, 133) 100%);
  background-image: linear-gradient(0deg, rgb(0, 76, 160) 0%, rgb(0, 129, 133) 100%);
  display: block;
  width: 16rem;
  height: 16rem;
  opacity: 0.2;
  -webkit-filter: blur(6rem);
          filter: blur(6rem);
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(0, 76, 160)), to(rgb(0, 129, 133)));
  background: -o-linear-gradient(bottom, rgb(0, 76, 160) 0%, rgb(0, 129, 133) 100%);
  background: linear-gradient(0deg, rgb(0, 76, 160) 0%, rgb(0, 129, 133) 100%);
  will-change: transform;
  -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
          transform-origin: center center;
  -webkit-animation: beats 5s cubic-bezier(0.25, 0.25, 0.75, 0.75) infinite both;
          animation: beats 5s cubic-bezier(0.25, 0.25, 0.75, 0.75) infinite both;
}
@media screen and (min-width: 768px) {
  .opacity {
    width: 32rem;
    height: 32rem;
  }
}
@media screen and (min-width: 1740px) {
  .opacity {
    width: 50rem;
    height: 50rem;
  }
}
.opacity.-about01 {
  top: 0;
  left: 0;
}
@media screen and (min-width: 1740px) {
  .opacity.-about01 {
    -webkit-animation: beats3 5s cubic-bezier(0.25, 0.25, 0.75, 0.75) infinite both;
            animation: beats3 5s cubic-bezier(0.25, 0.25, 0.75, 0.75) infinite both;
  }
}
.opacity.-about02 {
  bottom: 0;
  right: 0;
}
@media screen and (min-width: 1740px) {
  .opacity.-about02 {
    -webkit-animation: beats2 5s cubic-bezier(0.25, 0.25, 0.75, 0.75) infinite both;
            animation: beats2 5s cubic-bezier(0.25, 0.25, 0.75, 0.75) infinite both;
  }
}
.opacity.-staff01 {
  top: 0;
  left: 0;
}
@media screen and (min-width: 1740px) {
  .opacity.-staff01 {
    -webkit-animation: beats 5s cubic-bezier(0.25, 0.25, 0.75, 0.75) infinite both;
            animation: beats 5s cubic-bezier(0.25, 0.25, 0.75, 0.75) infinite both;
  }
}
.opacity.-staff02 {
  top: 20%;
  right: 0;
}
@media screen and (min-width: 1740px) {
  .opacity.-staff02 {
    -webkit-animation: beats3 5s cubic-bezier(0.25, 0.25, 0.75, 0.75) infinite both;
            animation: beats3 5s cubic-bezier(0.25, 0.25, 0.75, 0.75) infinite both;
  }
}
.opacity.-staff03 {
  top: 50%;
  left: 0;
}
@media screen and (min-width: 1740px) {
  .opacity.-staff03 {
    -webkit-animation: beats2 5s cubic-bezier(0.25, 0.25, 0.75, 0.75) infinite both;
            animation: beats2 5s cubic-bezier(0.25, 0.25, 0.75, 0.75) infinite both;
  }
}
.opacity.-staff04 {
  bottom: 0;
  right: 0;
}
@media screen and (min-width: 1740px) {
  .opacity.-staff04 {
    -webkit-animation: beats 5s cubic-bezier(0.25, 0.25, 0.75, 0.75) infinite both;
            animation: beats 5s cubic-bezier(0.25, 0.25, 0.75, 0.75) infinite both;
  }
}

.c-footbtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 4.7rem;
}

.c-btn {
  position: relative;
  border: 2px solid #000;
  width: 40rem;
  padding: 2.6rem 9rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 5rem;
  -webkit-transition: all 0.25s cubic-bezier(0.25, 0, 0, 1);
  -o-transition: all 0.25s cubic-bezier(0.25, 0, 0, 1);
  transition: all 0.25s cubic-bezier(0.25, 0, 0, 1);
}
.c-btn::before {
  content: "";
  position: absolute;
  top: calc(50% - 1.8rem);
  right: 3.4rem;
  display: block;
  width: 3.8rem;
  height: 3.6rem;
  background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2038%208%22%3E%3Cpath%20d%3D%22M0%2C3.5h29.9v1H0V3.5z%22%2F%3E%3Cpath%20d%3D%22M38%2C4l-7%2C4V0L38%2C4z%22%2F%3E%3C%2Fsvg%3E);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  -webkit-transition: all 0.25s cubic-bezier(0.25, 0, 0, 1);
  -o-transition: all 0.25s cubic-bezier(0.25, 0, 0, 1);
  transition: all 0.25s cubic-bezier(0.25, 0, 0, 1);
}
@media (hover: hover) and (pointer: fine) {
  .c-btn:hover {
    background-color: #000;
    color: #fff;
  }
  .c-btn:hover::before {
    -webkit-animation: arrows 0.5s cubic-bezier(0.25, 0, 0, 1) 1;
            animation: arrows 0.5s cubic-bezier(0.25, 0, 0, 1) 1;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2038%208%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M0%2C3.5h29.9v1H0V3.5z%22%2F%3E%3Cpath%20d%3D%22M38%2C4l-7%2C4V0L38%2C4z%22%2F%3E%3C%2Fsvg%3E");
  }
}

.wysiwyg {
  margin-top: 3rem;
}
@media screen and (min-width: 768px) {
  .wysiwyg {
    margin-top: 6rem;
  }
}

html {
  font-size: 2.6666666667vw;
  width: 100%;
  height: 100%;
  height: -webkit-fill-availabel;
  min-height: 100%;
}
@media screen and (min-width: 768px) {
  html {
    font-size: 1.302083vw;
  }
}
@media screen and (min-width: 992px) {
  html {
    font-size: 0.6944445vw;
  }
}
@media screen and (min-width: 1441px) {
  html {
    font-size: 10px;
  }
}

.editor-styles-wrapper {
  background-color: #f2f2f2 !important;
  font-size: 1.4rem !important;
  line-height: 1.571 !important;
  font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif !important;
  font-stretch: 50% !important;
  -webkit-text-size-adjust: 100% !important;
  -webkit-font-feature-settings: "palt" 1 !important;
          font-feature-settings: "palt" 1 !important;
  text-align: justify !important;
}
@media screen and (min-width: 768px) {
  .editor-styles-wrapper {
    font-size: 1.6rem !important;
    line-height: 2.125 !important;
  }
}

.editor-styles-wrapper, .wysiwyg {
  text-align: left;
}
.editor-styles-wrapper .wp-block-embed + *, .editor-styles-wrapper .wp-block-group + *, .editor-styles-wrapper .wp-block-columns + *, .editor-styles-wrapper .wp-block-image + *, .wysiwyg .wp-block-embed + *, .wysiwyg .wp-block-group + *, .wysiwyg .wp-block-columns + *, .wysiwyg .wp-block-image + * {
  margin-top: 3.5rem;
}
.editor-styles-wrapper .wp-block-embed + h2, .editor-styles-wrapper .wp-block-group + h2, .editor-styles-wrapper .wp-block-columns + h2, .editor-styles-wrapper .wp-block-image + h2, .wysiwyg .wp-block-embed + h2, .wysiwyg .wp-block-group + h2, .wysiwyg .wp-block-columns + h2, .wysiwyg .wp-block-image + h2 {
  margin-top: 3.5rem;
}
@media screen and (min-width: 992px) {
  .editor-styles-wrapper .wp-block-embed + h2, .editor-styles-wrapper .wp-block-group + h2, .editor-styles-wrapper .wp-block-columns + h2, .editor-styles-wrapper .wp-block-image + h2, .wysiwyg .wp-block-embed + h2, .wysiwyg .wp-block-group + h2, .wysiwyg .wp-block-columns + h2, .wysiwyg .wp-block-image + h2 {
    margin-top: 12rem;
  }
}
.editor-styles-wrapper ul + *, .wysiwyg ul + * {
  margin-top: 3.5rem;
}
.editor-styles-wrapper .is-layout-flex, .wysiwyg .is-layout-flex {
  width: calc(100% + 2rem);
  position: relative;
  left: -1rem;
}
.editor-styles-wrapper .wp-block-column, .wysiwyg .wp-block-column {
  padding: 0 1rem 3.2rem;
}
@media screen and (min-width: 992px) {
  .editor-styles-wrapper .wp-block-column, .wysiwyg .wp-block-column {
    padding: 0 1rem;
  }
}
.editor-styles-wrapper .editor-post-title, .wysiwyg .editor-post-title {
  font-size: 4rem;
  line-height: 1.65;
  border-bottom: 3px solid #000;
}
.editor-styles-wrapper .content-blocks, .wysiwyg .content-blocks {
  position: relative;
  border: 3px solid #000;
  background-color: #fff;
  overflow: hidden;
}
.editor-styles-wrapper .content-blocks::before, .wysiwyg .content-blocks::before {
  position: absolute;
  top: 6rem;
  bottom: auto;
  left: -10.6rem;
  z-index: 1;
  display: block;
  width: 100%;
  height: auto;
  padding: 0;
  color: rgba(0, 0, 0, 0.05);
  font-size: 18rem;
  font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
  font-weight: 100;
  font-style: italic;
  text-align: center;
  line-height: 1;
  letter-spacing: 0;
  text-transform: uppercase;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
@media screen and (min-width: 768px) {
  .editor-styles-wrapper .content-blocks::before, .wysiwyg .content-blocks::before {
    top: auto;
    bottom: -2.7rem;
    left: -1.6rem;
    font-size: 13rem;
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@media screen and (min-width: 992px) {
  .editor-styles-wrapper .content-blocks::before, .wysiwyg .content-blocks::before {
    bottom: -3.7rem;
    font-size: 18rem;
  }
}
.editor-styles-wrapper .content-blocks.-members::before, .wysiwyg .content-blocks.-members::before {
  content: "members";
}
.editor-styles-wrapper .content-blocks.-profile::before, .wysiwyg .content-blocks.-profile::before {
  content: "profile";
}
.editor-styles-wrapper .content-blocks.-profile .content-blocks__list, .wysiwyg .content-blocks.-profile .content-blocks__list {
  max-width: 109rem;
  padding: 5rem 2.5rem 7.2rem;
}
@media screen and (min-width: 768px) {
  .editor-styles-wrapper .content-blocks.-profile .content-blocks__list, .wysiwyg .content-blocks.-profile .content-blocks__list {
    padding: 5rem 2.5rem 11.3rem;
  }
}
@media screen and (min-width: 768px) {
  .editor-styles-wrapper .content-blocks.-profile .content-blocks__list .wp-block-group__inner-container, .wysiwyg .content-blocks.-profile .content-blocks__list .wp-block-group__inner-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.editor-styles-wrapper .content-blocks.-profile .content-blocks__list figure.wp-block-image, .wysiwyg .content-blocks.-profile .content-blocks__list figure.wp-block-image {
  width: 21rem;
  height: 21rem;
  border-radius: 50%;
  overflow: hidden;
}
.editor-styles-wrapper .content-blocks.-profile .content-blocks__list figure.wp-block-image img, .wysiwyg .content-blocks.-profile .content-blocks__list figure.wp-block-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.editor-styles-wrapper .content-blocks.-profile .content-blocks__list .-schema, .wysiwyg .content-blocks.-profile .content-blocks__list .-schema {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .editor-styles-wrapper .content-blocks.-profile .content-blocks__list .-schema, .wysiwyg .content-blocks.-profile .content-blocks__list .-schema {
    width: calc(100% - 26rem);
  }
}
.editor-styles-wrapper .content-blocks.-profile .content-blocks__list .-schema .wp-block-group__inner-container, .wysiwyg .content-blocks.-profile .content-blocks__list .-schema .wp-block-group__inner-container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  padding-top: 2.4rem;
}
.editor-styles-wrapper .content-blocks.-profile .content-blocks__list .-schema .wp-block-group__inner-container .-name, .wysiwyg .content-blocks.-profile .content-blocks__list .-schema .wp-block-group__inner-container .-name {
  display: block;
  font-size: 1.6rem;
  line-height: 1.722 !important;
}
@media screen and (min-width: 768px) {
  .editor-styles-wrapper .content-blocks.-profile .content-blocks__list .-schema .wp-block-group__inner-container .-name, .wysiwyg .content-blocks.-profile .content-blocks__list .-schema .wp-block-group__inner-container .-name {
    font-size: 1.8rem;
  }
}
.editor-styles-wrapper .content-blocks.-profile .content-blocks__list .-schema .wp-block-group__inner-container .-year, .wysiwyg .content-blocks.-profile .content-blocks__list .-schema .wp-block-group__inner-container .-year {
  font-size: 1.4rem;
  color: rgb(170, 170, 170);
  display: block;
  margin-top: 0;
}
.editor-styles-wrapper .content-blocks.-profile .content-blocks__list .-schema .wp-block-group__inner-container .-text, .wysiwyg .content-blocks.-profile .content-blocks__list .-schema .wp-block-group__inner-container .-text {
  font-size: 1.4rem;
  line-height: 1.857 !important;
  margin-top: 1.7rem;
}
.editor-styles-wrapper .content-blocks .content-blocks__list, .wysiwyg .content-blocks .content-blocks__list {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 113rem;
  padding: 5rem 2.5rem 5.3rem;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .editor-styles-wrapper .content-blocks .content-blocks__list, .wysiwyg .content-blocks .content-blocks__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media screen and (min-width: 992px) {
  .editor-styles-wrapper .content-blocks .content-blocks__list, .wysiwyg .content-blocks .content-blocks__list {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}
.editor-styles-wrapper .content-blocks .content-blocks__list li, .wysiwyg .content-blocks .content-blocks__list li {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 4rem;
}
@media screen and (min-width: 768px) {
  .editor-styles-wrapper .content-blocks .content-blocks__list li, .wysiwyg .content-blocks .content-blocks__list li {
    width: calc(50% - 2rem);
  }
}
@media screen and (min-width: 992px) {
  .editor-styles-wrapper .content-blocks .content-blocks__list li, .wysiwyg .content-blocks .content-blocks__list li {
    width: calc(20% - 3rem);
    /*--250313 BEFORE FIX--
    width: calc(25% - 3rem);
    */
  }
}
@media screen and (min-width: 992px) {
  .editor-styles-wrapper .content-blocks .content-blocks__list li:not(:nth-child(5n)), .wysiwyg .content-blocks .content-blocks__list li:not(:nth-child(5n)) {
    margin-right: 2rem;
  }
  /*--250313 BEFORE FIX--
  .editor-styles-wrapper .content-blocks .content-blocks__list li:not(:nth-child(4n)), .wysiwyg .content-blocks .content-blocks__list li:not(:nth-child(4n)) {
    margin-right: 4rem;
  }
  */
}
.editor-styles-wrapper .content-blocks .content-blocks__list li .-figure, .wysiwyg .content-blocks .content-blocks__list li .-figure {
  width: 21rem;
  height: 21rem;
  border-radius: 50%;
  overflow: hidden;
}
.editor-styles-wrapper .content-blocks .content-blocks__list li .-figure img, .wysiwyg .content-blocks .content-blocks__list li .-figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.editor-styles-wrapper .content-blocks .content-blocks__list li .-schema, .wysiwyg .content-blocks .content-blocks__list li .-schema {
  margin-top: 1.3rem;
}
.editor-styles-wrapper .content-blocks .content-blocks__list li .-name, .wysiwyg .content-blocks .content-blocks__list li .-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.8rem;
}
.editor-styles-wrapper .content-blocks .content-blocks__list li .-year, .wysiwyg .content-blocks .content-blocks__list li .-year {
  font-size: 1.4rem;
  color: rgb(170, 170, 170);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: -0.4rem;
}
.editor-styles-wrapper .content-blocks .content-blocks__list li .-text, .wysiwyg .content-blocks .content-blocks__list li .-text {
  font-size: 1.4rem;
  line-height: 1.857;
  margin-top: 1.7rem;
}
.editor-styles-wrapper .content-blocks + *, .wysiwyg .content-blocks + * {
  margin-top: 3.7rem;
}
.editor-styles-wrapper .content-blocks + h2, .wysiwyg .content-blocks + h2 {
  margin-top: 3.6rem;
}
@media screen and (min-width: 768px) {
  .editor-styles-wrapper .content-blocks + h2, .wysiwyg .content-blocks + h2 {
    margin-top: 11.5rem;
  }
}
@media screen and (min-width: 992px) {
  .editor-styles-wrapper .content-bubble .wp-block-group__inner-container, .wysiwyg .content-bubble .wp-block-group__inner-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media screen and (min-width: 992px) {
  .editor-styles-wrapper .content-bubble.-reverse .wp-block-group__inner-container, .wysiwyg .content-bubble.-reverse .wp-block-group__inner-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-flow: row-reverse;
            flex-flow: row-reverse;
  }
}
@media screen and (min-width: 992px) {
  .editor-styles-wrapper .content-bubble.-reverse .-bubble::before, .wysiwyg .content-bubble.-reverse .-bubble::before {
    left: calc(100% - 1px);
    right: auto;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
  }
}
.editor-styles-wrapper .content-bubble .-prop, .wysiwyg .content-bubble .-prop {
  width: 100%;
}
@media screen and (min-width: 992px) {
  .editor-styles-wrapper .content-bubble .-prop, .wysiwyg .content-bubble .-prop {
    width: 12rem;
  }
}
.editor-styles-wrapper .content-bubble .-prop .wp-block-group__inner-container, .wysiwyg .content-bubble .-prop .wp-block-group__inner-container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 992px) {
  .editor-styles-wrapper .content-bubble .-prop .wp-block-group__inner-container, .wysiwyg .content-bubble .-prop .wp-block-group__inner-container {
    width: 12rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
}
.editor-styles-wrapper .content-bubble .wp-block-image, .wysiwyg .content-bubble .wp-block-image {
  width: 12rem;
  height: 12rem;
  border-radius: 50%;
  border: 1px solid #000;
  overflow: hidden;
  margin-right: 1rem;
}
@media screen and (min-width: 992px) {
  .editor-styles-wrapper .content-bubble .wp-block-image, .wysiwyg .content-bubble .wp-block-image {
    margin-right: 0;
  }
}
.editor-styles-wrapper .content-bubble .wp-block-image img, .wysiwyg .content-bubble .wp-block-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.editor-styles-wrapper .content-bubble p, .wysiwyg .content-bubble p {
  font-size: 1.4rem;
  margin-top: 0.5rem;
}
.editor-styles-wrapper .content-bubble .-bubble, .wysiwyg .content-bubble .-bubble {
  position: relative;
  line-height: 1.875;
  background-color: #fff;
  border: 1px solid #000;
  width: 100%;
  letter-spacing: 0.038em;
  padding: 3.2rem 2.5rem;
  margin-top: 3.2rem;
}
@media screen and (min-width: 992px) {
  .editor-styles-wrapper .content-bubble .-bubble, .wysiwyg .content-bubble .-bubble {
    width: calc(100% - 17rem);
    padding: 4.6rem 7.2rem 5.4rem 6.5rem;
    margin-top: 0;
  }
}
.editor-styles-wrapper .content-bubble .-bubble::before, .wysiwyg .content-bubble .-bubble::before {
  content: "";
  position: absolute;
  top: auto;
  bottom: calc(100% - 1px);
  left: 3.6rem;
  right: auto;
  display: block;
  width: 4rem;
  height: 2.1rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2040%2021%22%3E%20%3Cpath%20fill%3D%22%23000%22%20d%3D%22M20.4%2C0L40%2C20H0L20.4%2C0z%22%2F%3E%20%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M20.4%2C1L40%2C21H0L20.4%2C1z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
}
@media screen and (min-width: 992px) {
  .editor-styles-wrapper .content-bubble .-bubble::before, .wysiwyg .content-bubble .-bubble::before {
    -webkit-transform: scale(-1);
        -ms-transform: scale(-1);
            transform: scale(-1);
    top: calc(50% - 2rem);
    bottom: auto;
    left: auto;
    right: calc(100% - 1px);
    width: 2.1rem;
    height: 4rem;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021%2040%22%3E%20%3Cpath%20fill%3D%22%23000%22%20d%3D%22M21%2C20.4L1%2C40V0L21%2C20.4z%22%2F%3E%20%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M20%2C20.4L0%2C40V0L20%2C20.4z%22%2F%3E%3C%2Fsvg%3E");
    transform: scale(-1);
  }
}
.editor-styles-wrapper .content-bubble + *, .wysiwyg .content-bubble + * {
  margin-top: 3.7rem;
}
.editor-styles-wrapper .content-bubble + h2, .wysiwyg .content-bubble + h2 {
  margin-top: 11.5rem;
}
.editor-styles-wrapper .content-links, .wysiwyg .content-links {
  background-color: #fff;
}
@media screen and (min-width: 992px) {
  .editor-styles-wrapper .content-links > .wp-block-group__inner-container, .wysiwyg .content-links > .wp-block-group__inner-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.editor-styles-wrapper .content-links .content-links__dt, .wysiwyg .content-links .content-links__dt {
  width: 100%;
  padding: 2.4rem 1em;
  border-bottom: 2px solid #f2f2f2;
  font-weight: 700;
}
@media screen and (min-width: 992px) {
  .editor-styles-wrapper .content-links .content-links__dt, .wysiwyg .content-links .content-links__dt {
    height: 100%;
    width: 280px;
    border-bottom: none;
    border-right: 2px solid #f2f2f2;
  }
}
.editor-styles-wrapper .content-links .content-links__dt > .wp-block-group__inner-container, .wysiwyg .content-links .content-links__dt > .wp-block-group__inner-container {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.editor-styles-wrapper .content-links .content-links__dd, .wysiwyg .content-links .content-links__dd {
  width: 100%;
  height: 100%;
  margin-top: 0;
  padding: 2.4rem 1em;
}
@media screen and (min-width: 992px) {
  .editor-styles-wrapper .content-links .content-links__dd, .wysiwyg .content-links .content-links__dd {
    width: calc(100% - 280px);
  }
}
.editor-styles-wrapper .content-links .content-links__dd > .wp-block-group__inner-container, .wysiwyg .content-links .content-links__dd > .wp-block-group__inner-container {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.editor-styles-wrapper .wp-block-columns + h2, .wysiwyg .wp-block-columns + h2 {
  margin-top: 5.5rem;
}
@media screen and (min-width: 768px) {
  .editor-styles-wrapper .wp-block-columns + h2, .wysiwyg .wp-block-columns + h2 {
    margin-top: 11.5rem;
  }
}
.editor-styles-wrapper h2, .wysiwyg h2 {
  position: relative;
  font-size: 2rem;
  line-height: 1.471;
  padding: 0 0 1.7rem 2.4rem;
  letter-spacing: 0.09em;
}
@media screen and (min-width: 768px) {
  .editor-styles-wrapper h2, .wysiwyg h2 {
    font-size: 3.4rem;
    padding: 0 0 2.8rem 5.2rem;
  }
}
.editor-styles-wrapper h2::before, .wysiwyg h2::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #000;
}
.editor-styles-wrapper h2::after, .wysiwyg h2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 0.6rem;
  height: calc(100% - 1.7rem);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%207%201%22%20fill%3D%22%23000%22%3E%20%3Cpath%20d%3D%22M0%2C0h1v1H0V0z%22%2F%3E%20%3Cpath%20d%3D%22M6%2C0h1v1H6V0z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: repeat-y;
  background-size: contain;
}
.editor-styles-wrapper h2 + *, .wysiwyg h2 + * {
  margin-top: 5.7rem;
}
.editor-styles-wrapper h2 + h3, .wysiwyg h2 + h3 {
  margin-top: 4.3rem;
}
.editor-styles-wrapper h3, .wysiwyg h3 {
  position: relative;
  font-size: 2rem;
  color: rgb(7, 49, 144);
  line-height: 1.6;
  padding-left: 2.4rem;
  letter-spacing: 0.088em;
}
@media screen and (min-width: 768px) {
  .editor-styles-wrapper h3, .wysiwyg h3 {
    line-height: 2;
  }
}
.editor-styles-wrapper h3::before, .wysiwyg h3::before {
  content: "";
  position: absolute;
  top: 0.8em;
  left: 0.2rem;
  display: block;
  width: 1.5rem;
  height: 1px;
  background-color: rgb(7, 49, 144);
}
@media screen and (min-width: 768px) {
  .editor-styles-wrapper h3::before, .wysiwyg h3::before {
    top: 1em;
  }
}
.editor-styles-wrapper h3 + *, .wysiwyg h3 + * {
  margin-top: 5.7rem;
}
.editor-styles-wrapper h3 + p, .wysiwyg h3 + p {
  margin-top: 2.5rem;
}
@media screen and (min-width: 768px) {
  .editor-styles-wrapper h3 + p, .wysiwyg h3 + p {
    margin-top: 0.5rem;
  }
}
.editor-styles-wrapper p, .wysiwyg p {
  line-height: 2 !important;
}
@media screen and (min-width: 768px) {
  .editor-styles-wrapper p, .wysiwyg p {
    line-height: 2.125 !important;
  }
}
.editor-styles-wrapper p + *, .wysiwyg p + * {
  margin-top: 3.5rem;
}
.editor-styles-wrapper p + p, .wysiwyg p + p {
  margin-top: 0;
}
.editor-styles-wrapper p + .is-layout-flex, .wysiwyg p + .is-layout-flex {
  margin-top: 5.5rem;
}
@media screen and (min-width: 768px) {
  .editor-styles-wrapper p + .is-layout-flex, .wysiwyg p + .is-layout-flex {
    margin-top: 10.6rem;
  }
}
.editor-styles-wrapper p + h2, .wysiwyg p + h2 {
  margin-top: 3.5rem;
}
@media screen and (min-width: 992px) {
  .editor-styles-wrapper p + h2, .wysiwyg p + h2 {
    margin-top: 12rem;
  }
}
.editor-styles-wrapper a, .wysiwyg a {
  color: rgb(7, 49, 144);
  text-decoration: underline;
}
.editor-styles-wrapper .is-provider-youtube .wp-block-embed__wrapper, .wysiwyg .is-provider-youtube .wp-block-embed__wrapper {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
}
.editor-styles-wrapper .is-provider-youtube .wp-block-embed__wrapper iframe, .wysiwyg .is-provider-youtube .wp-block-embed__wrapper iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

@media (prefers-reduced-motion: reduce) {
  /* アニメーション効果を削除・軽減の設定をした場合に有効化するスタイル */
  *,
::before,
::after {
    -webkit-transition-duration: 1ms !important;
         -o-transition-duration: 1ms !important;
            transition-duration: 1ms !important;
    -webkit-animation-duration: 1ms !important;
            animation-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
            animation-iteration-count: 1 !important;
  }
}