@charset "UTF-8";
@import "https://fonts.googleapis.com/css2?family=Dela+Gothic+One&family=Noto+Sans+JP:wght@100..900&display=swap";
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%;
  font: inherit;
  vertical-align: baseline;
}

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

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

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

table {
  border-collapse: collapse;
  border-spacing: 0;
}

button {
  display: block;
  cursor: pointer;
  font-family: ClashDisplay-Regular, YakuHanJP, Noto Sans JP, Arial, Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, sans-serif;
}

@-webkit-keyframes arrowAnime {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  60% {
    -webkit-transform: translateX(20%);
    transform: translateX(20%);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes arrowAnime {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  60% {
    -webkit-transform: translateX(20%);
    transform: translateX(20%);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes sliderPrevAnime {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  40% {
    -webkit-transform: translateX(-20%);
    transform: translateX(-20%);
  }
  70%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes sliderPrevAnime {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  40% {
    -webkit-transform: translateX(-20%);
    transform: translateX(-20%);
  }
  70%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes sliderNextAnime {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  40% {
    -webkit-transform: translateX(20%);
    transform: translateX(20%);
  }
  70%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes sliderNextAnime {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  40% {
    -webkit-transform: translateX(20%);
    transform: translateX(20%);
  }
  70%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes logogroupAnime01 {
  0% {
    background-position: left 0 top 0;
  }
  100% {
    background-position: left -40px top 0;
  }
}
@keyframes logogroupAnime01 {
  0% {
    background-position: left 0 top 0;
  }
  100% {
    background-position: left -40px top 0;
  }
}
@-webkit-keyframes logogroupAnime02 {
  0% {
    background-position: left 0 top 0;
  }
  100% {
    background-position: left -66px top 0;
  }
}
@keyframes logogroupAnime02 {
  0% {
    background-position: left 0 top 0;
  }
  100% {
    background-position: left -66px top 0;
  }
}
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before {
  display: table;
  content: "";
}
.slick-track:after {
  display: table;
  content: "";
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}

.slick-prev:hover, .slick-prev:focus {
  color: transparent;
  outline: none;
  background: transparent;
}

.slick-next:hover, .slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}

.slick-prev:hover:before, .slick-prev:focus:before {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.slick-next:hover:before, .slick-next:focus:before {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
}

.slick-prev:before,
.slick-next:before {
  font-family: slick;
  font-size: 20px;
  line-height: 1;
  opacity: 0.75;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}

[dir=rtl] .slick-prev {
  right: -25px;
  left: auto;
}

.slick-prev:before {
  content: "←";
}

[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}

[dir=rtl] .slick-next {
  right: auto;
  left: -25px;
}

.slick-next:before {
  content: "→";
}

[dir=rtl] .slick-next:before {
  content: "←";
}

.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.slick-dots li button:before {
  font-family: slick;
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "•";
  text-align: center;
  opacity: 0.25;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  opacity: 0.75;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  color: #000;
}

*[data-webfont=dela] {
  font-family: Dela Gothic One, sans-serif;
  font-weight: 400;
  font-style: normal;
}
*[data-webfont=cdM] {
  font-family: ClashDisplay-Medium, Noto Sans JP, IBM Plex Sans JP, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
*[data-webfont=cdSB] {
  font-family: ClashDisplay-Semibold, Noto Sans JP, IBM Plex Sans JP, sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.md-layout {
  margin: 0;
}

.md-ttl__section[data-pos=center] {
  text-align: center;
}
.md-ttl__section[data-type=type1] > * {
  display: block;
  line-height: 1;
  font-family: ClashDisplay-Semibold, Noto Sans JP, IBM Plex Sans JP, sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
.md-ttl__section[data-type=type1][data-txtcolor=black] > em {
  color: #000;
}
.md-ttl__section[data-type=type1][data-txtcolor=black] > small {
  color: #6a6b76;
}
.md-ttl__section[data-type=type2] {
  letter-spacing: 0.25em;
  line-height: 1;
  font-family: ClashDisplay-Semibold, Noto Sans JP, IBM Plex Sans JP, sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

@media screen and (max-width: 768px) {
  .md-ttl__section[data-type=type1] {
    text-align: left;
  }
}
@media screen and (max-width: 768px) {
  .md-ttl__section[data-type=type1] > small {
    padding-left: 5.8411214953%;
    padding-right: 5.8411214953%;
  }
}
@media print, screen and (min-width: 769px) {
  .md-ttl__section[data-type=type1] > em {
    font-size: 9.2rem;
  }
}
@media screen and (max-width: 1200px) {
  .md-ttl__section[data-type=type1] > em {
    font-size: 7.6666666667vw !important;
  }
}
@media screen and (max-width: 768px) {
  .md-ttl__section[data-type=type1] > em {
    font-size: 15.8878504673vw !important;
  }
}
@media print, screen and (min-width: 769px) {
  .md-ttl__section[data-type=type1] > small {
    font-size: 1.8rem;
    letter-spacing: 0.07em;
  }
}
@media screen and (max-width: 1200px) {
  .md-ttl__section[data-type=type1] > small {
    font-size: 1.5vw !important;
  }
}
@media screen and (max-width: 768px) {
  .md-ttl__section[data-type=type1] > small {
    font-size: 3.5046728972vw !important;
  }
}
@media print, screen and (min-width: 769px) {
  .md-ttl__section[data-type=type2] {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1200px) {
  .md-ttl__section[data-type=type2] {
    font-size: 1.3333333333vw !important;
  }
}
@media screen and (max-width: 768px) {
  .md-ttl__section[data-type=type2] {
    font-size: 2.8037383178vw !important;
  }
}
.md-btn__links {
  margin: 0;
  padding: 0;
  background: none;
  border-style: none;
  position: relative;
  font-family: ClashDisplay-Semibold, Noto Sans JP, IBM Plex Sans JP, sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
.md-btn__links[data-bgcolor=white] > a > .bg svg path {
  fill: #fff;
}
.md-btn__links[data-bgcolor=black] > a > .bg svg path {
  fill: #000;
}
.md-btn__links[data-txtcolor=white] > a {
  color: #fff;
}
.md-btn__links[data-txtcolor=white] > a:after {
  background: #fff;
}
.md-btn__links[data-txtcolor=black] > a {
  color: #000;
}
.md-btn__links[data-txtcolor=black] > a:after {
  background: #000;
}
.md-btn__links > a > .bg {
  position: relative;
  z-index: 1;
}
.md-btn__links > a > .bg svg {
  vertical-align: bottom;
}
.md-btn__links > a > em {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-40%, -40%);
  transform: translate(-40%, -40%);
  z-index: 2;
  letter-spacing: 0.1em;
}
.md-btn__links > a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  -webkit-transform: traslate(-50%, 50%);
  transform: traslate(-50%, 50%);
  z-index: 3;
}

@media print, screen and (min-width: 769px) {
  .md-btn__links {
    width: 270px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 768px) {
  .md-btn__links {
    width: 51.4018691589vw;
    font-size: 2.5700934579vw !important;
  }
}
@media print, screen and (min-width: 769px) {
  .md-btn__links[data-bgcolor=white] > a:hover {
    color: #000;
  }
}
@media print, screen and (min-width: 769px) {
  .md-btn__links[data-bgcolor=white] > a:hover:after {
    background: #000;
  }
}
@media print, screen and (min-width: 769px) {
  .md-btn__links[data-bgcolor=white] > a:hover > .bg svg path {
    fill: #60ec33;
  }
}
@media print, screen and (min-width: 769px) {
  .md-btn__links[data-bgcolor=black] > a:hover {
    color: #000;
  }
}
@media print, screen and (min-width: 769px) {
  .md-btn__links[data-bgcolor=black] > a:hover:after {
    background: #000;
  }
}
@media print, screen and (min-width: 769px) {
  .md-btn__links[data-bgcolor=black] > a:hover > .bg svg path {
    fill: #60ec33;
  }
}
@media print, screen and (min-width: 769px) {
  .md-btn__links > a {
    transition-duration: 0.3s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
}
@media print, screen and (min-width: 769px) {
  .md-btn__links > a > .bg svg path {
    transition-duration: 0.3s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
}
@media print, screen and (min-width: 769px) {
  .md-btn__links > a:after {
    width: 20px;
    height: 2px;
    transition-duration: 0.3s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
}
@media screen and (max-width: 768px) {
  .md-btn__links > a:after {
    width: 4.6728971963vw;
    height: 0.4672897196vw;
  }
}
.md-btn__pagelinks {
  margin: 0;
  padding: 0;
  background: none;
  border: solid 0 #000;
  border-width: 1px 0;
  display: block;
  cursor: pointer;
}
.md-btn__pagelinks a {
  padding-top: 0.4em;
  padding-bottom: 0.4em;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

@media print, screen and (min-width: 769px) {
  .md-btn__pagelinks {
    font-size: 2.2rem;
    width: 23.3333333333%;
    transition-duration: 0.15s;
    transition-delay: 0s;
    transition-timing-function: unset;
  }
}
@media screen and (max-width: 1200px) {
  .md-btn__pagelinks {
    font-size: 1.8333333333vw !important;
  }
}
@media screen and (max-width: 768px) {
  .md-btn__pagelinks {
    width: 47.3684210526%;
    font-size: 5.1401869159vw !important;
  }
}
@media print, screen and (min-width: 769px) {
  .md-btn__pagelinks:hover {
    border-color: #60ec33;
  }
}
@media print, screen and (min-width: 769px) {
  .md-btn__pagelinks:hover a {
    color: #60ec33;
  }
}
@media print, screen and (min-width: 769px) {
  .md-btn__pagelinks a {
    transition-duration: 0.15s;
    transition-delay: 0s;
    transition-timing-function: unset;
  }
}
.md-btn__xlink {
  margin: 0 auto;
  padding: 0;
  background: #000;
  border: solid 1px #6a6b76;
  color: #fff;
  display: block;
  cursor: pointer;
}
.md-btn__xlink a {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  color: #fff;
  height: 3.2em;
}
.md-btn__xlink a > * {
  display: block;
}
.md-btn__xlink a > .icon svg {
  vertical-align: middle;
}
.md-btn__xlink a > .icon svg path {
  fill: #fff;
}
.md-btn__xlink a > .ttl {
  margin-left: 0.25em;
  margin-right: 0.4em;
  letter-spacing: 0.08em;
}

@media print, screen and (min-width: 769px) {
  .md-btn__xlink {
    min-width: 280px;
    font-size: 1.8rem;
    transition-duration: 0.3s;
    transition-delay: 0s;
    transition-timing-function: unset;
  }
}
@media screen and (max-width: 1200px) {
  .md-btn__xlink {
    font-size: 1.5vw !important;
  }
}
@media screen and (max-width: 768px) {
  .md-btn__xlink {
    width: 80%;
    font-size: 4.2056074766vw !important;
  }
}
@media print, screen and (min-width: 769px) {
  .md-btn__xlink:hover {
    background: #fff;
  }
}
@media print, screen and (min-width: 769px) {
  .md-btn__xlink:hover a {
    color: #000;
  }
}
@media print, screen and (min-width: 769px) {
  .md-btn__xlink:hover a > .icon svg path {
    fill: #000;
  }
}
@media print, screen and (min-width: 769px) {
  .md-btn__xlink a {
    transition-duration: 0.3s;
    transition-delay: 0s;
    transition-timing-function: unset;
  }
}
@media print, screen and (min-width: 769px) {
  .md-btn__xlink a > .icon {
    width: 32px;
  }
}
@media screen and (max-width: 1200px) {
  .md-btn__xlink a > .icon {
    width: 2.6666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .md-btn__xlink a > .icon {
    width: 7.0093457944vw;
  }
}
@media print, screen and (min-width: 769px) {
  .md-btn__xlink a > .icon svg path {
    transition-duration: 0.3s;
    transition-delay: 0s;
    transition-timing-function: unset;
  }
}
.md-link__txt {
  margin: 0;
  padding: 0;
  background: none;
  border-style: none;
  display: block;
  line-height: 1;
  cursor: pointer;
  font-family: ClashDisplay-Semibold, Noto Sans JP, IBM Plex Sans JP, sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
.md-link__txt a {
  padding-top: 0.4em;
  padding-bottom: 0.4em;
}
.md-link__txt[data-txtcolor=black] a > .ttl {
  color: #000;
}
.md-link__txt[data-iconcolor=green] a > .icon svg rect {
  fill: #60ec33;
}
.md-link__txt[data-type=lineup] a {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.md-link__txt[data-type=lineup] a > * {
  display: block;
}
.md-link__txt[data-type=lineup] a > .icon svg {
  vertical-align: middle;
}
.md-link__txt[data-type=lineup] a > .ttl:after {
  content: "→";
  margin-left: 0.5em;
  display: inline-block;
  -webkit-animation: arrowAnime 1.2s infinite linear;
  animation: arrowAnime 1.2s infinite linear;
}

@media print, screen and (min-width: 769px) {
  .md-link__txt {
    font-size: 1.5rem;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 1200px) {
  .md-link__txt {
    font-size: 1.25vw !important;
  }
}
@media screen and (max-width: 768px) {
  .md-link__txt {
    font-size: 3.2710280374vw !important;
  }
}
@media print, screen and (min-width: 769px) {
  .md-link__txt[data-iconcolor=green] a:hover > .icon svg rect {
    fill: #6a6b76;
  }
}
@media print, screen and (min-width: 769px) {
  .md-link__txt[data-type=lineup] a:hover > .ttl {
    color: #6a6b76;
  }
}
@media print, screen and (min-width: 769px) {
  .md-link__txt[data-type=lineup] a > .icon {
    margin-right: 12px;
    width: 20px;
  }
}
@media screen and (max-width: 1200px) {
  .md-link__txt[data-type=lineup] a > .icon {
    margin-right: 1vw;
    width: 1.6666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .md-link__txt[data-type=lineup] a > .icon {
    margin-right: 2.5700934579vw;
    width: 3.0373831776vw;
  }
}
@media print, screen and (min-width: 769px) {
  .md-link__txt[data-type=lineup] a > .icon svg rect {
    transition-duration: 0.3s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
}
@media print, screen and (min-width: 769px) {
  .md-link__txt[data-type=lineup] a > .ttl {
    transition-duration: 0.3s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
}
.md-table {
  margin: 0;
}

@media print, screen and (min-width: 769px) {
  .md-li__post {
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 768px) {
  .md-li__post[data-type=footer] {
    display: flex;
    overflow: scroll;
    -ms-overflow-style: none;
    padding-bottom: 2px;
    scrollbar-width: none;
    padding-left: 5.8411214953%;
    padding-right: 5.8411214953%;
  }
}
@media screen and (max-width: 768px) {
  .md-li__post[data-type=footer]::-webkit-scrollbar {
    display: none;
  }
}
@media print, screen and (min-width: 769px) {
  .md-li__post[data-type=footer] > article {
    margin-right: 2.3711340206%;
    width: 31.7525773196%;
  }
}
@media screen and (max-width: 768px) {
  .md-li__post[data-type=footer] > article {
    min-width: 62vw;
  }
}
@media print, screen and (min-width: 769px) {
  .md-li__post[data-type=footer] > article:nth-child(3n), .md-li__post[data-type=footer] > article:last-child {
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .md-li__post[data-type=footer] > article:not(:last-child) {
    margin-right: 4.2056074766vw;
  }
}
@media screen and (max-width: 768px) {
  .md-li__post[data-type=footer] > article .inner .postttl {
    font-size: 2.5700934579vw !important;
  }
}
@media screen and (max-width: 768px) {
  .md-li__post[data-type=footer] > article .inner footer {
    font-size: 2.3364485981vw !important;
  }
}
@media print, screen and (min-width: 769px) {
  .md-li__post[data-type=archive] > article {
    margin-right: 3.0833333333%;
    width: 31%;
  }
}
@media print, screen and (min-width: 769px) {
  .md-li__post[data-type=archive] > article:nth-child(3n) {
    margin-right: 0;
  }
}
@media print, screen and (min-width: 769px) {
  .md-li__post[data-type=archive] > article:nth-child(n+4) {
    margin-top: 38px;
  }
}
@media screen and (max-width: 1200px) {
  .md-li__post[data-type=archive] > article:nth-child(n+4) {
    margin-top: 3.1666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .md-li__post[data-type=archive] > article:nth-child(n+4) {
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .md-li__post[data-type=archive] > article:not(:last-child) {
    margin-bottom: 3.738317757vw;
  }
}
.md-li__post > article {
  position: relative;
  box-sizing: border-box;
}
.md-li__post > article:after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 100%;
  height: 100%;
  display: block;
  box-sizing: border-box;
  border: solid 1px #000;
  z-index: 1;
}
.md-li__post > article .linkwrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}
.md-li__post > article .inner {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  height: 100%;
  border: solid 1px #000;
  background: #fff;
  box-sizing: border-box;
  z-index: 2;
}
.md-li__post > article .inner > .release {
  margin-bottom: 0.75em;
  line-height: 1;
  color: #6a6b76;
  letter-spacing: 0.08em;
  display: block;
  width: 100%;
  font-family: ClashDisplay-Semibold, Noto Sans JP, IBM Plex Sans JP, sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
.md-li__post > article .inner > .postttl {
  margin-top: 0;
  margin-bottom: auto;
  line-height: 1.75;
  letter-spacing: 0.05em;
  width: 100%;
  font-family: Noto Sans JP, sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
.md-li__post > article .inner > footer {
  margin-top: auto;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.md-li__post > article .inner > footer:before {
  content: "";
  display: block;
  height: 1px;
  background: #60ec33;
  flex-grow: 1;
}
.md-li__post > article .inner > footer em {
  margin-left: 0.5em;
  display: block;
  color: #60ec33;
  letter-spacing: 0.1em;
  font-family: ClashDisplay-Semibold, Noto Sans JP, IBM Plex Sans JP, sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

@media print, screen and (min-width: 769px) {
  .md-li__post > article {
    transition-duration: 0.3s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
}
@media print, screen and (min-width: 769px) {
  .md-li__post > article:hover {
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
  }
}
@media print, screen and (min-width: 769px) {
  .md-li__post > article:hover:after {
    top: 0;
    left: 0;
  }
}
@media print, screen and (min-width: 769px) {
  .md-li__post > article:after {
    transition-duration: 0.3s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
}
@media print, screen and (min-width: 769px) {
  .md-li__post > article .inner {
    padding: 35px 25px 28px;
  }
}
@media screen and (max-width: 1200px) {
  .md-li__post > article .inner {
    padding-top: 2.9166666667vw;
    padding-left: 2.0833333333vw;
    padding-right: 2.0833333333vw;
    padding-bottom: 2.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .md-li__post > article .inner {
    padding-top: 5.8411214953vw;
    padding-left: 4.6728971963vw;
    padding-right: 4.6728971963vw;
    padding-bottom: 4.6728971963vw;
  }
}
@media print, screen and (min-width: 769px) {
  .md-li__post > article .inner > .release {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 1200px) {
  .md-li__post > article .inner > .release {
    font-size: 1vw !important;
  }
}
@media screen and (max-width: 768px) {
  .md-li__post > article .inner > .release {
    font-size: 2.3364485981vw !important;
  }
}
@media print, screen and (min-width: 769px) {
  .md-li__post > article .inner > .postttl {
    padding-bottom: 30px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1200px) {
  .md-li__post > article .inner > .postttl {
    padding-bottom: 2.5vw;
    font-size: 1.3333333333vw !important;
  }
}
@media screen and (max-width: 768px) {
  .md-li__post > article .inner > .postttl {
    padding-bottom: 4.2056074766vw;
    font-size: 3.2710280374vw !important;
  }
}
@media print, screen and (min-width: 769px) {
  .md-post {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.md-post > header,
.md-post > main {
  margin-left: auto;
  margin-right: auto;
}
.md-post > header > time {
  font-family: ClashDisplay-Semibold, Noto Sans JP, IBM Plex Sans JP, sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
.md-post > header > time:after {
  content: "UPDATE";
  margin-left: 0.75em;
  letter-spacing: 0.15em;
  color: #60ec33;
  font-size: 0.8em;
  vertical-align: top;
}
.md-post > header > h1 {
  letter-spacing: 0.06em;
  font-family: Noto Sans JP, sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
.md-post > picture {
  display: block;
  background: #fff;
}
.md-post > picture img {
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: auto;
  vertical-align: bottom;
  -o-object-fit: contain;
     object-fit: contain;
}
.md-post > main > .inner {
  margin-left: auto;
  margin-right: auto;
  font-family: Noto Sans JP, sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.md-post > main > .inner p {
  letter-spacing: 0.08em;
  line-height: 2;
}
.md-post > main > .inner p:not(:last-child) {
  margin-bottom: 1.5em;
}
.md-post > main > .inner h1:not(:first-child),
.md-post > main > .inner h2:not(:first-child),
.md-post > main > .inner h3:not(:first-child) {
  margin-top: 0.75em;
}
.md-post > main > .inner h1:not(:last-child),
.md-post > main > .inner h2:not(:last-child),
.md-post > main > .inner h3:not(:last-child) {
  margin-bottom: 0.45em;
}
.md-post > main > .inner h1 {
  line-height: 1.5;
  padding-bottom: 0.25em;
  border-bottom: solid 2px #60ec33;
  font-family: Noto Sans JP, sans-serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
}
.md-post > main > .inner h2 {
  line-height: 1.3;
  display: inline;
  background: linear-gradient(transparent 70%, #60ec33 70%);
  font-family: Dela Gothic One, sans-serif;
  font-weight: 400;
  font-style: normal;
}
.md-post > main > .inner h3 {
  padding: 0.3em 0.8em 0.4em;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border: solid 1px #000;
  line-height: 1.2;
  font-family: Noto Sans JP, sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
.md-post > main > .inner img {
  width: auto !important;
  height: auto !important;
  vertical-align: bottom;
}
.md-post > main > .inner ul {
  list-style-type: disc;
}
.md-post > main > .inner ul > ul {
  list-style-type: circle;
}
.md-post > main > .inner ol {
  list-style-type: decimal;
}
.md-post > main > .inner ol > ol {
  list-style-type: lower-roman;
}
.md-post > main > .inner ul:not(:first-child),
.md-post > main > .inner ol:not(:first-child) {
  margin-top: 0.75em;
}
.md-post > main > .inner ul:not(:last-child),
.md-post > main > .inner ol:not(:last-child) {
  margin-bottom: 0.45em;
}
.md-post > main > .inner ul > li,
.md-post > main > .inner ol > li {
  margin-left: 1.5em;
  font-family: Noto Sans JP, sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
.md-post > main > .inner strong {
  background: linear-gradient(transparent 70%, rgba(106, 107, 118, 0.2) 70%);
  font-family: Noto Sans JP, sans-serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
}
.md-post > main > .inner a {
  color: #60ec33;
  text-decoration: underline;
  line-height: 1.5;
  font-family: Noto Sans JP, sans-serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
}
.md-post > main > .inner .youtube {
  padding-top: 56.25%;
  position: relative;
}
.md-post > main > .inner .youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  vertical-align: bottom;
}

@media print, screen and (min-width: 769px) {
  .md-post > header,
  .md-post > main {
    max-width: 1000px;
  }
}
@media screen and (max-width: 768px) {
  .md-post > header,
  .md-post > main {
    padding-left: 5.8411214953%;
    padding-right: 5.8411214953%;
  }
}
@media print, screen and (min-width: 769px) {
  .md-post > picture {
    margin-right: auto;
    margin-left: auto;
    max-width: 1200px;
  }
}
@media screen and (max-width: 768px) {
  .md-post > picture {
    margin-top: 7.0093457944vw;
  }
}
@media print, screen and (min-width: 769px) {
  .md-post > header {
    margin-bottom: 35px;
  }
}
@media screen and (max-width: 1200px) {
  .md-post > header {
    margin-bottom: 2.9166666667vw;
  }
}
@media screen and (max-width: 768px) {
  .md-post > header {
    margin-bottom: 0;
  }
}
@media print, screen and (min-width: 769px) {
  .md-post > header > time {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1200px) {
  .md-post > header > time {
    font-size: 1.3333333333vw !important;
  }
}
@media screen and (max-width: 768px) {
  .md-post > header > time {
    font-size: 2.8037383178vw !important;
  }
}
@media print, screen and (min-width: 769px) {
  .md-post > header > h1 {
    line-height: 1.7;
    font-size: 3.4rem;
  }
}
@media screen and (max-width: 1200px) {
  .md-post > header > h1 {
    font-size: 2.8333333333vw !important;
  }
}
@media screen and (max-width: 768px) {
  .md-post > header > h1 {
    margin-top: 0.2em;
    line-height: 1.3;
    font-size: 6.0747663551vw !important;
  }
}
@media print, screen and (min-width: 769px) {
  .md-post > picture img {
    max-height: 50vw;
  }
}
@media screen and (max-width: 768px) {
  .md-post > picture img {
    max-height: 120vw;
  }
}
@media print, screen and (min-width: 769px) {
  .md-post > main {
    padding-top: 50px;
    padding-bottom: 80px;
    background: #fff;
  }
}
@media screen and (max-width: 1200px) {
  .md-post > main {
    padding-top: 4.1666666667vw;
    padding-bottom: 6.6666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .md-post > main {
    padding-top: 7.0093457944vw;
    padding-bottom: 10.5140186916vw;
  }
}
@media print, screen and (min-width: 769px) {
  .md-post > main > .inner {
    max-width: 834px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1200px) {
  .md-post > main > .inner {
    font-size: 1.3333333333vw !important;
  }
}
@media screen and (max-width: 768px) {
  .md-post > main > .inner {
    font-size: 3.5046728972vw !important;
  }
}
@media print, screen and (min-width: 769px) {
  .md-post > main > .inner h1 {
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 1200px) {
  .md-post > main > .inner h1 {
    font-size: 2.3333333333vw !important;
  }
}
@media screen and (max-width: 768px) {
  .md-post > main > .inner h1 {
    font-size: 5.6074766355vw !important;
  }
}
@media print, screen and (min-width: 769px) {
  .md-post > main > .inner h2 {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 1200px) {
  .md-post > main > .inner h2 {
    font-size: 2vw !important;
  }
}
@media screen and (max-width: 768px) {
  .md-post > main > .inner h2 {
    font-size: 4.6728971963vw !important;
  }
}
@media print, screen and (min-width: 769px) {
  .md-post > main > .inner h3 {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1200px) {
  .md-post > main > .inner h3 {
    font-size: 1.5vw !important;
  }
}
@media screen and (max-width: 768px) {
  .md-post > main > .inner h3 {
    font-size: 3.738317757vw !important;
  }
}
@media print, screen and (min-width: 769px) {
  .md-post > main > .inner a:hover {
    text-decoration: none;
  }
}
@media print, screen and (min-width: 769px) {
  .md-post > main > .inner .youtube:not(:first-child) {
    margin-top: 30px;
  }
}
@media screen and (max-width: 1200px) {
  .md-post > main > .inner .youtube:not(:first-child) {
    margin-top: 2.5vw;
  }
}
@media screen and (max-width: 768px) {
  .md-post > main > .inner .youtube:not(:first-child) {
    margin-top: 5.8411214953vw;
  }
}
@media print, screen and (min-width: 769px) {
  .md-post > main > .inner .youtube:not(:last-child) {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 1200px) {
  .md-post > main > .inner .youtube:not(:last-child) {
    margin-bottom: 2.5vw;
  }
}
@media screen and (max-width: 768px) {
  .md-post > main > .inner .youtube:not(:last-child) {
    margin-bottom: 5.8411214953vw;
  }
}
@media print, screen and (min-width: 769px) {
  .md-frame {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 1200px) {
  .md-frame {
    font-size: 1.25vw !important;
  }
}
@media screen and (max-width: 768px) {
  .md-frame {
    font-size: 3.2710280374vw !important;
  }
}
.md-frame[data-bgcolor=white] {
  border: solid 1px #000;
  background: #fff;
}

@media print, screen and (min-width: 769px) {
  .md-frame[data-bgcolor=white] {
    padding: 2em 3em;
  }
}
@media screen and (max-width: 768px) {
  .md-frame[data-bgcolor=white] {
    padding: 2em;
  }
}
.md-frame__header {
  margin-bottom: 0.85em;
  letter-spacing: 0.05em;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  line-height: 1.4;
  background: linear-gradient(transparent 70%, rgba(96, 236, 51, 0.4) 70%);
  font-family: Dela Gothic One, sans-serif;
  font-weight: 400;
  font-style: normal;
}

@media print, screen and (min-width: 769px) {
  .md-frame__header {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 1200px) {
  .md-frame__header {
    font-size: 2vw !important;
  }
}
@media screen and (max-width: 768px) {
  .md-frame__header {
    font-size: 5.1401869159vw !important;
  }
}
.md-frame__cont > p {
  font-weight: 700;
}
.md-frame__cont > p:not(:last-child) {
  margin-bottom: 0.85em;
}

@media print, screen and (min-width: 769px) {
  .md-doc > main > section:not(:last-child) {
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 1200px) {
  .md-doc > main > section:not(:last-child) {
    margin-bottom: 6.6666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .md-doc > main > section:not(:last-child) {
    margin-bottom: 7.0093457944vw;
    padding-bottom: 7.0093457944vw;
  }
}
@media screen and (max-width: 768px) {
  .md-doc > main > section:not(:last-child):after {
    content: "";
    display: block;
    background: #000;
    height: 1px;
    margin-top: 7.0093457944vw;
    width: 9.3457943925vw;
  }
}
.md-doc > main > section > h1 {
  margin-bottom: 0.75em;
  padding-bottom: 0.4em;
  line-height: 1.4;
  font-family: Noto Sans JP, sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
.md-doc > main > section > h1:after {
  content: "";
  margin-top: 0.5em;
  height: 2px;
  background: #000;
  display: block;
}
.md-doc > main > section > main > article > h2 {
  font-family: Noto Sans JP, sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
.md-doc > main > section > main > article .desc > p {
  letter-spacing: 0.05em;
}
.md-doc > main > section > main > article ol:not(:first-child),
.md-doc > main > section > main > article ul:not(:first-child) {
  margin-top: 1.5em;
}
.md-doc > main > section > main > article ol:not(:last-child),
.md-doc > main > section > main > article ul:not(:last-child) {
  margin-bottom: 1.5em;
}
.md-doc > main > section > main > article ol > ol,
.md-doc > main > section > main > article ul > ol,
.md-doc > main > section > main > article ol > ul,
.md-doc > main > section > main > article ul > ul {
  margin-left: 1.5em;
}
.md-doc > main > section > main > article ol {
  list-style-type: decimal;
}
.md-doc > main > section > main > article ul {
  list-style-type: disc;
}
.md-doc > main > section > main > article ul > li {
  margin-left: 1.5em;
  font-family: Noto Sans JP, sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}
.md-doc > main > section > main > article ul > li:not(:last-child) {
  margin-bottom: 0.45em;
}
.md-doc > main > section > main > article ul > li > ul {
  margin-top: 0.5em;
  list-style-type: circle;
}
.md-doc > main > section > main > article ul > li > ul > li {
  font-family: Noto Sans JP, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.md-doc > main > section > main > article a {
  color: #6a6b76;
  text-decoration: underline;
}
.md-doc > footer > p {
  text-align: right;
}

@media print, screen and (min-width: 769px) {
  .md-doc > main > section > h1 {
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 1200px) {
  .md-doc > main > section > h1 {
    font-size: 2.1666666667vw !important;
  }
}
@media screen and (max-width: 768px) {
  .md-doc > main > section > h1 {
    font-size: 4.6728971963vw !important;
  }
}
@media print, screen and (min-width: 769px) {
  .md-doc > main > section > h1:after {
    width: 20px;
  }
}
@media screen and (max-width: 1200px) {
  .md-doc > main > section > h1:after {
    width: 1.6666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .md-doc > main > section > h1:after {
    width: 4.6728971963vw;
  }
}
@media print, screen and (min-width: 769px) {
  .md-doc > main > section > main > article:not(:last-child) {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 1200px) {
  .md-doc > main > section > main > article:not(:last-child) {
    margin-bottom: 4.1666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .md-doc > main > section > main > article:not(:last-child) {
    margin-bottom: 9.3457943925vw;
  }
}
@media print, screen and (min-width: 769px) {
  .md-doc > main > section > main > article > h2 {
    margin-bottom: 0.5em;
    font-size: 2rem;
  }
}
@media screen and (max-width: 1200px) {
  .md-doc > main > section > main > article > h2 {
    font-size: 1.6666666667vw !important;
  }
}
@media screen and (max-width: 768px) {
  .md-doc > main > section > main > article > h2 {
    margin-bottom: 0.75em;
    font-size: 3.5046728972vw !important;
  }
}
@media print, screen and (min-width: 769px) {
  .md-doc > main > section > main > article .desc > p {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1200px) {
  .md-doc > main > section > main > article .desc > p {
    font-size: 1.3333333333vw !important;
  }
}
@media screen and (max-width: 768px) {
  .md-doc > main > section > main > article .desc > p {
    font-size: 3.0373831776vw !important;
  }
}
@media print, screen and (min-width: 769px) {
  .md-doc > main > section > main > article ol,
  .md-doc > main > section > main > article ul {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1200px) {
  .md-doc > main > section > main > article ol,
  .md-doc > main > section > main > article ul,
  .md-doc > main > section > main > article p {
    font-size: 1.3333333333vw !important;
  }
}
@media screen and (max-width: 768px) {
  .md-doc > main > section > main > article ol,
  .md-doc > main > section > main > article ul,
  .md-doc > main > section > main > article p {
    font-size: 3.0373831776vw !important;
  }
}
@media print, screen and (min-width: 769px) {
  .md-doc > main > section > main > article a:hover {
    text-decoration: none;
  }
}
@media print, screen and (min-width: 769px) {
  .md-doc > footer {
    margin-top: 50px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 1200px) {
  .md-doc > footer {
    margin-top: 4.1666666667vw;
    font-size: 1.25vw !important;
  }
}
@media screen and (max-width: 768px) {
  .md-doc > footer {
    margin-top: 11.6822429907vw;
    font-size: 3.0373831776vw !important;
  }
}
a {
  color: #000;
  outline: none !important;
  text-decoration: none;
}

html {
  font-size: 62.5%;
}

body {
  font-family: ClashDisplay-Regular, YakuHanJP, Noto Sans JP, Arial, Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, sans-serif;
  font-size: 10px;
  font-size: 1rem;
  line-height: 1.8;
  background: #f7f7fa;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  font-optical-sizing: auto;
  font-weight: 400;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  word-wrap: break-word;
  overflow-wrap: break-word;
}
body[data-navopen=true] {
  pointer-events: none;
  height: 100%;
  overflow: hidden;
  min-height: 100%;
}

::selection {
  background: #6a6b76;
  color: #000;
}

@media screen and (max-width: 768px) {
  .is-pc {
    display: none !important;
  }
}
@media print, screen and (min-width: 769px) {
  .is-sp {
    display: none !important;
  }
}
img {
  max-width: 100%;
}

svg {
  width: 100% !important;
  height: auto !important;
}

.l-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 8;
  pointer-events: none;
  box-sizing: border-box;
  line-height: 1;
}
.l-header picture {
  display: block;
  overflow: visible;
}
.l-header picture img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  vertical-align: bottom;
}
.l-header > .logo {
  display: block;
  pointer-events: auto;
}

@media print, screen and (min-width: 769px) {
  .l-header {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 768px) {
  .l-header {
    padding-left: 5.8411214953%;
    padding-right: 5.8411214953%;
  }
}
@media print, screen and (min-width: 769px) {
  .l-header picture.catch {
    padding-top: 55px;
    width: 26%;
    max-width: 260px;
    overflow: visible;
  }
}
@media screen and (max-width: 1200px) {
  .l-header picture.catch {
    width: 18.3333333333vw;
    max-width: 260px;
    overflow: visible;
  }
}
@media screen and (max-width: 768px) {
  .l-header picture.catch {
    padding-top: 8.1775700935vw;
    width: 39.7196261682vw;
    max-width: none;
    overflow: visible;
  }
}
@media print, screen and (min-width: 769px) {
  .l-header > .logo {
    padding-top: 25px;
    width: 16.1764705882%;
    max-width: 220px;
  }
}
@media screen and (max-width: 1200px) {
  .l-header > .logo {
    padding-top: 3.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .l-header > .logo {
    padding-top: 4.6728971963vw;
    width: 46.7289719626vw;
  }
}
@media print, screen and (min-width: 769px) {
  .l-pcheader {
    position: fixed;
    top: 20px;
    left: 50%;
    padding-top: 12px;
    padding-bottom: 12px;
    width: 680px;
    -webkit-transform: translate(-50%, -150%);
    transform: translate(-50%, -150%);
    box-sizing: border-box;
    background: #fff;
    border-radius: 100px;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="12" /><feOffset dx="1" dy="1" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,.05)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(0 0 12px rgba(0, 0, 0, 0.05));
    filter: drop-shadow(0 0 12px rgba(0, 0, 0, 0.05));
    z-index: 9;
    transition-duration: 1.2s;
    transition-delay: 0.2s;
    transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
}
@media screen and (max-width: 1200px) {
  .l-pcheader {
    width: 56.6666666667vw;
  }
}
@media screen and (max-width: 1300px) and (min-width: 769px) {
  .l-pcheader {
    top: 10px;
  }
}
@media print, screen and (min-width: 769px) {
  .l-pcheader.is__show {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}
@media print, screen and (min-width: 769px) {
  .l-pcheader__inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }
}
@media print, screen and (min-width: 769px) {
  .l-pcheader__inner > header {
    margin-right: 3.6764705882%;
    width: 4.4117647059%;
  }
}
@media print, screen and (min-width: 769px) {
  .l-pcheader__inner > nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: 82.3529411765%;
  }
}
@media print, screen and (min-width: 769px) {
  .l-pcheader__inner > nav > .l-navlinks {
    width: 83.9285714286%;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 1200px) {
  .l-pcheader__inner > nav > .l-navlinks {
    font-size: 1.25vw !important;
  }
}
@media print, screen and (min-width: 769px) {
  .l-pcheader__inner > nav > .l-navlinks > ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }
}
@media print, screen and (min-width: 769px) {
  .l-pcheader__inner > nav > .l-navlinks > ul > li:first-child {
    display: none;
  }
}
@media print, screen and (min-width: 769px) {
  .l-pcheader__inner > nav > .l-navlinks > ul > li[data-status=current] > a:after {
    width: 100%;
  }
}
@media print, screen and (min-width: 769px) {
  .l-pcheader__inner > nav > .l-navlinks > ul > li > a {
    position: relative;
  }
}
@media print, screen and (min-width: 769px) {
  .l-pcheader__inner > nav > .l-navlinks > ul > li > a:hover:after {
    width: 100%;
  }
}
@media print, screen and (min-width: 769px) {
  .l-pcheader__inner > nav > .l-navlinks > ul > li > a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -0.3em;
    display: block;
    width: 0;
    height: 2px;
    background: #60ec33;
    transition-duration: 0.3s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
}
@media print, screen and (min-width: 769px) {
  .l-pcheader__inner > nav > .l-navlinks > ul > li > a > small {
    display: none;
  }
}
@media print, screen and (min-width: 769px) {
  .l-pcheader__inner > nav > .l-snslinks {
    width: 12.5%;
  }
}
@media print, screen and (min-width: 769px) {
  .l-pcheader__inner > nav > .l-snslinks > ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
  }
}
@media print, screen and (min-width: 769px) {
  .l-pcheader__inner > nav > .l-snslinks > ul > li {
    width: 45.7142857143%;
  }
}
.l-pcheader__inner > nav > .l-snslinks > ul > li > a > .icon svg path {
  fill: #000;
}

@media print, screen and (min-width: 769px) {
  .l-pcheader__inner > nav > .l-snslinks > ul > li > a > .ttl {
    display: none;
  }
}
.l-footer {
  background: #fff;
  position: relative;
  z-index: 2;
}

@media print, screen and (min-width: 769px) {
  .l-footer {
    padding-top: 85px;
    padding-bottom: 75px;
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 1200px) {
  .l-footer {
    padding-top: 7.0833333333vw;
    padding-bottom: 6.25vw;
  }
}
@media screen and (max-width: 768px) {
  .l-footer {
    padding-top: 37.3831775701vw;
    padding-bottom: 14.0186915888vw;
  }
}
@media screen and (max-width: 768px) {
  .l-footer__inner {
    padding-left: 5.8411214953%;
    padding-right: 5.8411214953%;
  }
}
.l-footer__inner .foot {
  position: relative;
}
.l-footer__inner .foot--info > .logo picture {
  display: block;
}
.l-footer__inner .foot--info > .logo picture img {
  width: 100%;
  vertical-align: bottom;
}
.l-footer__inner .foot--info > .l-sublinks > ul > li > a > .en {
  display: none;
}
.l-footer__inner .foot--info > .l-sublinks > ul > li > a > i svg path {
  fill: #000;
}
.l-footer__inner .foot > .pagetop {
  position: absolute;
  right: 0;
  margin: 0;
  padding: 0;
  background: none;
  border-style: none;
  display: block;
  cursor: pointer;
}
.l-footer__inner .foot > .pagetop > svg {
  vertical-align: bottom;
}
.l-footer__inner .foot > .copyright {
  display: block;
  position: absolute;
  right: 0;
  bottom: -30px;
  line-height: 1;
  font-family: ClashDisplay-Semibold, Noto Sans JP, IBM Plex Sans JP, sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
.l-footer__inner > footer {
  display: flex;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 3;
  pointer-events: none;
}
.l-footer__inner > footer > i {
  display: block;
  width: 20%;
  height: 4px;
}
.l-footer__inner > footer > i:nth-child(1) {
  background: #ffeb02;
}
.l-footer__inner > footer > i:nth-child(2) {
  background: #60ec33;
}
.l-footer__inner > footer > i:nth-child(3) {
  background: #369aff;
}
.l-footer__inner > footer > i:nth-child(4) {
  background: #790dff;
}
.l-footer__inner > footer > i:nth-child(5) {
  background: #ff04a9;
}

@media print, screen and (min-width: 769px) {
  .l-footer__inner .foot {
    margin-right: auto;
    margin-left: auto;
    max-width: 1200px;
  }
}
@media print, screen and (min-width: 769px) {
  .l-footer__inner .foot--info {
    width: 87.5%;
  }
}
@media screen and (max-width: 768px) {
  .l-footer__inner .foot--info {
    width: 71.0526315789%;
  }
  .logo--vhs {
    width: 55%;
  }
}
@media screen and (min-width: 768px) {
  .logo_li {
    display: flex;
    align-items: center;
    gap: 20px;
  }
  .logo--vebop {
    width: 25.7142857143%;
  }
  .logo--vhs {
    width: 14.3%;
  }
}
@media print, screen and (min-width: 769px) {
  .l-footer__inner .foot--info > .log_li {
    margin-bottom: 32px;
    diaplay: flex;
    align-items: center;
  }
}
@media screen and (max-width: 1200px) {
  .l-footer__inner .foot--info > .logo {
    margin-bottom: 2.6666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .l-footer__inner .foot--info > .logo {
    margin-bottom: 6.5420560748vw;
  }
}
@media print, screen and (min-width: 769px) {
  .l-footer__inner .foot--info > .l-share {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 1200px) {
  .l-footer__inner .foot--info > .l-share {
    margin-bottom: 4.1666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .l-footer__inner .foot--info > .l-share {
    margin-bottom: 6.5420560748vw;
  }
}
@media print, screen and (min-width: 769px) {
  .l-footer__inner .foot--info > .l-sublinks > ul {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
  }
}
@media print, screen and (min-width: 769px) {
  .l-footer__inner .foot--info > .l-sublinks > ul > li {
    width: 19.0476190476%;
  }
}
@media print, screen and (min-width: 769px) {
  .l-footer__inner .foot--info > .l-sublinks > ul > li:not(:last-child) {
    margin-right: 2.380952381%;
  }
}
@media screen and (max-width: 768px) {
  .l-footer__inner .foot--info > .l-sublinks > ul > li:not(:last-child) {
    margin-bottom: 2.3364485981vw;
  }
}
@media print, screen and (min-width: 769px) {
  .l-footer__inner .foot--info > .l-sublinks > ul > li > a:hover {
    color: #60ec33;
    border-color: #60ec33;
  }
}
@media print, screen and (min-width: 769px) {
  .l-footer__inner .foot--info > .l-sublinks > ul > li > a:hover > i svg path {
    fill: #60ec33;
  }
}
@media print, screen and (min-width: 769px) {
  .l-footer__inner .foot > .pagetop {
    top: 0;
    width: 30px;
    transition-duration: 0.3s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
}
@media screen and (max-width: 1200px) {
  .l-footer__inner .foot > .pagetop {
    width: 2.5vw;
  }
}
@media screen and (max-width: 768px) {
  .l-footer__inner .foot > .pagetop {
    top: 2.5vw;
    width: 7.0093457944vw;
  }
}
@media print, screen and (min-width: 769px) {
  .l-footer__inner .foot > .pagetop:hover {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  }
}
@media print, screen and (min-width: 769px) {
  .l-footer__inner .foot > .copyright {
    letter-spacing: 0.08em;
    font-size: 1.2rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 1200px) {
  .l-footer__inner .foot > .copyright {
    font-size: 1vw !important;
  }
}
@media screen and (max-width: 768px) {
  .l-footer__inner .foot > .copyright {
    letter-spacing: 0.05em;
    text-align: right;
    font-size: 2.3364485981vw !important;
  }
}
#Wrap {
  overflow: hidden;
}
#Wrap #Main {
  position: relative;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  background: #f7f7fa;
  z-index: 3;
}

.l-loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  background: #000;
}
.l-loader.is__start .l-loader__inner .bars--inner {
  width: 70%;
}
.l-loader.is__end .l-loader__inner .bars--inner {
  width: 100%;
  transition-duration: 0.3s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.l-loader.is__fadeout {
  background: #60ec33;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="3" /><feFuncG type="linear" slope="3" /><feFuncB type="linear" slope="3" /></feComponentTransfer><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="3" intercept="-1" /><feFuncG type="linear" slope="3" intercept="-1" /><feFuncB type="linear" slope="3" intercept="-1" /></feComponentTransfer></filter></svg>#filter');
  -webkit-filter: brightness(3) contrast(300%);
  filter: brightness(3) contrast(300%);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition-duration: 1.65s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

.l-loader__inner {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.l-loader__inner .bars {
  width: 100%;
  height: 2px;
  position: relative;
}
.l-loader__inner .bars--inner {
  position: absolute;
  top: 0;
  left: 50%;
  width: 0;
  height: 100%;
  background: #60ec33;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  transition-duration: 7s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

.l-navtrigger {
  position: fixed;
  margin: 0;
  padding: 0;
  background: none;
  border-style: none;
  display: block;
  cursor: pointer;
  z-index: 9;
}
.l-navtrigger svg {
  vertical-align: bottom;
}

@media print, screen and (min-width: 769px) {
  .l-navtrigger {
    top: 35px;
    right: 2.7777777778%;
    width: 10.1388888889%;
    max-width: 146px;
  }
}
@media screen and (max-width: 768px) {
  .l-navtrigger {
    top: 4.6vw;
    right: 0;
    width: 34.1121495327vw;
  }
}
@media print, screen and (min-width: 769px) {
  .l-navtrigger:hover svg > g:first-child path:not(:first-child) {
    fill: #6a6b76;
  }
}
@media print, screen and (min-width: 769px) {
  .l-navtrigger svg > g:first-child path:not(:first-child) {
    transition-duration: 0.15s;
    transition-delay: 0s;
    transition-timing-function: unset;
  }
}
.l-navlinks > ul > li > a {
  line-height: 1;
}
.l-navlinks > ul > li > a > * {
  display: block;
}
.l-navlinks > ul > li > a > em {
  font-family: ClashDisplay-Semibold, Noto Sans JP, IBM Plex Sans JP, sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
.l-navlinks > ul > li > a > small {
  font-family: Noto Sans JP, sans-serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
}

@media print, screen and (min-width: 769px) {
  .l-sublinks > ul > li {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 1200px) {
  .l-sublinks > ul > li {
    font-size: 1.0833333333vw !important;
  }
}
@media screen and (max-width: 768px) {
  .l-sublinks > ul > li {
    letter-spacing: 0.08em;
    font-size: 2.8037383178vw !important;
  }
}
.l-sublinks > ul > li a {
  padding-top: 0.45em;
  padding-bottom: 1.2em;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  border-bottom: solid 1px #000;
  color: #000;
  line-height: 1;
  box-sizing: border-box;
}
.l-sublinks > ul > li a > * {
  display: block;
  line-height: 1;
}
.l-sublinks > ul > li a > .en {
  font-family: ClashDisplay-Semibold, Noto Sans JP, IBM Plex Sans JP, sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
.l-sublinks > ul > li a > .jp {
  font-family: Noto Sans JP, sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
.l-sublinks > ul > li a > i {
  vertical-align: middle;
}
.l-sublinks > ul > li a > i svg {
  vertical-align: middle;
}

@media print, screen and (min-width: 769px) {
  .l-sublinks > ul > li a {
    transition-duration: 0.3s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
}
@media print, screen and (min-width: 769px) {
  .l-sublinks > ul > li a > em {
    width: calc(100% - 15px);
  }
}
@media print, screen and (min-width: 769px) {
  .l-sublinks > ul > li a > i {
    width: 12px;
  }
}
@media screen and (max-width: 1200px) {
  .l-sublinks > ul > li a > i {
    width: 1vw;
  }
}
@media screen and (max-width: 768px) {
  .l-sublinks > ul > li a > i {
    width: 2.8037383178vw;
  }
}
@media print, screen and (min-width: 769px) {
  .l-sublinks > ul > li a > i svg path {
    transition-duration: 0.3s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
}
.l-snslinks > ul > li > a {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.l-snslinks > ul > li > a > * {
  display: block;
  vertical-align: middle;
}
.l-snslinks > ul > li > a > .icon svg {
  vertical-align: middle;
}
.l-snslinks > ul > li > a > .ttl {
  vertical-align: middle;
  font-family: ClashDisplay-Semibold, Noto Sans JP, IBM Plex Sans JP, sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

@media print, screen and (min-width: 769px) {
  .l-snslinks > ul > li > a[data-sns=x]:hover > .icon {
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  }
}
@media print, screen and (min-width: 769px) {
  .l-snslinks > ul > li > a[data-sns=youtube]:hover > .icon svg path {
    fill: #f00;
  }
}
@media print, screen and (min-width: 769px) {
  .l-snslinks > ul > li > a > .icon {
    transition-duration: 0.3s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
}
@media print, screen and (min-width: 769px) {
  .l-snslinks > ul > li > a > .icon svg path {
    transition-duration: 0.3s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
}
@media print, screen and (min-width: 769px) {
  .l-snslinks > ul > li > a > .ttl {
    transition-duration: 0.3s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
}
.l-share {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.l-share__ttl {
  margin-right: 1em;
  letter-spacing: 0.2em;
  font-family: ClashDisplay-Medium, Noto Sans JP, IBM Plex Sans JP, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

@media print, screen and (min-width: 769px) {
  .l-share__ttl {
    font-size: 1rem;
  }
}
@media screen and (max-width: 1200px) {
  .l-share__ttl {
    font-size: 0.8333333333vw !important;
  }
}
@media screen and (max-width: 768px) {
  .l-share__ttl {
    font-size: 2.3364485981vw !important;
  }
}
.l-share__links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.l-share__links > li a {
  display: block;
}
.l-share__links > li a img {
  width: 100%;
  vertical-align: bottom;
}

@media print, screen and (min-width: 769px) {
  .l-share__links > li {
    width: 38px;
  }
}
@media screen and (max-width: 1200px) {
  .l-share__links > li {
    width: 3.1666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .l-share__links > li {
    width: 8.8785046729vw;
  }
}
@media print, screen and (min-width: 769px) {
  .l-share__links > li:not(:last-child) {
    margin-right: 13px;
  }
}
@media screen and (max-width: 1200px) {
  .l-share__links > li:not(:last-child) {
    margin-right: 1.0833333333vw;
  }
}
@media screen and (max-width: 768px) {
  .l-share__links > li:not(:last-child) {
    margin-right: 3.0373831776vw;
  }
}
@media print, screen and (min-width: 769px) {
  .l-share__links > li a {
    transition-duration: 0.3s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
}
@media print, screen and (min-width: 769px) {
  .l-share__links > li a:hover {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  }
}
.l-popup-nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  pointer-events: none;
  z-index: 9;
}
.l-popup-nav[data-status=show] {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  overflow: scroll;
  pointer-events: auto;
}
.l-popup-nav[data-status=show] .l-popup-nav__inner .contents > main > section > header {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  letter-spacing: 0.2em;
}
.l-popup-nav[data-status=show] .l-popup-nav__inner .contents > main > section > nav > .l-navlinks:after {
  transition-duration: 1s;
  transition-delay: 0.6s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.l-popup-nav[data-status=show] .l-popup-nav__inner .contents > main > section > nav > .l-navlinks > ul > li {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.l-popup-nav[data-status=show] .l-popup-nav__inner .contents > main > section > nav > .l-sublinks,
.l-popup-nav[data-status=show] .l-popup-nav__inner .contents > main > section > nav > .l-snslinks {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

@media screen and (max-width: 768px) {
  .l-popup-nav[data-status=show] {
    transition-duration: 0.4s;
    transition-delay: 0s;
    transition-timing-function: unset;
  }
}
@media print, screen and (min-width: 769px) {
  .l-popup-nav[data-status=show] .l-popup-nav__inner .bg {
    transition-duration: 0.3s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
}
@media print, screen and (min-width: 769px) {
  .l-popup-nav[data-status=show] .l-popup-nav__inner:after {
    width: 50%;
    transition-duration: 0.85s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
}
@media print, screen and (min-width: 769px) {
  .l-popup-nav[data-status=show] .l-popup-nav__inner .contents {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
}
@media print, screen and (min-width: 769px) {
  .l-popup-nav[data-status=show] .l-popup-nav__inner .contents > main > section > header {
    transition-duration: 1.2s;
    transition-delay: 0.6s;
    transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
}
@media screen and (max-width: 768px) {
  .l-popup-nav[data-status=show] .l-popup-nav__inner .contents > main > section > header {
    transition-duration: 1s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
}
@media print, screen and (min-width: 769px) {
  .l-popup-nav[data-status=show] .l-popup-nav__inner .contents > main > section > nav > .l-navlinks:after {
    width: 40px;
  }
}
@media screen and (max-width: 1200px) {
  .l-popup-nav[data-status=show] .l-popup-nav__inner .contents > main > section > nav > .l-navlinks:after {
    width: 3.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .l-popup-nav[data-status=show] .l-popup-nav__inner .contents > main > section > nav > .l-navlinks:after {
    width: 9.3457943925vw;
  }
}
@media print, screen and (min-width: 769px) {
  .l-popup-nav[data-status=show] .l-popup-nav__inner .contents > main > section > nav > .l-navlinks > ul > li:nth-child(1) {
    transition-duration: 0.3s;
    transition-delay: 0.65s;
    transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
}
@media screen and (max-width: 768px) {
  .l-popup-nav[data-status=show] .l-popup-nav__inner .contents > main > section > nav > .l-navlinks > ul > li:nth-child(1) {
    transition-duration: 0.3s;
    transition-delay: 0.35s;
    transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
}
@media print, screen and (min-width: 769px) {
  .l-popup-nav[data-status=show] .l-popup-nav__inner .contents > main > section > nav > .l-navlinks > ul > li:nth-child(2) {
    transition-duration: 0.3s;
    transition-delay: 0.7s;
    transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
}
@media screen and (max-width: 768px) {
  .l-popup-nav[data-status=show] .l-popup-nav__inner .contents > main > section > nav > .l-navlinks > ul > li:nth-child(2) {
    transition-duration: 0.3s;
    transition-delay: 0.4s;
    transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
}
@media print, screen and (min-width: 769px) {
  .l-popup-nav[data-status=show] .l-popup-nav__inner .contents > main > section > nav > .l-navlinks > ul > li:nth-child(3) {
    transition-duration: 0.3s;
    transition-delay: 0.75s;
    transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
}
@media screen and (max-width: 768px) {
  .l-popup-nav[data-status=show] .l-popup-nav__inner .contents > main > section > nav > .l-navlinks > ul > li:nth-child(3) {
    transition-duration: 0.3s;
    transition-delay: 0.45s;
    transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
}
@media print, screen and (min-width: 769px) {
  .l-popup-nav[data-status=show] .l-popup-nav__inner .contents > main > section > nav > .l-navlinks > ul > li:nth-child(4) {
    transition-duration: 0.3s;
    transition-delay: 0.8s;
    transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
}
@media screen and (max-width: 768px) {
  .l-popup-nav[data-status=show] .l-popup-nav__inner .contents > main > section > nav > .l-navlinks > ul > li:nth-child(4) {
    transition-duration: 0.3s;
    transition-delay: 0.5s;
    transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
}
@media print, screen and (min-width: 769px) {
  .l-popup-nav[data-status=show] .l-popup-nav__inner .contents > main > section > nav > .l-navlinks > ul > li:nth-child(5) {
    transition-duration: 0.3s;
    transition-delay: 0.85s;
    transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
}
@media screen and (max-width: 768px) {
  .l-popup-nav[data-status=show] .l-popup-nav__inner .contents > main > section > nav > .l-navlinks > ul > li:nth-child(5) {
    transition-duration: 0.3s;
    transition-delay: 0.55s;
    transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
}
@media print, screen and (min-width: 769px) {
  .l-popup-nav[data-status=show] .l-popup-nav__inner .contents > main > section > nav > .l-navlinks > ul > li:nth-child(6) {
    transition-duration: 0.3s;
    transition-delay: 0.9s;
    transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
}
@media screen and (max-width: 768px) {
  .l-popup-nav[data-status=show] .l-popup-nav__inner .contents > main > section > nav > .l-navlinks > ul > li:nth-child(6) {
    transition-duration: 0.3s;
    transition-delay: 0.6s;
    transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
}
@media print, screen and (min-width: 769px) {
  .l-popup-nav[data-status=show] .l-popup-nav__inner .contents > main > section > nav > .l-navlinks > ul > li:nth-child(7) {
    transition-duration: 0.3s;
    transition-delay: 0.95s;
    transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
}
@media screen and (max-width: 768px) {
  .l-popup-nav[data-status=show] .l-popup-nav__inner .contents > main > section > nav > .l-navlinks > ul > li:nth-child(7) {
    transition-duration: 0.3s;
    transition-delay: 0.65s;
    transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
}
@media print, screen and (min-width: 769px) {
  .l-popup-nav[data-status=show] .l-popup-nav__inner .contents > main > section > nav > .l-sublinks {
    transition-duration: 0.5s;
    transition-delay: 1s;
    transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
}
@media screen and (max-width: 768px) {
  .l-popup-nav[data-status=show] .l-popup-nav__inner .contents > main > section > nav > .l-sublinks {
    transition-duration: 0.5s;
    transition-delay: 0.6s;
    transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
}
@media print, screen and (min-width: 769px) {
  .l-popup-nav[data-status=show] .l-popup-nav__inner .contents > main > section > nav > .l-snslinks {
    transition-duration: 0.5s;
    transition-delay: 1s;
    transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
}
@media screen and (max-width: 768px) {
  .l-popup-nav[data-status=show] .l-popup-nav__inner .contents > main > section > nav > .l-snslinks {
    transition-duration: 0.5s;
    transition-delay: 0.6s;
    transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
}
.l-popup-nav__inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.l-popup-nav__inner .bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  cursor: pointer;
}
.l-popup-nav__inner .contents {
  position: relative;
  z-index: 2;
}
.l-popup-nav__inner .contents > header > .logo picture {
  display: block;
}
.l-popup-nav__inner .contents > header > .logo picture img {
  width: 100%;
  vertical-align: bottom;
}
.l-popup-nav__inner .contents > header .closebtn {
  margin: 0 0 0 auto;
  padding: 0;
  background: none;
  border-style: none;
  display: block;
  cursor: pointer;
}
.l-popup-nav__inner .contents > header .closebtn svg > g .bg {
  fill: #000;
}
.l-popup-nav__inner .contents > header .closebtn svg > g rect,
.l-popup-nav__inner .contents > header .closebtn svg > g .txt {
  fill: #fff;
}
.l-popup-nav__inner .contents > main > section {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.l-popup-nav__inner .contents > main > section > header {
  line-height: 1;
  -webkit-writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr;
  color: #60ec33;
  letter-spacing: 0.5em;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  font-family: ClashDisplay-Semibold, Noto Sans JP, IBM Plex Sans JP, sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
.l-popup-nav__inner .contents > main > section > nav > .l-navlinks:after {
  content: "";
  display: block;
  width: 0;
  height: 1px;
}
.l-popup-nav__inner .contents > main > section > nav > .l-navlinks > ul > li {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: translateX(5%);
  transform: translateX(5%);
}
.l-popup-nav__inner .contents > main > section > nav > .l-navlinks > ul > li[data-status=current] a {
  color: #60ec33;
}
.l-popup-nav__inner .contents > main > section > nav > .l-navlinks > ul > li > a {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.l-popup-nav__inner .contents > main > section > nav > .l-navlinks > ul > li > a > small {
  margin-top: 0.35em;
  letter-spacing: 0.08em;
}
.l-popup-nav__inner .contents > main > section > nav > .l-sublinks {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: translateY(10%);
  transform: translateY(10%);
}
.l-popup-nav__inner .contents > main > section > nav > .l-sublinks > ul > li > a > .jp {
  display: none;
}
.l-popup-nav__inner .contents > main > section > nav > .l-snslinks {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: translateY(20%);
  transform: translateY(20%);
}

@media screen and (max-width: 768px) {
  .l-popup-nav__inner:after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: solid 6px #000;
    display: block;
    box-sizing: border-box;
    pointer-events: none;
    z-index: 9;
  }
}
@media print, screen and (min-width: 769px) {
  .l-popup-nav__inner .bg {
    background: rgba(255, 255, 255, 0.8);
  }
}
@media screen and (max-width: 768px) {
  .l-popup-nav__inner .bg {
    background: #fff;
  }
}
@media print, screen and (min-width: 769px) {
  .l-popup-nav__inner .bg:hover {
    background: rgba(255, 255, 255, 0.5);
  }
}
@media print, screen and (min-width: 769px) {
  .l-popup-nav__inner:after {
    content: "";
    position: fixed;
    top: 0;
    right: 0;
    width: 0;
    height: 100%;
    display: block;
    background: #6a6b76;
    z-index: 1;
  }
}
@media print, screen and (min-width: 769px) {
  .l-popup-nav__inner .contents {
    margin-left: auto;
    padding-left: 80px;
    padding-right: 40px;
    padding-bottom: 60px;
    width: 50%;
    color: #fff;
    box-sizing: border-box;
    -webkit-filter: drop-shadow(-8px 0 10px rgba(0, 0, 0, 0.1));
    filter: drop-shadow(-8px 0 10px rgba(0, 0, 0, 0.1));
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transition-duration: 0.7s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
}
@media screen and (max-width: 768px) {
  .l-popup-nav__inner .contents {
    padding-bottom: 18.691588785vw;
    padding-left: 5.8411214953%;
    padding-right: 5.8411214953%;
  }
}
@media print, screen and (min-width: 769px) {
  .l-popup-nav__inner .contents > header {
    margin-bottom: 50px;
    padding-top: 35px;
  }
}
@media screen and (max-width: 1200px) {
  .l-popup-nav__inner .contents > header {
    margin-bottom: 4.1666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .l-popup-nav__inner .contents > header {
    margin-bottom: 11.6822429907vw;
  }
}
@media print, screen and (min-width: 769px) {
  .l-popup-nav__inner .contents > header > .logo {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .l-popup-nav__inner .contents > header > .logo {
    padding-top: 4.6728971963vw;
    width: 46.7289719626vw;
  }
}
@media print, screen and (min-width: 769px) {
  .l-popup-nav__inner .contents > header .closebtn {
    width: 24.3333333333%;
    max-width: 146px;
  }
}
@media screen and (max-width: 768px) {
  .l-popup-nav__inner .contents > header .closebtn {
    position: fixed;
    top: 4.6vw;
    right: 0;
    z-index: 10;
    width: 34.1121495327vw;
  }
}
@media print, screen and (min-width: 769px) {
  .l-popup-nav__inner .contents > main > section:not(:last-child) {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 1200px) {
  .l-popup-nav__inner .contents > main > section:not(:last-child) {
    margin-bottom: 4.1666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .l-popup-nav__inner .contents > main > section:not(:last-child) {
    margin-bottom: 11.6822429907vw;
  }
}
@media print, screen and (min-width: 769px) {
  .l-popup-nav__inner .contents > main > section > header {
    width: 5%;
    font-size: 1rem;
  }
}
@media screen and (max-width: 1200px) {
  .l-popup-nav__inner .contents > main > section > header {
    font-size: 0.8333333333vw !important;
  }
}
@media screen and (max-width: 768px) {
  .l-popup-nav__inner .contents > main > section > header {
    width: 9.2105263158%;
    font-size: 2.3364485981vw !important;
  }
}
@media print, screen and (min-width: 769px) {
  .l-popup-nav__inner .contents > main > section > nav {
    width: 94%;
    color: #fff;
  }
}
@media screen and (max-width: 768px) {
  .l-popup-nav__inner .contents > main > section > nav {
    width: 90.5263157895%;
    color: #000;
  }
}
@media print, screen and (min-width: 769px) {
  .l-popup-nav__inner .contents > main > section > nav > .l-navlinks {
    margin-bottom: 35px;
  }
}
@media screen and (max-width: 1200px) {
  .l-popup-nav__inner .contents > main > section > nav > .l-navlinks {
    margin-bottom: 2.9166666667vw;
  }
}
@media screen and (max-width: 768px) {
  .l-popup-nav__inner .contents > main > section > nav > .l-navlinks {
    margin-bottom: 6.5420560748vw;
  }
}
@media print, screen and (min-width: 769px) {
  .l-popup-nav__inner .contents > main > section > nav > .l-navlinks:after {
    margin-top: 35px;
    background: #fff;
  }
}
@media screen and (max-width: 1200px) {
  .l-popup-nav__inner .contents > main > section > nav > .l-navlinks:after {
    margin-top: 2.9166666667vw;
  }
}
@media screen and (max-width: 768px) {
  .l-popup-nav__inner .contents > main > section > nav > .l-navlinks:after {
    background: #000;
    margin-top: 6.5420560748vw;
  }
}
@media print, screen and (min-width: 769px) {
  .l-popup-nav__inner .contents > main > section > nav > .l-navlinks > ul > li:not(:last-child) {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1200px) {
  .l-popup-nav__inner .contents > main > section > nav > .l-navlinks > ul > li:not(:last-child) {
    margin-bottom: 1.6666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .l-popup-nav__inner .contents > main > section > nav > .l-navlinks > ul > li:not(:last-child) {
    margin-bottom: 4.6728971963vw;
  }
}
@media print, screen and (min-width: 769px) {
  .l-popup-nav__inner .contents > main > section > nav > .l-navlinks > ul > li > a {
    color: #fff;
    transition-duration: 0.2s;
    transition-delay: 0s;
    transition-timing-function: unset;
  }
}
@media screen and (max-width: 768px) {
  .l-popup-nav__inner .contents > main > section > nav > .l-navlinks > ul > li > a {
    color: #000;
  }
}
@media print, screen and (min-width: 769px) {
  .l-popup-nav__inner .contents > main > section > nav > .l-navlinks > ul > li > a:hover {
    color: #000;
  }
}
@media print, screen and (min-width: 769px) {
  .l-popup-nav__inner .contents > main > section > nav > .l-navlinks > ul > li > a > em {
    font-size: 4rem;
  }
}
@media screen and (max-width: 1200px) {
  .l-popup-nav__inner .contents > main > section > nav > .l-navlinks > ul > li > a > em {
    font-size: 3.3333333333vw !important;
  }
}
@media screen and (max-width: 768px) {
  .l-popup-nav__inner .contents > main > section > nav > .l-navlinks > ul > li > a > em {
    font-size: 9.3457943925vw !important;
  }
}
@media print, screen and (min-width: 769px) {
  .l-popup-nav__inner .contents > main > section > nav > .l-navlinks > ul > li > a > small {
    font-size: 1rem;
  }
}
@media screen and (max-width: 1200px) {
  .l-popup-nav__inner .contents > main > section > nav > .l-navlinks > ul > li > a > small {
    font-size: 0.8333333333vw !important;
  }
}
@media screen and (max-width: 768px) {
  .l-popup-nav__inner .contents > main > section > nav > .l-navlinks > ul > li > a > small {
    font-size: 2.3364485981vw !important;
  }
}
@media print, screen and (min-width: 769px) {
  .l-popup-nav__inner .contents > main > section > nav > .l-sublinks {
    width: 37.5%;
  }
}
@media screen and (max-width: 768px) {
  .l-popup-nav__inner .contents > main > section > nav > .l-sublinks {
    width: 49.0654205607vw;
  }
}
@media print, screen and (min-width: 769px) {
  .l-popup-nav__inner .contents > main > section > nav > .l-sublinks > ul > li:not(:last-child) {
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 1200px) {
  .l-popup-nav__inner .contents > main > section > nav > .l-sublinks > ul > li:not(:last-child) {
    margin-bottom: 0.6666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .l-popup-nav__inner .contents > main > section > nav > .l-sublinks > ul > li:not(:last-child) {
    margin-bottom: 1.8691588785vw;
  }
}
@media print, screen and (min-width: 769px) {
  .l-popup-nav__inner .contents > main > section > nav > .l-sublinks > ul > li > a {
    color: #fff;
    border-color: #fff;
  }
}
@media print, screen and (min-width: 769px) {
  .l-popup-nav__inner .contents > main > section > nav > .l-sublinks > ul > li > a:hover {
    color: #60ec33;
    border-color: #60ec33;
  }
}
@media print, screen and (min-width: 769px) {
  .l-popup-nav__inner .contents > main > section > nav > .l-sublinks > ul > li > a:hover > i svg path {
    fill: #60ec33;
  }
}
@media screen and (max-width: 768px) {
  .l-popup-nav__inner .contents > main > section > nav > .l-sublinks > ul > li > a > i svg path {
    fill: #000;
  }
}
@media print, screen and (min-width: 769px) {
  .l-popup-nav__inner .contents > main > section > nav > .l-snslinks > ul > li > a[data-sns=x]:hover > .icon svg path {
    fill: #000;
  }
}
@media print, screen and (min-width: 769px) {
  .l-popup-nav__inner .contents > main > section > nav > .l-snslinks > ul > li > a[data-sns=x]:hover > .ttl {
    color: #000;
  }
}
@media print, screen and (min-width: 769px) {
  .l-popup-nav__inner .contents > main > section > nav > .l-snslinks > ul > li > a[data-sns=youtube]:hover > .icon svg path {
    fill: #f00;
  }
}
@media print, screen and (min-width: 769px) {
  .l-popup-nav__inner .contents > main > section > nav > .l-snslinks > ul > li > a[data-sns=youtube]:hover > .ttl {
    color: #f00;
  }
}
@media print, screen and (min-width: 769px) {
  .l-popup-nav__inner .contents > main > section > nav > .l-snslinks > ul > li > a > .icon {
    width: 46px;
  }
}
@media screen and (max-width: 1200px) {
  .l-popup-nav__inner .contents > main > section > nav > .l-snslinks > ul > li > a > .icon {
    width: 3.8333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .l-popup-nav__inner .contents > main > section > nav > .l-snslinks > ul > li > a > .icon {
    width: 10.7476635514vw;
  }
}
@media print, screen and (min-width: 769px) {
  .l-popup-nav__inner .contents > main > section > nav > .l-snslinks > ul > li > a > .icon svg path {
    fill: #fff;
  }
}
@media screen and (max-width: 768px) {
  .l-popup-nav__inner .contents > main > section > nav > .l-snslinks > ul > li > a > .icon svg path {
    fill: #000;
  }
}
@media print, screen and (min-width: 769px) {
  .l-popup-nav__inner .contents > main > section > nav > .l-snslinks > ul > li > a > .ttl {
    margin-left: 8px;
    font-size: 1.4rem;
    color: #fff;
  }
}
@media screen and (max-width: 1200px) {
  .l-popup-nav__inner .contents > main > section > nav > .l-snslinks > ul > li > a > .ttl {
    margin-left: 0.6666666667vw;
    font-size: 1.1666666667vw !important;
  }
}
@media screen and (max-width: 768px) {
  .l-popup-nav__inner .contents > main > section > nav > .l-snslinks > ul > li > a > .ttl {
    margin-left: 1.8691588785vw;
    font-size: 3.2710280374vw !important;
  }
}
.l-filterByUnit {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  pointer-events: none;
}
.l-filterByUnit[data-status=show] {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  overflow: scroll;
  transition-duration: 1s;
  transition-delay: 0s;
  transition-timing-function: unset;
}
.l-filterByUnit[data-status=show] .l-filterByUnit__inner .bg,
.l-filterByUnit[data-status=show] .l-filterByUnit__inner .contents > ul {
  pointer-events: auto;
}

.l-filterByUnit__inner .bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.85);
  cursor: pointer;
  z-index: 1;
}
.l-filterByUnit__inner .closebtn {
  position: fixed;
  margin: 0;
  padding: 0;
  background: none;
  border-style: none;
  display: block;
  cursor: pointer;
  z-index: 3;
}
.l-filterByUnit__inner .contents {
  position: relative;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  z-index: 2;
}
.l-filterByUnit__inner .contents > header > h3 {
  text-align: center;
  color: #60ec33;
  line-height: 1;
  letter-spacing: 0.2em;
}
.l-filterByUnit__inner .contents > ul {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.l-filterByUnit__inner .contents > ul > li a {
  display: block;
}
.l-filterByUnit__inner .contents > ul > li a picture {
  display: block;
  background: #fff;
}
.l-filterByUnit__inner .contents > ul > li a picture img {
  width: 100%;
  vertical-align: bottom;
}
.l-filterByUnit__inner .contents > ul > li a span {
  margin-top: 0.5em;
  display: block;
  color: #fff;
  text-align: center;
  letter-spacing: 0.06em;
  font-family: Noto Sans JP, sans-serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
}

@media print, screen and (min-width: 769px) {
  .l-filterByUnit__inner .closebtn {
    top: 65px;
    right: 40px;
    width: 42px;
  }
}
@media screen and (max-width: 1200px) {
  .l-filterByUnit__inner .closebtn {
    right: 3.3333333333%;
    width: 3.5vw;
  }
}
@media screen and (max-width: 768px) {
  .l-filterByUnit__inner .closebtn {
    top: auto;
    right: auto;
    left: 50%;
    bottom: 9.6vw;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 9.8130841121vw;
  }
}
@media print, screen and (min-width: 769px) {
  .l-filterByUnit__inner .contents {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 768px) {
  .l-filterByUnit__inner .contents {
    padding-left: 5.8411214953%;
    padding-right: 5.8411214953%;
  }
}
@media print, screen and (min-width: 769px) {
  .l-filterByUnit__inner .contents > header {
    margin-bottom: 60px;
    padding-top: 75px;
  }
}
@media screen and (max-width: 1200px) {
  .l-filterByUnit__inner .contents > header {
    margin-bottom: 5vw;
    padding-top: 6.25vw;
  }
}
@media screen and (max-width: 768px) {
  .l-filterByUnit__inner .contents > header {
    margin-bottom: 8.1775700935vw;
    padding-top: 14.0186915888vw;
  }
}
@media print, screen and (min-width: 769px) {
  .l-filterByUnit__inner .contents > header > h3 {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 1200px) {
  .l-filterByUnit__inner .contents > header > h3 {
    font-size: 2vw !important;
  }
}
@media screen and (max-width: 768px) {
  .l-filterByUnit__inner .contents > header > h3 {
    font-size: 3.738317757vw !important;
  }
}
@media print, screen and (min-width: 769px) {
  .l-filterByUnit__inner .contents > ul {
    max-width: 1000px;
  }
}
@media screen and (max-width: 1200px) {
  .l-filterByUnit__inner .contents > ul {
    width: 83.3333333333%;
  }
}
@media screen and (max-width: 768px) {
  .l-filterByUnit__inner .contents > ul {
    width: 100%;
  }
}
@media print, screen and (min-width: 769px) {
  .l-filterByUnit__inner .contents > ul > li {
    width: 47.6%;
  }
}
@media screen and (max-width: 768px) {
  .l-filterByUnit__inner .contents > ul > li {
    width: 47.3684210526%;
  }
}
@media print, screen and (min-width: 769px) {
  .l-filterByUnit__inner .contents > ul > li:nth-child(n+3) {
    margin-top: 40px;
  }
}
@media screen and (max-width: 1200px) {
  .l-filterByUnit__inner .contents > ul > li:nth-child(n+3) {
    margin-top: 3.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .l-filterByUnit__inner .contents > ul > li:nth-child(n+3) {
    margin-top: 7.0093457944vw;
  }
}
@media print, screen and (min-width: 769px) {
  .l-filterByUnit__inner .contents > ul > li a:hover picture img {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  }
}
@media print, screen and (min-width: 769px) {
  .l-filterByUnit__inner .contents > ul > li a picture img {
    transition-duration: 0.3s;
    transition-delay: 0s;
    transition-timing-function: unset;
  }
}
@media print, screen and (min-width: 769px) {
  .l-filterByUnit__inner .contents > ul > li a span {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1200px) {
  .l-filterByUnit__inner .contents > ul > li a span {
    font-size: 1.5vw !important;
  }
}
@media screen and (max-width: 768px) {
  .l-filterByUnit__inner .contents > ul > li a span {
    font-size: 3.2710280374vw !important;
  }
}
@media print, screen and (min-width: 769px) {
  .l-fv {
    margin-top: 60px;
  }
}
@media screen and (max-width: 1200px) {
  .l-fv {
    margin-top: 5vw;
  }
}
@media screen and (max-width: 768px) {
  .l-fv {
    margin-top: 9.3457943925vw;
  }
}
.l-fv.is__loaded .l-fv__inner .fvttl--logo {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: scale(1);
  transform: scale(1);
  transition-duration: 0.75s;
  transition-delay: 1s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

.l-fv__inner {
  position: relative;
}
.l-fv__inner .fvttl {
  position: absolute;
  top: 70%;
  left: 50%;
  z-index: 2;
}
.l-fv__inner .fvttl--logo {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: scale(1.08);
  transform: scale(1.08);
}
.l-fv__inner .fvvideo {
  position: relative;
  background: #fff;
  width: 100%;
  height: auto;
  z-index: 1;
}
.l-fv__inner .fvvideo--inner {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.l-fv__inner .fvvideo--inner iframe,
.l-fv__inner .fvvideo--inner .fvvideo--image,
.l-fv__inner .fvvideo--inner .fvvideo--image img {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 1;
}

@media print, screen and (min-width: 769px) {
  .l-fv__inner .fvttl {
    width: 36.1111111111%;
    max-width: 520px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
@media screen and (max-width: 768px) {
  .l-fv__inner .fvttl {
    width: 88.3720930233%;
    -webkit-transform: translate(-50%, -40%);
    transform: translate(-50%, -40%);
  }
}
@media print, screen and (min-width: 769px) {
  .l-fv__inner .fvvideo {
    aspect-ratio: 1440/810;
  }
}
@media screen and (max-width: 768px) {
  .l-fv__inner .fvvideo {
    aspect-ratio: 430/674;
  }
}
@media print, screen and (min-width: 769px) {
  .l-fv__inner .fvvideo--inner iframe,
  .l-fv__inner .fvvideo--inner .fvvideo--image,
  .l-fv__inner .fvvideo--inner .fvvideo--image img {
    width: 100%;
    height: auto;
    aspect-ratio: 1440/810;
  }
}
@media screen and (max-width: 768px) {
  .l-fv__inner .fvvideo--inner iframe {
    width: auto;
    height: 100%;
    aspect-ratio: 16/9;
  }
  .l-fv__inner .fvvideo--inner .fvvideo--image,
  .l-fv__inner .fvvideo--inner .fvvideo--image img {
    width: 100%;
    height: 100%;
    aspect-ratio: 430/674;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.topStyle .common-settings#About {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.topStyle .common-settings#About.is__scrolled {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  transition-duration: 1.2s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.topStyle .common-settings#About .inner-section .about {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
.topStyle .common-settings#About .inner-section .about > main > header span {
  background: #fff;
}
.topStyle .common-settings#About .inner-section .about > main > main {
  letter-spacing: 0.08em;
  line-height: 1.95;
  font-family: Noto Sans JP, sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
.topStyle .common-settings#About .inner-section .about > main > main > p:not(:last-child) {
  margin-bottom: 2em;
}
.topStyle .common-settings#About .inner-section .about > main > footer > .logogroup {
  background-image: url(../images/_common/logo/logo_icon_loop.png);
  background-position: left top;
  background-repeat: repeat-x;
}
.topStyle .common-settings#Audition {
  position: relative;
}
.topStyle .common-settings#Audition.is__scrolled .inner-section .audition > main > picture img {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: scale(1);
  transform: scale(1);
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1" /><feFuncG type="linear" slope="1" /><feFuncB type="linear" slope="1" /></feComponentTransfer><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1" intercept="0" /><feFuncG type="linear" slope="1" intercept="0" /><feFuncB type="linear" slope="1" intercept="0" /></feComponentTransfer></filter></svg>#filter');
  -webkit-filter: brightness(1) contrast(100%);
  filter: brightness(1) contrast(100%);
  transition-duration: 1.2s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.topStyle .common-settings#Audition .inner-section:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 200vw;
  height: 80%;
  display: block;
  background: #000;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  z-index: 1;
  max-width: 3600px;
}
.topStyle .common-settings#Audition .inner-section .audition {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
.topStyle .common-settings#Audition .inner-section .audition > header,
.topStyle .common-settings#Audition .inner-section .audition > main {
  position: relative;
  z-index: 2;
}
.topStyle .common-settings#Audition .inner-section .audition > header {
  mix-blend-mode: difference;
  color: #fff;
}
.topStyle .common-settings#Audition .inner-section .audition > main {
  color: #fff;
}
.topStyle .common-settings#Audition .inner-section .audition > main > picture {
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.topStyle .common-settings#Audition .inner-section .audition > main > picture img {
  display: block;
  width: 100%;
  vertical-align: bottom;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="2" /><feFuncG type="linear" slope="2" /><feFuncB type="linear" slope="2" /></feComponentTransfer><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="4" intercept="-1.5" /><feFuncG type="linear" slope="4" intercept="-1.5" /><feFuncB type="linear" slope="4" intercept="-1.5" /></feComponentTransfer></filter></svg>#filter');
  -webkit-filter: brightness(2) contrast(400%);
  filter: brightness(2) contrast(400%);
}
.topStyle .common-settings#Audition .inner-section .audition > main > main {
  margin-left: auto;
  margin-right: auto;
}
.topStyle .common-settings#Audition .inner-section .audition > main > main > p {
  letter-spacing: 0.08em;
}
.topStyle .common-settings#Audition .inner-section .audition > main > nav > .md-btn__links {
  margin-left: auto;
  margin-right: auto;
}
.topStyle .common-settings#Talents {
  position: relative;
}
.topStyle .common-settings#Talents.is__scrolled:before {
  transition-duration: 1.2s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.topStyle .common-settings#Talents.is__scrolled .inner-section .talents > header .inner .md-ttl__section {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  transition-duration: 2.2s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.topStyle .common-settings#Talents.is__scrolled .inner-section .talents > main {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  transition-duration: 1.2s;
  transition-delay: 1s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.topStyle .common-settings#Talents:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 100%;
  background: #fff;
  pointer-events: none;
  z-index: 1;
}
.topStyle .common-settings#Talents .inner-section {
  position: relative;
  z-index: 2;
}
.topStyle .common-settings#Talents .inner-section .talents > header {
  padding-left: 40px;
  padding-right: 40px;
}
.topStyle .common-settings#Talents .inner-section .talents > header .inner .md-ttl__section {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: scaleX(1.2);
  transform: scaleX(1.2);
}
.topStyle .common-settings#Talents .inner-section .talents > main {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.topStyle .common-settings#Talents .inner-section .talents > main .slidernav {
  position: absolute;
  pointer-events: none;
  z-index: 4;
}
.topStyle .common-settings#Talents .inner-section .talents > main .slidernav--inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.topStyle .common-settings#Talents .inner-section .talents > main .slidernav--btn {
  margin: 0;
  padding: 0;
  background: none;
  border-style: none;
  display: block;
  cursor: pointer;
  pointer-events: auto;
}
.topStyle .common-settings#Talents .inner-section .talents > main .slidernav--btn#js-top-talentslider-prev svg {
  -webkit-animation: sliderPrevAnime 2s infinite cubic-bezier(0.785, 0.135, 0.15, 0.86);
  animation: sliderPrevAnime 2s infinite cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.topStyle .common-settings#Talents .inner-section .talents > main .slidernav--btn#js-top-talentslider-next svg {
  -webkit-animation: sliderNextAnime 2s infinite cubic-bezier(0.785, 0.135, 0.15, 0.86);
  animation: sliderNextAnime 2s infinite cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.topStyle .common-settings#Talents .inner-section .talents > main .slidernav--btn svg {
  vertical-align: middle;
}
.topStyle .common-settings#Talents .inner-section .talents > main .talentswrap--slider .unit--inner picture {
  display: block;
  background: #fff;
}
.topStyle .common-settings#Talents .inner-section .talents > main .talentswrap--slider .unit--inner picture img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
  -o-object-position: center top;
     object-position: center top;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1000/530;
}
.topStyle .common-settings#Talents .inner-section .talents > main .talentswrap--slider .unit--inner main > header {
  line-height: 1;
  text-align: center;
}
.topStyle .common-settings#Talents .inner-section .talents > main .talentswrap--slider .unit--inner main > aside {
  font-family: Noto Sans JP, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.topStyle .common-settings#Talents .inner-section .talents > main .talentswrap--slider .unit--inner main > aside > p {
  text-align: center;
  letter-spacing: 0.08em;
}
.topStyle .common-settings#Talents .inner-section .talents > main .talentswrap--slider .unit--inner main > aside > p:not(:last-child) {
  margin-bottom: 2em;
}
.topStyle .common-settings#Talents .inner-section .talents > main .talentswrap--slider .unit--inner main > footer > .md-btn__links {
  margin-left: auto;
  margin-right: auto;
}
.topStyle .common-settings#Talents .inner-section .talents > footer > h4 img {
  display: block;
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

@media print, screen and (min-width: 769px) {
  .topStyle .common-settings#About {
    padding-top: 160px;
    padding-bottom: 200px;
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 1200px) {
  .topStyle .common-settings#About {
    padding-top: 13.3333333333vw;
    padding-bottom: 16.6666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .topStyle .common-settings#About {
    padding-top: 26.8691588785vw;
    padding-bottom: 18.691588785vw;
  }
}
@media print, screen and (min-width: 769px) {
  .topStyle .common-settings#About .inner-section .about {
    max-width: 1000px;
  }
}
@media print, screen and (min-width: 769px) {
  .topStyle .common-settings#About .inner-section .about > header {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1200px) {
  .topStyle .common-settings#About .inner-section .about > header {
    margin-bottom: 1.6666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .topStyle .common-settings#About .inner-section .about > header {
    margin-bottom: 9.3457943925vw;
  }
}
@media print, screen and (min-width: 769px) {
  .topStyle .common-settings#About .inner-section .about > main {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
@media print, screen and (min-width: 769px) {
  .topStyle .common-settings#About .inner-section .about > main > header {
    font-size: 3.4rem;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    line-height: 1.8;
    order: 2;
    font-family: Noto Sans JP, sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
  }
}
@media screen and (max-width: 1200px) {
  .topStyle .common-settings#About .inner-section .about > main > header {
    font-size: 2.8333333333vw !important;
  }
}
@media screen and (max-width: 768px) {
  .topStyle .common-settings#About .inner-section .about > main > header {
    display: none;
  }
}
@media print, screen and (min-width: 769px) {
  .topStyle .common-settings#About .inner-section .about > main > header span {
    padding-top: 0.25em;
    padding-bottom: 0.25em;
  }
}
@media print, screen and (min-width: 769px) {
  .topStyle .common-settings#About .inner-section .about > main > main {
    position: relative;
    padding-top: 22px;
    width: 79%;
    order: 1;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1200px) {
  .topStyle .common-settings#About .inner-section .about > main > main {
    padding-top: 1.8333333333vw;
    font-size: 1.5vw !important;
  }
}
@media screen and (max-width: 768px) {
  .topStyle .common-settings#About .inner-section .about > main > main {
    padding-top: 0;
    font-size: 3.738317757vw !important;
    padding-left: 5.8411214953%;
    padding-right: 5.8411214953%;
  }
}
@media print, screen and (min-width: 769px) {
  .topStyle .common-settings#About .inner-section .about > main > main:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: 13.9240506329%;
    max-width: 110px;
    background: url(../images/_common/logo/logo_icon.png) left top no-repeat;
    background-size: 100% auto;
    -webkit-transform: translate(50%, 20%);
    transform: translate(50%, 20%);
    aspect-ratio: 109/124.1;
  }
}
@media print, screen and (min-width: 769px) {
  .topStyle .common-settings#About .inner-section .about > main > main > aside {
    padding-top: 0.4em;
  }
}
@media screen and (max-width: 768px) {
  .topStyle .common-settings#About .inner-section .about > main > main > aside {
    position: absolute;
    right: 0;
    top: 6.2vw;
    width: 39.7196261682vw;
  }
}
@media print, screen and (min-width: 769px) {
  .topStyle .common-settings#About .inner-section .about > main > main > aside > h4 {
    width: 25.3164556962%;
  }
  .topStyle .common-settings#About .inner-section .about > main > main > aside > h4 img {
    display: block;
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 768px) {
  .topStyle .common-settings#About .inner-section .about > main > footer > .logogroup:not(:last-child) {
    margin-bottom: 1.8691588785vw;
  }
}
@media screen and (max-width: 768px) {
  .topStyle .common-settings#About .inner-section .about > main > footer > .logogroup[data-size=s] {
    height: 36px;
    background-size: 40px auto;
    -webkit-animation: logogroupAnime01 4s infinite linear;
    animation: logogroupAnime01 4s infinite linear;
  }
}
@media screen and (max-width: 768px) {
  .topStyle .common-settings#About .inner-section .about > main > footer > .logogroup[data-size=m] {
    height: 60px;
    background-size: 66px auto;
    -webkit-animation: logogroupAnime02 6s infinite linear;
    animation: logogroupAnime02 6s infinite linear;
    -webkit-animation-direction: reverse;
    animation-direction: reverse;
  }
}
@media print, screen and (min-width: 769px) {
  .topStyle .common-settings#Audition {
    padding-top: 150px;
    padding-bottom: 160px;
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 1200px) {
  .topStyle .common-settings#Audition {
    padding-top: 12.5vw;
    padding-bottom: 13.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .topStyle .common-settings#Audition {
    padding-top: 11.6822429907vw;
    padding-bottom: 32.7102803738vw;
  }
}
@media print, screen and (min-width: 769px) {
  .topStyle .common-settings#Audition .inner-section:before {
    -webkit-transform: rotate(-7deg) translate(-50%, 0);
    transform: rotate(-7deg) translate(-50%, 0);
  }
}
@media screen and (max-width: 1200px) {
  .topStyle .common-settings#Audition .inner-section:before {
    -webkit-transform: rotate(-7deg) translate(-50%, 5%);
    transform: rotate(-7deg) translate(-50%, 5%);
  }
}
@media print, screen and (min-width: 769px) {
  .topStyle .common-settings#Audition .inner-section .audition {
    max-width: 1000px;
  }
}
@media print, screen and (min-width: 769px) {
  .topStyle .common-settings#Audition .inner-section .audition > header {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 1200px) {
  .topStyle .common-settings#Audition .inner-section .audition > header {
    margin-bottom: 3.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .topStyle .common-settings#Audition .inner-section .audition > header {
    margin-bottom: 4.6728971963vw;
  }
}
@media print, screen and (min-width: 769px) {
  .topStyle .common-settings#Audition .inner-section .audition > main > picture {
    margin-bottom: 30px;
    width: 92%;
  }
}
@media screen and (max-width: 1200px) {
  .topStyle .common-settings#Audition .inner-section .audition > main > picture {
    margin-bottom: 2.5vw;
  }
}
@media screen and (max-width: 768px) {
  .topStyle .common-settings#Audition .inner-section .audition > main > picture {
    margin-bottom: 7.0093457944vw;
  }
}
@media print, screen and (min-width: 769px) {
  .topStyle .common-settings#Audition .inner-section .audition > main > main {
    width: 76.8%;
  }
}
@media screen and (max-width: 768px) {
  .topStyle .common-settings#Audition .inner-section .audition > main > main {
    width: 82.7906976744%;
  }
}
@media print, screen and (min-width: 769px) {
  .topStyle .common-settings#Audition .inner-section .audition > main > main > p {
    font-size: 1.8rem;
    line-height: 1.95;
    text-align: center;
  }
}
@media screen and (max-width: 1200px) {
  .topStyle .common-settings#Audition .inner-section .audition > main > main > p {
    font-size: 1.5vw !important;
  }
}
@media screen and (max-width: 768px) {
  .topStyle .common-settings#Audition .inner-section .audition > main > main > p {
    line-height: 2.2;
    font-size: 3.0373831776vw !important;
  }
}
@media print, screen and (min-width: 769px) {
  .topStyle .common-settings#Audition .inner-section .audition > main > nav {
    margin-top: 50px;
  }
}
@media screen and (max-width: 1200px) {
  .topStyle .common-settings#Audition .inner-section .audition > main > nav {
    margin-top: 4.1666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .topStyle .common-settings#Audition .inner-section .audition > main > nav {
    margin-top: 8.1775700935vw;
  }
}
@media print, screen and (min-width: 769px) {
  .topStyle .common-settings#Talents {
    padding-top: 70px;
  }
}
@media screen and (max-width: 1200px) {
  .topStyle .common-settings#Talents {
    padding-top: 5.8333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .topStyle .common-settings#Talents {
    padding-top: 14.0186915888vw;
  }
}
@media print, screen and (min-width: 769px) {
  .topStyle .common-settings#Talents.is__scrolled:before {
    width: 88.1944444444%;
  }
}
@media screen and (max-width: 768px) {
  .topStyle .common-settings#Talents.is__scrolled:before {
    width: 89.3023255814%;
  }
}
@media print, screen and (min-width: 769px) {
  .topStyle .common-settings#Talents .inner-section .talents > header {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 1200px) {
  .topStyle .common-settings#Talents .inner-section .talents > header {
    margin-bottom: 4.1666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .topStyle .common-settings#Talents .inner-section .talents > header {
    margin-bottom: 7.0093457944vw;
  }
}
@media print, screen and (min-width: 769px) {
  .topStyle .common-settings#Talents .inner-section .talents > header .inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-right: auto;
    margin-left: auto;
    max-width: 1200px;
  }
}
@media print, screen and (min-width: 769px) {
  .topStyle .common-settings#Talents .inner-section .talents > main {
    position: relative;
  }
}
@media print, screen and (min-width: 769px) {
  .topStyle .common-settings#Talents .inner-section .talents > main .slidernav {
    top: 265px;
    left: 50%;
    width: 100%;
    max-width: 1060px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    mix-blend-mode: difference;
  }
}
@media screen and (max-width: 1200px) {
  .topStyle .common-settings#Talents .inner-section .talents > main .slidernav {
    top: 27vw;
    width: 96.6666666667%;
  }
}
@media screen and (max-width: 768px) {
  .topStyle .common-settings#Talents .inner-section .talents > main .slidernav {
    top: 0;
    right: 5.8139534884%;
    width: 16.8224299065vw;
  }
}
@media print, screen and (min-width: 769px) {
  .topStyle .common-settings#Talents .inner-section .talents > main .slidernav--btn {
    width: 60px;
  }
}
@media screen and (max-width: 1200px) {
  .topStyle .common-settings#Talents .inner-section .talents > main .slidernav--btn {
    width: 5vw;
  }
}
@media screen and (max-width: 768px) {
  .topStyle .common-settings#Talents .inner-section .talents > main .slidernav--btn {
    width: 7.476635514vw;
  }
}
@media print, screen and (min-width: 769px) {
  .topStyle .common-settings#Talents .inner-section .talents > main .slidernav--btn svg path {
    fill: #fff;
  }
}
@media screen and (max-width: 768px) {
  .topStyle .common-settings#Talents .inner-section .talents > main .talentswrap {
    width: 89.3023255814%;
  }
}
@media print, screen and (min-width: 769px) {
  .topStyle .common-settings#Talents .inner-section .talents > main .talentswrap--slider .unit--inner {
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 100px;
    max-width: 1000px;
  }
}
@media screen and (max-width: 1200px) {
  .topStyle .common-settings#Talents .inner-section .talents > main .talentswrap--slider .unit--inner {
    padding-bottom: 8.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .topStyle .common-settings#Talents .inner-section .talents > main .talentswrap--slider .unit--inner {
    padding-bottom: 14.0186915888vw;
  }
}
@media print, screen and (min-width: 769px) {
  .topStyle .common-settings#Talents .inner-section .talents > main .talentswrap--slider .unit--inner picture {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1200px) {
  .topStyle .common-settings#Talents .inner-section .talents > main .talentswrap--slider .unit--inner picture {
    margin-bottom: 1.6666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .topStyle .common-settings#Talents .inner-section .talents > main .talentswrap--slider .unit--inner picture {
    margin-bottom: 3.5046728972vw;
  }
}
@media screen and (max-width: 768px) {
  .topStyle .common-settings#Talents .inner-section .talents > main .talentswrap--slider .unit--inner main {
    margin-left: auto;
    width: 93.4895833333%;
  }
}
@media print, screen and (min-width: 769px) {
  .topStyle .common-settings#Talents .inner-section .talents > main .talentswrap--slider .unit--inner main > header {
    margin-bottom: 30px;
    font-size: 5.2rem;
  }
}
@media screen and (max-width: 1200px) {
  .topStyle .common-settings#Talents .inner-section .talents > main .talentswrap--slider .unit--inner main > header {
    margin-bottom: 2.5vw;
    font-size: 4.3333333333vw !important;
  }
}
@media screen and (max-width: 768px) {
  .topStyle .common-settings#Talents .inner-section .talents > main .talentswrap--slider .unit--inner main > header {
    margin-bottom: 4.6728971963vw;
    font-size: 6.5420560748vw !important;
  }
}
@media print, screen and (min-width: 769px) {
  .topStyle .common-settings#Talents .inner-section .talents > main .talentswrap--slider .unit--inner main > aside {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1200px) {
  .topStyle .common-settings#Talents .inner-section .talents > main .talentswrap--slider .unit--inner main > aside {
    font-size: 1.4166666667vw !important;
  }
}
@media screen and (max-width: 768px) {
  .topStyle .common-settings#Talents .inner-section .talents > main .talentswrap--slider .unit--inner main > aside {
    font-size: 3.0373831776vw !important;
  }
}
@media print, screen and (min-width: 769px) {
  .topStyle .common-settings#Talents .inner-section .talents > main .talentswrap--slider .unit--inner main > footer {
    margin-top: 50px;
  }
}
@media screen and (max-width: 1200px) {
  .topStyle .common-settings#Talents .inner-section .talents > main .talentswrap--slider .unit--inner main > footer {
    margin-top: 4.1666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .topStyle .common-settings#Talents .inner-section .talents > main .talentswrap--slider .unit--inner main > footer {
    margin-top: 9.3457943925vw;
  }
}
@media screen and (max-width: 768px) {
  .topStyle .common-settings#Talents .inner-section .talents > footer {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
  }
}
@media screen and (max-width: 768px) {
  .topStyle .common-settings#Talents .inner-section .talents > footer > h4 {
    position: relative;
    line-height: 1;
    padding-top: 8.1775700935vw;
    width: 39.7196261682vw;
  }
}
@media screen and (max-width: 768px) {
  .topStyle .common-settings#Talents .inner-section .talents > footer > h4:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 1px;
    background: #000;
    width: 7.476635514vw;
  }
}
@media print, screen and (min-width: 769px) {
  .common-settings#Topics[data-type=footer], .common-settings#TopicsFooter {
    padding-top: 150px;
    padding-bottom: 120px;
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 1200px) {
  .common-settings#Topics[data-type=footer], .common-settings#TopicsFooter {
    padding-top: 12.5vw;
    padding-bottom: 10vw;
  }
}
@media screen and (max-width: 768px) {
  .common-settings#Topics[data-type=footer], .common-settings#TopicsFooter {
    height: 0;
    -webkit-transform: translateY(30%);
    transform: translateY(30%);
    padding-top: 11.6822429907vw;
    padding-bottom: 37.3831775701vw;
  }
}
@media print, screen and (min-width: 769px) {
  .common-settings#Topics[data-type=footer] .inner-section .topics, .common-settings#TopicsFooter .inner-section .topics {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    margin-right: auto;
    margin-left: auto;
    max-width: 1200px;
  }
}
@media print, screen and (min-width: 769px) {
  .common-settings#Topics[data-type=footer] .inner-section .topics > header, .common-settings#TopicsFooter .inner-section .topics > header {
    width: 19.1666666667%;
  }
}
@media screen and (max-width: 768px) {
  .common-settings#Topics[data-type=footer] .inner-section .topics > header, .common-settings#TopicsFooter .inner-section .topics > header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 3.5046728972vw;
    padding-left: 5.8411214953%;
    padding-right: 5.8411214953%;
  }
}
@media screen and (max-width: 768px) {
  .common-settings#Topics[data-type=footer] .inner-section .topics > header > button, .common-settings#TopicsFooter .inner-section .topics > header > button {
    margin: 0;
    padding: 0;
    background: none;
    border-style: none;
    display: block;
    cursor: pointer;
  }
}
@media screen and (max-width: 768px) {
  .common-settings#Topics[data-type=footer] .inner-section .topics > header > button a, .common-settings#TopicsFooter .inner-section .topics > header > button a {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    height: auto;
    width: 5.3738317757vw;
    aspect-ratio: 1/1;
  }
}
.common-settings#Topics[data-type=footer] .inner-section .topics > header > button a svg, .common-settings#TopicsFooter .inner-section .topics > header > button a svg {
  vertical-align: middle;
}

@media print, screen and (min-width: 769px) {
  .common-settings#Topics[data-type=footer] .inner-section .topics > main, .common-settings#TopicsFooter .inner-section .topics > main {
    width: 80.8333333333%;
  }
}
@media print, screen and (min-width: 769px) {
  .l-pagesheader {
    margin-top: 144px;
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 1200px) {
  .l-pagesheader {
    margin-top: 12vw;
  }
}
@media screen and (max-width: 768px) {
  .l-pagesheader {
    margin-top: 21.0280373832vw;
  }
}
.l-pagesheader__inner {
  background: #000;
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.l-pagesheader__inner h2 {
  display: block;
}

@media print, screen and (min-width: 769px) {
  .l-pagesheader__inner {
    font-size: 4.2rem;
    height: 136px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1200px;
  }
}
@media screen and (max-width: 1200px) {
  .l-pagesheader__inner {
    font-size: 3.5vw !important;
    height: 11.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .l-pagesheader__inner {
    font-size: 7.476635514vw !important;
    height: 21.0280373832vw;
    padding-left: 5.8411214953%;
    padding-right: 5.8411214953%;
  }
}
@media print, screen and (min-width: 769px) {
  .l-pager {
    padding-top: 100px;
    padding-bottom: 100px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1200px;
  }
}
@media screen and (max-width: 1200px) {
  .l-pager {
    padding-top: 8.3333333333vw;
    padding-bottom: 8.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .l-pager {
    padding-top: 12.8504672897vw;
    padding-bottom: 0;
  }
}
.l-pager ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  font-family: ClashDisplay-Semibold, Noto Sans JP, IBM Plex Sans JP, sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
.l-pager ul > li {
  margin-bottom: 0.3em;
  width: 1.2em;
  text-align: center;
}
.l-pager ul > li:not(:last-child) {
  margin-right: 0.8em;
}
.l-pager ul > li a {
  width: 100%;
  display: block;
}
.l-pager ul > li.is__current {
  position: relative;
  pointer-events: none;
}
.l-pager ul > li.is__current:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 100%;
  height: 4px;
  background: #60ec33;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2;
}

@media print, screen and (min-width: 769px) {
  .l-pager ul {
    font-size: 2rem;
  }
}
@media screen and (max-width: 1200px) {
  .l-pager ul {
    font-size: 1.6666666667vw !important;
  }
}
@media screen and (max-width: 768px) {
  .l-pager ul {
    font-size: 3.738317757vw !important;
  }
}
@media print, screen and (min-width: 769px) {
  .l-pager ul > li a {
    transition-duration: 0.3s;
    transition-delay: 0s;
    transition-timing-function: unset;
  }
}
@media print, screen and (min-width: 769px) {
  .l-pager ul > li a:hover {
    color: #60ec33;
  }
}
.l-pagelinks {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

@media print, screen and (min-width: 769px) {
  .l-pagelinks {
    margin-top: 50px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1200px;
  }
}
@media screen and (max-width: 1200px) {
  .l-pagelinks {
    margin-top: 4.1666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .l-pagelinks {
    margin-top: 11.6822429907vw;
  }
}
@media print, screen and (min-width: 769px) {
  .common-settings#Guideline {
    padding-top: 70px;
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 1200px) {
  .common-settings#Guideline {
    padding-top: 5.8333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .common-settings#Guideline {
    padding-top: 9.3457943925vw;
    padding-bottom: 11.6822429907vw;
    padding-left: 5.8411214953%;
    padding-right: 5.8411214953%;
  }
}
.common-settings#Guideline .inner-section .guideline {
  margin-left: auto;
  margin-right: auto;
}
.common-settings#Guideline .inner-section .guideline > header {
  margin-bottom: 2em;
  line-height: 1.7;
  font-family: Noto Sans JP, sans-serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
}
.common-settings#Guideline .inner-section .guideline > header span {
  background: linear-gradient(transparent 70%, rgba(96, 236, 51, 0.4) 70%);
}

@media print, screen and (min-width: 769px) {
  .common-settings#Guideline .inner-section .guideline {
    max-width: 834px;
  }
}
@media print, screen and (min-width: 769px) {
  .common-settings#Guideline .inner-section .guideline > header {
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 1200px) {
  .common-settings#Guideline .inner-section .guideline > header {
    font-size: 2.6666666667vw !important;
  }
}
@media screen and (max-width: 768px) {
  .common-settings#Guideline .inner-section .guideline > header {
    font-size: 6.0747663551vw !important;
  }
}
@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--footer[data-type=unitdetail],
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--footer[data-type=unitdetail] {
    padding-top: 50px;
  }
}
@media screen and (max-width: 1200px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--footer[data-type=unitdetail],
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--footer[data-type=unitdetail] {
    padding-top: 4.1666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--footer[data-type=unitdetail],
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--footer[data-type=unitdetail] {
    padding-top: 4.6728971963vw;
  }
}
@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents[data-type=detail],
  .talentsLineupStyle .common-settings#Talents .inner-section .talents[data-type=detail] {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 768px) {
  .talentsStyle .common-settings#Talents .inner-section .talents[data-type=detail],
  .talentsLineupStyle .common-settings#Talents .inner-section .talents[data-type=detail] {
    padding-top: 0;
    padding-bottom: 9.3457943925vw;
  }
}
@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents[data-type=archive],
  .talentsLineupStyle .common-settings#Talents .inner-section .talents[data-type=archive] {
    padding-top: 55px;
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 1200px) {
  .talentsStyle .common-settings#Talents .inner-section .talents[data-type=archive],
  .talentsLineupStyle .common-settings#Talents .inner-section .talents[data-type=archive] {
    padding-top: 4.5833333333vw;
  }
}
@media screen and (max-width: 768px) {
  .talentsStyle .common-settings#Talents .inner-section .talents[data-type=archive],
  .talentsLineupStyle .common-settings#Talents .inner-section .talents[data-type=archive] {
    padding-top: 4.6728971963vw;
    padding-bottom: 9.3457943925vw;
    padding-left: 5.8411214953%;
    padding-right: 5.8411214953%;
  }
}
@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail {
    padding-top: 20px;
  }
}
@media screen and (max-width: 1200px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail {
    padding-top: 1.6666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail {
    padding-top: 3.5046728972vw;
  }
}
@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail > *,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail > * {
    margin-right: auto;
    margin-left: auto;
    max-width: 1200px;
  }
}
.talentsStyle .common-settings#Talents .inner-section .talents--detail .visual,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .visual {
  position: relative;
}

@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .visual,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .visual {
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 1200px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .visual,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .visual {
    margin-bottom: 5.8333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .visual,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .visual {
    margin-bottom: 8.1775700935vw;
  }
}
.talentsStyle .common-settings#Talents .inner-section .talents--detail .visual:before,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .visual:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 100%;
  height: auto;
  background: #fff;
  z-index: 1;
}

@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .visual:before,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .visual:before {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    aspect-ratio: 1200/620;
  }
}
@media screen and (max-width: 768px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .visual:before,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .visual:before {
    -webkit-transform: translate(-50%, -60%);
    transform: translate(-50%, -60%);
    aspect-ratio: 430/408;
  }
}
.talentsStyle .common-settings#Talents .inner-section .talents--detail .visual--catch,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .visual--catch {
  position: absolute;
  display: block;
  z-index: 4;
}
.talentsStyle .common-settings#Talents .inner-section .talents--detail .visual--catch img,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .visual--catch img {
  display: block;
  width: 100%;
  height: auto;
}

@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .visual--catch,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .visual--catch {
    top: 12.3966942149%;
    left: 1.6666666667%;
    width: 20%;
  }
}
@media screen and (max-width: 768px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .visual--catch,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .visual--catch {
    top: 10.5vw;
    left: 4.6511627907%;
    width: 28.5046728972vw;
  }
}
.talentsStyle .common-settings#Talents .inner-section .talents--detail .visual--img,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .visual--img {
  position: relative;
  z-index: 3;
}

@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .visual--img,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .visual--img {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 1200px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .visual--img,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .visual--img {
    margin-bottom: 3.3333333333vw;
  }
}
.talentsStyle .common-settings#Talents .inner-section .talents--detail .visual--img.is__loaded img,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .visual--img.is__loaded img {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1" intercept="0" /><feFuncG type="linear" slope="1" intercept="0" /><feFuncB type="linear" slope="1" intercept="0" /></feComponentTransfer><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1" /><feFuncG type="linear" slope="1" /><feFuncB type="linear" slope="1" /></feComponentTransfer></filter></svg>#filter');
  -webkit-filter: contrast(100%) brightness(1);
  filter: contrast(100%) brightness(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  transition-duration: 1.2s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

.talentsStyle .common-settings#Talents .inner-section .talents--detail .visual--img img,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .visual--img img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
  display: block;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: scale(1.08);
  transform: scale(1.08);
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="3" intercept="-1" /><feFuncG type="linear" slope="3" intercept="-1" /><feFuncB type="linear" slope="3" intercept="-1" /></feComponentTransfer><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1.2" /><feFuncG type="linear" slope="1.2" /><feFuncB type="linear" slope="1.2" /></feComponentTransfer></filter></svg>#filter');
  -webkit-filter: contrast(300%) brightness(1.2);
  filter: contrast(300%) brightness(1.2);
}

@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .visual--img img,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .visual--img img {
    margin-left: auto;
    margin-right: auto;
    display: block;
    aspect-ratio: 1200/968;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center center;
       object-position: center center;
  }
}
@media screen and (max-width: 768px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .visual--name,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .visual--name {
    padding-top: 2.3364485981vw;
    padding-left: 5.8411214953%;
    padding-right: 5.8411214953%;
  }
}
.talentsStyle .common-settings#Talents .inner-section .talents--detail .visual--name.is__scrolled > .jp,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .visual--name.is__scrolled > .jp {
  letter-spacing: 0;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  transition-duration: 1.2s;
  transition-delay: 0s;
  transition-timing-function: unset;
}

.talentsStyle .common-settings#Talents .inner-section .talents--detail .visual--name.is__scrolled > .en,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .visual--name.is__scrolled > .en {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  transition-duration: 1.2s;
  transition-delay: 0.2s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.talentsStyle .common-settings#Talents .inner-section .talents--detail .visual--name > *,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .visual--name > * {
  display: block;
  line-height: 1;
  text-align: center;
}

.talentsStyle .common-settings#Talents .inner-section .talents--detail .visual--name > .jp,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .visual--name > .jp {
  margin-left: auto;
  margin-right: auto;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  letter-spacing: 0.1em;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-transform: scaleX(1.2);
  transform: scaleX(1.2);
  -webkit-transform-origin: center top;
  transform-origin: center top;
  font-family: Noto Sans JP, sans-serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
}

@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .visual--name > .jp,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .visual--name > .jp {
    font-size: 5.2rem;
  }
}
@media screen and (max-width: 1200px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .visual--name > .jp,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .visual--name > .jp {
    font-size: 4.3333333333vw !important;
  }
}
@media screen and (max-width: 768px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .visual--name > .jp,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .visual--name > .jp {
    font-size: 8.4112149533vw !important;
  }
}
.talentsStyle .common-settings#Talents .inner-section .talents--detail .visual--name > .en,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .visual--name > .en {
  margin-top: 1em;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  letter-spacing: 0.2em;
}

@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .visual--name > .en,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .visual--name > .en {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1200px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .visual--name > .en,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .visual--name > .en {
    font-size: 1.3333333333vw !important;
  }
}
@media screen and (max-width: 768px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .visual--name > .en,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .visual--name > .en {
    font-size: 2.3364485981vw !important;
  }
}
.talentsStyle .common-settings#Talents .inner-section .talents--detail .info,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .info {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: translateY(20%);
  transform: translateY(20%);
}

@media screen and (max-width: 768px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .info,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .info {
    padding-left: 5.8411214953%;
    padding-right: 5.8411214953%;
  }
}
.talentsStyle .common-settings#Talents .inner-section .talents--detail .info.is__scrolled,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .info.is__scrolled {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: translateY(0);
  transform: translateY(0);
  transition-duration: 1.2s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.talentsStyle .common-settings#Talents .inner-section .talents--detail .info > main .profblock,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .info > main .profblock {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}

@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .info > main .profblock,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .info > main .profblock {
    width: 58.5%;
  }
}
.talentsStyle .common-settings#Talents .inner-section .talents--detail .info > main .profblock > dt,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .info > main .profblock > dt {
  letter-spacing: 0.2em;
}

@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .info > main .profblock > dt,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .info > main .profblock > dt {
    width: 20.7977207977%;
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 1200px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .info > main .profblock > dt,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .info > main .profblock > dt {
    font-size: 1vw !important;
  }
}
@media screen and (max-width: 768px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .info > main .profblock > dt,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .info > main .profblock > dt {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    line-height: 1;
    width: 10.5263157895%;
    padding-top: 0.5em;
    font-size: 2.3364485981vw !important;
  }
}
@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .info > main .profblock > dd,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .info > main .profblock > dd {
    width: 79.2022792023%;
  }
}
@media screen and (max-width: 768px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .info > main .profblock > dd,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .info > main .profblock > dd {
    width: 88.4210526316%;
  }
}
@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .info > main .profblock > dd > p,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .info > main .profblock > dd > p {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 1200px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .info > main .profblock > dd > p,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .info > main .profblock > dd > p {
    font-size: 1.1666666667vw !important;
  }
}
@media screen and (max-width: 768px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .info > main .profblock > dd > p,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .info > main .profblock > dd > p {
    font-size: 3.0373831776vw !important;
  }
}
.talentsStyle .common-settings#Talents .inner-section .talents--detail .info > main .profblock > dd > p:not(:last-child),
.talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .info > main .profblock > dd > p:not(:last-child) {
  margin-bottom: 1.4em;
}

@media screen and (max-width: 768px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .info > main .profblock > dd > .snslinks > li,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .info > main .profblock > dd > .snslinks > li {
    width: 100%;
  }
}
@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .info > main .profblock > dd > .snslinks > li:not(:last-child),
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .info > main .profblock > dd > .snslinks > li:not(:last-child) {
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 1200px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .info > main .profblock > dd > .snslinks > li:not(:last-child),
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .info > main .profblock > dd > .snslinks > li:not(:last-child) {
    margin-bottom: 0.6666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .info > main .profblock > dd > .snslinks > li:not(:last-child),
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .info > main .profblock > dd > .snslinks > li:not(:last-child) {
    margin-bottom: 1.8691588785vw;
  }
}
.talentsStyle .common-settings#Talents .inner-section .talents--detail .info > main .profblock > dd > .snslinks > li a,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .info > main .profblock > dd > .snslinks > li a {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}

@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .info > main .profblock > dd > .snslinks > li a,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .info > main .profblock > dd > .snslinks > li a {
    transition-duration: 0.3s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
}
@media screen and (max-width: 768px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .info > main .profblock > dd > .snslinks > li a,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .info > main .profblock > dd > .snslinks > li a {
    justify-content: space-between;
  }
}
@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .info > main .profblock > dd > .snslinks > li a:hover,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .info > main .profblock > dd > .snslinks > li a:hover {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  }
}
.talentsStyle .common-settings#Talents .inner-section .talents--detail .info > main .profblock > dd > .snslinks > li a > *,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .info > main .profblock > dd > .snslinks > li a > * {
  display: block;
}

@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .info > main .profblock > dd > .snslinks > li a > .icon,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .info > main .profblock > dd > .snslinks > li a > .icon {
    width: 30px;
  }
}
@media screen and (max-width: 1200px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .info > main .profblock > dd > .snslinks > li a > .icon,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .info > main .profblock > dd > .snslinks > li a > .icon {
    width: 2.5vw;
  }
}
@media screen and (max-width: 768px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .info > main .profblock > dd > .snslinks > li a > .icon,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .info > main .profblock > dd > .snslinks > li a > .icon {
    width: 10.2739726027%;
  }
}
.talentsStyle .common-settings#Talents .inner-section .talents--detail .info > main .profblock > dd > .snslinks > li a > .icon svg,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .info > main .profblock > dd > .snslinks > li a > .icon svg {
  vertical-align: middle;
}

@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .info > main .profblock > dd > .snslinks > li a > .ttl,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .info > main .profblock > dd > .snslinks > li a > .ttl {
    margin-left: 10px;
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 1200px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .info > main .profblock > dd > .snslinks > li a > .ttl,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .info > main .profblock > dd > .snslinks > li a > .ttl {
    margin-left: 0.8333333333vw;
    font-size: 1vw !important;
  }
}
@media screen and (max-width: 768px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .info > main .profblock > dd > .snslinks > li a > .ttl,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .info > main .profblock > dd > .snslinks > li a > .ttl {
    width: 88.3561643836%;
    font-size: 2.8037383178vw !important;
  }
}
@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .info--main,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .info--main {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
  }
}
@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .info--main:not(:last-child),
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .info--main:not(:last-child) {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 1200px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .info--main:not(:last-child),
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .info--main:not(:last-child) {
    margin-bottom: 3.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .info--main:not(:last-child),
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .info--main:not(:last-child) {
    margin-bottom: 7.0093457944vw;
  }
}
@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .info--main .data,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .info--main .data {
    width: 33.0833333333%;
  }
}
@media screen and (max-width: 768px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .info--main .data,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .info--main .data {
    margin-left: auto;
    width: 88.4210526316%;
  }
}
@media screen and (max-width: 768px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .info--main .data:before,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .info--main .data:before {
    content: "";
    display: block;
    height: 1px;
    background: #000;
    margin-top: 5.8411214953vw;
    margin-bottom: 5.8411214953vw;
    width: 3.5046728972vw;
  }
}
.talentsStyle .common-settings#Talents .inner-section .talents--detail .info--main .data dl,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .info--main .data dl {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}

@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .info--main .data dl,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .info--main .data dl {
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 1200px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .info--main .data dl,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .info--main .data dl {
    padding-bottom: 0.8333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .info--main .data dl,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .info--main .data dl {
    padding-bottom: 2.3364485981vw;
  }
}
@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .info--main .data dl:not(:last-child),
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .info--main .data dl:not(:last-child) {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 1200px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .info--main .data dl:not(:last-child),
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .info--main .data dl:not(:last-child) {
    margin-bottom: 1.25vw;
  }
}
@media screen and (max-width: 768px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .info--main .data dl:not(:last-child),
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .info--main .data dl:not(:last-child) {
    margin-bottom: 2.8037383178vw;
  }
}
@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .info--main .data dl > dt,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .info--main .data dl > dt {
    width: 21.1586901763%;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 1200px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .info--main .data dl > dt,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .info--main .data dl > dt {
    font-size: 1.25vw !important;
  }
}
@media screen and (max-width: 768px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .info--main .data dl > dt,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .info--main .data dl > dt {
    width: 26.7857142857%;
    font-size: 3.738317757vw !important;
  }
}
@media screen and (max-width: 768px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .info--main .data dl > dt > h5,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .info--main .data dl > dt > h5 {
    padding-left: 0.6em;
    border-left: solid 3px #000;
    line-height: 1;
    color: #000 !important;
  }
}
.talentsStyle .common-settings#Talents .inner-section .talents--detail .info--main .data dl > dd,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .info--main .data dl > dd {
  font-family: Noto Sans JP, sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .info--main .data dl > dd,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .info--main .data dl > dd {
    width: 76.8261964736%;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 1200px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .info--main .data dl > dd,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .info--main .data dl > dd {
    font-size: 1.1666666667vw !important;
  }
}
@media screen and (max-width: 768px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .info--main .data dl > dd,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .info--main .data dl > dd {
    width: 73.2142857143%;
    font-size: 3.0373831776vw !important;
  }
}
.talentsStyle .common-settings#Talents .inner-section .talents--detail .unit,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="3" intercept="-1" /><feFuncG type="linear" slope="3" intercept="-1" /><feFuncB type="linear" slope="3" intercept="-1" /></feComponentTransfer></filter></svg>#filter');
  -webkit-filter: contrast(300%);
  filter: contrast(300%);
  background: #fff;
}

@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .unit,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit {
    margin-top: 90px;
    padding: 90px 100px 80px;
  }
}
@media screen and (max-width: 1200px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .unit,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit {
    padding-top: 7.5vw;
    padding-left: 8.3333333333vw;
    padding-right: 8.3333333333vw;
    padding-bottom: 6.6666666667vw;
    margin-top: 7.5vw;
  }
}
@media screen and (max-width: 768px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .unit,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit {
    margin-top: 16.3551401869vw;
    padding-top: 21.0280373832vw;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 18.691588785vw;
  }
}
.talentsStyle .common-settings#Talents .inner-section .talents--detail .unit.is__scrolled,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit.is__scrolled {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1" intercept="0" /><feFuncG type="linear" slope="1" intercept="0" /><feFuncB type="linear" slope="1" intercept="0" /></feComponentTransfer></filter></svg>#filter');
  -webkit-filter: contrast(100%);
  filter: contrast(100%);
  transition-duration: 1.2s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.talentsStyle .common-settings#Talents .inner-section .talents--detail .unit--header,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit--header {
  position: relative;
}

@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .unit--header,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit--header {
    margin-bottom: 45px;
  }
}
@media screen and (max-width: 1200px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .unit--header,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit--header {
    margin-bottom: 3.75vw;
  }
}
@media screen and (max-width: 768px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .unit--header,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit--header {
    margin-bottom: 2.3364485981vw;
    padding-left: 5.8411214953%;
    padding-right: 5.8411214953%;
  }
}
.talentsStyle .common-settings#Talents .inner-section .talents--detail .unit--header:before,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit--header:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  height: auto;
  background: url(../images/_common/icon/icon_thunder.svg) center center no-repeat;
  background-size: 100% auto;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0.12;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=12)";
  z-index: 1;
  aspect-ratio: 1/1;
}

@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .unit--header:before,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit--header:before {
    width: 110px;
  }
}
@media screen and (max-width: 1200px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .unit--header:before,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit--header:before {
    width: 9.1666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .unit--header:before,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit--header:before {
    width: 25.7009345794vw;
  }
}
.talentsStyle .common-settings#Talents .inner-section .talents--detail .unit--header h3,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit--header h3 {
  margin-left: auto;
  margin-right: auto;
  line-height: 1;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  z-index: 2;
}

@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .unit--header h3,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit--header h3 {
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 1200px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .unit--header h3,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit--header h3 {
    font-size: 2.1666666667vw !important;
  }
}
@media screen and (max-width: 768px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .unit--header h3,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit--header h3 {
    font-size: 5.1401869159vw !important;
  }
}
.talentsStyle .common-settings#Talents .inner-section .talents--detail .unit > .kv,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit > .kv,
.talentsStyle .common-settings#Talents .inner-section .talents--detail .unit > .logo,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit > .logo {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.talentsStyle .common-settings#Talents .inner-section .talents--detail .unit > .kv img,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit > .kv img,
.talentsStyle .common-settings#Talents .inner-section .talents--detail .unit > .logo img,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit > .logo img {
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 100%;
  height: auto;
  vertical-align: bottom;
  -o-object-position: center center;
     object-position: center center;
  -o-object-fit: contain;
     object-fit: contain;
}

@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .unit > .kv,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit > .kv {
    width: 76.8%;
  }
}
.talentsStyle .common-settings#Talents .inner-section .talents--detail .unit > .kv img,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit > .kv img {
  aspect-ratio: 1940/1574;
}

@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .unit > .logo,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit > .logo {
    width: 47%;
  }
}
@media screen and (max-width: 768px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .unit > .logo,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit > .logo {
    width: 76%;
  }
}
.talentsStyle .common-settings#Talents .inner-section .talents--detail .unit > .logo img,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit > .logo img {
  aspect-ratio: 1350/898;
}

@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitprof,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitprof {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 1200px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitprof,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitprof {
    margin-bottom: 5vw;
  }
}
@media screen and (max-width: 768px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitprof,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitprof {
    margin-bottom: 14.0186915888vw;
    padding-left: 5.8411214953%;
    padding-right: 5.8411214953%;
  }
}
.talentsStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitprof > dt,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitprof > dt {
  line-height: 1;
  text-align: center;
}

@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitprof > dt,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitprof > dt {
    margin-bottom: 0.5em;
    font-size: 4rem;
  }
}
@media screen and (max-width: 1200px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitprof > dt,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitprof > dt {
    font-size: 3.3333333333vw !important;
  }
}
@media screen and (max-width: 768px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitprof > dt,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitprof > dt {
    margin-bottom: 0.75em;
    font-size: 6.5420560748vw !important;
  }
}
.talentsStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitprof > dd,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitprof > dd {
  font-family: Noto Sans JP, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitprof > dd,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitprof > dd {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1200px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitprof > dd,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitprof > dd {
    font-size: 1.4166666667vw !important;
  }
}
@media screen and (max-width: 768px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitprof > dd,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitprof > dd {
    font-size: 3.0373831776vw !important;
  }
}
.talentsStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitprof > dd > p,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitprof > dd > p {
  text-align: center;
  letter-spacing: 0.08em;
}

.talentsStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitprof > dd > p:not(:last-child),
.talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitprof > dd > p:not(:last-child) {
  margin-bottom: 2em;
}

@media screen and (max-width: 768px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember {
    padding-left: 5.8411214953%;
    padding-right: 5.8411214953%;
  }
}
.talentsStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember.is__scrolled > dd > ul > li > .thumb > picture > img,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember.is__scrolled > dd > ul > li > .thumb > picture > img {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: translateY(0);
  transform: translateY(0);
  transition-duration: 1.2s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.talentsStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dt,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dt {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dt,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dt {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1200px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dt,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dt {
    margin-bottom: 1.6666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dt,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dt {
    margin-bottom: 4.6728971963vw;
  }
}
.talentsStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dt:before,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dt:before,
.talentsStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dt:after,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dt:after {
  content: "";
  display: block;
  background: #6a6b76;
  height: 1px;
  flex-grow: 1;
}

.talentsStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dt > h4,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dt > h4 {
  margin-left: 0.7em;
  margin-right: 0.5em;
  color: #6a6b76;
  letter-spacing: 0.2em;
}

@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dt > h4,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dt > h4 {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 1200px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dt > h4,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dt > h4 {
    font-size: 1.1666666667vw !important;
  }
}
@media screen and (max-width: 768px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dt > h4,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dt > h4 {
    font-size: 2.3364485981vw !important;
  }
}
.talentsStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dd > ul,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dd > ul {
  display: flex;
  flex-wrap: wrap;
}

@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dd > ul,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dd > ul {
    justify-content: center;
  }
}
@media screen and (max-width: 768px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dd > ul,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dd > ul {
    justify-content: space-between;
  }
}
.talentsStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dd > ul > li,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dd > ul > li {
  position: relative;
}

@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dd > ul > li,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dd > ul > li {
    margin-right: 3.0927835052%;
    width: 22.6804123711%;
  }
}
@media screen and (max-width: 768px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dd > ul > li,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dd > ul > li {
    width: 47.3684210526%;
  }
}
@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dd > ul > li:nth-child(4n),
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dd > ul > li:nth-child(4n),
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dd > ul > li:last-child,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dd > ul > li:last-child {
    margin-right: 0;
  }
}
@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dd > ul > li:nth-child(n+5),
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dd > ul > li:nth-child(n+5) {
    margin-top: 50px;
  }
}
@media screen and (max-width: 1200px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dd > ul > li:nth-child(n+5),
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dd > ul > li:nth-child(n+5) {
    margin-top: 4.1666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dd > ul > li:nth-child(n+5),
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dd > ul > li:nth-child(n+5) {
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dd > ul > li:nth-child(n+3),
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dd > ul > li:nth-child(n+3) {
    margin-top: 3.2710280374vw;
  }
}
@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dd > ul > li:hover .thumb,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dd > ul > li:hover .thumb {
    background-color: #000 !important;
  }
}
@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dd > ul > li:hover .thumb picture:before,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dd > ul > li:hover .thumb picture:before {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
}
@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dd > ul > li:hover .thumb picture img,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dd > ul > li:hover .thumb picture img {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.5" /><feFuncG type="linear" slope="0.5" /><feFuncB type="linear" slope="0.5" /></feComponentTransfer></filter></svg>#filter');
    -webkit-filter: brightness(0.5);
    filter: brightness(0.5);
  }
}
.talentsStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dd > ul > li .linkwrap,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dd > ul > li .linkwrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.talentsStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dd > ul > li .thumb,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dd > ul > li .thumb,
.talentsStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dd > ul > li h4,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dd > ul > li h4 {
  position: relative;
  z-index: 1;
}

.talentsStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dd > ul > li .thumb,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dd > ul > li .thumb {
  position: relative;
}

@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dd > ul > li .thumb,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dd > ul > li .thumb {
    transition-duration: 0.3s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
}
.talentsStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dd > ul > li .thumb:before,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dd > ul > li .thumb:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  background: #fff;
  display: block;
  z-index: 1;
  aspect-ratio: 180/52;
}

.talentsStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dd > ul > li .thumb picture,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dd > ul > li .thumb picture {
  display: block;
  z-index: 2;
  overflow: hidden;
}

.talentsStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dd > ul > li .thumb picture:before,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dd > ul > li .thumb picture:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: url(../images/talents/bg_thumb_thunder.png) left bottom no-repeat;
  background-size: 100% auto;
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  z-index: 1;
}

@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dd > ul > li .thumb picture:before,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dd > ul > li .thumb picture:before {
    transition-duration: 0.3s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
}
.talentsStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dd > ul > li .thumb picture img,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dd > ul > li .thumb picture img {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  z-index: 2;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  aspect-ratio: 1/1;
}

@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dd > ul > li .thumb picture img,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dd > ul > li .thumb picture img {
    transition-duration: 1.2s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  }
}
.talentsStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dd > ul > li > h4 > *,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dd > ul > li > h4 > * {
  display: block;
  line-height: 1;
  text-align: center;
}

.talentsStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dd > ul > li > h4 > .jp,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dd > ul > li > h4 > .jp {
  padding-top: 0.5em;
}

@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dd > ul > li > h4 > .jp,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dd > ul > li > h4 > .jp {
    font-size: 2.3rem;
  }
}
@media screen and (max-width: 1200px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dd > ul > li > h4 > .jp,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dd > ul > li > h4 > .jp {
    font-size: 1.9166666667vw !important;
  }
}
@media screen and (max-width: 768px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dd > ul > li > h4 > .jp,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dd > ul > li > h4 > .jp {
    font-size: 4.2056074766vw !important;
  }
}
.talentsStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dd > ul > li > h4 > .en,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dd > ul > li > h4 > .en {
  opacity: 0.3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  margin-top: 0.5em;
  letter-spacing: 0.1em;
}

@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dd > ul > li > h4 > .en,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dd > ul > li > h4 > .en {
    font-size: 1.1rem;
  }
}
@media screen and (max-width: 1200px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dd > ul > li > h4 > .en,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dd > ul > li > h4 > .en {
    font-size: 0.9166666667vw !important;
  }
}
@media screen and (max-width: 768px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dd > ul > li > h4 > .en,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--detail .unit > .unitmember > dd > ul > li > h4 > .en {
    font-size: 2.3364485981vw !important;
  }
}
@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    margin-right: auto;
    margin-left: auto;
    max-width: 1200px;
  }
}
@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > nav,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > nav {
    width: 19.1666666667%;
  }
}
@media screen and (max-width: 768px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > nav,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > nav {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 9.3457943925vw;
  }
}
.talentsStyle .common-settings#Talents .inner-section .talents--lineup > nav > button,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > nav > button {
  margin: 0;
  padding: 0;
  background: none;
  border-style: none;
  display: block;
  cursor: pointer;
}

@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > nav > button,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > nav > button {
    font-size: 2rem;
    transition-duration: 0.3s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
}
@media screen and (max-width: 1200px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > nav > button,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > nav > button {
    font-size: 1.6666666667vw !important;
  }
}
@media screen and (max-width: 768px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > nav > button,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > nav > button {
    width: 47.3684210526%;
    font-size: 4.2056074766vw !important;
  }
}
@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > nav > button:hover a,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > nav > button:hover a {
    color: #60ec33;
  }
}
@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > nav > button:hover a:before,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > nav > button:hover a:before {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
}
.talentsStyle .common-settings#Talents .inner-section .talents--lineup > nav > button:not(:last-child),
.talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > nav > button:not(:last-child) {
  margin-bottom: 0.4em;
}

.talentsStyle .common-settings#Talents .inner-section .talents--lineup > nav > button[data-status=current],
.talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > nav > button[data-status=current] {
  pointer-events: none;
}

@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > nav > button[data-status=current] a,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > nav > button[data-status=current] a {
    color: #000;
  }
}
@media screen and (max-width: 768px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > nav > button[data-status=current] a,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > nav > button[data-status=current] a {
    color: #60ec33;
  }
}
.talentsStyle .common-settings#Talents .inner-section .talents--lineup > nav > button[data-status=current] a:before,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > nav > button[data-status=current] a:before {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

@media screen and (max-width: 768px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > nav > button[data-status=current] a:before,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > nav > button[data-status=current] a:before {
    background: #60ec33;
  }
}
@media screen and (max-width: 768px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > nav > button[data-status=current] a:after,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > nav > button[data-status=current] a:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    height: auto;
    display: block;
    background: url(../images/_common/icon/tri_bottom_wide.svg) center bottom no-repeat;
    background-size: 100% auto;
    -webkit-transform: translate(-50%, 130%);
    transform: translate(-50%, 130%);
    width: 7.9439252336vw;
    aspect-ratio: 34/9;
  }
}
.talentsStyle .common-settings#Talents .inner-section .talents--lineup > nav > button a,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > nav > button a {
  position: relative;
  color: rgba(106, 107, 118, 0.55);
}

@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > nav > button a,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > nav > button a {
    transition-duration: 0.3s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
}
.talentsStyle .common-settings#Talents .inner-section .talents--lineup > nav > button a:before,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > nav > button a:before {
  content: "";
  position: absolute;
  display: block;
}

@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > nav > button a:before,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > nav > button a:before {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    background: #60ec33;
    top: 50%;
    left: 0;
    width: 10px;
    height: 3px;
    -webkit-transform: translate(-200%, -50%);
    transform: translate(-200%, -50%);
    transition-duration: 0.3s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
}
@media screen and (max-width: 1200px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > nav > button a:before,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > nav > button a:before {
    width: 0.8333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > nav > button a:before,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > nav > button a:before {
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    left: 50%;
    bottom: 0;
    background: #000;
    -webkit-transform: translate(-50%, 300%);
    transform: translate(-50%, 300%);
    width: 4.6728971963vw;
    height: 0.4672897196vw;
  }
}
@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > main,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main {
    padding-top: 5px;
    width: 80.8333333333%;
  }
}
.talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > header,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > header,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > header {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 1200px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > header,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > header {
    margin-bottom: 3.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > header,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > header {
    margin-bottom: 5.1401869159vw;
    padding-top: 7.0093457944vw;
  }
}
@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > header > .breadcrumb,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > header > .breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
  }
}
@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > header > .breadcrumb > li,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > header > .breadcrumb > li {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 1200px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > header > .breadcrumb > li,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > header > .breadcrumb > li {
    font-size: 1.0833333333vw !important;
  }
}
.talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > header > .breadcrumb > li:not(:last-child),
.talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > header > .breadcrumb > li:not(:last-child) {
  margin-right: 0.5em;
}

.talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > header > .breadcrumb > li:not(:last-child):after,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > header > .breadcrumb > li:not(:last-child):after {
  content: ">";
  margin-left: 0.5em;
}

.talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > header > h3,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > header > h3 {
  letter-spacing: 0.08em;
  line-height: 1;
  font-family: ClashDisplay-Semibold, Noto Sans JP, IBM Plex Sans JP, sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > header > h3,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > header > h3 {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 1200px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > header > h3,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > header > h3 {
    font-size: 1.0833333333vw !important;
  }
}
@media screen and (max-width: 768px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > header > h3,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > header > h3 {
    font-size: 3.0373831776vw !important;
  }
}
.talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > header > button,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > header > button {
  margin: 0;
  padding: 0;
  background: none;
  border-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  cursor: pointer;
  color: #000;
  font-family: ClashDisplay-Semibold, Noto Sans JP, IBM Plex Sans JP, sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > header > button:hover > .ttl,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > header > button:hover > .ttl {
    color: #6a6b76;
  }
}
.talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > header > button > .ttl,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > header > button > .ttl {
  margin-right: 0.65em;
}

@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > header > button > .ttl,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > header > button > .ttl {
    font-size: 1.5rem;
    transition-duration: 0.3s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
}
@media screen and (max-width: 1200px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > header > button > .ttl,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > header > button > .ttl {
    font-size: 1.25vw !important;
  }
}
@media screen and (max-width: 768px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > header > button > .ttl,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > header > button > .ttl {
    font-size: 3.0373831776vw !important;
  }
}
.talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > header > button > .ttl > small,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > header > button > .ttl > small {
  margin-left: 0.5em;
}

@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > header > button > .ttl > small,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > header > button > .ttl > small {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 1200px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > header > button > .ttl > small,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > header > button > .ttl > small {
    font-size: 1.0833333333vw !important;
  }
}
@media screen and (max-width: 768px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > header > button > .ttl > small,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > header > button > .ttl > small {
    font-size: 2.5700934579vw !important;
  }
}
.talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > header > button > .icon,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > header > button > .icon {
  display: block;
}

@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > header > button > .icon,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > header > button > .icon {
    width: 18px;
  }
}
@media screen and (max-width: 1200px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > header > button > .icon,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > header > button > .icon {
    width: 1.5vw;
  }
}
@media screen and (max-width: 768px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > header > button > .icon,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > header > button > .icon {
    width: 3.5046728972vw;
  }
}
.talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > header > button > .icon svg,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > header > button > .icon svg {
  vertical-align: middle;
}

@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > main[data-type=unitdetail],
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > main[data-type=unitdetail] {
    margin-bottom: 90px;
  }
}
@media screen and (max-width: 1200px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > main[data-type=unitdetail],
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > main[data-type=unitdetail] {
    margin-bottom: 7.5vw;
  }
}
@media screen and (max-width: 768px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > main[data-type=unitdetail],
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > main[data-type=unitdetail] {
    margin-bottom: 16.3551401869vw;
  }
}
.talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > main[data-type=unitdetail] > .kv,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > main[data-type=unitdetail] > .kv,
.talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > main[data-type=unitdetail] > .logo,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > main[data-type=unitdetail] > .logo {
  display: block;
  line-height: 1;
}

.talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > main[data-type=unitdetail] > .kv img,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > main[data-type=unitdetail] > .kv img,
.talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > main[data-type=unitdetail] > .logo img,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > main[data-type=unitdetail] > .logo img {
  width: 100%;
  vertical-align: bottom;
}

.talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > main[data-type=unitdetail] > .logo,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > main[data-type=unitdetail] > .logo {
  margin-left: auto;
  margin-right: auto;
}

@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > main[data-type=unitdetail] > .logo,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > main[data-type=unitdetail] > .logo {
    width: 69.587628866%;
  }
}
.talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > main[data-type=unitdetail] > dl > dt,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > main[data-type=unitdetail] > dl > dt {
  line-height: 1;
  text-align: center;
}

@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > main[data-type=unitdetail] > dl > dt,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > main[data-type=unitdetail] > dl > dt {
    margin-bottom: 0.5em;
    font-size: 5.2rem;
  }
}
@media screen and (max-width: 1200px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > main[data-type=unitdetail] > dl > dt,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > main[data-type=unitdetail] > dl > dt {
    font-size: 4.3333333333vw !important;
  }
}
@media screen and (max-width: 768px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > main[data-type=unitdetail] > dl > dt,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > main[data-type=unitdetail] > dl > dt {
    margin-bottom: 0.75em;
    font-size: 6.5420560748vw !important;
  }
}
.talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > main[data-type=unitdetail] > dl > dd,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > main[data-type=unitdetail] > dl > dd {
  font-family: Noto Sans JP, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > main[data-type=unitdetail] > dl > dd,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > main[data-type=unitdetail] > dl > dd {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1200px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > main[data-type=unitdetail] > dl > dd,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > main[data-type=unitdetail] > dl > dd {
    font-size: 1.4166666667vw !important;
  }
}
@media screen and (max-width: 768px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > main[data-type=unitdetail] > dl > dd,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > main[data-type=unitdetail] > dl > dd {
    font-size: 3.0373831776vw !important;
  }
}
.talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > main[data-type=unitdetail] > dl > dd > p,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > main[data-type=unitdetail] > dl > dd > p {
  text-align: center;
  letter-spacing: 0.08em;
}

.talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > main[data-type=unitdetail] > dl > dd > p:not(:last-child),
.talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > main[data-type=unitdetail] > dl > dd > p:not(:last-child) {
  margin-bottom: 2em;
}

@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > main[data-type=unitdetail] > nav,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > main[data-type=unitdetail] > nav {
    margin-top: 30px;
  }
}
@media screen and (max-width: 1200px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > main[data-type=unitdetail] > nav,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > main[data-type=unitdetail] > nav {
    margin-top: 2.5vw;
  }
}
@media screen and (max-width: 768px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > main[data-type=unitdetail] > nav,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > main[data-type=unitdetail] > nav {
    margin-top: 7.0093457944vw;
  }
}
.talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > ul,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > ul {
  display: flex;
  flex-wrap: wrap;
}

.talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > ul > li,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > ul > li {
  position: relative;
}

.talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > ul > li .linkwrap,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > ul > li .linkwrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > ul > li .thumb,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > ul > li .thumb {
    transition-duration: 0.3s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
}
.talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > ul > li .thumb picture,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > ul > li .thumb picture {
  position: relative;
  display: block;
}

.talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > ul > li .thumb picture img,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > ul > li .thumb picture img {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  vertical-align: bottom;
  -o-object-position: center center;
     object-position: center center;
  -o-object-fit: contain;
     object-fit: contain;
}

@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > ul > li .thumb picture img,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > ul > li .thumb picture img {
    transition-duration: 0.3s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
}
.talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=unit],
.talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=unit] {
  justify-content: space-between;
}

@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=unit] > li,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=unit] > li {
    width: 49.0721649485%;
  }
}
@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=unit] > li:nth-child(n+3),
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=unit] > li:nth-child(n+3) {
    margin-top: 55px;
  }
}
@media screen and (max-width: 1200px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=unit] > li:nth-child(n+3),
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=unit] > li:nth-child(n+3) {
    margin-top: 4.5833333333vw;
  }
}
@media screen and (max-width: 768px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=unit] > li:nth-child(n+3),
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=unit] > li:nth-child(n+3) {
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=unit] > li:not(:last-child),
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=unit] > li:not(:last-child) {
    margin-bottom: 7.0093457944vw;
  }
}
@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=unit] > li:hover .thumb picture img,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=unit] > li:hover .thumb picture img {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  }
}
@media screen and (max-width: 768px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=unit] > li .thumb,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=unit] > li .thumb {
    margin-left: auto;
    margin-right: auto;
    width: 82%;
  }
}
.talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=unit] > li .thumb picture,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=unit] > li .thumb picture {
  background: #fff;
}

.talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=unit] > li .thumb picture img,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=unit] > li .thumb picture img {
  aspect-ratio: 476/318;
}

.talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=unit] > li > h4 .unitname,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=unit] > li > h4 .unitname {
  margin-top: 0.6em;
  display: block;
  text-align: center;
  letter-spacing: 0.1em;
  font-family: Noto Sans JP, sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=unit] > li > h4 .unitname,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=unit] > li > h4 .unitname {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1200px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=unit] > li > h4 .unitname,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=unit] > li > h4 .unitname {
    font-size: 1.5833333333vw !important;
  }
}
@media screen and (max-width: 768px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=unit] > li > h4 .unitname,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=unit] > li > h4 .unitname {
    font-size: 3.2710280374vw !important;
  }
}
@media screen and (max-width: 768px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=talents],
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=talents] {
    justify-content: space-between;
  }
}
.talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=talents].is__scrolled > li .thumb picture,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=talents].is__scrolled > li .thumb picture,
.talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=talents] > li.is__show .thumb picture,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=talents] > li.is__show .thumb picture {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
  transition-duration: 0.8s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=talents] > li,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=talents] > li {
    margin-right: 3.0927835052%;
    width: 22.6804123711%;
  }
}
@media screen and (max-width: 768px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=talents] > li,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=talents] > li {
    width: 47.3684210526%;
  }
}
@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=talents] > li:nth-child(4n),
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=talents] > li:nth-child(4n),
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=talents] > li:last-child,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=talents] > li:last-child {
    margin-right: 0;
  }
}
@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=talents] > li:nth-child(n+5),
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=talents] > li:nth-child(n+5) {
    margin-top: 50px;
  }
}
@media screen and (max-width: 1200px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=talents] > li:nth-child(n+5),
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=talents] > li:nth-child(n+5) {
    margin-top: 4.1666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=talents] > li:nth-child(n+5),
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=talents] > li:nth-child(n+5) {
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=talents] > li:nth-child(n+3),
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=talents] > li:nth-child(n+3) {
    margin-top: 3.2710280374vw;
  }
}
@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=talents] > li:hover .thumb,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=talents] > li:hover .thumb {
    background: #000 !important;
  }
}
@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=talents] > li:hover .thumb picture:before,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=talents] > li:hover .thumb picture:before {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
}
@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=talents] > li:hover .thumb picture img,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=talents] > li:hover .thumb picture img {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.5" /><feFuncG type="linear" slope="0.5" /><feFuncB type="linear" slope="0.5" /></feComponentTransfer></filter></svg>#filter');
    -webkit-filter: brightness(0.5);
    filter: brightness(0.5);
  }
}
.talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=talents] > li .thumb,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=talents] > li .thumb,
.talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=talents] > li h4,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=talents] > li h4 {
  position: relative;
  z-index: 1;
}

.talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=talents] > li .thumb,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=talents] > li .thumb {
  position: relative;
  overflow: hidden;
}

.talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=talents] > li .thumb:before,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=talents] > li .thumb:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  background: #f7f7fa;
  display: block;
  z-index: 1;
  aspect-ratio: 180/52;
}

.talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=talents] > li .thumb picture,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=talents] > li .thumb picture {
  z-index: 2;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: scale(1.1) translateY(50%);
  transform: scale(1.1) translateY(50%);
}

.talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=talents] > li .thumb picture:before,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=talents] > li .thumb picture:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: url(../images/talents/bg_thumb_thunder.png) left bottom no-repeat;
  background-size: 100% auto;
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  z-index: 1;
}

@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=talents] > li .thumb picture:before,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=talents] > li .thumb picture:before {
    transition-duration: 0.3s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
}
.talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=talents] > li .thumb picture img,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=talents] > li .thumb picture img {
  height: auto;
  z-index: 2;
  aspect-ratio: 1/1;
}

.talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=talents] > li > h4 > *,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=talents] > li > h4 > * {
  display: block;
  line-height: 1;
  text-align: center;
}

.talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=talents] > li > h4 > .jp,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=talents] > li > h4 > .jp {
  padding-top: 0.5em;
}

@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=talents] > li > h4 > .jp,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=talents] > li > h4 > .jp {
    font-size: 2.3rem;
  }
}
@media screen and (max-width: 1200px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=talents] > li > h4 > .jp,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=talents] > li > h4 > .jp {
    font-size: 1.9166666667vw !important;
  }
}
@media screen and (max-width: 768px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=talents] > li > h4 > .jp,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=talents] > li > h4 > .jp {
    font-size: 4.2056074766vw !important;
  }
}
.talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=talents] > li > h4 > .en,
.talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=talents] > li > h4 > .en {
  opacity: 0.3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  margin-top: 0.5em;
  letter-spacing: 0.1em;
}

@media print, screen and (min-width: 769px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=talents] > li > h4 > .en,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=talents] > li > h4 > .en {
    font-size: 1.1rem;
  }
}
@media screen and (max-width: 1200px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=talents] > li > h4 > .en,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=talents] > li > h4 > .en {
    font-size: 0.9166666667vw !important;
  }
}
@media screen and (max-width: 768px) {
  .talentsStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=talents] > li > h4 > .en,
  .talentsLineupStyle .common-settings#Talents .inner-section .talents--lineup > main > ul[data-type=talents] > li > h4 > .en {
    font-size: 2.3364485981vw !important;
  }
}
@media print, screen and (min-width: 769px) {
  .topicsStyle .common-settings#Topics {
    padding-top: 55px;
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 1200px) {
  .topicsStyle .common-settings#Topics {
    padding-top: 4.5833333333vw;
  }
}
@media screen and (max-width: 768px) {
  .topicsStyle .common-settings#Topics {
    padding-top: 7.0093457944vw;
    padding-bottom: 17.523364486vw;
  }
}
@media print, screen and (min-width: 769px) {
  .topicsStyle .common-settings#Topics .inner-section .topics--category {
    margin-bottom: 60px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1200px;
  }
}
@media screen and (max-width: 1200px) {
  .topicsStyle .common-settings#Topics .inner-section .topics--category {
    margin-bottom: 5vw;
  }
}
@media screen and (max-width: 768px) {
  .topicsStyle .common-settings#Topics .inner-section .topics--category {
    margin-bottom: 9.3457943925vw;
    padding-left: 5.8411214953%;
    padding-right: 5.8411214953%;
  }
}
@media print, screen and (min-width: 769px) {
  .topicsStyle .common-settings#Topics .inner-section .topics--category > header {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 1200px) {
  .topicsStyle .common-settings#Topics .inner-section .topics--category > header {
    margin-bottom: 1.25vw;
  }
}
@media screen and (max-width: 768px) {
  .topicsStyle .common-settings#Topics .inner-section .topics--category > header {
    margin-bottom: 2.8037383178vw;
  }
}
.topicsStyle .common-settings#Topics .inner-section .topics--category > header > h3 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.topicsStyle .common-settings#Topics .inner-section .topics--category > header > h3 > * {
  display: block;
  vertical-align: middle;
}
.topicsStyle .common-settings#Topics .inner-section .topics--category > header > h3 > .icon svg {
  vertical-align: middle;
}
.topicsStyle .common-settings#Topics .inner-section .topics--category > header > h3 > .icon svg path {
  fill: #60ec33;
}
.topicsStyle .common-settings#Topics .inner-section .topics--category > header > h3 > .ttl {
  letter-spacing: 0.08em;
  margin-left: 0.4em;
  font-family: ClashDisplay-Semibold, Noto Sans JP, IBM Plex Sans JP, sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
.topicsStyle .common-settings#Topics .inner-section .topics--category > ul {
  display: flex;
  flex-wrap: wrap;
  font-family: ClashDisplay-Semibold, Noto Sans JP, IBM Plex Sans JP, sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
.topicsStyle .common-settings#Topics .inner-section .topics--category > ul > li {
  position: relative;
  line-height: 1;
  letter-spacing: 0.05em;
}
.topicsStyle .common-settings#Topics .inner-section .topics--category > ul > li:not(:last-child):after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 1px;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}
.topicsStyle .common-settings#Topics .inner-section .topics--category > ul > li[data-status=current] {
  pointer-events: none;
}
.topicsStyle .common-settings#Topics .inner-section .topics--category > ul > li[data-status=current] a {
  position: relative;
  color: #60ec33;
}
.topicsStyle .common-settings#Topics .inner-section .topics--category > ul > li[data-status=current] a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  background: #60ec33;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.topicsStyle .common-settings#Topics .inner-section .topics--category > ul > li a {
  display: block;
}

@media print, screen and (min-width: 769px) {
  .topicsStyle .common-settings#Topics .inner-section .topics--category > header > h3 > .icon {
    width: 18px;
  }
}
@media screen and (max-width: 1200px) {
  .topicsStyle .common-settings#Topics .inner-section .topics--category > header > h3 > .icon {
    width: 1.5vw;
  }
}
@media screen and (max-width: 768px) {
  .topicsStyle .common-settings#Topics .inner-section .topics--category > header > h3 > .icon {
    width: 2.8037383178vw;
  }
}
@media print, screen and (min-width: 769px) {
  .topicsStyle .common-settings#Topics .inner-section .topics--category > header > h3 > .ttl {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 1200px) {
  .topicsStyle .common-settings#Topics .inner-section .topics--category > header > h3 > .ttl {
    font-size: 1vw !important;
  }
}
@media screen and (max-width: 768px) {
  .topicsStyle .common-settings#Topics .inner-section .topics--category > header > h3 > .ttl {
    font-size: 2.3364485981vw !important;
  }
}
@media print, screen and (min-width: 769px) {
  .topicsStyle .common-settings#Topics .inner-section .topics--category > ul {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1200px) {
  .topicsStyle .common-settings#Topics .inner-section .topics--category > ul {
    font-size: 1.5vw !important;
  }
}
@media screen and (max-width: 768px) {
  .topicsStyle .common-settings#Topics .inner-section .topics--category > ul {
    font-size: 3.5046728972vw !important;
  }
}
@media print, screen and (min-width: 769px) {
  .topicsStyle .common-settings#Topics .inner-section .topics--category > ul > li:not(:last-child) {
    margin-right: 15px;
    padding-right: 15px;
  }
}
@media screen and (max-width: 1200px) {
  .topicsStyle .common-settings#Topics .inner-section .topics--category > ul > li:not(:last-child) {
    margin-right: 1.25vw;
    padding-right: 1.25vw;
  }
}
@media screen and (max-width: 768px) {
  .topicsStyle .common-settings#Topics .inner-section .topics--category > ul > li:not(:last-child) {
    margin-right: 2.8037383178vw;
    padding-right: 2.8037383178vw;
  }
}
@media print, screen and (min-width: 769px) {
  .topicsStyle .common-settings#Topics .inner-section .topics--category > ul > li a {
    transition-duration: 0.3s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
}
@media print, screen and (min-width: 769px) {
  .topicsStyle .common-settings#Topics .inner-section .topics--category > ul > li a:hover {
    color: #60ec33;
  }
}
@media print, screen and (min-width: 769px) {
  .topicsStyle .common-settings#Topics .inner-section .topics--lineup {
    margin-right: auto;
    margin-left: auto;
    max-width: 1200px;
  }
}
@media screen and (max-width: 768px) {
  .topicsStyle .common-settings#Topics .inner-section .topics--lineup {
    padding-left: 5.8411214953%;
    padding-right: 5.8411214953%;
  }
}/*# sourceMappingURL=style.css.map */