@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Michroma&display=swap");

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
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;
}

/* HTML5 display-role reset for older browsers */
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,
q:before,
q:after {
  content: '';
  content: none;
}

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

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  font-size: 16px;
  line-height: 1.5;
  font-family: "Noto Sans JP", sans-serif;
  color: #000;
  letter-spacing: .025em;
}

@media screen and (max-width: 768px) {
  body {
    font-size: 12px;
  }
}

a {
  color: inherit;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

img {
  max-width: 100%;
  vertical-align: middle;
}

input {
  margin: 0;
  padding: 0;
}

textarea {
  padding: 0;
  font: inherit;
  color: inherit;
}

button {
  font: inherit;
  padding: 0;
  background-color: transparent;
  border: none;
  color: inherit;
  cursor: pointer;
}

/* ===============================================
# header
=============================================== */
@media screen and (min-width: 769px) {
  .header {
    min-height: 80px;
    position: relative;
    background-color: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    z-index: 1001;
  }
}

@media screen and (max-width: 768px) {
  .header {
    width: 100%;
    height: 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    -webkit-transition: height 0.3s ease-in-out;
    transition: height 0.3s ease-in-out;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
  }
}

.header__in {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 12px 10px 0 40px;
  opacity: 0;
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: opacity .25s, -webkit-transform .25s ease;
  transition: opacity .25s, -webkit-transform .25s ease;
  transition: opacity .25s, transform .25s ease;
  transition: opacity .25s, transform .25s ease, -webkit-transform .25s ease;
  z-index: 9999;
}

@media screen and (min-width: 769px) {
  .-done .header__in {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@media screen and (min-width: 769px) {
  #top.-done .header__in {
    -webkit-transition-delay: .25s;
    transition-delay: .25s;
  }
}

@media screen and (max-width: 768px) {
  .-active .header__in {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@media screen and (max-width: 768px) {
  .header__in {
    /* height: 100%; */
    height: 100vh;
    height: 100dvh;
    padding: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transform: translateX(110%);
    transform: translateX(110%);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    overflow-x: hidden;
    overflow-y: scroll;
  }
}

@media screen and (min-width: 769px) {

  .header__in::before,
  .header__in::after {
    display: none;
  }
}

@media screen and (max-width: 768px) {

  .header__in::before,
  .header__in::after {
    content: '';
    display: block;
    width: 100%;
    height: 16px;
  }
}

.header__in::before {
  top: 0;
  background: url("../../assets/img/common/deco/deco_frame_top_sp.svg") no-repeat center center/contain;
}

.header__in::after {
  bottom: 0;
  background: url("../../assets/img/common/deco/deco_frame_btm_sp.svg") no-repeat center center/contain;
}

@media screen and (max-width: 768px) {
  .header__l {
    width: 100%;
    margin-bottom: 58.5px;
  }
}

.header__r {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .header__r {
    width: 100%;
  }
}

.header__itemList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .header__itemList {
    width: calc(100% - 50px);
    margin: 0 auto;
  }
}

.header__item {
  position: relative;
  /* current */
  /* ignited */
}

.header__item:not(:last-child) {
  margin-right: 24px;
}

@media screen and (max-width: 768px) {
  .header__item:not(:last-child) {
    margin-right: 0px;
  }
}

@media screen and (max-width: 768px) {
  .header__item {
    width: 50%;
    height: 48px;
    margin-bottom: 12px;
  }
}

.header__item a {
  font-weight: 600;
  font-size: 16px;
  letter-spacing: .025em;
  font-family: "Roboto Condensed", sans-serif;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  overflow: hidden;
  max-height: 32px;
}

@media screen and (max-width: 768px) {
  .header__item a {
    height: 100%;
    display: inline-block;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}

.header__item a.-current,
.header__item a:hover {
  color: #00a2c2;
}

.header__item a.-current::before,
.header__item a:hover::before {
  opacity: 1;
}

.header__item a>span {
  white-space: nowrap;
}

.header__item.-current a {
  color: #00a2c2;
}

.header__item.-current a::before {
  opacity: 1;
}

.header__item.-ignited {
  margin-top: -8px;
}

.header__item.-ignited a {
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
}

.header__item.-ignited a:hover {
  opacity: .75;
}

.header__item.-ignited img {
  max-width: 140px;
}

@media screen and (min-width: 769px) {
  .header__branch {
    margin-top: -10px;
  }
}

@media screen and (max-width: 768px) {
  .header__branch {
    position: relative;
    z-index: 99;
  }
}

@media screen and (min-width: 769px) {
  .header__branch--item {
    min-height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.header__branch--item {
  margin-left: 10px;
}

@media screen and (max-width: 768px) {
  .header__branch--item:not(:last-child) {
    margin-right: auto;
  }
}

@media screen and (max-width: 768px) {
  .header__branch--item {
    margin: 0 auto;
    padding: 4px 0;
    position: relative;
  }
}

@media screen and (max-width: 768px) {
  .header__branch--item img {
    display: block;
    margin: 0 auto;
  }
}

.header__branch--item:first-child img {
  max-width: 110px;
}

.header__branch--item:nth-child(2) img {
  max-width: 120px;
}

.header__branch--item:nth-child(3) img {
  max-width: 125px;
}

.header__branch--item a {
  width: 100%;
  height: 100%;
  display: block;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.header__branch--toggle {
  width: 24px;
  height: 24px;
  background: #00a2c2;
  display: block;
  position: absolute;
  top: 24px;
  right: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.header__bg {
  width: 100%;
  height: 100vh;
  background: #FFF;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99;
}

.header__decoWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.header__deco {
  height: 100%;
  min-height: 80px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.header__deco.deco-left,
.header__deco.deco-right {
  width: calc(100% / 2 - 120px);
  position: relative;
}

.header__deco.deco-center span.is-top {
  display: block;
  background: url("../../assets/img/common/deco/deco_nav_c_top.svg") no-repeat center center/contain;
  width: 240px;
  height: 16px;
}

.header__deco.deco-center span.is-btm {
  display: block;
  background: url("../../assets/img/common/deco/deco_nav_c_btm.svg") no-repeat center center/contain;
  width: 240px;
  height: 16px;
}

.header__deco--in {
  width: 100%;
  min-height: 80px;
  position: absolute;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.header__deco--in .deco-wrap {
  background: #FFF;
  z-index: 10;
  position: relative;
  display: block;
}

.header__deco--in .deco-left-1 {
  width: 72px;
  min-height: 80px;
  display: block;
  background: url(../../assets/img/common/deco/deco_nav_left_1.svg) no-repeat center center/cover;
}

.header__deco--in .deco-left-2 {
  width: 169px;
  min-height: 80px;
  display: block;
  background: url(../../assets/img/common/deco/deco_nav_left_2.svg) no-repeat center center/cover;
  position: relative;
}

.header__deco--in .deco-left-2::before {
  content: 'NAVIGATION';
  display: block;
  color: #d6d6d6;
  font-size: 10px;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0%) scale(0.85);
  transform: translate(-50%, 0%) scale(0.85);
  background: #FFF;
}

.header__deco--in .deco-left-3 {
  width: 12px;
  min-height: 80px;
  display: block;
  background: url(../../assets/img/common/deco/deco_nav_left_3.svg) no-repeat center center/cover;
}

.header__deco--in .deco-right-1 {
  width: 169px;
  min-height: 80px;
  display: block;
  background: url(../../assets/img/common/deco/deco_nav_right_2.svg) no-repeat center center/cover;
  position: relative;
}

.header__deco--in .deco-right-1::before {
  content: 'NAVIGATION';
  display: block;
  color: #d6d6d6;
  font-size: 10px;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0%) scale(0.85);
  transform: translate(-50%, 0%) scale(0.85);
  background: #FFF;
}

.header__deco--in .deco-right-2 {
  width: 72px;
  min-height: 80px;
  display: block;
  background: url(../../assets/img/common/deco/deco_nav_right_3.svg) no-repeat center center/cover;
}

.header__deco--line {
  display: block;
  width: calc(100% - 72px);
  height: 1px;
  position: absolute;
}

.deco-left .header__deco--line {
  left: 72px;
}

.deco-right .header__deco--line {
  right: 72px;
}

.header__deco--line.is-top {
  top: 6px;
}

.header__deco--line.is-btm {
  bottom: 6px;
}

.header__deco--line::before {
  width: 100%;
  height: 1px;
  background: #d6d6d6;
  content: '';
  display: block;
}

.header__openNav {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.8);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  z-index: 1;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}

@media screen and (min-width: 769px) {
  .header__openNav {
    padding: 0 5vw;
    position: absolute;
    top: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    height: 0;
    overflow: hidden;
  }
}

@media screen and (max-width: 768px) {
  .header__openNav {
    position: relative;
    opacity: 1;
  }
}

.header__openNav--ttl {
  width: calc(100% - 570px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (min-width: 769px) {
  .header__openNav--ttl {
    height: 80px;
  }
}

.header__openNav--ttl>p {
  color: #d6d6d6;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  font-family: "Roboto Condensed", sans-serif;
  display: block;
  margin-right: 40px;
  opacity: .4;
}

.header__openNav--ttl::after {
  content: '';
  display: block;
  height: 1px;
  background: #d6d6d6;
  opacity: .16;
}

.header__openNav--ttl.-seed::after {
  width: calc(100% - 280px);
}

.header__openNav--ttl.-destiny::after {
  width: calc(100% - 300px);
}

.header__openNav--ttl.-stargazer::after {
  width: calc(100% - 320px);
}

.header__openNav--list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (min-width: 769px) {
  .header__openNav--list {
    margin-top: 6px;
    height: 80px;
  }
}

@media screen and (max-width: 768px) {
  .header__openNav--list {
    padding: 12px 0;
    gap: 12px 0;
  }
}

.header__openNav--item {
  color: #FFF;
  font-size: 16px;
  line-height: 1;
  font-family: "Roboto Condensed", sans-serif;
  /* current */
}

@media screen and (max-width: 768px) {
  .header__openNav--item {
    position: relative;
    width: 50%;
    height: 48px;
  }
}

.header__openNav--item a {
  color: #FFF;
  font-weight: 600;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

@media screen and (max-width: 768px) {
  .header__openNav--item a {
    padding-top: 12px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    font-size: 16px;
  }
}

.header__openNav--item a::before {
  content: '';
  display: block;
  width: 30px;
  height: 8px;
  position: absolute;
  bottom: -8px;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

@media screen and (max-width: 768px) {
  .header__openNav--item a::before {
    bottom: 0;
  }
}

.header__openNav--item a:hover,
.header__openNav--item a.-current {
  color: #00a2c2;
}

.header__openNav--item a:hover::before,
.header__openNav--item a.-current::before {
  opacity: 1;
}

.header__openNav--item a>span {
  padding-top: 10px;
}

@media screen and (max-width: 768px) {
  .header__openNav--item a>span {
    width: 50%;
    padding-top: 16px;
  }
}

.header__openNav--item.-current a {
  color: #00a2c2;
}

.header__openNav--item.-current a::before {
  opacity: 1;
}

.header__openNav--item:not(:last-child) {
  margin-right: 36px;
}

@media screen and (max-width: 768px) {
  .header__openNav--item:not(:last-child) {
    margin-right: 0px;
  }
}

.header__branch--item:hover .header__openNav {
  visibility: visible;
  opacity: 1;
}

@media screen and (min-width: 769px) {
  .header__branch--item:hover .header__openNav {
    height: 100%;
    top: 80px;
  }
}

@media screen and (max-width: 768px) {
  .header__branch--item:hover .header__openNav {
    left: 0;
    height: 100%;
  }
}

.header__spTop {
  width: 100%;
  margin-bottom: 48px;
  overflow: hidden;
}

.header__spTop .p-cmn-ttl {
  margin: 0;
}

.header__spTop .p-cmn-ttl__en {
  font-size: clamp(38px, 12vw, 110px);
}

@media screen and (min-width: 769px) {
  .header__share {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}

@media screen and (max-width: 768px) {
  .header__share {
    margin: 0 auto 48px;
  }
}

.header__share--dt {
  font-weight: 600;
}

.header__logo {
  position: fixed;
  top: 3.2vw;
  left: 3.2vw;
  z-index: 1001;
}

@media screen and (max-width: 768px) {
  .header__logo {
    left: 24px;
  }
}

.header__logo--txt {
  font-size: 20px;
  color: #00a2c2;
  font-family: "Michroma", sans-serif;
  font-weight: 600;
  line-height: 1;
}

.header__hamburger {
  position: fixed;
  top: 3.73333vw;
  right: 3.73333vw;
  z-index: 9999;
}

.header__hamburger .menuBtn {
  width: 12.8vw;
  height: 12.8vw;
  z-index: 9999;
  display: block;
  padding: 2px;
  background-color: #000;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}

.header__hamburger .menuBtn.-active {
  background-color: #00a2c2;
}

.header__hamburger .menuBtn a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: 12.8vw;
  padding-top: 4vw;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
  pointer-events: auto;
  background: url("../../assets/img/common/deco/deco_frame_menu_sp.svg") no-repeat center top/contain;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.header__hamburger .menuBtn a:before {
  content: '';
  position: absolute;
  left: 2px;
  right: 2px;
  top: 2px;
  bottom: 2px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.header__hamburger .menuBtn a i {
  display: block;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 50%;
  height: 2px;
  background: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.header__hamburger .menuBtn a i:nth-child(1) {
  top: 3.2vw;
}

.header__hamburger .menuBtn a i:nth-child(2) {
  top: 5.2vw;
}

.header__hamburger .menuBtn a span {
  font-size: 10px;
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
  color: #FFF;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 600;
  letter-spacing: .025em;
}

.header__hamburger .menuBtn.-active i:nth-child(1) {
  top: 16px;
  -webkit-transform: translate(-50%, -50%) rotate(30deg);
  transform: translate(-50%, -50%) rotate(30deg);
}

.header__hamburger .menuBtn.-active i:nth-child(2) {
  top: 16px;
  -webkit-transform: translate(-50%, -50%) rotate(-30deg);
  transform: translate(-50%, -50%) rotate(-30deg);
}

.header__hamburgerSeries {
  position: fixed;
  top: 3.2vw;
  left: 3.2vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 37.33333vw;
  max-width: 140px;
  z-index: 1000;
  background: #000;
}

.header__hamburgerSeries.-active {
  background-color: #00a2c2;
}

.header__hamburgerSeries .menuBtn {
  width: 100%;
  height: 12.8vw;
  max-height: 45px;
  margin: 2px;
  padding-right: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: url("../../assets/img/common/deco/deco_frame_menu_series_sp.svg") no-repeat center center/contain;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}

.header__hamburgerSeries .menuBtn a {
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0 0 0 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
  pointer-events: auto;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.header__hamburgerSeries .menuBtn a:before {
  content: '';
  position: absolute;
  left: 2px;
  right: 2px;
  top: 2px;
  bottom: 2px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.header__hamburgerSeries .menuBtn a i {
  display: block;
  position: absolute;
  width: 24px;
  height: 2px;
  background: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.header__hamburgerSeries .menuBtn a i:nth-child(1) {
  top: 13px;
  left: 13px;
}

.header__hamburgerSeries .menuBtn a i:nth-child(2) {
  top: 19px;
  left: 13px;
}

.header__hamburgerSeries .menuBtn a span {
  margin-top: 16px;
  font-size: 10px;
  color: #FFF;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 600;
  letter-spacing: .025em;
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}

.header__hamburgerSeries .menuBtn a.-active i:nth-child(1) {
  top: 18px;
  left: 14px;
  -webkit-transform: translate(0%, 0%) rotate(30deg);
  transform: translate(0%, 0%) rotate(30deg);
}

.header__hamburgerSeries .menuBtn a.-active i:nth-child(2) {
  top: 18px;
  left: 14px;
  -webkit-transform: translate(0%, -50%) rotate(-30deg);
  transform: translate(0%, -50%) rotate(-30deg);
}

.header__hamburgerSeries--img {
  max-width: 86px;
}

.-sub .header__in {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.-sub .header__l {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.-sub .header__l,
.-sub .header__r {
  height: 60px;
}

.-sub .header__logo {
  margin-right: 40px;
}

.-sub .header__logo img {
  width: auto;
  height: 100%;
}

.-sub .header__itemList {
  margin-top: 8px;
}

/**
 * header__branch SP.
 */
@media screen and (max-width: 768px) {
  .header__branch--contents {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 63px;
  }

  .header__branch--item {
    width: 100%;
  }

  .header__branch--ac--header {
    color: #000;
    position: relative;
    padding: 0;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
  }

  .header__branch--ac--headerIn {
    min-height: 48px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 12px;
  }

  .header__branch--ac--ttl {
    width: 50vw;
    font-size: 20px;
    font-weight: 600;
  }

  .header__branch--bnr{
    width: calc(100% - 50px);
    margin: 30px auto 0;
  }

  .header__branch--bnr img{
    display: block;
    margin: 0 auto;
    max-width: 160px;
  }
  .header__branch--bnr2{
    width: calc(100% - 50px);
    margin: 30px auto;
  }

  .header__branch--bnr2 img{
    display: block;
    margin: 0 auto;
    max-width: 280px;
  }
}

@media screen and (max-width: 768px) and (max-width: 768px) {
  .header__branch--ac--ttl {
    width: 100%;
    font-size: 12px;
  }
}

@media screen and (max-width: 768px) {
  .header__branch--ac--profession {
    font-size: 16px;
  }

  .header__branch--ac--inner {
    margin-left: 160px;
    display: none;
  }
}

@media screen and (max-width: 768px) and (max-width: 768px) {
  .header__branch--ac--inner {
    width: 100%;
    margin-left: 0px;
  }
}

@media screen and (max-width: 768px) {
  .header__branch--ac--inner.stay {
    display: block;
  }

  .header__branch--ac--detail {
    margin-bottom: 48px;
  }
}

@media screen and (max-width: 768px) and (max-width: 768px) {
  .header__branch--ac--detail {
    margin-bottom: 24px;
  }
}

@media screen and (max-width: 768px) {
  .header__branch--ac--detailTxt {
    line-height: 2;
  }

  .header__branch--ac--item {
    margin-bottom: 48px;
  }

  .header__branch--ac--item>dt {
    line-height: 2;
  }

  .header__branch--ac--toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 30%;
    right: -120px;
    width: 80px;
    height: 80px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    border-radius: 50%;
  }

  .header__branch--ac--toggle:hover {
    opacity: .5;
  }

  .stay .header__branch--ac--toggle,
  .open .header__branch--ac--toggle {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  .stay.open .header__branch--ac--toggle {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .one_i {
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 6px;
    left: 6px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }

  .open .one_i {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }

  .one_i:before,
  .one_i:after {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    content: '';
    background-color: #FFF;
    width: 12px;
    height: 1px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .one_i:before {
    width: 1px;
    height: 12px;
  }

  .stay .one_i:before,
  .open .one_i:before {
    content: none;
  }

  .stay.open .one_i:before {
    content: "";
  }

  .open .one_i:after {
    left: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
}

/* ===============================================
# footer
=============================================== */
.footer {
  position: relative;
  z-index: 100;
}

@media screen and (min-width: 769px) {
  .footer {
    width: 100%;
    min-width: 1200px;
  }
}

@media screen and (max-width: 768px) {
  .footer {
    min-height: 290px;
  }
}

.footer__in {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 80px;
}

@media screen and (max-width: 768px) {
  .footer__in {
    margin-bottom: 45px;
  }
}

.footer__logoTop {
  max-width: 320px;
  margin: 0 auto 72px;
  -webkit-transition-delay: 0s !important;
  transition-delay: 0s !important;
}

@media screen and (max-width: 768px) {
  .footer__logoTop {
    max-width: 230px;
    margin: 0 auto 40px;
  }
}

.footer__logoBtm {
  max-width: 168px;
  margin: 64px auto 0;
  -webkit-transition-delay: 0s !important;
  transition-delay: 0s !important;
}
.footer__logoBtm2 {
  max-width: 240px;
  margin: 0 auto 80px;
  -webkit-transition-delay: 0s !important;
  transition-delay: 0s !important;
}

@media screen and (max-width: 768px) {
  .footer__logoBtm {
    margin: 50px auto 0;
  }
  .footer__logoBtm2 {
    margin: 0 auto 50px;
  }
}

.footer__bnrList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 80px;
  -webkit-transition-delay: 0s !important;
  transition-delay: 0s !important;
}

@media screen and (max-width: 768px) {
  .footer__bnrList {
    padding: 0 24px;
  }
}

.footer__bnrList.is-top {
  width: 100%;
  margin-bottom: 26px;
}

@media screen and (max-width: 768px) {
  .footer__bnrList.is-top {
    margin-bottom: 12px;
  }
}

@media screen and (min-width: 769px) {
  .footer__bnrList.is-btm {
    width: calc(100% - 20%);
  }
}

.footer__bnr {
  width: calc(100% / 4);
  margin: 0 auto 24px;
  justify-content: center;
  align-items: center;
  display: flex;
}

@media screen and (max-width: 768px) {
  .footer__bnr {
    width: calc(100% / 2);
    margin: 0 auto 24px;
  }
}

.footer__bnr.bnr_01 img {
  max-width: 190px;
}

@media screen and (max-width: 768px) {
  .footer__bnr.bnr_01 img {
    max-width: 100%;
  }
}

.footer__bnr.bnr_02 img {
  max-width: 172px;
}

@media screen and (max-width: 768px) {
  .footer__bnr.bnr_02 img {
    max-width: 130px;
  }
}

.footer__bnr.bnr_03 img {
  max-width: 144px;
}

@media screen and (max-width: 768px) {
  .footer__bnr.bnr_03 img {
    max-width: 107px;
  }
}

.footer__bnr.bnr_04 img {
  max-width: 64px;
}

@media screen and (max-width: 768px) {
  .footer__bnr.bnr_04 img {
    max-width: 54px;
  }
}

.footer__bnr.bnr_05 img {
  max-width: 200px;
}

@media screen and (max-width: 768px) {
  .footer__bnr.bnr_05 img {
    max-width: 150px;
  }
}

.footer__bnr.bnr_06 img {
  max-width: 137px;
}

@media screen and (max-width: 768px) {
  .footer__bnr.bnr_06 img {
    max-width: 100px;
  }
}

@media screen and (max-width: 768px) {
  .footer__bnr.bnr_07 {
    margin-top: 12px;
  }
}

.footer__bnr.bnr_07 img {
  max-width: 144px;
}

.footer__bnr img {
  display: block;
  margin: 0 auto;
}

.l-footerCaution {
  position: relative;
  background: #000;
}

@media screen and (min-width: 769px) {
  .l-footerCaution {
    padding: 42px 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media screen and (max-width: 768px) {
  .l-footerCaution {
    padding: 25px 0;
  }
}

.l-footerCaution__txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.l-footerCaution__txt p {
  font-size: 12px;
  letter-spacing: .05em;
  color: #FFF;
}

@media screen and (max-width: 768px) {
  .l-footerCaution__txt p {
    text-align: center;
    line-height: 2;
    margin-bottom: 8px;
    padding: 0 24px;
  }
}

.l-footerCaution__txt--link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin-top: 8px;
}

@media screen and (max-width: 768px) {
  .l-footerCaution__txt--link {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 16px;
  }
}

.l-footerCaution__txt--link li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

@media screen and (max-width: 768px) {
  .l-footerCaution__txt--link li {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.l-footerCaution__txt--link li:not(:first-child)::before {
  content: '';
  display: block;
  width: 1px;
  height: 12px;
  background: #fff;
  top: 4px;
  position: relative;
  margin-left: 8px;
}

.l-footerCaution__txt--link li:not(:first-child) a {
  padding-left: 8px;
}

.l-footerCaution__txt--link a {
  font-size: 12px;
  color: #61daf2;
  display: inline-block;
  -webkit-transition: opacity .3s, -webkit-text-decoration .3s;
  transition: opacity .3s, -webkit-text-decoration .3s;
  transition: opacity .3s, text-decoration .3s;
  transition: opacity .3s, text-decoration .3s, -webkit-text-decoration .3s;
}

.l-footerCaution__txt--link a:hover {
  opacity: .8;
  text-decoration: underline;
}

.l-footerCaution__copy {
  color: #aaa;
  font-size: 12px;
}

@media screen and (max-width: 768px) {
  .l-footerCaution__copy {
    text-align: center;
  }
}

/* ===============================================
# layout
=============================================== */
body {
  overflow: hidden;
}

body.-done {
  overflow: inherit;
}

.l-wrapper {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  background-color: #f5f5f5;
}

@media screen and (min-width: 769px) {
  .l-wrapper {
    min-width: 1200px;
  }
}

@media screen and (max-width: 768px) {
  .l-wrapper {
    min-width: 320px;
  }
}

.l-container {
  margin: 0 auto;
  z-index: 10;
}

.l-main {
  width: 100%;
  position: relative;
}

/* ===============================================
# 共通パーツ
=============================================== */
/**
* title
**/
.c-title-primary {
  margin: 0 80px 80px;
  position: relative;
  z-index: 10;
}

@media screen and (min-width: 769px) {
  .c-title-primary.p-seriesTop::before {
    top: 10px;
  }
}

@media screen and (max-width: 768px) {
  .c-title-primary {
    margin: 0 24px 84px 36px;
  }
}

.c-title-primary::before {
  content: '';
  display: block;
  width: 40px;
  height: 80px;
  position: absolute;
  top: 20px;
  left: -80px;
  background: url("../../assets/img/common/deco/deco_title_before.png") no-repeat 0 0/100%;
}

@media screen and (max-width: 768px) {
  .c-title-primary::before {
    width: 28px;
    height: 52px;
    top: 10px;
    left: -40px;
  }
}

@media screen and (max-width: 768px) {
  .c-title-primary.-stargazer::before {
    top: 6px;
  }
}

.c-title-primary::after {
  display: block;
  position: absolute;
  z-index: 10;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 12px;
  color: #00a2c2;
}

@media screen and (min-width: 769px) {
  .c-title-primary::after {
    content: 'TITLE';
    width: 80px;
    top: 50%;
    right: -80px;
    margin-top: 16px;
    text-align: center;
  }
}

@media screen and (max-width: 768px) {
  .c-title-primary::after {
    content: 'TITLE';
    width: 32px;
    right: 4px;
    bottom: -32px;
    font-size: 10px;
    text-align: center;
    line-height: 1;
    -webkit-transform: translateX(100%) scale(0.7);
    transform: translateX(100%) scale(0.7);
  }
}

.p-index-update .c-title-primary::after {
  content: '01';
}

.p-index-news .c-title-primary::after {
  content: '02';
}

.p-index-about .c-title-primary::after {
  content: '03';
}

.c-title-primary__en {
  min-height: 48px;
  position: relative;
  display: block;
  font-size: 104px;
  color: #00a2c2;
  line-height: 1;
  letter-spacing: 0.01em;
  white-space: nowrap;
  font-family: "Michroma", sans-serif;
  z-index: 999;
}

@media screen and (max-width: 768px) {
  .c-title-primary__en {
    font-size: 47px;
  }
}

.c-title-primary__ja {
  font-size: 16px;
  letter-spacing: .025em;
  font-weight: 600;
  position: absolute;
  right: 0;
  top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 1000;
}

@media screen and (max-width: 768px) {
  .c-title-primary__ja {
    top: 58px;
    font-size: clamp(10px, 1.8vw, 12px);
    line-height: 1;
  }
}

.c-title-primary__ja::before {
  content: '';
  display: block;
  width: 6px;
  height: 12px;
  background: url("../../assets/img/common/deco/deco_arrow_type1.svg") no-repeat center center/contain;
  margin-right: 10px;
}

@media screen and (max-width: 768px) {
  .c-title-primary__ja::before {
    margin-right: 8px;
  }
}

.c-title-primary__ja:after {
  content: "MOBILE SUIT GUNDAM SEED";
  display: block;
  position: absolute;
  right: -12px;
  bottom: -30px;
  color: #000;
  font-family: "Roboto Condensed", sans-serif;
  line-height: 1;
  font-size: 10px;
  white-space: nowrap;
  opacity: .4;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}

@media screen and (max-width: 768px) {
  .c-title-primary__ja:after {
    bottom: -24px;
  }
}

@media screen and (max-width: 768px) {

  #news .c-title-primary__ja,
  #onair .c-title-primary__ja,
  #blu-ray .c-title-primary__ja,
  #about .c-title-primary__ja {
    top: 53px;
  }
}

.c-title-primary__deco {
  width: calc(100% - 250px);
  min-height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
  position: absolute;
  bottom: -8px;
  left: 250px;
  z-index: 1000;
  font-size: 16px;
  font-weight: 700;
  white-space: nowrap;
  color: #000;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@media screen and (max-width: 768px) {
  .c-title-primary__deco {
    width: calc(100% - 86px);
    left: 60px;
    z-index: 1000;
  }
}

.c-title-primary__deco:before {
  content: "";
  background-color: #000;
  width: 100%;
  height: 1px;
  margin: 0;
  position: absolute;
  top: 0;
  bottom: 53px;
  right: 0;
}

@media screen and (max-width: 768px) {
  .c-title-primary__deco:before {
    margin: auto;
    bottom: -87px;
    left: 25px;
  }
}

@media screen and (max-width: 768px) {

  #news .c-title-primary__deco:before,
  #onair .c-title-primary__deco:before,
  #blu-ray .c-title-primary__deco:before,
  #about .c-title-primary__deco:before {
    bottom: -90px;
  }
}

.c-title-primary__deco:after {
  content: "";
  background: url("../../assets/img/common/deco/deco_title_pointline.svg") no-repeat 0 0/100%;
  width: 32px;
  height: 31px;
  position: absolute;
  bottom: 29px;
  left: -30px;
}

@media screen and (max-width: 768px) {
  .c-title-primary__deco:after {
    width: 56px;
    height: 56px;
    left: -30px;
    bottom: -30px;
    background: url("../../assets/img/common/deco/deco_title_pointline_sp.svg") no-repeat 0 0/100%;
  }
}

@media screen and (max-width: 768px) {
  .p-seriesTop .c-title-primary__deco {
    width: calc(100% - 100px);
    right: 26px;
    bottom: 0;
  }
}

@media screen and (max-width: 768px) {

  #news .c-title-primary__deco,
  #onair .c-title-primary__deco,
  #blu-ray .c-title-primary__deco,
  #about .c-title-primary__deco {
    top: 0;
  }

  #news .c-title-primary__deco::after,
  #onair .c-title-primary__deco::after,
  #blu-ray .c-title-primary__deco::after,
  #about .c-title-primary__deco::after {
    bottom: -18px;
  }
}

.c-title-primary__sub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: -80px;
  margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
  .c-title-primary__sub {
    margin-left: -24px;
    margin-bottom: 24px;
  }
}

.c-title-primary__sub>span {
  display: block;
  margin-left: 40px;
  font-size: 24px;
  font-weight: 600;
  font-family: "Roboto Condensed", sans-serif;
}

@media screen and (max-width: 768px) {
  .c-title-primary__sub>span {
    margin-left: 12px;
    font-size: 18px;
  }
}

.c-title-primary__sub::before {
  content: '';
  display: block;
  width: 40px;
  height: 20px;
  background: #00a2c2;
}

@media screen and (max-width: 768px) {
  .c-title-primary__sub::before {
    width: 24px;
    height: 14px;
  }
}

/* c-title-seriesSub */
.c-title-seriesSub {
  position: relative;
}

@media screen and (min-width: 769px) {
  .c-title-seriesSub {
    padding-left: 80px;
    margin-right: 80px;
  }
}

@media screen and (max-width: 768px) {
  .c-title-seriesSub {
    padding-left: 36px;
  }
}

.c-title-seriesSub::before {
  content: '';
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 10px;
  left: 0;
  background: url("../../assets/img/common/deco/deco_title_series_before.png") no-repeat 0 0/100%;
}

@media screen and (max-width: 768px) {
  .c-title-seriesSub::before {
    width: 28px;
    height: 52px;
    top: 10px;
    left: -40px;
  }

  .p-series-contents .c-title-seriesSub::before {
    top: 6px;
    left: 0;
  }
}

@media screen and (max-width: 768px) and (max-width: 768px) {
  .p-series-contents .c-title-seriesSub::before {
    top: 12px;
  }
}

@media screen and (max-width: 768px) and (max-width: 768px) {
  #storyin .p-series-contents .c-title-seriesSub::before {
    top: 4px;
  }
}

.c-title-seriesSub--en {
  display: block;
  position: relative;
  line-height: 1;
  color: #00a2c2;
  letter-spacing: 0.01em;
  font-family: "Michroma", sans-serif;
  z-index: 11;
  margin-left: -4px;
}

.c-title-seriesSub--en span {
  text-transform: uppercase;
  line-height: 1;
}

@media screen and (min-width: 769px) {
  .c-title-seriesSub--en span {
    font-size: clamp(24px, 5vw, 60px);
  }
}

@media screen and (max-width: 768px) {
  .c-title-seriesSub--en span {
    font-size: clamp(24px, 5vw, 60px);
  }
}

@media screen and (min-width: 769px) {
  .c-title-seriesSub--en {
    margin-bottom: 24px;
  }
}

@media screen and (max-width: 768px) {
  .c-title-seriesSub--en {
    margin-bottom: 12px;
  }
}

.c-title-seriesSub--ja {
  font-size: 24px;
  font-weight: 600;
}

@media screen and (max-width: 768px) {
  .c-title-seriesSub--ja {
    font-size: 12px;
  }
}

.c-title-seriesSub--line {
  max-width: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: -1;
}

@media screen and (min-width: 769px) {
  .c-title-seriesSub--line {
    position: absolute;
    right: 0;
    bottom: 0;
  }
}

@media screen and (max-width: 768px) {
  .c-title-seriesSub--line {
    margin-left: auto;
  }
}

.c-title-seriesSub--line span {
  display: block;
  color: #000;
  font-family: "Roboto Condensed", sans-serif;
  line-height: 1;
  font-size: 10px;
  white-space: nowrap;
  opacity: .4;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  margin-bottom: 4px;
}

.c-title-seriesSub--line::after {
  content: '';
  display: block;
  width: 100%;
  height: 4px;
  background: #00a2c2;
}

/* c-title-secondary */
.c-title-secondary {
  position: relative;
  margin-left: -80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

@media screen and (max-width: 768px) {
  .c-title-secondary {
    margin-left: -24px;
  }
}

.c-title-secondary>span {
  font-size: 24px;
  font-weight: 600;
  font-family: "Roboto Condensed", sans-serif;
}

@media screen and (max-width: 768px) {
  .c-title-secondary>span {
    font-size: 20px;
    font-size: 5.33333vw;
  }
}

.c-title-secondary::before {
  content: '';
  display: block;
  background: #00a2c2;
  width: 40px;
  height: 20px;
  margin-top: 8px;
  margin-right: 40px;
}

@media screen and (max-width: 768px) {
  .c-title-secondary::before {
    width: 12px;
    height: 14px;
    margin-right: 12px;
  }
}

.c-title-secondary__txt {
  display: inline-block;
  width: calc(100% - 80px);
}

@media screen and (max-width: 768px) {
  .c-title-secondary__txt {
    font-size: 14px;
    width: calc(100% - 24px);
  }
}

.c-title-secondary__txt--small {
  font-size: 14px;
}

@media screen and (max-width: 768px) {
  .c-title-secondary__txt--small {
    font-size: 12px;
  }
}

/* c-title-tertiary */
.c-title-tertiary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  border-bottom: 2px solid #00a2c2;
  padding-bottom: 14px;
  position: relative;
}

@media screen and (max-width: 768px) {
  .c-title-tertiary {
    padding-bottom: 6px;
  }
}

.c-title-tertiary::before {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  background: url("../../assets/img/common/deco/deco_arrow_type1.svg") no-repeat center center/contain;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.c-title-tertiary--en {
  font-size: 32px;
  line-height: 1;
  font-weight: 600;
  font-family: "Roboto Condensed", sans-serif;
}

@media screen and (max-width: 768px) {
  .c-title-tertiary--en {
    padding-right: 12px;
  }
}

.c-title-tertiary--en::after {
  content: '';
  width: 6px;
  height: 24px;
  display: inline-block;
  padding: 0 24px;
  background: url("../../assets/img/common/deco/deco_title_after.svg") no-repeat center center/contain;
}

@media screen and (max-width: 768px) {
  .c-title-tertiary--en::after {
    width: 3px;
    height: 16px;
    padding: 0 12px;
  }
}

@media screen and (max-width: 768px) {
  .c-title-tertiary--en {
    font-size: 20px;
    line-height: 1.3;
  }
}

.c-title-tertiary--ja {
  font-size: 16px;
  font-weight: 600;
  line-height: 2;
  font-family: "Roboto Condensed", sans-serif;
}

@media screen and (max-width: 768px) {
  .c-title-tertiary--ja {
    min-height: 16px;
    font-size: 12px;
    line-height: 2.5;
  }
}

.c-title-tertiary--ja.-adjust {
  padding: 12px 0 6px 0;
}

/**
* button
**/
.c-button {
  position: relative;
  z-index: 100;
}

.c-button:before {
  content: "";
  display: block;
  background: linear-gradient(135deg, transparent 10px, #00a2c2 0) top left, linear-gradient(0deg, transparent 0px, #00a2c2 0) top right, linear-gradient(-45deg, transparent 10px, #00a2c2 0) bottom right, linear-gradient(0deg, transparent 0px, #00a2c2 0) bottom left;
  background-size: 55% 55%;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  -webkit-transition: opacity .3s ease-in-out;
  transition: opacity .3s ease-in-out;
}

@media screen and (min-width: 769px) {
  .c-button:before {
    height: 100%;
  }
}

.c-button.is-hover:before,
.c-button.is-active:before {
  opacity: 1;
  -webkit-animation: ani-flash 0.1s 2 cubic-bezier(0.47, 0, 0.745, 0.715) forwards normal;
  animation: ani-flash 0.1s 2 cubic-bezier(0.47, 0, 0.745, 0.715) forwards normal;
}

.c-button__deco {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  z-index: 2;
}

@media screen and (min-width: 769px) {
  .c-button__deco {
    height: 100%;
    min-width: 180px;
  }
}

.c-button__deco::before,
.c-button__deco::after {
  content: "";
  width: 20px;
  background-repeat: no-repeat;
  background-position: 0 0;
}

.c-button--h64 .c-button__deco::before,
.c-button--h64 .c-button__deco::after {
  height: 64px;
}

@media screen and (max-width: 768px) {

  .c-button--h64 .c-button__deco::before,
  .c-button--h64 .c-button__deco::after {
    width: 15px;
    height: 36px;
    background-size: 15px 100%;
  }
  .ord64{
    order: -1;
    margin-top: 24px !important;
    max-width: 280px !important;
  }
}

.c-button--h48 .c-button__deco::before,
.c-button--h48 .c-button__deco::after {
  height: 48px;
}

@media screen and (max-width: 768px) {

  .c-button--h48 .c-button__deco::before,
  .c-button--h48 .c-button__deco::after {
    height: 36px;
  }
}

@media screen and (max-width: 768px) {

  .c-button__deco::before,
  .c-button__deco::after {
    width: 14px;
    background-size: 14px 100%;
  }
}

.c-button__link {
  width: calc(100% - 32px);
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-top: 1px solid;
  border-bottom: 1px solid;
  text-align: center;
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .c-button__link {
    height: 36px;
  }
}

.c-button--white .c-button__link {
  border-color: #FFF;
}

.is-hover .c-button__link,
.is-active .c-button__link {
  color: #FFF;
}

.is-hover .c-button--black .c-button__link,
.is-active .c-button--black .c-button__link {
  border-color: #000;
}

.c-button__text {
  font-size: 16px;
  font-weight: 400;
  white-space: nowrap;
  font-family: "Roboto Condensed", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.c-button--white .c-button__text {
  color: #fff;
}

@media screen and (max-width: 768px) {
  .c-button__text {
    font-size: 12px;
  }
}

.c-button__text.-arrow {
  padding-left: 8px;
}

.c-button__text.-arrow::after {
  content: '';
  display: block;
  margin-left: 16px;
  width: 8px;
  height: 16px;
}

.c-button--white:before,
.c-button--white:after {
  background-color: #FFF;
}

.c-button--h64 .c-button--white:before {
  -webkit-mask-image: url(../img/common/deco/deco_btnFrame_left_64.svg);
  mask-image: url(../img/common/deco/deco_btnFrame_left_64.svg);
}

.c-button--h64 .c-button--white:after {
  -webkit-mask-image: url(../img/common/deco/deco_btnFrame_right_64.svg);
  mask-image: url(../img/common/deco/deco_btnFrame_right_64.svg);
}

.c-button--h48 .c-button--white:before {
  width: 16px;
  -webkit-mask-image: url(../img/common/deco/deco_btnFrame_left_48.svg);
  mask-image: url(../img/common/deco/deco_btnFrame_left_48.svg);
}

@media screen and (max-width: 768px) {
  .c-button--h48 .c-button--white:before {
    width: 15px;
    -webkit-mask-size: 15px 36px;
    mask-size: 15px 36px;
    -webkit-mask-image: url(../img/common/deco/deco_btnFrame_left_48_sp.svg);
    mask-image: url(../img/common/deco/deco_btnFrame_left_48_sp.svg);
  }
}

.c-button--h48 .c-button--white:after {
  width: 16px;
  -webkit-mask-image: url(../img/common/deco/deco_btnFrame_right_48.svg);
  mask-image: url(../img/common/deco/deco_btnFrame_right_48.svg);
  background-color: #FFF;
}

@media screen and (max-width: 768px) {
  .c-button--h48 .c-button--white:after {
    width: 15px;
    background-size: 15px 36px;
    -webkit-mask-image: url(../img/common/deco/deco_btnFrame_right_48_sp.svg);
    mask-image: url(../img/common/deco/deco_btnFrame_right_48_sp.svg);
  }
}

.c-button--white .-arrow::after {
  -webkit-mask-image: url("../../assets/img/common/deco/deco_arrow_right-w.svg");
  mask-image: url("../../assets/img/common/deco/deco_arrow_right-w.svg");
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 8px;
  height: 16px;
  background: #FFF;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.is-hover .c-button--white .-arrow::after,
.is-active .c-button--white .-arrow::after {
  -webkit-transform: translateX(4px);
  transform: translateX(4px);
}

.c-button--black:before,
.c-button--black:after {
  background-color: #000;
}

.c-button--h64 .c-button--black:before {
  width: 20px;
  -webkit-mask-image: url(../img/common/deco/deco_btnFrame_left_64.svg);
  mask-image: url(../img/common/deco/deco_btnFrame_left_64.svg);
}

@media screen and (max-width: 768px) {
  .c-button--h64 .c-button--black:before {
    width: 15px;
    -webkit-mask-image: url(../img/common/deco/deco_btnFrame_left_64_sp.svg);
    mask-image: url(../img/common/deco/deco_btnFrame_left_64_sp.svg);
  }
}

.c-button--h64 .c-button--black:after {
  width: 20px;
  -webkit-mask-image: url(../img/common/deco/deco_btnFrame_right_64.svg);
  mask-image: url(../img/common/deco/deco_btnFrame_right_64.svg);
}

@media screen and (max-width: 768px) {
  .c-button--h64 .c-button--black:after {
    width: 15px;
    -webkit-mask-size: 15px 36px;
    mask-size: 15px 36px;
    -webkit-mask-image: url(../img/common/deco/deco_btnFrame_right_64_sp.svg);
    mask-image: url(../img/common/deco/deco_btnFrame_right_64_sp.svg);
  }
}

.c-button--h48 .c-button--black:before {
  width: 16px;
  -webkit-mask-image: url(../img/common/deco/deco_btnFrame_left_48.svg);
  mask-image: url(../img/common/deco/deco_btnFrame_left_48.svg);
}

@media screen and (max-width: 768px) {
  .c-button--h48 .c-button--black:before {
    width: 15px;
    background-size: 15px 36px;
    -webkit-mask-image: url(../img/common/deco/deco_btnFrame_left_48_sp.svg);
    mask-image: url(../img/common/deco/deco_btnFrame_left_48_sp.svg);
  }
}

.c-button--h48 .c-button--black:after {
  width: 16px;
  -webkit-mask-image: url(../img/common/deco/deco_btnFrame_right_48.svg);
  mask-image: url(../img/common/deco/deco_btnFrame_right_48.svg);
}

@media screen and (max-width: 768px) {
  .c-button--h48 .c-button--black:after {
    width: 15px;
    -webkit-mask-image: url(../img/common/deco/deco_btnFrame_right_48_sp.svg);
    mask-image: url(../img/common/deco/deco_btnFrame_right_48_sp.svg);
    -webkit-mask-size: 15px 36px;
    mask-size: 15px 36px;
  }
}

.c-button--black .-arrow::after {
  -webkit-mask-image: url("../../assets/img/common/deco/deco_arrow_right-b.svg");
  mask-image: url("../../assets/img/common/deco/deco_arrow_right-b.svg");
  width: 8px;
  height: 16px;
  background: #000;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.is-hover .c-button--black .-arrow::after,
.is-active .c-button--black .-arrow::after {
  background: #FFF;
  -webkit-transform: translateX(4px);
  transform: translateX(4px);
}

.c-button--h64 {
  height: 64px;
}

@media screen and (max-width: 768px) {
  .c-button--h64 {
    height: 36px;
  }
}

.c-button--h48 {
  height: 48px;
}

@media screen and (max-width: 768px) {
  .c-button--h48 {
    height: 36px;
  }
}

/**
* backtop
**/
.c-backtop {
  width: 92px;
  height: 0;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  right: 32px;
  mix-blend-mode: difference;
  z-index: 999;
  margin-left: auto;
}

@media screen and (max-width: 768px) {
  .c-backtop {
    right: 0;
    bottom: 0;
  }
}

.c-backtop__link {
  height: 64px;
  position: absolute;
  bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  -webkit-transform: translateY(200%);
  transform: translateY(200%);
}

@media screen and (max-width: 768px) {
  .c-backtop__link {
    right: 8px;
    height: 46px;
  }
}

.-active .c-backtop__link {
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}

.c-backtop__link::before {
  content: "";
  width: 64px;
  height: 24px;
  background: url(../img/common/deco/deco_arrow_backtop.svg) no-repeat 0 0/100%;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

@media screen and (max-width: 768px) {
  .c-backtop__link::before {
    width: 46px;
    height: 23px;
    right: 8px;
  }
}

.c-backtop__link:hover::before {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}

.c-backtop__link::after {
  content: 'BACK TO TOP';
  display: block;
  color: #FFF;
  font-size: 16px;
  letter-spacing: .025em;
  font-family: "Roboto Condensed", sans-serif;
}

@media screen and (max-width: 768px) {
  .c-backtop__link::after {
    font-size: 10px;
  }
}

/**
* arrow
**/
.c-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  z-index: 10;
}

.c-arrow a {
  color: #00a2c2;
}

.c-arrow a:hover {
  text-decoration: underline;
}

.c-arrow--type1 {
  border-bottom: 1px solid #000;
  margin-bottom: 24px;
  padding-bottom: 8px;
  font-size: 16px;
  line-height: 2;
}

.c-arrow--type1::before {
  content: '';
  min-width: 6px;
  min-height: 12px;
  display: block;
  background: url(../../assets/img/common/deco/deco_arrow_type1.svg) no-repeat center center/contain;
  margin-right: 12px;
}

@media screen and (max-width: 768px) {
  .c-arrow--type1::before {
    margin-top: 0px;
    margin-right: 12px;
  }
}

.c-arrow--type2::before {
  content: '';
  width: 12px;
  height: 22px;
  display: block;
  background: url("../../assets/img/common/deco/deco_arrow_type2.svg") no-repeat center center/contain;
  margin-right: 16px;
}

@media screen and (max-width: 768px) {
  .c-arrow--type2::before {
    width: 8px;
    height: 12px;
    margin-top: 4px;
    margin-right: 8px;
  }
}

.c-arrow--prev>a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
  color: #000;
  font-family: "Roboto Condensed", sans-serif;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.c-arrow--prev>a:hover {
  opacity: 1;
  -webkit-transform: translateX(-8px);
  transform: translateX(-8px);
}

@media screen and (max-width: 768px) {
  .c-arrow--prev>a {
    font-size: 12px;
  }
}

.c-arrow--prev>a::before {
  content: '';
  width: 32px;
  height: 68px;
  display: block;
}

@media screen and (max-width: 768px) {
  .c-arrow--prev>a::before {
    width: 18px;
    height: 36px;
  }
}

.c-arrow--next>a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
  color: #000;
  font-family: "Roboto Condensed", sans-serif;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.c-arrow--next>a:hover {
  opacity: 1;
  -webkit-transform: translateX(8px);
  transform: translateX(8px);
}

@media screen and (max-width: 768px) {
  .c-arrow--next>a {
    font-size: 12px;
  }
}

.c-arrow--next>a::after {
  content: '';
  width: 32px;
  height: 68px;
  display: block;
}

@media screen and (max-width: 768px) {
  .c-arrow--next>a::after {
    width: 18px;
    height: 36px;
  }
}

.c-arrow--prev a::before {
  background: url("../../assets/img/common/deco/deco_arrow_type4.svg") no-repeat center center/contain;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.c-arrow--prev.-type2 a::before {
  background: url("../../assets/img/common/deco/deco_arrow_type5.svg") no-repeat center center/contain;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  margin-right: 8px;
}

.c-arrow--next a::after {
  background: url("../../assets/img/common/deco/deco_arrow_type4.svg") no-repeat center center/contain;
}

.c-arrow--next.-type2 a::after {
  background: url("../../assets/img/common/deco/deco_arrow_type5.svg") no-repeat center center/contain;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  margin-left: 8px;
}

.c-arrow__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

/**
* hover-deco
**/
.u-hover-deco {
  width: 100%;
  height: 10px;
  overflow: hidden;
  margin: 0 auto;
  display: block;
  position: relative;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 16px 6px;
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@media screen and (max-width: 768px) {
  .u-hover-deco {
    height: 6px;
    background-size: 12px 6px;
  }
}

.u-hover-deco::before,
.u-hover-deco::after {
  content: '';
  display: block;
  width: 0px;
  height: 1px;
  background: #000;
  position: absolute;
  bottom: 0;
  -webkit-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
  -webkit-transition-delay: .05s;
  transition-delay: .05s;
}

@media screen and (max-width: 768px) {

  .u-hover-deco::before,
  .u-hover-deco::after {
    bottom: 1px;
  }
}

.u-hover-deco.-white::before,
.u-hover-deco.-white::after {
  background: #fff;
}

.u-hover-deco::before {
  left: -2px;
}

.u-hover-deco::after {
  right: -2px;
}

.-current .u-hover-deco,
a:hover .u-hover-deco {
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  background-image: url("../../assets/img/common/deco/deco_nav_hover.svg");
}

a:hover .u-hover-deco::before,
a:hover .u-hover-deco::after {
  width: calc(50% - 6px);
}

.-current .u-hover-deco::before,
.-current .u-hover-deco::after {
  width: calc(50% - 6px);
}

a:hover .u-hover-deco.-white {
  background-image: url("../../assets/img/common/deco/deco_nav_hover_w.svg");
}

.-current .u-hover-deco.-white {
  background-image: url("../../assets/img/common/deco/deco_nav_hover_w.svg");
}

.-none {
  display: none;
}

/* margin調整 */
.u-mt-20 {
  margin-top: 20px !important;
}

@media screen and (max-width: 768px) {
  .u-mt-20 {
    margin-top: 10px !important;
  }
}

.u-mb-20 {
  margin-bottom: 20px !important;
}

@media screen and (max-width: 768px) {
  .u-mb-20 {
    margin-bottom: 10px !important;
  }
}

.u-mt-40 {
  margin-top: 40px !important;
}

.pd-80{
  padding: 80px;
}

@media screen and (max-width: 768px) {
  .u-mt-40 {
    margin-top: 20px !important;
  }
  .pd-80{
    padding: 40px;
  }
}

.u-mb-40 {
  margin-bottom: 40px !important;
}

@media screen and (max-width: 768px) {
  .u-mb-40 {
    margin-bottom: 20px !important;
  }
}

/* iframe */
.u-ar-iframe {
  position: relative;
}

.u-ar-iframe::before {
  content: "";
  float: left;
  padding-top: 56.25%;
}

.u-ar-iframe::after {
  content: "";
  display: block;
  clear: both;
}

.u-ar-iframe> :first-child {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

/**
* fullBgLine
**/
.fullBg__lineWrap {
  padding: 0 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: calc(100% + 80px);
  position: fixed;
  top: -80px;
  left: 0;
  z-index: 0;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@media screen and (max-width: 768px) {
  .fullBg__lineWrap {
    padding: 0 24px;
    /* top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); */
  }
}

.fullBg__lineWrap:before,
.fullBg__lineWrap:after,
.fullBg__lineWrap>div {
  content: "";
  display: block;
  width: calc(100% / 4);
  height: 100%;
  border-right: 1px solid #FFF;
}

@media screen and (max-width: 768px) {

  .fullBg__lineWrap:before,
  .fullBg__lineWrap:after,
  .fullBg__lineWrap>div {
    width: calc(100% / 2);
  }
}

.fullBg__lineWrap:before {
  border-left: 1px solid #FFF;
}

@media screen and (max-width: 768px) {
  .fullBg__lineWrap>div {
    display: none;
  }
}

.fullBg__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  z-index: 10;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@media screen and (min-width: 769px) {
  .fullBg__grid {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    right: 0px;
    left: 0px;
    padding: 0 80px;
  }
}

@media screen and (max-width: 768px) {
  .fullBg__grid {
    width: calc(100% - 48px);
    margin: 0 auto;
  }
}

.fullBg__grid>div {
  width: calc(100% / 4);
  height: 8px;
  margin-top: 20px;
  padding: 0 8px;
  position: relative;
  margin-top: auto;
  margin-bottom: 21px;
}

@media screen and (max-width: 768px) {
  .fullBg__grid>div {
    width: calc(100% / 2);
    margin-bottom: 16px;
  }
}

.fullBg__grid>div:before {
  content: "GRID";
  color: #000;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  opacity: .4;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%) scale(0.8);
  transform: translateX(-50%) scale(0.8);
  bottom: -15px;
  font-family: "Roboto Condensed", sans-serif;
}

@media screen and (max-width: 768px) {
  .fullBg__grid>div:before {
    bottom: -12px;
  }
}

.fullBg__grid>div:after {
  content: "";
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  display: block;
  width: calc(100% - 16px);
  height: 100%;
  margin: auto;
  opacity: .2;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}

.fullBg__grid>div>span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  opacity: .2;
}

.fullBg__grid>div>span:before,
.fullBg__grid>div>span:after {
  content: "";
  background-color: #000;
  display: block;
  width: calc(50% - 7px);
  height: 1px;
}

.fullBg__grid>div>span>span {
  background-size: 100%;
  background-position: 0 0;
  background-repeat: no-repeat;
  display: block;
  width: 14px;
  height: 100%;
  background-image: url(../img/common/deco/deco_arrow_type3.svg);
  margin-top: -6px;
}

/* spNav */
.fullBg__spNav {
  height: 200%;
  top: 0;
  left: 0;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  z-index: 999;
}

.fullBg__spNav,
.header__bg {
  /* display: none; */
  pointer-events: none;
  transform: translateX(110%);
  transition: all 0.3s ease;
}

.-active .fullBg__spNav,
.-active .header__bg {
  /* display: block; */
  opacity: 1;
  transform: translateX(0%);
}

.fullBg__spNav::before {
  border-right: 1px solid rgba(0, 0, 0, 0.16);
  border-left: 1px solid rgba(0, 0, 0, 0.16);
}

.fullBg__spNav::after {
  border-right: 1px solid rgba(0, 0, 0, 0.16);
}

/**
* bg-hexagon
* 右上、左下を欠けさせる
**/
.c-bg-hexagon {
  position: relative;
  background: #FFF;
  background: linear-gradient(225deg, transparent 56px, #FFF 0) top right, linear-gradient(0deg, transparent 0px, #FFF 0) top left, linear-gradient(45deg, transparent 56px, #FFF 0) bottom left, linear-gradient(0deg, transparent 0px, #FFF 0) bottom right;
  background-size: 52% 52%;
  background-repeat: no-repeat;
  min-width: 90px;
  min-height: 90px;
  position: relative;
}

@media screen and (max-width: 768px) {
  .c-bg-hexagon {
    background: linear-gradient(225deg, transparent 16px, #FFF 0) top right, linear-gradient(0deg, transparent 0px, #FFF 0) top left, linear-gradient(45deg, transparent 16px, #FFF 0) bottom left, linear-gradient(0deg, transparent 0px, #FFF 0) bottom right;
    background-size: 52% 52%;
    background-repeat: no-repeat;
  }
}

.c-bg-hexagon::before,
.c-bg-hexagon::after {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  -webkit-mask-image: url(../img/common/deco/deco_frame.svg);
  mask-image: url(../img/common/deco/deco_frame.svg);
  background-color: rgba(0, 0, 0, 0.24);
}

.c-bg-hexagon::before {
  position: absolute;
  top: 8px;
  left: 8px;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.c-bg-hexagon::after {
  position: absolute;
  bottom: 8px;
  right: 8px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.c-bg-hexagon--small::before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #FFF;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  z-index: 10;
  position: absolute;
}

.c-bg-hexagon--small.-top::before {
  right: -2px;
  bottom: 2px;
}

.c-bg-hexagon--small.-bottom::before {
  top: -2px;
  left: -1px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.c-bg-hexagon--small::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid #000;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  z-index: 11;
  position: absolute;
}

.c-bg-hexagon--small.-top::after {
  right: -7px;
  bottom: 0;
}

.c-bg-hexagon--small.-bottom::after {
  top: -2px;
  left: -8px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/**
* frameDeco
*/
.c-frameDeco {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 99;
}

@media screen and (max-width: 768px) {
  .c-frameDeco {
    height: 100%;
  }
}

.c-frameDeco span {
  display: block;
}

.c-frameDeco span::before,
.c-frameDeco span::after {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
}

.c-frameDeco .is-top::before {
  position: absolute;
  top: 8px;
  left: 8px;
}

.c-frameDeco .is-top::after {
  position: absolute;
  top: 8px;
  right: 8px;
}

.c-frameDeco .is-btm::before {
  position: absolute;
  bottom: 8px;
  left: 8px;
}

.c-frameDeco .is-btm::after {
  position: absolute;
  bottom: 8px;
  right: 8px;
}

.c-frameDeco__wrap {
  min-width: 500px;
  min-height: 500px;
  position: relative;
}

.c-frameDeco__wrap.-bg-white {
  background: #FFF;
}

.c-frameDeco__wrap.-bg-black {
  background: #000;
}

.c-frameDeco.-bg-white .is-top::before,
.c-frameDeco.-bg-white .is-top::after,
.c-frameDeco.-bg-white .is-btm::before,
.c-frameDeco.-bg-white .is-btm::after {
  background-color: rgba(0, 0, 0, 0.24);
}

.c-frameDeco.-bg-white .is-top::before {
  -webkit-mask-image: url(../img/common/deco/deco_frame.svg);
  mask-image: url(../img/common/deco/deco_frame.svg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.c-frameDeco.-bg-white .is-top::after {
  -webkit-mask-image: url(../img/common/deco/deco_frame.svg);
  mask-image: url(../img/common/deco/deco_frame.svg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.c-frameDeco.-bg-white .is-btm::before {
  -webkit-mask-image: url(../img/common/deco/deco_frame.svg);
  mask-image: url(../img/common/deco/deco_frame.svg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.c-frameDeco.-bg-white .is-btm::after {
  -webkit-mask-image: url(../img/common/deco/deco_frame.svg);
  mask-image: url(../img/common/deco/deco_frame.svg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.c-frameDeco.-bg-black .is-top::before,
.c-frameDeco.-bg-black .is-top::after,
.c-frameDeco.-bg-black .is-btm::before,
.c-frameDeco.-bg-black .is-btm::after {
  background-color: rgba(255, 255, 255, 0.24);
}

.c-frameDeco.-bg-black .is-top::before {
  -webkit-mask-image: url(../img/common/deco/deco_frame.svg);
  mask-image: url(../img/common/deco/deco_frame.svg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.c-frameDeco.-bg-black .is-top::after {
  -webkit-mask-image: url(../img/common/deco/deco_frame.svg);
  mask-image: url(../img/common/deco/deco_frame.svg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.c-frameDeco.-bg-black .is-btm::before {
  -webkit-mask-image: url(../img/common/deco/deco_frame.svg);
  mask-image: url(../img/common/deco/deco_frame.svg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.c-frameDeco.-bg-black .is-btm::after {
  -webkit-mask-image: url(../img/common/deco/deco_frame.svg);
  mask-image: url(../img/common/deco/deco_frame.svg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

/**
* contentsDeco
*/
.c-contentsDeco {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.c-contentsDeco::before,
.c-contentsDeco::after {
  display: block;
  position: absolute;
  z-index: 10;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 12px;
  left: -52px;
  width: 24px;
  text-align: center;
  font-weight: 500;
}

@media screen and (max-width: 768px) {

  .c-contentsDeco::before,
  .c-contentsDeco::after {
    font-size: 10px;
    left: -24px;
  }
}

.c-contentsDeco.-start::before,
.c-contentsDeco.-start::after {
  color: #00a2c2;
}

.c-contentsDeco.-start::before {
  top: 0;
}

.c-contentsDeco.-start::after {
  bottom: 16px;
}

.c-contentsDeco.-start.-num1::before,
.c-contentsDeco.-start.-num1::after {
  content: '01';
}

.c-contentsDeco.-start.-num2::before,
.c-contentsDeco.-start.-num2::after {
  content: '02';
}

.c-contentsDeco.-start.-num3::before,
.c-contentsDeco.-start.-num3::after {
  content: '03';
}

.c-contentsDeco.-start.-num4::before,
.c-contentsDeco.-start.-num4::after {
  content: '04';
}

.c-contentsDeco.-start.-num5::before,
.c-contentsDeco.-start.-num5::after {
  content: '05';
}

.c-contentsDeco.-start.-num6::before,
.c-contentsDeco.-start.-num6::after {
  content: '06';
}

.c-contentsDeco.-start.-num7::before,
.c-contentsDeco.-start.-num7::after {
  content: '07';
}

.c-contentsDeco.-end::before {
  content: 'END';
  left: -52px;
  bottom: 0;
  color: #000;
  opacity: .32;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}

@media screen and (max-width: 768px) {
  .c-contentsDeco.-end::before {
    left: -24px;
  }
}

@media screen and (min-width: 769px) {
  .sp {
    display: none !important;
  }
}

@media screen and (max-width: 768px) {
  .pc {
    display: none !important;
  }
}

.u-cf::after {
  clear: both;
  content: "";
  display: block;
}

.u-ellipsis {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .u-ellipsis {
    -webkit-line-clamp: 3;
  }
}

@media screen and (min-width: 1200px) {
  .u-full-width {
    margin: 0 calc(50% - 50vw);
  }
}

.u-mt15 {
  margin-top: 15px;
}

.u-mt24 {
  margin-top: 24px;
}

.u-mb24 {
  margin-bottom: 24px;
}

@media screen and (max-width: 768px) {
  .u-mb24 {
    margin-bottom: 12px;
  }
}

.u-font-bold {
  font-weight: 600;
}

.u-writing-vertical {
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
}

.u-font-condensed {
  font-family: "Roboto Condensed", sans-serif;
}

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

.u-hover-scale {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

a:hover .u-hover-scale {
  -webkit-transform: scale(1.08);
  transform: scale(1.08);
}

.u-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.u-flex-c {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.u-flex-sa {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.u-flex-sa {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

/**
* border
**/
.u-border-top {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.u-border-btm {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

@media screen and (min-width: 769px) {
  .u-border-right {
    border-right: 1px solid rgba(0, 0, 0, 0.08);
  }
}

@media screen and (min-width: 769px) {
  .u-border-left {
    border-left: 1px solid rgba(0, 0, 0, 0.08);
  }
}

.shareLists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.shareLists__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.shareLists__ttl {
  display: inline-block;
  margin-right: 24px;
  color: #000;
  font-size: 12px;
  line-height: 1;
  letter-spacing: .025em;
  text-transform: uppercase;
  font-family: "Roboto Condensed", sans-serif;
}

.shareLists li:not(:last-child) {
  margin-right: 16px;
}

.shareLists>li a {
  background-size: 100%;
  background-position: 0 0;
  background-repeat: no-repeat;
  display: block;
  width: 40px;
  height: 40px;
  position: relative;
}

.shareLists>li a:before {
  content: "";
  background-size: 100%;
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity .3s ease-in-out;
  transition: opacity .3s ease-in-out;
}

.shareLists>li a:hover:before {
  opacity: 1;
}

.shareLists .shareList__link--tw {
  background-image: url("../../assets/img/common/icon/iconsns_tw_off.png");
}

.shareLists .shareList__link--fb {
  background-image: url("../../assets/img/common/icon/iconsns_fb_off.png");
}

.shareLists .shareList__link--line {
  background-image: url("../../assets/img/common/icon/iconsns_line_off.png");
}

.shareLists .shareList__link--tw:hover:before {
  background-image: url("../../assets/img/common/icon/iconsns_tw_on.png");
}

.shareLists .shareList__link--fb:hover:before {
  background-image: url("../../assets/img/common/icon/iconsns_fb_on.png");
}

.shareLists .shareList__link--line:hover:before {
  background-image: url("../../assets/img/common/icon/iconsns_line_on.png");
}

@-webkit-keyframes ani-scroll {
  0% {
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }

  50% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }

  50.1% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
  }

  100% {
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
  }
}

@keyframes ani-scroll {
  0% {
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }

  50% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }

  50.1% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
  }

  100% {
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
  }
}

@-webkit-keyframes ani-indicator {
  0% {
    width: 0;
  }

  90% {
    width: 100%;
  }

  100% {
    width: 100%;
  }
}

@keyframes ani-indicator {
  0% {
    width: 0;
  }

  90% {
    width: 100%;
  }

  100% {
    width: 100%;
  }
}

@-webkit-keyframes ani-hide-width {
  0% {
    width: 100%;
  }

  100% {
    width: 0;
  }
}

@keyframes ani-hide-width {
  0% {
    width: 100%;
  }

  100% {
    width: 0;
  }
}

@-webkit-keyframes ani-hide-height {
  0% {
    height: 100%;
  }

  100% {
    height: 0;
  }
}

@keyframes ani-hide-height {
  0% {
    height: 100%;
  }

  100% {
    height: 0;
  }
}

@-webkit-keyframes ani-flash {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.4;
  }

  100% {
    opacity: 1;
  }
}

@keyframes ani-flash {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.4;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes ani-bound {

  0%,
  100% {
    top: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  30% {
    top: -60%;
    -webkit-transform: scale(0.96, 1.04);
    transform: scale(0.96, 1.04);
  }

  60% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  90% {
    top: 0;
    -webkit-transform: scale(1.2, 0.8);
    transform: scale(1.2, 0.8);
  }
}

@keyframes ani-bound {

  0%,
  100% {
    top: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  30% {
    top: -60%;
    -webkit-transform: scale(0.96, 1.04);
    transform: scale(0.96, 1.04);
  }

  60% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  90% {
    top: 0;
    -webkit-transform: scale(1.2, 0.8);
    transform: scale(1.2, 0.8);
  }
}

@-webkit-keyframes ani-bound-fin {
  0% {
    top: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    top: -80%;
    -webkit-transform: scale(0.96, 1.04);
    transform: scale(0.96, 1.04);
    opacity: 0;
  }
}

@keyframes ani-bound-fin {
  0% {
    top: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    top: -80%;
    -webkit-transform: scale(0.96, 1.04);
    transform: scale(0.96, 1.04);
    opacity: 0;
  }
}

@-webkit-keyframes ani-shadow {

  0%,
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-filter: blur(4px);
    filter: blur(4px);
  }

  30% {
    -webkit-transform: scale(1.6, 1);
    transform: scale(1.6, 1);
    -webkit-filter: blur(8px);
    filter: blur(8px);
  }
}

@keyframes ani-shadow {

  0%,
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-filter: blur(4px);
    filter: blur(4px);
  }

  30% {
    -webkit-transform: scale(1.6, 1);
    transform: scale(1.6, 1);
    -webkit-filter: blur(8px);
    filter: blur(8px);
  }
}

@-webkit-keyframes ani-blink {
  0% {
    opacity: 0.6;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0.6;
  }
}

@keyframes ani-blink {
  0% {
    opacity: 0.6;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0.6;
  }
}

/* ===============================================
# loading
=============================================== */
.loading {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 10000;
  width: 100vw;
  height: 100vh;
  background-color: #000;
  opacity: 1;
  will-change: transform, opacity;
}

.-loadComplete .loading {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: opacity .3s .8s, -webkit-transform .3s .8s, -webkit-transform .3s .8s;
  transition: opacity .3s .8s, -webkit-transform .3s .8s, -webkit-transform .3s .8s;
  transition: opacity .3s .8s, transform .3s .8s, transform .3s .8s;
  transition: opacity .3s .8s, transform .3s .8s, transform .3s .8s, -webkit-transform .3s .8s, -webkit-transform .3s .8s;
  -webkit-transition-delay: 1.5s;
  transition-delay: 1.5s;
}

.loading.-close {
  opacity: 1;
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  -webkit-transition: opacity 0s 0s, -webkit-transform .3s .8s;
  transition: opacity 0s 0s, -webkit-transform .3s .8s;
  transition: opacity 0s 0s, transform .3s .8s;
  transition: opacity 0s 0s, transform .3s .8s, -webkit-transform .3s .8s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.loading__in {
  width: 200px;
  height: 200px;
}

.loading__icon {
  position: relative;
  width: 100%;
  height: 240px;
  -webkit-transform: translateY(-40px);
  transform: translateY(-40px);
}

.loading__ball {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 80px;
  height: 80px;
  background-color: #00a2c2;
  -webkit-mask-image: url(../../assets/img/loading/haro.svg);
  mask-image: url(../../assets/img/loading/haro.svg);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-animation: ani-bound 1s infinite;
  animation: ani-bound 1s infinite;
  z-index: 2;
}

.loading__shadow {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: -120px;
  /*対象のheightと微調節*/
  margin: auto;
  width: 60px;
  height: 10px;
  border-radius: 50%;
  background: #FFF;
  -webkit-filter: blur(6px);
  filter: blur(6px);
  z-index: 1;
  -webkit-animation: ani-shadow 1s infinite;
  animation: ani-shadow 1s infinite;
}

.loading__txt {
  font-size: .8rem;
  font-weight: 500;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, 35px, 0);
  transform: translate3d(-50%, 35px, 0);
  letter-spacing: 0.07em;
  -webkit-animation: ani-blink .2s infinite;
  animation: ani-blink .2s infinite;
  color: #00a2c2;
  font-family: "Michroma", sans-serif;
}

/**
* load後
**/
.-load-appear {
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease;
}

@media screen and (min-width: 769px) {
  .-load-appear.-top {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}

@media screen and (min-width: 769px) {

  .-topLoadComplete .-load-appear.-top,
  .-loadComplete .-load-appear.-top {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}

@media screen and (min-width: 769px) {
  .-topLoadComplete .-load-appear.-top {
    -webkit-transition-delay: 2.8s;
    transition-delay: 2.8s;
  }
}

@media screen and (min-width: 769px) {
  .-loadComplete .-load-appear.-top {
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
  }
}

.-load-appear.-left {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

@media screen and (min-width: 769px) {

  .-topLoadComplete .-load-appear.-left,
  .-loadComplete .-load-appear.-left {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@media screen and (min-width: 769px) {
  .-loadComplete .-load-appear.-left {
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
  }
}

.c-slice-box {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 999;
}

.p-series-contents .c-slice-box {
  width: 50%;
}

@media screen and (max-width: 768px) {
  .p-series-contents .c-slice-box {
    width: 100%;
  }
}

.p-series-contents .c-slice-box:nth-of-type(1) {
  left: 0;
}

.p-series-contents .c-slice-box:nth-of-type(2) {
  left: 50%;
}

@media screen and (max-width: 768px) {
  .p-series-contents .c-slice-box:nth-of-type(2) {
    display: none;
  }
}

.header .c-slice-box {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .header .c-slice-box {
    display: none;
  }
}

.p-series-nav .c-slice-box {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .p-series-nav .c-slice-box {
    display: none;
  }
}

#story .c-slice-box,
#chara .c-slice-box,
#mecha .c-slice-box,
#p-news .c-slice-box,
#p-onair .c-slice-box,
#p-about .c-slice-box,
#p-blu-ray .c-slice-box {
  width: 100%;
}

.-finish .c-slice-box {
  display: none;
}

.c-slice-square {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  background: #00a2c2;
  z-index: 99;
  top: 0;
  right: 0;
}

.-loadComplete .c-slice-box.-width .c-slice-square {
  -webkit-animation: ani-hide-width .4s ease forwards;
  animation: ani-hide-width .4s ease forwards;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
}

.-loadComplete .c-slice-box.-height .c-slice-square {
  -webkit-animation: ani-hide-height .4s ease forwards;
  animation: ani-hide-height .4s ease forwards;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
}

#story.-loadComplete .c-slice-box.-width .c-slice-square,
#p-news.-loadComplete .c-slice-box.-width .c-slice-square,
#p-onair.-loadComplete .c-slice-box.-width .c-slice-square,
#p-about.-loadComplete .c-slice-box.-width .c-slice-square,
#p-blu-ray.-loadComplete .c-slice-box.-width .c-slice-square {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
}

#story.-loadComplete .c-slice-box.-height .c-slice-square,
#p-news.-loadComplete .c-slice-box.-height .c-slice-square,
#p-onair.-loadComplete .c-slice-box.-height .c-slice-square,
#p-about.-loadComplete .c-slice-box.-height .c-slice-square,
#p-blu-ray.-loadComplete .c-slice-box.-height .c-slice-square {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
}

#top .c-slice-box__wrap {
  display: none;
}

/* c-txt-condensed */
.c-txt-condensed {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
}

/**
 * タイトル、装飾の文字・数字
 */
/* p-cmn-ttl */
.p-cmn-ttl {
  margin: 0 80px 80px;
  position: relative;
}

@media screen and (max-width: 768px) {
  .p-cmn-ttl {
    margin: 0 24px 84px 36px;
  }
}

.p-cmn-ttl::before {
  content: '';
  display: block;
  width: 40px;
  height: 80px;
  position: absolute;
  top: 20px;
  left: -80px;
  background: url("../../assets/img/common/deco/deco_title_before.png") no-repeat 0 0/100%;
}

@media screen and (max-width: 768px) {
  .p-cmn-ttl::before {
    width: 28px;
    height: 52px;
    top: 10px;
    left: -3px;
  }
}

.p-cmn-ttl::after {
  display: block;
  position: absolute;
  z-index: 10;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 12px;
  color: #00a2c2;
}

@media screen and (min-width: 769px) {
  .p-cmn-ttl::after {
    top: 50%;
    right: -50px;
    margin-top: 16px;
  }
}

@media screen and (max-width: 768px) {
  .p-cmn-ttl::after {
    right: -18px;
    bottom: -36px;
    font-size: 10px;
  }
}

.p-index-update .p-cmn-ttl::after {
  content: '01';
}

.p-index-news .p-cmn-ttl::after {
  content: '02';
}

.p-index-about .p-cmn-ttl::after {
  content: '03';
}

.p-sample .p-cmn-ttl::after {
  content: "01";
}

.p-news .p-cmn-ttl::after {
  content: "01";
}

.p-cmn-ttl__en {
  color: #00a2c2;
  display: block;
  font-size: 104px;
  line-height: 1;
  letter-spacing: 0.01em;
  position: relative;
  white-space: nowrap;
  font-family: "Michroma", sans-serif;
  z-index: 11;
}

@media screen and (max-width: 768px) {
  .p-cmn-ttl__en {
    font-size: 47px;
    left: 40px;
  }
}

.p-cmn-ttl__ja {
  font-size: 16px;
  letter-spacing: .025em;
  font-weight: 600;
  position: absolute;
  right: 0;
  bottom: 34px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 11;
}

@media screen and (max-width: 768px) {
  .p-cmn-ttl__ja {
    top: 55px;
    font-size: 12px;
    line-height: 1;
  }
}

.p-cmn-ttl__ja::before {
  content: '';
  display: block;
  width: 6px;
  height: 12px;
  background: url("../../assets/img/common/deco/deco_arrow_type1.svg") no-repeat center center/contain;
  margin-right: 10px;
}

@media screen and (max-width: 768px) {
  .p-cmn-ttl__ja::before {
    margin-right: 8px;
  }
}

.p-cmn-ttl__ja:after {
  content: "MOBILE SUIT GUNDAM SEED";
  display: block;
  position: absolute;
  right: -12px;
  bottom: -30px;
  color: #000;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  line-height: 1;
  font-size: 10px;
  white-space: nowrap;
  opacity: .4;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}

@media screen and (max-width: 768px) {
  .p-cmn-ttl__ja:after {
    bottom: -24px;
  }
}

.p-cmn-ttl__deco {
  position: absolute;
  left: 250px;
  font-size: 16px;
  font-weight: 700;
  white-space: nowrap;
  width: calc(100% - 250px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
  color: #000;
  z-index: 11;
}

@media screen and (max-width: 768px) {
  .p-cmn-ttl__deco {
    width: calc(100% - 86px);
    left: 60px;
  }
}

.p-cmn-ttl__deco:before {
  content: "";
  background-color: #000;
  width: 100%;
  height: 1px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 53px;
  right: 0;
}

@media screen and (max-width: 768px) {
  .p-cmn-ttl__deco:before {
    bottom: -58px;
    left: 25px;
  }
}

.p-cmn-ttl__deco:after {
  content: "";
  background: url("../../assets/img/common/deco/deco_title_pointline.svg") no-repeat 0 0/100%;
  width: 32px;
  height: 31px;
  position: absolute;
  bottom: 26px;
  left: -30px;
}

@media screen and (max-width: 768px) {
  .p-cmn-ttl__deco:after {
    width: 56px;
    height: 56px;
    left: -30px;
    bottom: -30px;
    background: url("../../assets/img/common/deco/deco_title_pointline_sp.svg") no-repeat 0 0/100%;
  }
}

.p-cmn-ttl__sub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: -80px;
  margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
  .p-cmn-ttl__sub {
    margin-left: -24px;
    margin-bottom: 24px;
  }
}

.p-cmn-ttl__sub>span {
  display: block;
  margin-left: 40px;
  font-size: 24px;
  font-weight: 600;
  font-family: "Roboto Condensed", sans-serif;
}

@media screen and (max-width: 768px) {
  .p-cmn-ttl__sub>span {
    margin-left: 12px;
    font-size: 18px;
  }
}

.p-cmn-ttl__sub::before {
  content: '';
  display: block;
  width: 40px;
  height: 20px;
  background: #00a2c2;
}

@media screen and (max-width: 768px) {
  .p-cmn-ttl__sub::before {
    width: 24px;
    height: 14px;
  }
}

/* p-cmn-end */
.p-cmn-end {
  width: 80px;
  position: absolute;
  left: -52px;
  bottom: 0;
}

@media screen and (max-width: 768px) {
  .p-cmn-end {
    width: 24px;
  }
}

.p-cmn-end::before {
  display: block;
  color: #00a2c2;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  white-space: nowrap;
}

.p-index-update .p-cmn-end::before {
  content: "01";
}

.p-index-news .p-cmn-end::before {
  content: "02";
}

.p-index-about .p-cmn-end::before {
  content: "03";
}

.p-news .p-cmn-end::before {
  content: "01";
}

.p-onair .p-cmn-end::before {
  content: "01";
}

.p-about .p-cmn-end::before {
  content: "01";
}

.p-cmn-end::after {
  content: "END";
  display: block;
  color: #000;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  opacity: .4;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  white-space: nowrap;
}

/**
* share共通
**/
.p-cmn-share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
}

.p-cmn-share__dt {
  display: inline-block;
  color: #000;
  font-size: 12px;
  line-height: 1;
  letter-spacing: .025em;
  font-family: "Roboto Condensed", sans-serif;
  margin-right: 16px;
}

@media screen and (min-width: 769px) {
  .p-cmn-share__dt {
    text-transform: uppercase;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    margin-bottom: 25px;
  }
}

.p-cmn-share .shareLists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.p-cmn-share .shareLists>li:not(:last-child) {
  margin-bottom: 24px;
}

@media screen and (max-width: 768px) {
  .p-cmn-share .shareLists>li:not(:last-child) {
    margin-bottom: 0px;
    margin-right: 24px;
  }
}

.p-cmn-share .shareLists>li a {
  background-size: 100%;
  background-position: 0 0;
  background-repeat: no-repeat;
  display: block;
  width: 40px;
  height: 40px;
  position: relative;
}

.p-cmn-share .shareLists>li a.shareList__link--tw {
  background-image: url("../../assets/img/common/icon/iconsns_tw_off.png");
}

.p-cmn-share .shareLists>li a.shareList__link--fb {
  background-image: url("../../assets/img/common/icon/iconsns_fb_off.png");
}

.p-cmn-share .shareLists>li a.shareList__link--line {
  background-image: url("../../assets/img/common/icon/iconsns_line_off.png");
}

.p-cmn-share .shareLists>li a:before {
  content: "";
  background-size: 100%;
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity .3s ease-in-out;
  transition: opacity .3s ease-in-out;
}

.p-cmn-share .shareLists>li a:hover:before {
  opacity: 1;
}

.p-cmn-share .shareLists>li a.shareList__link--tw:hover:before {
  background-image: url("../../assets/img/common/icon/iconsns_tw_on.png");
}

.p-cmn-share .shareLists>li a.shareList__link--fb:hover:before {
  background-image: url("../../assets/img/common/icon/iconsns_fb_on.png");
}

.p-cmn-share .shareLists>li a.shareList__link--line:hover:before {
  background-image: url("../../assets/img/common/icon/iconsns_line_on.png");
}

/**
* observer
**/
.js-obs {
  opacity: 0;
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: opacity .5s, -webkit-transform .5s;
  transition: opacity .5s, -webkit-transform .5s;
  transition: opacity .5s, transform .5s;
  transition: opacity .5s, transform .5s, -webkit-transform .5s;
}

.js-obs.c-title-primary {
  -webkit-transform: translateX(-30px);
  transform: translateX(-30px);
}

body.-done .js-obs.-appear {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: .5s;
  transition-delay: .5s;
}

body.-done .js-obs.-appear.c-title-primary {
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}

/* twitterウィジェット対策 */
.twitterWidgetWrap {
  width: 100%;
  height: 680px;
}

@media screen and (max-width: 768px) {
  .twitterWidgetWrap {
    height: 360px;
  }
}

.twitterWidget {
  height: 100%;
  overflow-x: hidden;
}

/* swiper zoom */
.swiper-wrapper {
  z-index: 2;
}

#top .p-index-update .swiper-slide-prev img,
#top .p-index-update .swiper-slide-active img,
#top .p-index-update .swiper-slide-duplicate-active img,
#s-top .swiper-slide-prev img,
#s-top .swiper-slide-active img,
#s-top .swiper-slide-duplicate-active img {
  -webkit-animation: ani-zoom 6s forwards;
  animation: ani-zoom 6s forwards;
}

@-webkit-keyframes ani-zoom {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
}

@keyframes ani-zoom {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
}

.-set-fadein {
  opacity: 0;
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: opacity .5s, -webkit-transform .5s;
  transition: opacity .5s, -webkit-transform .5s;
  transition: opacity .5s, transform .5s;
  transition: opacity .5s, transform .5s, -webkit-transform .5s;
}

.-done .-set-fadein {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: .5s;
  transition-delay: .5s;
}


/* ===============================================
# index
=============================================== */
.p-index-update,
.p-index-news,
.p-index-about {
  position: relative;
  margin-bottom: 160px;
  z-index: 100;
}

@media screen and (max-width: 768px) {

  .p-index-update,
  .p-index-news,
  .p-index-about {
    margin-bottom: 49px;
  }
}

/**
 * mv.
 */
.p-index-mv {
  position: relative;
  z-index: 100;
}

.p-index-mv::before {
  content: 'KEY VISUAL';
  display: block;
  color: #d6d6d6;
  font-size: 10px;
  position: absolute;
  top: 4px;
  left: 50%;
  -webkit-transform: translate(-50%, 0%) scale(0.7);
  transform: translate(-50%, 0%) scale(0.7);
}

.p-index-mv::after {
  content: '';
  width: 72px;
  height: 4px;
  display: block;
  background: url("../../assets/img/common/deco/deco_arrow_small.svg") no-repeat right center/8px 4px, url("../../assets/img/common/deco/deco_arrow_small.svg") no-repeat left center/8px 4px;
  position: absolute;
  top: 10px;
  left: 50%;
  -webkit-transform: translate(-50%, 0%) scale(0.85);
  transform: translate(-50%, 0%) scale(0.85);
}

@media screen and (min-width: 769px) {
  .p-index-mv {
    /* height: calc(100vh - 80px); */
    min-height: 680px;
    /* max-height: 960px; */
    margin-bottom: 80px;
  }
}

@media screen and (max-width: 768px) {
  .p-index-mv {
    margin-bottom: 48px;
  }
}

.p-index-mv__wrap {
  position: relative;
  background-color: #fff;
}

.p-index-mv__in {
  height: 100%;
}

@media screen and (min-width: 769px) {
  .p-index-mv__in {
    margin-bottom: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    /* -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; */
  }
}

.p-index-mv__left,
.p-index-mv__center,
.p-index-mv__right {
  /* height: 100%; */
}

.p-index-mv__left,
.p-index-mv__right {
  width: 80px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.p-index-mv__center {
  width: calc(100% - 160px);
  border-left: 1px solid rgba(0, 0, 0, 0.16);
  border-right: 1px solid rgba(0, 0, 0, 0.16);
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .p-index-mv__center {
    width: 100%;
    padding: 24px;
  }
}

.p-index-mv__scroll {
  width: 100%;
  position: relative;
  z-index: 10;
}

.p-index-mv__scroll a {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 10px 10px 185px;
  color: #000;
  font-size: 12px;
  line-height: 1;
  letter-spacing: .025em;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr;
  -webkit-transition: .2s;
  transition: .2s;
  overflow: hidden;
  font-family: "Roboto Condensed", sans-serif;
}

.p-index-mv__scroll a::before,
.p-index-mv__scroll a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 2px;
  height: 160px;
}

.p-index-mv__scroll a::before {
  background: rgba(0, 0, 0, 0.16);
}

.p-index-mv__scroll a::after {
  background: #00a2c2;
  -webkit-animation: ani-scroll 1.5s cubic-bezier(1, 0, 0, 1) infinite;
  animation: ani-scroll 1.5s cubic-bezier(1, 0, 0, 1) infinite;
}

.p-index-mv__share {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  z-index: 10;
}

.p-index-mv__share--dt {
  display: inline-block;
  color: #000;
  font-size: 12px;
  line-height: 1;
  letter-spacing: .025em;
  text-transform: uppercase;
  -webkit-writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr;
  font-family: "Roboto Condensed", sans-serif;
  margin-bottom: 25px;
}

.p-index-mv__share .shareLists {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.p-index-mv__share .shareLists>li {
  margin-right: 0px;
}

.p-index-mv__share .shareLists>li:not(:last-child) {
  margin-bottom: 24px;
}

.p-index-mv__center {
  position: relative;
}

.p-index-mv__visual {
  overflow: hidden;
  position: relative;
}

@media screen and (min-width: 769px) {
  .p-index-mv__visual {
    height: calc(100% - 48px);
    min-height: calc(680px - 40px);
    margin: 24px;
  }
}

@media screen and (max-width: 768px) {
  .p-index-mv__visual {
    height: 100%;
  }
}

.p-index-mv__visual img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.-done .p-index-mv__visual img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 1s ease-out;
  transition: -webkit-transform 1s ease-out;
  transition: transform 1s ease-out;
  transition: transform 1s ease-out, -webkit-transform 1s ease-out;
}

.p-index-mv__catch {
  position: absolute;
  bottom: 0;
  left: -6px;
}

.p-index-mv__catch>h1 {
  font-size: clamp(104px, 1vw, 130px);
  line-height: 0.923;
}

@media screen and (min-width: 769px) {
  .p-index-mv__deco {
    min-height: 680px;
  }
}

.p-index-mv__item {
  position: absolute;
  top: 16px;
  left: 8px;
  padding: 8px;
  filter: drop-shadow(0 0 1px #fff) drop-shadow(0 0 1px #fff) drop-shadow(0 0 1px #fff) drop-shadow(0 0 1px #fff) drop-shadow(0 0 1px #fff);
}

.p-index-mv__item img {
  max-width: 160px;
}

.p-index-mv .c-slice-box {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .p-index-mv__item {
    top: 3vw;
    left: 3vw;
    padding: 8px;
  }
  
  .p-index-mv__item img {
    max-width: 30vw;
  }
}
/* 20th記念バナー */
.p-index-bnr {
  margin: 0 auto 80px;
  padding: 0 40px;
  position: relative;
  z-index: 99;
}

@media screen and (max-width: 768px) {
  .p-index-bnr {
    padding: 0;
    position: absolute;
    bottom: 0;
    margin: 0 10vw 40px;
  }
}

.p-index-bnr>a img {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  display: block;
}

.p-index-bnr>a {
  transition: opacity .3s ease;
}

.p-index-bnr>a:hover {
  opacity: .7;
}

/**
 * index-update.
 */
.p-index-update {
  margin-bottom: calc(120px * 2);
}

@media screen and (max-width: 768px) {
  .p-index-update {
    margin-bottom: calc(48px * 2);
  }
}

@media screen and (max-width: 768px) {
  .p-index-update .c-title-primary__ja {
    top: 64px;
  }
}

.p-index-update__in {
  position: relative;
  margin: 0 80px;
}

@media screen and (min-width: 769px) {
  .p-index-update__in {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 50% 50%;
    grid-template-columns: 50% 50%;
  }
}

@media screen and (max-width: 768px) {
  .p-index-update__in {
    margin: 0 24px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.p-index-update__item {
  width: 100%;
  position: relative;
}

@media screen and (max-width: 768px) {
  .p-index-update__item {
    width: 100%;
  }
}

.p-index-update__itemIn {
  width: calc(100% - 40px);
  background: #000;
  position: relative;
}

@media screen and (max-width: 768px) {
  .p-index-update__itemIn {
    width: 100%;
  }
}

.p-index-update__twitter .p-index-update__itemIn {
  padding-top: 1px;
}

.p-index-update__title {
  margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
  .p-index-update__title {
    margin-bottom: 24px;
  }

  .p-index-update__title::before {
    width: 12px;
    height: 14px;
    margin-top: 9px;
    margin-right: 13px;
  }
}

@media screen and (max-width: 768px) {
  .p-index-update__twitter {
    margin-bottom: 40px;
  }
}

.p-index-update__twiIn {
  height: calc(100% - 70px);
}

.p-index-update__twi {
  height: 100%;
  overflow-y: scroll;
  position: relative;
  margin: 40px 40px;
  margin-bottom: 40px;
  z-index: 10;
}

@media screen and (max-width: 768px) {
  .p-index-update__twi {
    max-height: 260px;
    margin: 24px 24px 0;
  }
}

.p-index-update__pickup .p-cmn-ttl__sub {
  margin-left: -40px;
}

.p-index-update__pickup .p-index-update__itemIn {
  margin-left: auto;
}

@media screen and (min-width: 769px) {
  .p-index-update__pickup .p-index-update__title {
    margin-left: -40px;
  }
}

.p-index-update__pickup--item>a {
  display: block;
  overflow: hidden;
  position: relative;
}

.p-index-update__pickup--item>a:before {
  content: "";
  background-size: auto auto;
  background-color: transparent;
  background-image: repeating-linear-gradient(0deg, transparent, transparent 1px, rgba(0, 0, 0, 0.4) 1px, rgba(0, 0, 0, 0.4) 2px);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  -webkit-transition: opacity .4s ease;
  transition: opacity .4s ease;
}

.p-index-update__pickup--item .icon-play {
  width: 76px;
  height: 76px;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
  transition: -webkit-transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
  transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
  transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

.p-index-update__pickup--item .icon-play>span {
  background: url("../../assets/img/common/deco/deco_circle_arrow.svg") no-repeat 0 0/100%;
  width: 12px;
  height: 22px;
  margin: auto;
  position: absolute;
  top: 0;
  right: -3px;
  bottom: 0;
  left: 0;
}

.p-index-update__pickup--item .icon-play:before {
  content: "";
  background: url("../../assets/img/common/deco/deco_circle_in.svg") no-repeat 0 0/100%;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
  transition: -webkit-transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
  transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
  transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

.p-index-update__pickup--item .icon-play:after {
  content: "";
  background: url("../../assets/img/common/deco/deco_circle_out.svg") no-repeat 0 0/100%;
  width: 100%;
  height: calc(100% - 4px);
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
  transition: -webkit-transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
  transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
  transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

.p-index-update__pickup--item:hover .icon-play {
  -webkit-transform: scale(1.25);
  transform: scale(1.25);
}

.p-index-update__pickup--item:hover .icon-play::before {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}

.p-index-update__pickup--item:hover .icon-play::after {
  -webkit-transform: rotate(-360deg);
  transform: rotate(-360deg);
}

.p-index-update__pickup--item .thumb-bg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  padding-top: 56.25%;
  position: relative;
  z-index: 1;
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
  transition: -webkit-transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
  transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
  transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

.p-index-update__pickup--item:hover .thumb-bg {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.p-index-update__pickup--option {
  width: 100%;
  height: 72px;
}

@media screen and (max-width: 768px) {
  .p-index-update__pickup--option {
    height: 36px;
  }
}

.p-index-update__pickup--option.-pagination-off {
  /* 複数枚になったら消す */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.p-index-update__pickup--option.-pagination-off .swiper-pagination-bullet:only-child {
  display: block !important;
}

.p-index-update__link {
  width: 280px;
  position: absolute;
  bottom: 40px;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .p-index-update__link {
    width: 230px;
    height: 36px;
  }
}

.p-index-update__slider {
  padding: 24px;
}

.p-index-update .p-index-update__pickup .c-frameDeco -bg-black {
  height: 100%;
}

@media screen and (max-width: 768px) {
  .p-index-update .p-index-update__pickup .c-frameDeco -bg-black {
    height: 100%;
  }
}

.p-index-update__pickup--wrap {
  height: 100%;
  padding: 24px;
  overflow: hidden;
  position: relative;
}

.p-index-update__pickup--item img {
  width: 100%;
  display: block;
  margin: 0 auto;
}

/**
 * index-news.
 */
.p-index-news__in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 80px;
}

@media screen and (max-width: 768px) {
  .p-index-news__in {
    margin: 0 24px;
  }
}

.p-index-news__controller {
  width: calc(100% / 4);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
}

@media screen and (min-width: 769px) {
  .p-index-news__controller {
    height: 340px;
  }
}

@media screen and (min-width: 769px) {
  .p-index-news__more {
    width: 16.66667vw;
    min-width: 200px;
    max-width: 270px;
  }
}

@media screen and (max-width: 768px) {
  .p-index-news .p-index-news__more {
    width: 125px;
    position: absolute;
    left: -44px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}

.p-index-news__btn {
  width: 15vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (min-width: 769px) {
  .p-index-news__btn {
    min-width: 180px;
    max-width: 270px;
  }
}

@media screen and (max-width: 768px) {
  .p-index-news__btn {
    margin-top: 104px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin-left: -4px;
  }
}

.p-index-news__btn--item {
  width: 70px;
  height: 70px;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

@media screen and (max-width: 768px) {
  .p-index-news__btn--item {
    width: 48px;
    height: 48px;
  }

  .p-index-news__btn--item:last-child {
    margin-left: -20px;
    margin-bottom: 24px;
  }
}

.p-index-news__btn--item.prev-news {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.p-index-news__btn--item.prev-news:hover {
  opacity: 1;
  -webkit-transform: translateX(-8px);
  transform: translateX(-8px);
}

.p-index-news__btn--item.prev-news::before {
  content: '';
  width: 68px;
  height: 68px;
  display: block;
  background: url("../../assets/img/common/deco/deco_arrow_left.svg") no-repeat center center/contain;
}

.p-index-news__btn--item.next-news {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.p-index-news__btn--item.next-news:hover {
  opacity: 1;
  -webkit-transform: translateX(8px);
  transform: translateX(8px);
}

.p-index-news__btn--item.next-news::after {
  content: '';
  width: 68px;
  height: 68px;
  display: block;
  background: url("../../assets/img/common/deco/deco_arrow_right.svg") no-repeat center center/contain;
}

.p-index-news__btn--item:hover {
  opacity: .7;
}

.p-index-news__btn--item span {
  font-size: 16px;
  font-family: "Roboto Condensed", sans-serif;
  color: #000;
}

@media screen and (max-width: 768px) {
  .p-index-news__btn--item span {
    font-size: 12px;
  }
}

.p-index-news__wrap {
  width: calc(75% + 80px);
  position: relative;
}

@media screen and (min-width: 769px) {
  .p-index-news__wrap {
    margin-top: -250px;
    margin-right: -80px;
    padding-top: 240px;
  }
}

@media screen and (max-width: 768px) {
  .p-index-news__wrap {
    width: calc(100% - 20%);
    margin-right: -24px;
    margin-top: -160px;
    padding-top: 160px;
    padding-bottom: 48px;
  }
}

.p-index-news__wrap::before,
.p-index-news__wrap::after {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  -webkit-mask-image: url(../img/common/deco/deco_frame.svg);
  mask-image: url(../img/common/deco/deco_frame.svg);
  background-color: rgba(0, 0, 0, 0.24);
}

.p-index-news__wrap::before {
  position: absolute;
  top: 8px;
  left: 8px;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.p-index-news__wrap::after {
  position: absolute;
  bottom: 8px;
  right: 8px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.p-index-news__list {
  padding: 0 40px;
  margin-bottom: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  z-index: 10;
}

@media screen and (max-width: 768px) {
  .p-index-news__list {
    padding: 0 0;
    margin-bottom: 0;
  }
}

.p-index-news__slider {
  padding-bottom: 95px;
}

@media screen and (max-width: 768px) {
  .p-index-news__slider {
    padding-bottom: 36px;
  }
}

.p-index-news__card {
  border-right: 1px solid rgba(0, 0, 0, 0.16);
}

@media screen and (min-width: 769px) {
  .p-index-news__card {
    width: 370px;
    padding: 0 40px;
  }
}

@media screen and (max-width: 768px) {
  .p-index-news__card {
    padding: 0 24px;
  }
}

.p-index-news__link:hover .p-index-news__txt {
  color: #00a2c2;
}

.p-index-news__thumb {
  margin-bottom: 24px;
  overflow: hidden;
  position: relative;
  padding-top: 56.25%;
}

@media screen and (max-width: 768px) {
  .p-index-news__thumb {
    margin-bottom: 12px;
  }
}

.p-index-news__thumb img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.p-index-news__txt {
  -webkit-transition: color .3s;
  transition: color .3s;
}

@media screen and (max-width: 768px) {
  .p-index-news__txt {
    font-size: 12px;
  }
}

.p-index-news__detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 16px;
}

@media screen and (max-width: 768px) {
  .p-index-news__detail {
    margin-bottom: 4px;
  }
}

.p-index-news__date {
  font-family: "Roboto Condensed", sans-serif;
  color: #00a2c2;
  font-size: 16px;
  line-height: 1;
}

@media screen and (max-width: 768px) {
  .p-index-news__date {
    font-size: 12px;
    margin-bottom: 8px;
  }
}

.p-index-news__tagList {
  max-width: 240px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.p-index-news__tagList li:not(:last-child) {
  margin-right: 8px;
}

.p-index-news__tag {
  padding: 2px 4px 3px 5px;
  background: #000;
  font-size: 12px;
  line-height: 1;
  color: #FFF;
}

@media screen and (max-width: 768px) {
  .p-index-news__tag {
    padding: 0 2px 2px;
    font-size: 10px;
  }
}

.p-index-news__excerpt {
  line-height: 2;
}

@media screen and (max-width: 768px) {
  .p-index-news__excerpt {
    font-size: 12px;
  }
}

.p-index-news__deco {
  height: calc(100vh - 120px);
}

/**
 * index-about.
 */
.p-index-about__txtWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 80px;
  margin-bottom: 80px;
}

@media screen and (max-width: 768px) {
  .p-index-about__txtWrap {
    padding: 0 24px;
    margin-bottom: 36px;
  }
}

.p-index-about__txt {
  width: calc(100% / 4 * 3);
}

@media screen and (max-width: 768px) {
  .p-index-about__txt {
    width: 100%;
    margin-bottom: 45px;
  }
}

.p-index-about__txt>p {
  font-size: 16px;
  line-height: 2;
}

@media screen and (max-width: 768px) {
  .p-index-about__txt>p {
    font-size: 12px;
  }
}

@media screen and (min-width: 769px) {
  .p-index-about__link {
    width: 16.66667vw;
    min-width: 180px;
    max-width: 270px;
  }
}

@media screen and (max-width: 768px) {
  .p-index-about__link {
    width: 230px;
    display: block;
    margin: 0 auto;
    font-size: 12px;
  }
}

.p-index-about__deco {
  height: 100%;
}

@media screen and (min-width: 769px) {
  .p-index-about__deco {
    min-height: 380px;
  }
}

/**
 * index-serease.
 */
.p-index-serease {
  padding: 0 80px;
}

@media screen and (max-width: 768px) {
  .p-index-serease {
    padding: 0 24px;
  }
}

.p-index-serease+.p-index-serease {
  margin-top: 80px;
}

@media screen and (max-width: 768px) {
  .p-index-serease+.p-index-serease {
    margin-top: 35px;
  }
}

.p-index-serease__in {
  margin-top: 40px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .p-index-serease__in {
    margin-top: 24px;
  }
}

.p-index-serease__item {
  width: calc(100% / 3);
  position: relative;
  padding: 24px;
  background: #000;
}

@media screen and (max-width: 768px) {
  .p-index-serease__item {
    width: calc(100% / 2);
  }
}

.p-index-serease__item img {
  width: 100%;
  display: block;
  margin: 0 auto;
  aspect-ratio: 3 / 4;
  padding-top: 1.333%;
}

.p-index-serease__detailIn {
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.p-index-serease__detail {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 768px) {
  .p-index-serease__detail {
    display: none;
  }
}

.p-index-serease__detail::before {
  content: '';
  width: 100%;
  height: 100%;
  display: block;
  opacity: 0;
  background: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  -webkit-filter: blur(50);
  filter: blur(50);
  -webkit-transition: opacity, background .3s ease;
  transition: opacity, background .3s ease;
}

.p-index-serease__detail.-active {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}

.p-index-serease__detail.-active::before {
  opacity: .6;
  background: #00a2c2;
}

.p-index-serease__detailBody {
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
  opacity: 0;
  z-index: 11;
}

.-active .p-index-serease__detailBody {
  opacity: 1;
}

.p-index-serease__detailTxt {
  color: #FFF;
  font-size: 16px;
  line-height: 2;
  text-align: center;
  margin-bottom: 40px;
}

.p-index-serease__link {
  position: absolute;
  bottom: 72px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 16px;
}

.p-index-serease__link>span {
  font-size: 12px;
  font-family: "Roboto Condensed", sans-serif;
  color: #FFF;
  font-size: 16px;
  line-height: 2;
  text-align: center;
  margin-right: 16px;
}

.p-index-serease__link::after {
  content: '';
  display: block;
  width: 10px;
  height: 16px;
  background: url("../../assets/img/common/deco/deco_arrow_right-w.svg") no-repeat center center/contain;
}

.p-index-serease .swiper-container {
  margin-top: 24px;
}

/**
* Swiper
*/
.index-swiper-indicator {
  background-color: rgba(225, 225, 225, 0.2);
  width: 100%;
  height: 1px;
  position: relative;
}

.index-swiper-indicator__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 20px;
  position: absolute;
  left: 0;
  bottom: 24px;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .index-swiper-indicator__wrap {
    bottom: 12px;
  }
}

.index-swiper-indicator:before {
  content: "";
  background-color: #00a2c2;
  width: 0;
  height: 100%;
  position: absolute;
  top: 0;
}

.index-swiper-indicator.is-active:before {
  -webkit-animation: ani-indicator 4.63s linear .3s;
  animation: ani-indicator 4.63s linear .3s;
}

/* index-swiper-pager */
.index-swiper-pager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 16px;
  bottom: 26px !important;
  z-index: 2;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}

@media screen and (max-width: 768px) {
  .index-swiper-pager {
    bottom: 15px !important;
  }
}

.index-swiper-pager .swiper-pagination-bullet {
  background: url(../img/common/icon/icon_bullet_off.svg) no-repeat center center/contain;
  width: 24px;
  height: 12px;
  margin: 0 8px !important;
  opacity: 1;
  position: relative;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}

.index-swiper-pager .swiper-pagination-bullet-active {
  background: url(../img/common/icon/icon_bullet_on.svg) no-repeat center center/contain;
  width: 24px;
  height: 12px;
  margin: 0 8px !important;
  opacity: 1;
  position: relative;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}

/* obs */
#top .js-obs.-appear {
  -webkit-transition-delay: 0s !important;
  transition-delay: 0s !important;
}

/* ===============================================
# 下層ページ共通
=============================================== */
.p-sub {
  padding-top: 60px;
}

@media screen and (max-width: 768px) {
  .p-sub {
    padding-top: 108px;
  }
}

.p-sub__in {
  width: 100%;
  position: relative;
  margin-bottom: 160px;
  z-index: 100;
}

@media screen and (max-width: 768px) {
  .p-sub__in {
    margin-bottom: 96px;
  }
}

.p-sub__body {
  min-height: 800px;
  padding: 80px;
  position: relative;
}

@media screen and (max-width: 768px) {
  .p-sub__body {
    margin: 0 24px;
    padding: 24px;
  }
}

.p-sub__body--wrap {
  position: relative;
  margin: 0 80px;
}

@media screen and (max-width: 768px) {
  .p-sub__body--wrap {
    width: 100%;
    margin: 0;
  }
}

@media screen and (max-width: 768px) {
  #blu-ray .p-sub__ttl .c-title-primary__en {
    padding-top: 4px;
    font-size: clamp(28px, 8.26667vw, 48px);
  }
}

.p-sub__subttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 2px solid #00a2c2;
  padding-bottom: 12px;
  margin-bottom: 65px;
  position: relative;
}

.p-sub__subttl::before {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  background: url("../../assets/img/common/deco/deco_arrow_type3.svg") no-repeat center center/contain;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.p-sub__subttl--en {
  font-size: 32px;
  line-height: 1;
  font-weight: 600;
  font-family: "Roboto Condensed", sans-serif;
  margin-right: 24px;
}

@media screen and (max-width: 768px) {
  .p-sub__subttl--en {
    font-size: 20px;
    margin-right: 12px;
  }
}

.p-sub__subttl--ja {
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  font-family: "Roboto Condensed", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .p-sub__subttl--ja {
    font-size: 16px;
  }
}

.p-sub__subttl--ja::before {
  content: '';
  width: 6px;
  height: 24px;
  display: block;
  background: url("../../assets/img/common/deco/deco_title_after.svg") no-repeat center center/contain;
  margin-right: 24px;
}

@media screen and (max-width: 768px) {
  .p-sub__subttl--ja::before {
    margin-right: 12px;
  }
}

.p-sub__strong {
  position: relative;
  margin-left: -80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 40px;
}

.p-sub__strong::before {
  content: '';
  display: block;
  width: 40px;
  height: 20px;
  background: #00a2c2;
  margin-right: 40px;
}

.p-sub__arrow--item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.p-sub__arrow--item a {
  color: #00a2c2;
}

.p-sub__arrow--item::before {
  content: '';
  width: 12px;
  height: 22px;
  display: block;
  background: url("../../assets/img/common/deco/deco_arrow_type2.svg") no-repeat center center/contain;
  margin-right: 16px;
}

/* ===============================================
# news
=============================================== */
/**
* news 一覧
**/
.p-newsList__in {
  width: 100%;
  position: relative;
}

@media screen and (min-width: 769px) {
  .p-newsList__in {
    padding: 0 80px;
  }
}

@media screen and (max-width: 768px) {
  .p-newsList__in {
    padding: 0 24px;
  }
}

.p-newsList__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: calc(80px - 40px);
}

@media screen and (max-width: 768px) {
  .p-newsList__body {
    margin-bottom: 40px;
  }
}

.p-newsList__card {
  width: calc(100% / 4);
  background: #FFF;
  margin-bottom: 40px;
  position: relative;
}

.p-newsList__card--in {
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 768px) {
  .p-newsList__card {
    width: calc(100% / 2);
    margin-bottom: 12px;
  }
}

.p-newsList__link {
  height: 100%;
  padding: 24px;
  display: block;
  position: relative;
  z-index: 10;
}

@media screen and (max-width: 768px) {
  .p-newsList__link {
    padding: 24px;
  }
}

.p-newsList__link::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #00a2c2;
  -webkit-transition-property: width;
  transition-property: width;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
}

.p-newsList__link:hover .p-newsList__date,
.p-newsList__link:hover .p-newsList__excerpt p {
  color: #FFF;
  position: relative;
  z-index: 10;
}

.p-newsList__link:hover .p-newsList__thumb img {
  -webkit-transform: translate(-50%, -50%) scale(1.08);
  transform: translate(-50%, -50%) scale(1.08);
}

.p-newsList__link:hover::before {
  width: 100%;
  left: 0;
  right: auto;
}

.p-newsList__thumb {
  position: relative;
  overflow: hidden;
  margin-bottom: 24px;
  aspect-ratio: 16 / 9;
  padding-top: 56.25%;
  z-index: 1;
}

.p-newsList__thumb img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media screen and (max-width: 768px) {
  .p-newsList__thumb {
    margin-bottom: 10px;
  }
}

.p-newsList__detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 8px;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .p-newsList__detail {
    margin-bottom: 4px;
  }
}

.p-newsList__date {
  font-family: "Roboto Condensed", sans-serif;
  color: #00a2c2;
  -webkit-transition: color .3s;
  transition: color .3s;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .p-newsList__date {
    font-size: 12px;
    margin-top: 3px;
  }
}

.p-newsList__tagList {
  max-width: 240px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  z-index: 1;
}

.p-newsList__tagList li:not(:last-child) {
  margin-right: 8px;
}

.p-newsList__tag {
  padding: 2px 4px 3px 5px;
  background: #000;
  font-size: 12px;
  line-height: 1;
  color: #FFF;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .p-newsList__tag {
    padding: 0 2px 2px;
    font-size: 10px;
  }
}

.p-newsList__excerpt {
  margin-bottom: 10px;
  -webkit-transition: color .3s;
  transition: color .3s;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .p-newsList__excerpt {
    margin-bottom: 5px;
  }
}

.p-newsList__excerpt--txt {
  -webkit-transition: color .3s;
  transition: color .3s;
  line-height: 2;
}

@media screen and (min-width: 769px) {
  .p-newsList__excerpt--txt {
    min-height: 64px;
  }
}

@media screen and (max-width: 768px) {
  .p-newsList__excerpt--txt {
    font-size: 12px;
    -webkit-line-clamp: 4;
  }
}

.p-newsList__excerpt .u-ellipsis {
  -webkit-line-clamp: 3;
}

.p-newsList__btn {
  width: 100%;
  position: relative;
  z-index: 10;
}

@media screen and (min-width: 769px) {
  .p-newsList .c-contentsDeco::before {
    left: 30px;
  }
}

/**
* news 詳細
**/
.p-newsDetail__in {
  margin-bottom: 80px;
}

@media screen and (max-width: 768px) {
  .p-newsDetail__in {
    padding: 36px 24px;
    margin-bottom: 40px;
  }
}

.p-newsDetail__detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  z-index: 10;
}

.p-newsDetail__detail--category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.p-newsDetail__detail--category div:not(:last-child) {
  margin-right: 8px;
}

@media screen and (max-width: 768px) {
  .p-newsDetail__detail--category div:not(:last-child) {
    margin-right: 4px;
  }
}

.p-newsDetail__detail::before {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: rgba(0, 0, 0, 0.16);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.p-newsDetail__date {
  font-size: 20px;
  font-family: "Roboto Condensed", sans-serif;
  color: #00a2c2;
  background: #FFF;
  position: relative;
  z-index: 10;
  padding-right: 8px;
}

@media screen and (max-width: 768px) {
  .p-newsDetail__date {
    font-size: 14px;
  }
}

.p-newsDetail__tag {
  padding: 3px 8px 4px;
  background: #000;
  font-size: 16px;
  line-height: 1;
  color: #FFF;
}

@media screen and (max-width: 768px) {
  .p-newsDetail__tag {
    font-size: 12px;
  }
}

.p-newsDetail__ttl {
  font-size: 24px;
  line-height: 2;
  padding-top: 16px;
  margin-bottom: 40px;
  padding-bottom: 24px;
  border-bottom: 1px solid #000;
  position: relative;
  z-index: 10;
  font-weight: 500;
}

@media screen and (max-width: 768px) {
  .p-newsDetail__ttl {
    font-size: 16px;
    margin-bottom: 24px;
    padding-bottom: 16px;
  }
}

.p-newsDetail__article {
  padding: 40px 0 8px 0;
  position: relative;
  z-index: 10;
}

@media screen and (max-width: 768px) {
  .p-newsDetail__article {
    padding: 24px 0;
  }
}

.p-newsDetail__article p {
  margin-bottom: 42px;
  line-height: 2;
}

@media screen and (max-width: 768px) {
  .p-newsDetail__article p {
    font-size: 14px;
    margin-bottom: 24px;
  }
}

.p-newsDetail__article img {
  display: block;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .p-newsDetail__article img {
    width: 100%;
    height: auto;
  }
}

.p-newsDetail__article a {
  color: #00a2c2;
}

@media screen and (max-width: 768px) {
  .p-newsDetail__article a {
    font-size: 14px;
  }
}

.p-newsDetail__article a:hover {
  text-decoration: underline;
}

.p-newsDetail .ytWrap {
  position: relative;
  max-width: 1080px;
  margin: auto;
}

.p-newsDetail .ytWrap::before {
  content: "";
  display: block;
  padding-top: 56.25%;
}

.p-newsDetail .ytWrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 768px) {
  .p-newsDetail .ytWrap iframe {
    padding: 0;
  }
}

.p-newsDetail__link {
  margin-top: 80px;
}

@media screen and (max-width: 768px) {
  .p-newsDetail__link {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

.p-newsDetail__link--item {
  margin-bottom: 46px;
}

@media screen and (max-width: 768px) {
  .p-newsDetail__link--item {
    margin-bottom: 16px;
  }
}

.p-newsDetail__share .shareLists__ttl {
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  .p-newsDetail__share .shareLists__ttl {
    font-size: 12px;
  }
}

.p-newsDetail__backLink {
  width: 180px;
  margin: 0 auto;
}

.p-newsDetail__backLink .c-button-black__in {
  padding-left: 0;
}

.p-newsDetail__backLink .c-button-black__text::after {
  content: none;
}

/* ===============================================
# onair
=============================================== */
.p-onair__in {
  margin-bottom: 80px;
  position: relative;
  z-index: 10;
}

@media screen and (max-width: 768px) {
  .p-onair__in {
    margin-bottom: 40px;
  }
}

.p-onair__title {
  margin-bottom: 56px;
}

@media screen and (max-width: 768px) {
  .p-onair__title {
    margin-bottom: 24px;
  }
}

.p-onair__title.mb24 {
  margin-bottom: 24px;
}

.p-onair__item {
  margin-bottom: 56px;
}

@media screen and (max-width: 768px) {
  .p-onair__item {
    margin-bottom: 32px;
  }
}

.p-onair__item--title {
  margin-bottom: 34px;
}

@media screen and (max-width: 768px) {
  .p-onair__item--title {
    margin-top: 32px;
    margin-bottom: 24px;
    flex-wrap: nowrap;
  }
}

@media screen and (max-width: 768px) {
  .p-onair__item--title span {
    width: calc(100% - 14px);
    font-size: 14px;
  }
}

@media screen and (max-width: 768px) {
  .p-onair__item--title::before {
    margin-top: 3px;
  }
}

.p-onair__item--txt {
  margin-bottom: 20px;
}

.p-onair__link {
  margin-bottom: 40px;
}

.p-onair__link a {
  font-weight: 600;
  color: #00a2c2;
}

.p-onair__link--item {
  margin-bottom: 24px;
}

@media screen and (max-width: 768px) {
  .p-onair__link--item {
    margin-bottom: 16px;
  }
}

.p-onair__link--item.c-arrow::before {
  content: '';
  width: 12px;
  height: 22px;
  display: block;
  background: url("../../assets/img/common/deco/deco_arrow_type2.svg") no-repeat center center/contain;
  margin-right: 16px;
}

@media screen and (max-width: 768px) {
  .p-onair__link--item.c-arrow::before {
    width: 8px;
    height: 12px;
    margin-top: 4px;
    margin-right: 8px;
  }
}

.p-onair__link--item>a {
  font-weight: 600;
  -webkit-transition: opacity .5s, -webkit-text-decoration .5s;
  transition: opacity .5s, -webkit-text-decoration .5s;
  transition: opacity .5s, text-decoration .5s;
  transition: opacity .5s, text-decoration .5s, -webkit-text-decoration .5s;
}

.p-onair__link--item>a:hover {
  opacity: .8;
  text-decoration: underline;
}

@media screen and (max-width: 768px) {
  .p-onair img {
    max-width: 100%;
    height: auto;
  }
}

@media screen and (max-width: 768px) {
  .p-onair iframe {
    width: 100%;
    max-width: 100%;
    height: 100%;
    aspect-ratio: 16 / 9;
  }
}


/* ===============================================
# about
=============================================== */
.p-about__wrap {
  position: relative;
}

@media screen and (min-width: 769px) {
  .p-about__wrap {
    margin: 0 80px;
  }
}

@media screen and (max-width: 768px) {
  .p-about__wrap {
    margin: 0 24px;
  }
}

.p-about__item {
  min-height: auto;
  margin-bottom: 80px;
  z-index: 10;
  overflow: inherit;
  background: #FFF;
}

@media screen and (max-width: 768px) {
  .p-about__item {
    padding-bottom: 36px;
    margin: 0 0 40px 0;
  }
}

@media screen and (max-width: 768px) {

  .p-about__item::before,
  .p-about__item::after {
    content: none;
  }
}

.p-about__title {
  margin-bottom: 48px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  z-index: 10;
}

@media screen and (max-width: 768px) {
  .p-about__title {
    margin-bottom: 24px;
  }
}

.p-about__title.mb24 {
  margin-bottom: 24px;
}

.p-about__subTitle {
  border: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .p-about__subTitle {
    margin-bottom: 16px;
  }
}

.p-about__subTitle::before {
  content: none;
}

.p-about__subTitle .c-title-tertiary--en {
  font-size: 24px;
  line-height: 2;
}

@media screen and (max-width: 768px) {
  .p-about__subTitle .c-title-tertiary--en {
    font-size: 16px;
    line-height: 1.75;
    margin-bottom: 0;
  }
}

.p-about__in {
  position: relative;
  z-index: 10;
  -webkit-transition-delay: 0s !important;
  transition-delay: 0s !important;
}

@media screen and (min-width: 769px) {
  .p-about__in {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 50% 50%;
    grid-template-columns: 50% 50%;
    gap: 80px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0 80px 0 0;
  }
  .link__in{
    padding: 0 80px 144px 0 !important;
  }
}

@media screen and (max-width: 768px) {
  .p-about__in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}

.p-about__detail {
  width: 100%;
  margin-right: 80px;
  position: relative;
}

@media screen and (min-width: 769px) {
  .p-about__detail {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: 100%;
  }
}

@media screen and (max-width: 768px) {
  .p-about__detail {
    margin-right: 0px;
  }
}

.p-about__catch {
  margin-bottom: 32px;
}

.p-about__catch span {
  line-height: 2;
}

@media screen and (max-width: 768px) {
  .p-about__catch span {
    line-height: 1.5;
  }
}

.p-about__catch--small {
  font-size: 14px;
}

@media screen and (max-width: 768px) {
  .p-about__catch--small {
    font-size: 12px;
  }
}

@media screen and (max-width: 768px) {
  .p-about__catch {
    margin-bottom: 24px;
  }
}

.p-about__catch .c-title-secondary__txt {
  font-size: 20px;
}

@media screen and (max-width: 768px) {
  .p-about__catch .c-title-secondary__txt {
    font-size: 14px;
    font-size: 3.73333vw;
  }
}

.p-about__onair {
  border-bottom: 1px solid #000;
  margin-bottom: 24px;
  padding-bottom: 8px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-size: 16px;
  line-height: 2;
  font-weight: 600;
}

.p-about__onair.-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
  .p-about__onair {
    line-height: 1.5;
  }
}

.p-about__onair+.p-about__onair {
  margin-bottom: 24px;
}

@media screen and (max-width: 768px) {
  .p-about__onair {
    margin-bottom: 20px;
    padding-bottom: 8px;
    font-size: 12px;
  }
}

.p-about__onair.c-arrow--common::before {
  width: 6px;
  height: 12px;
  margin-top: 10px;
  margin-right: 12px;
  background: url(../../assets/img/common/deco/deco_arrow_type1.svg) no-repeat center center/contain;
}

@media screen and (max-width: 768px) {
  .p-about__onair.c-arrow--common::before {
    margin-top: 5px;
    margin-right: 12px;
  }
}

.p-about__onair>span {
  display: inline-block;
  padding-left: 16px;
  font-size: 14px;
  font-weight: 400;
  margin-top: 2px;
}

@media screen and (max-width: 768px) {
  .p-about__onair>span {
    font-size: 10px;
  }
}

.p-about__onair.c-arrow--type1::before {
  margin-top: 10px;
}

@media screen and (max-width: 768px) {
  .p-about__onair.c-arrow--type1::before {
    margin-top: 4px;
  }
}

.p-about__txtWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.p-about__txt {
  line-height: 2;
  /* margin-bottom: 40px; */
  padding-bottom: 40px;
}

@media screen and (max-width: 768px) {
  .p-about__txt {
    padding-bottom: 0px;
    margin-bottom: 20px;
    font-size: 12px;
  }
}

.p-about__img {
  padding: 24px;
  background: #f5f5f5;
  position: relative;
}

.p-about__img.-swiper {
  padding: 24px 0 0 0;
}

@media screen and (min-width: 769px) {
  .p-about__img {
    min-width: 400px;
  }
}

@media screen and (max-width: 768px) {
  .p-about__img {
    margin-bottom: 24px;
  }
}

.p-about__img img {
  width: 100%;
}

.p-about__link {
  width: 100%;
}

@media screen and (min-width: 769px) {
  .p-about__link {
    max-width: 600px;
    margin-top: auto;
  }
  .p-about__link.--center {
    max-width: 800px;
    margin: 60px auto 0
  }
}

@media screen and (max-width: 768px) {
  .p-about__link {
    max-width: 230px;
    margin: 0 auto;
  }
}

.p-about__link .c-button__text {
  font-size: 20px;
  font-weight: 600;
}

@media screen and (max-width: 768px) {
  .p-about__link .c-button__text {
    font-size: 12px;
    line-height: 1;
  }
}

.p-about__link .c-button-black::before,
.p-about__link .c-button-black::after {
  height: 64px;
  background-size: 20px 64px;
}

.p-about__link .c-button-black__in {
  height: 64px;
}

/**
 * p-about__swiper.
 */
.p-about__swiper {
  /**
 * Swiper
 */
}

@media screen and (max-width: 768px) {
  .p-about__swiper {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  }
}

@media screen and (max-width: 768px) {
  .p-about__swiper--itemIn {
    width: 100%;
  }
}

.p-about__swiper--option {
  width: 100%;
  height: 72px;
}

.p-about__swiper--option .swiper-pagination-bullet {
  background: url(../img/common/icon/icon_bullet_b_off.svg) no-repeat center center/contain;
}

.p-about__swiper--option .swiper-pagination-bullet-active {
  background: url(../img/common/icon/icon_bullet_b_on.svg) no-repeat center center/contain;
}

.p-about__swiper--slider {
  padding: 24px;
}

.p-about__swiper .swiper-slide {
  position: relative;
  overflow: hidden;
}

.p-about__swiper .swiper-slide a {
  display: block;
}

.p-about__swiper .swiper-slide img {
  max-width: 100%;
  margin: 0 auto;
  display: block;
}

@media screen and (min-width: 769px) {
  .p-about__swiper .swiper-slide img {
    width: 100%;
  }
}

.p-about__swiper--in {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 80px;
}

@media screen and (max-width: 768px) {
  .p-about__swiper--in {
    margin: 0 24px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.p-about__swiper--item {
  width: 100%;
  position: relative;
}

@media screen and (max-width: 768px) {
  .p-about__swiper--item {
    width: 100%;
  }
}

.p-about__swiper--itemIn {
  position: relative;
}

@media screen and (max-width: 768px) {
  .p-about__swiper--itemIn {
    width: 100%;
  }
}

.p-about__swiper--option {
  width: 100%;
  height: 72px;
}

@media screen and (max-width: 768px) {
  .p-about__swiper--option {
    height: 62px;
  }
}

.p-about__swiper--slider {
  padding: 24px;
}

.p-about__swiper--wrap {
  height: 100%;
  padding: 0 24px;
  overflow: hidden;
  position: relative;
}

.p-about__swiper .swiper-wrapper {
  z-index: 99;
}

.p-about__swiper .swiper-pagination2 {
  height: 100%;
}

@media screen and (max-width: 768px) {
  .p-about__swiper .swiper-pagination2 {
    height: 87px;
  }
}

.p-about__swiper .index-swiper-indicator2.index-swiper-indicator__wrap {
  height: 24px;
}

@media screen and (max-width: 768px) {
  .p-about__swiper .index-swiper-indicator2.index-swiper-indicator__wrap {
    height: 14px;
  }
}

.p-about__swiper .swiper-pagination3 {
  height: 100%;
}

@media screen and (max-width: 768px) {
  .p-about__swiper .swiper-pagination3 {
    height: 87px;
  }
}

.p-about__swiper .index-swiper-indicator3.index-swiper-indicator__wrap {
  height: 24px;
}

@media screen and (max-width: 768px) {
  .p-about__swiper .index-swiper-indicator3.index-swiper-indicator__wrap {
    height: 14px;
  }
}

.p-about__swiper .swiper-pagination4 {
  height: 100%;
}
@media screen and (max-width: 768px) {
  .p-about__swiper .swiper-pagination4 {
    height: 87px;
  }
}
.p-about__swiper .index-swiper-indicator4.index-swiper-indicator__wrap {
  height: 24px;
}
@media screen and (max-width: 768px) {
  .p-about__swiper .index-swiper-indicator4.index-swiper-indicator__wrap {
    height: 14px;
  }
}

.p-about__swiper .swiper-pagination5 {
  height: 100%;
}
@media screen and (max-width: 768px) {
  .p-about__swiper .swiper-pagination5 {
    height: 87px;
  }
}
.p-about__swiper .index-swiper-indicator5.index-swiper-indicator__wrap {
  height: 24px;
}
@media screen and (max-width: 768px) {
  .p-about__swiper .index-swiper-indicator5.index-swiper-indicator__wrap {
    height: 14px;
  }
}

/* blu-ray 一覧ページ */
.p-blu-rayList__in {
  width: 100%;
  position: relative;
}

@media screen and (max-width: 768px) {
  .p-blu-rayList__in {
    padding: 0 24px;
  }
}

.p-blu-rayList__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: calc(80px - 40px);
  position: relative;
}

@media screen and (max-width: 768px) {
  .p-blu-rayList__body {
    margin-bottom: 40px;
  }
}

.p-blu-rayList__card {
  width: calc(100% / 4);
  background: #FFF;
  margin-bottom: 40px;
  position: relative;
}

@media screen and (max-width: 768px) {
  .p-blu-rayList__card {
    width: calc(100% / 2);
    margin-bottom: 12px;
  }
}

.p-blu-rayList__link {
  height: 100%;
  display: block;
  padding: 24px;
  position: relative;
  z-index: 10;
}

.p-blu-rayList__link::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #00a2c2;
  -webkit-transition-property: width;
  transition-property: width;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
}

@media screen and (max-width: 768px) {
  .p-blu-rayList__link {
    padding: 16px;
  }
}

.p-blu-rayList__link:hover .p-blu-rayList__date,
.p-blu-rayList__link:hover .p-blu-rayList__excerpt {
  color: #FFF;
}

.p-blu-rayList__link:hover .p-blu-rayList__thumb img {
  -webkit-transform: scale(1.08);
  transform: scale(1.08);
}

.p-blu-rayList__link:hover::before {
  width: 100%;
  left: 0;
  right: auto;
}

.p-blu-rayList__thumb {
  overflow: hidden;
  z-index: 2;
  position: relative;
}

@media screen and (min-width: 769px) {
  .p-blu-rayList__thumb {
    width: 100%;
    margin: 0 auto 24px;
  }
}

@media screen and (max-width: 768px) {
  .p-blu-rayList__thumb {
    margin-bottom: 8px;
  }
}

.p-blu-rayList__thumb img {
  width: 100%;
  display: block;
  margin: 0 auto;
}

.p-blu-rayList__detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 8px;
}

@media screen and (max-width: 768px) {
  .p-blu-rayList__detail {
    margin-bottom: 4px;
  }
}

.p-blu-rayList__date {
  font-family: "Roboto Condensed", sans-serif;
  color: #00a2c2;
  z-index: 2;
  position: relative;
  -webkit-transition: color .3s;
  transition: color .3s;
}

@media screen and (max-width: 768px) {
  .p-blu-rayList__date {
    font-size: 12px;
  }
}

.p-blu-rayList__excerpt {
  margin-bottom: 10px;
  z-index: 2;
  position: relative;
}

@media screen and (max-width: 768px) {
  .p-blu-rayList__excerpt {
    margin-bottom: 5px;
  }
}

.p-blu-rayList__excerpt--txt {
  line-height: 2;
  -webkit-transition: color .3s;
  transition: color .3s;
}

@media screen and (max-width: 768px) {
  .p-blu-rayList__excerpt--txt {
    font-size: 12px;
    line-height: 1.5;
  }
}

.p-blu-rayList__excerpt .u-ellipsis {
  -webkit-line-clamp: 3;
}

.p-blu-rayList__btn {
  width: 100%;
  position: relative;
  z-index: 10;
}

@media screen and (max-width: 768px) {
  .p-blu-rayList .c-contentsDeco::before {
    left: -24px;
  }
}

/* blu-ray 詳細ページ */
.p-blu-rayDetail__wrap {
  opacity: 0;
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: opacity .5s, -webkit-transform .5s;
  transition: opacity .5s, -webkit-transform .5s;
  transition: opacity .5s, transform .5s;
  transition: opacity .5s, transform .5s, -webkit-transform .5s;
}

.-done .p-blu-rayDetail__wrap {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: .5s;
  transition-delay: .5s;
}

.p-blu-rayDetail__in {
  margin-bottom: 80px;
}

@media screen and (max-width: 768px) {
  .p-blu-rayDetail__in {
    margin-bottom: 40px;
  }
}

.p-blu-rayDetail__detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  z-index: 10;
}

.p-blu-rayDetail__date {
  font-size: 20px;
  font-family: "Roboto Condensed", sans-serif;
  color: #00a2c2;
  background: #FFF;
  position: relative;
  z-index: 10;
  padding-right: 8px;
}
.p-blu-rayDetail__article .imgOne{
  max-width: 1000px;
  margin: 0 auto;
}
.imgOne img{
  width: 100%;
}

@media screen and (max-width: 768px) {
  .p-blu-rayDetail__date {
    font-size: 14px;
  }
}

.p-blu-rayDetail__tag {
  padding: 3px 8px 4px;
  background: #000;
  font-size: 16px;
  line-height: 1;
  color: #FFF;
}

@media screen and (max-width: 768px) {
  .p-blu-rayDetail__tag {
    font-size: 12px;
  }
}

.p-blu-rayDetail__ttl {
  font-size: 24px;
  line-height: 2;
  padding-top: 16px;
  margin-bottom: 40px;
  padding-bottom: 24px;
  border-bottom: 1px solid #000;
  position: relative;
  z-index: 10;
  font-weight: 500;
}

@media screen and (max-width: 768px) {
  .p-blu-rayDetail__ttl {
    font-size: 16px;
    margin-bottom: 24px;
    padding-bottom: 16px;
  }
}

.p-blu-rayDetail__article {
  position: relative;
  z-index: 10;
  /* 記事内で使えるアセット */
}

.p-blu-rayDetail__article p {
  line-height: 2;
}

@media screen and (max-width: 768px) {
  .p-blu-rayDetail__article p {
    font-size: 14px;
    margin-bottom: 12px;
    line-height: 2;
  }
}

.p-blu-rayDetail__article .-border {
  padding: 40px;
  border: 1px solid #000;
}

@media screen and (max-width: 768px) {
  .p-blu-rayDetail__article .-border {
    padding: 16px;
  }
}

.p-blu-rayDetail__article .-bg-blue {
  color: #FFF;
  line-height: 1;
  padding-bottom: 2px;
  display: inline-block;
  background: #00a2c2;
}

.p-blu-rayDetail__imgs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 1000px;
  margin: 0 auto;
}

.p-blu-rayDetail__imgs li {
  margin-bottom: 24px;
}

@media screen and (min-width: 769px) {
  .p-blu-rayDetail__imgs li:not(:last-child) {
    width: calc(50% - 24px);
  }
}

@media screen and (max-width: 768px) {
  .p-blu-rayDetail__imgs li {
    margin-bottom: 16px;
  }
}

@media screen and (min-width: 769px) {
  .p-blu-rayDetail__imgs li:not(:nth-child(2n)) {
    margin-right: 24px;
  }
}

@media screen and (max-width: 768px) {
  .p-blu-rayDetail__imgs li:not(:nth-child(2n)) {
    margin-bottom: 16px;
  }
}

@media screen and (min-width: 769px) {

  .p-blu-rayDetail__imgs li:nth-child(2n+1):nth-last-child(-n+2),
  .p-blu-rayDetail__imgs li:nth-child(2n+1):nth-last-child(-n+2)~li {
    margin-bottom: 0px;
  }
}

@media screen and (max-width: 768px) {
  .p-blu-rayDetail__txt {
    font-size: 14px;
    margin-bottom: 12px;
  }
}

.p-blu-rayDetail__infoBox {
  margin-bottom: 48px;
}

.p-blu-rayDetail__infoBox>ul {
  display: flex;
  justify-content: flex-start;
  gap: 40px;
  flex-wrap: wrap;
}

.p-blu-rayDetail__infoBox>ul li {
  width: calc(100% / 2 - 20px);
}

.p-blu-rayDetail__infoBox>ul li p{
  margin-top: 8px;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .p-blu-rayDetail__infoBox {
    font-size: 14px;
  }
  .p-blu-rayDetail__infoBox>ul {
    display: block;
  }

  .p-blu-rayDetail__infoBox>ul li {
    width: 100%;
  }

  .p-blu-rayDetail__infoBox>ul li:not(:last-child) {
    margin-bottom: 24px;
  }
}

.p-blu-rayDetail__subttl {
  margin-bottom: 32px;
  font-size: 20px;
  font-weight: 600;
}

@media screen and (max-width: 768px) {
  .p-blu-rayDetail__subttl {
    margin-bottom: 24px;
    font-size: 16px;
  }
}

.p-blu-rayDetail__str {
  margin-top: 32px;
  margin-bottom: 24px;
  font-weight: 900;
}

@media screen and (max-width: 768px) {
  .p-blu-rayDetail__str {
    font-size: 14px;
    margin-top: 24px;
    margin-bottom: 16px;
  }
}

.p-blu-rayDetail__str::before {
  content: '';
  margin-top: 4px;
}

@media screen and (min-width: 769px) {
  .p-blu-rayDetail__dl {
    margin-bottom: 40px;
    margin-left: 3px;
  }
}

.p-blu-rayDetail__dl+.p-blu-rayDetail__dl {
  margin-bottom: 32px;
}

.p-blu-rayDetail__item+.p-blu-rayDetail__item {
  margin-top: 8px;
}

@media screen and (max-width: 768px) {
  .p-blu-rayDetail__item {
    font-size: 14px;
  }
}

.-info .p-blu-rayDetail__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.-vetical .p-blu-rayDetail__item {
  margin-bottom: 24px;
}

.p-blu-rayDetail__item>p {
  margin-bottom: 16px;
}

.p-blu-rayDetail__dt {
  font-weight: 900;
}

.-info .p-blu-rayDetail__dt {
  margin-right: 8px;
}

.-info .p-blu-rayDetail__dt::after {
  content: '：';
  margin-left: 4px;
}

.p-blu-rayDetail__link {
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  .p-blu-rayDetail__link {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

.p-blu-rayDetail__link--item {
  margin-bottom: 46px;
}

@media screen and (max-width: 768px) {
  .p-blu-rayDetail__link--item {
    margin-bottom: 16px;
  }
}

.p-blu-rayDetail__share {
  margin-top: 80px;
}

@media screen and (max-width: 768px) {
  .p-blu-rayDetail__share {
    margin-top: 40px;
  }
}

.p-blu-rayDetail__share .shareLists__ttl {
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  .p-blu-rayDetail__share .shareLists__ttl {
    font-size: 12px;
  }
}

.p-blu-rayDetail__backLink {
  width: 180px;
  margin: 0 auto;
}

.p-blu-rayDetail__backLink .c-button-black__in {
  padding-left: 0;
}

.p-blu-rayDetail__backLink .c-button-black__text::after {
  content: none;
}

@media screen and (max-width: 768px) {
  .p-blu-rayDetail .c-contentsDeco::before {
    left: -24px;
  }
}
.p-blu-rayDetail__body:nth-child(2){
  margin-top: 140px;
}
@media screen and (max-width: 768px) {
  .p-blu-rayDetail__body:nth-child(2){
    margin-top: 20vw;
  }
}
/*画像したテキスト*/
.p-blu-rayDetail__text{
  margin-top: 40px;
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  .p-blu-rayDetail__text {
      margin-top: 2vw;
      font-size: 2.4vw;
      margin-bottom: 5vw;
  }
}
/*仕様*/
.-info2 .p-blu-rayDetail__item {
  margin-top: 30px;
}
.-info2 .p-blu-rayDetail__item .p-blu-rayDetail__dt{
  margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
  .-info2 .p-blu-rayDetail__item {
    margin-top: 5vw;
  }
  .-info2 .p-blu-rayDetail__item .p-blu-rayDetail__dt{
    margin-bottom: 0;
  }
}
.p-blu-rayDetail__infoBox:last-child{
  margin-bottom: 80px;
}
/*LINK BTN*/
#p-blu-ray .btn_linkWrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#p-blu-ray .btn_linkWrap .btn_linkBox{
  width: 49%;
  margin-bottom: 10px;
}
#p-blu-ray .btn_link a{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80%;
}
#p-blu-ray .btn_linkBox{
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  #p-blu-ray .btn_linkBox{
    margin-bottom: 8vw;
  }
}
#p-blu-ray .btn_link >a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px min(1.3333333333vw, 20px);
  margin: 0 auto;
  border: 1px solid #000;
  background-color: #000;
  font-size: min(3vw, 20px);
  color: #fff;
  -webkit-transition: color 0.3s cubic-bezier(0.5, 1, 0.89, 1), background-color 0.3s cubic-bezier(0.5, 1, 0.89, 1);
  transition: color 0.3s cubic-bezier(0.5, 1, 0.89, 1), background-color 0.3s cubic-bezier(0.5, 1, 0.89, 1);
}
#p-blu-ray .btn_link:hover >a {
  background-color: #FFF;
  color: #000;
}
/*imgBox*/
.imgBoxWrap{
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.imgBox{
  width: 32%;
}
@media screen and (max-width: 768px) {
  .imgBoxWrap{
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    margin-top: 0;
  }
  .imgBox{
    width: 100%;
    margin-top: 3vw;
  }
}

/* ===============================================
# seriesTop
=============================================== */
.p-seriesTop__ttl::after {
  display: block;
  line-height: 1;
  letter-spacing: 0.01em;
  white-space: nowrap;
  font-family: "Michroma", sans-serif;
}

.p-seriesTop-about__logo::before,
.p-seriesTop-about__keyv::before,
.p-seriesTop-about__caption::before {
  content: 'KEY VISUAL';
  display: block;
  color: #d6d6d6;
  font-size: 10px;
  position: absolute;
  top: 4px;
  left: 50%;
  -webkit-transform: translate(-50%, 0%) scale(0.7);
  transform: translate(-50%, 0%) scale(0.7);
}

.p-seriesTop-about__logo::after,
.p-seriesTop-about__keyv::after,
.p-seriesTop-about__caption::after {
  content: '';
  width: 72px;
  height: 4px;
  display: block;
  background: url("../../assets/img/common/deco/deco_arrow_small.svg") no-repeat right center/8px 4px, url("../../assets/img/common/deco/deco_arrow_small.svg") no-repeat left center/8px 4px;
  position: absolute;
  top: 10px;
  left: 50%;
  -webkit-transform: translate(-50%, 0%) scale(0.85);
  transform: translate(-50%, 0%) scale(0.85);
}

.p-seriesTop-story,
.p-seriesTop-chara,
.p-seriesTop-mecha,
.p-seriesTop-bddvd {
  margin-bottom: 80px;
  position: relative;
  z-index: 100;
}

@media screen and (max-width: 768px) {

  .p-seriesTop-story,
  .p-seriesTop-chara,
  .p-seriesTop-mecha,
  .p-seriesTop-bddvd {
    margin-bottom: 48px;
  }
}

.p-seriesTop-about,
.p-seriesTop-staff__in {
  position: relative;
  z-index: 100;
}

@media screen and (min-width: 769px) {

  .p-seriesTop-about,
  .p-seriesTop-staff__in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 80px;
  }
}

@media screen and (max-width: 768px) {

  .p-seriesTop-about,
  .p-seriesTop-staff__in {
    margin-bottom: 48px;
  }
}

/*
** p-series-cmn
*/
.p-series {
  padding-top: 80px;
  margin-bottom: 80px;
  z-index: 100;
}

@media screen and (max-width: 768px) {
  .p-series {
    padding-top: 105px;
  }
}

.p-series__in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.p-series__box {
  width: 100%;
  padding: 80px;
  position: relative;
  z-index: 10;
}

@media screen and (max-width: 768px) {
  .p-series__box {
    padding: 36px 24px 24px 24px;
  }
}

.p-series__l,
.p-series__r {
  height: 100%;
  position: relative;
}

@media screen and (min-width: 769px) {

  .p-series__l,
  .p-series__r {
    width: 100%;
    min-height: 500px;
    background: #fff;
  }
}

.p-series__l>div,
.p-series__r>div {
  position: relative;
}

/*
** seriesTop
*/
.p-seriesTop {
  grid-area: header;
  height: 100%;
}

@media screen and (max-width: 768px) {
  .p-seriesTop {
    margin: 0 24px 84px 24px;
  }
}

.p-seriesTop__ttl {
  position: relative;
}

.p-seriesTop__ttl::before {
  content: '';
  display: block;
  background: #000;
}

.p-seriesTop__ttl::after {
  content: 'MOBILE SUIT';
  position: absolute;
  top: -24px;
  left: 0px;
  font-size: 20px;
  font-weight: 500;
  color: #000;
}

@media screen and (max-width: 768px) {
  .p-seriesTop__ttl::after {
    top: -16px;
    font-size: 10px;
  }
}

@media screen and (min-width: 769px) {
  .p-seriesTop__en {
    margin-left: -4px;
  }
}

@media screen and (max-width: 768px) {
  .p-seriesTop__en {
    min-height: 68px;
  }
}

.p-seriesTop__en>span {
  display: block;
}

.-seed .p-seriesTop__en>span {
  font-size: 84px;
}

@media screen and (max-width: 768px) {
  .-seed .p-seriesTop__en>span {
    font-size: clamp(46px, 6.13333vw, 63px);
  }
}

@media screen and (max-width: 320px) {
  .-seed .p-seriesTop__en>span {
    font-size: clamp(36px, 4.8vw, 63px);
  }
}

.-destiny .p-seriesTop__en>span {
  font-size: 84px;
}

@media screen and (max-width: 768px) {
  .-destiny .p-seriesTop__en>span {
    font-size: clamp(32px, 4.26667vw, 63px);
    line-height: 1.35;
  }
}

@media screen and (max-width: 768px) {
  .-destiny .p-seriesTop__en>span {
    font-size: clamp(32px, 4.8vw, 63px);
  }
}

@media screen and (max-width: 320px) {
  .-destiny .p-seriesTop__en>span {
    font-size: clamp(26px, 3.46667vw, 63px);
    line-height: 1.35;
  }
}

.-stargazer .p-seriesTop__en>span {
  font-size: clamp(50px, 5.86667vw, 84px);
}

@media screen and (max-width: 768px) {
  .-stargazer .p-seriesTop__en>span {
    font-size: clamp(22px, 4.53333vw, 63px);
  }
}

@media screen and (max-width: 320px) {
  .-stargazer .p-seriesTop__en>span {
    font-size: clamp(20px, 2.93333vw, 63px);
    line-height: 1.35;
  }
}

.p-seriesTop__ja {
  top: auto;
  bottom: 30px;
  z-index: 1000;
  background: #f5f5f5;
}

@media screen and (max-width: 768px) {
  .p-seriesTop__ja {
    bottom: -22px;
  }
}

.p-seriesTop__line {
  position: absolute;
  right: 0;
  bottom: 120px;
  max-width: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.p-seriesTop__line::after {
  content: '';
  display: block;
  width: 100%;
  height: 4px;
  background: #00a2c2;
}

/*
** seriesNav
*/
.p-series-nav {
  position: relative;
  z-index: 10;
}

@media screen and (min-width: 769px) {
  .p-series-nav {
    width: calc(100% - 75% - 120px);
    margin-top: -28px;
  }
}

@media screen and (max-width: 768px) {
  .p-series-nav {
    width: 50%;
    min-width: 180px;
    height: 100vh;
    height: 100svh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background: rgba(255, 255, 255, 0.9);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    -webkit-transition: -webkit-transform .3s ease-in;
    transition: -webkit-transform .3s ease-in;
    transition: transform .3s ease-in;
    transition: transform .3s ease-in, -webkit-transform .3s ease-in;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

.p-series-nav.-active {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}

@media screen and (min-width: 769px) {
  .p-series-nav__in {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0;
  }
}

@media screen and (max-width: 768px) {
  .p-series-nav__in {
    padding-top: 21.33333vw;
  }
}

.p-series-nav__in::before,
.p-series-nav__in::after {
  content: 'CONTENTS NAV';
  display: inline-block;
  width: 100%;
  color: #aaaaaa;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  text-align: center;
  font-size: 10px;
  line-height: 1;
  font-weight: 500;
  white-space: nowrap;
  font-family: "Roboto Condensed", sans-serif;
  position: relative;
  margin-left: -10px;
}

.p-series-nav__in::before {
  top: 28px;
}

.p-series-nav__in::after {
  bottom: 32px;
}

.p-series-nav__deco {
  position: relative;
  height: 30px;
}

.p-series-nav__deco.-bottom {
  -webkit-transform: scale(1, -1);
  transform: scale(1, -1);
}

.p-series-nav__deco span {
  display: block;
  width: 97%;
  height: 1px;
  margin: 0 auto;
  background: rgba(0, 0, 0, 0.16);
  position: absolute;
  bottom: 3px;
  z-index: 1;
}

.p-series-nav__deco span::before {
  content: '';
  display: block;
  background: #FFF;
  width: 103%;
  height: 24px;
  position: relative;
  top: 1px;
  z-index: 1;
}

.p-series-nav__deco::before,
.p-series-nav__deco::after {
  content: '';
  display: block;
  width: 100%;
  height: 30px;
  position: absolute;
  bottom: 0;
  z-index: 10;
}

.p-series-nav__deco::before {
  background: url("../../assets/img/common/deco/frame_nav_left.svg") no-repeat left top/contain;
}

.p-series-nav__deco::after {
  background: url("../../assets/img/common/deco/frame_nav_right.svg") no-repeat right top/contain;
}

.p-series-nav__list {
  padding: 24px 8px 24px 0;
  background: #FFF;
}

@media screen and (max-width: 768px) {
  .p-series-nav__list {
    padding: 24px 12px 28px 0;
  }
}

.p-series-nav__item.-load-appear.-left {
  -webkit-transition: -webkit-transform .5s ease;
  transition: -webkit-transform .5s ease;
  transition: transform .5s ease;
  transition: transform .5s ease, -webkit-transform .5s ease;
  -webkit-transition-delay: 1.35s;
  transition-delay: 1.35s;
}

.p-series-nav__item:not(:last-child) {
  margin-bottom: 28px;
}

.p-series-nav__item:nth-child(1) .p-series-nav__item--line.-right {
  width: calc(100% - 77px);
}

@media screen and (max-width: 768px) {
  .p-series-nav__item:nth-child(1) .p-series-nav__item--line.-right {
    width: calc(100% - 58px);
  }
}

.p-series-nav__item:nth-child(2) .p-series-nav__item--line.-right {
  width: calc(100% - 93px);
}

@media screen and (max-width: 768px) {
  .p-series-nav__item:nth-child(2) .p-series-nav__item--line.-right {
    width: calc(100% - 70px);
  }
}

.p-series-nav__item:nth-child(3) .p-series-nav__item--line.-right {
  width: calc(100% - 136px);
}

@media screen and (max-width: 768px) {
  .p-series-nav__item:nth-child(3) .p-series-nav__item--line.-right {
    width: calc(100% - 102px);
  }
}

.p-series-nav__item:nth-child(4) .p-series-nav__item--line.-right {
  width: calc(100% - 94px);
}

@media screen and (max-width: 768px) {
  .p-series-nav__item:nth-child(4) .p-series-nav__item--line.-right {
    width: calc(100% - 71px);
  }
}

.p-series-nav__item:nth-child(5) .p-series-nav__item--line.-right {
  width: calc(100% - 133px);
}

@media screen and (max-width: 768px) {
  .p-series-nav__item:nth-child(5) .p-series-nav__item--line.-right {
    width: calc(100% - 100px);
  }
}

.p-series-nav__item:nth-child(6) .p-series-nav__item--line.-right {
  width: calc(100% - 99px);
}

@media screen and (max-width: 768px) {
  .p-series-nav__item:nth-child(6) .p-series-nav__item--line.-right {
    width: calc(100% - 74px);
  }
}

.p-series-nav__item--link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  font-weight: 700;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: "Roboto Condensed", sans-serif;
}

@media screen and (min-width: 769px) {

  .-current .p-series-nav__item--link,
  .p-series-nav__item--link:hover {
    color: #00a2c2;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
  }

  .-current .p-series-nav__item--link .p-series-nav__item--line::after,
  .p-series-nav__item--link:hover .p-series-nav__item--line::after {
    width: 100%;
  }

  .-current .p-series-nav__item--link .p-series-nav__item--line.-right::before,
  .p-series-nav__item--link:hover .p-series-nav__item--line.-right::before {
    background: #00a2c2;
  }
}

@media screen and (max-width: 768px) {
  .-active .-current .p-series-nav__item--link {
    color: #00a2c2;
    -webkit-transition: color .5s ease;
    transition: color .5s ease;
  }

  .-active .-current .p-series-nav__item--link .p-series-nav__item--line::after {
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
    width: 100%;
  }
}

.p-series-nav__item--link--line {
  display: block;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.1);
}

.p-series-nav__item--link--line.-left {
  width: 32px;
}

.p-series-nav__item--line {
  display: block;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.1);
  position: relative;
}

.p-series-nav__item--line::after {
  content: '';
  display: block;
  width: 0%;
  height: 1px;
  background: #00a2c2;
  -webkit-transition: width .25s ease;
  transition: width .25s ease;
}

.p-series-nav__item--line.-left {
  width: 32px;
}

@media screen and (max-width: 768px) {
  .p-series-nav__item--line.-left {
    width: 20px;
  }
}

.p-series-nav__item--line.-right {
  width: calc(100% - 32px);
}

.p-series-nav__item--line.-right::before {
  content: '';
  display: block;
  width: 1px;
  height: 8px;
  background-color: rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
}

.p-series-nav__item--line.-right::after {
  position: absolute;
  right: 0;
}

.p-series-nav__item--txt {
  display: block;
  margin: 0 8px;
}

/*
** p-series-contents
*/
.p-series-contents {
  width: calc(100% - 25% + 40px);
  margin-left: 80px;
  margin-bottom: 80px;
  position: relative;
  z-index: 100;
  opacity: 0;
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: opacity .5s, -webkit-transform .5s;
  transition: opacity .5s, -webkit-transform .5s;
  transition: opacity .5s, transform .5s;
  transition: opacity .5s, transform .5s, -webkit-transform .5s;
}

@media screen and (max-width: 768px) {
  .p-series-contents {
    width: calc(100% - 48px);
    margin: 0 24px;
  }
}

.-loadComplete .p-series-contents {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 1.6s;
  transition-delay: 1.6s;
}

/*
** seriesTop-about
*/
@media screen and (min-width: 769px) {
  .p-seriesTop-about {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 50% 50%;
    grid-template-columns: 50% 50%;
  }
}

@media screen and (max-width: 768px) {
  .p-seriesTop-about {
    margin-bottom: 48px;
    background: #fff;
  }
}

.p-seriesTop-about .p-series__r {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.p-seriesTop-about__logo {
  min-height: 218px;
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

@media screen and (max-width: 768px) {
  .p-seriesTop-about__logo {
    height: 28.8vw;
  }
}

.p-seriesTop-about__logo img {
  width: 309px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media screen and (max-width: 768px) {
  .p-seriesTop-about__logo img {
    width: 61.6vw;
  }
}

.p-seriesTop-about__logo::before {
  content: 'LOGO';
}

.p-seriesTop-about__logo::after {
  width: 52px;
}

@media screen and (max-width: 768px) {
  .p-seriesTop-about__keyv {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  }
}

.p-seriesTop-about__keyv::before {
  content: 'KEY VISUAL';
}

.p-seriesTop-about__keyv--star {
  margin: 24px 0;
}

.p-seriesTop-about__keyv--itemIn {
  position: relative;
}

@media screen and (max-width: 768px) {
  .p-seriesTop-about__keyv--itemIn {
    width: 100%;
    min-height: 380px;
  }
}

.p-seriesTop-about__keyv--slider {
  padding: 24px;
}

.p-seriesTop-about__keyv .swiper-slide {
  position: relative;
  overflow: hidden;
}

.p-seriesTop-about__keyv .swiper-slide a {
  display: block;
}

.p-seriesTop-about__keyv .swiper-slide img {
  max-width: 100%;
  margin: 0 auto;
  display: block;
}

@media screen and (min-width: 769px) {
  .p-seriesTop-about__keyv .swiper-slide img {
    width: 100%;
    max-width: 645px;
  }
}

.p-seriesTop-about__keyv--option {
  width: 100%;
  height: 72px;
}

.p-seriesTop-about__keyv--option .swiper-pagination-bullet {
  background: url(../img/common/icon/icon_bullet_b_off.svg) no-repeat center center/contain;
}

.p-seriesTop-about__keyv--option .swiper-pagination-bullet-active {
  background: url(../img/common/icon/icon_bullet_b_on.svg) no-repeat center center/contain;
}

.p-seriesTop-about__keyv--wrap {
  height: 100%;
  padding: 24px 24px 0 24px;
  overflow: hidden;
  position: relative;
}

.p-seriesTop-about__keyv .swiper-wrapper {
  z-index: 99;
}

.p-seriesTop-about__caption::before {
  content: 'CAPTION';
}

.p-seriesTop-about__caption--title {
  margin-bottom: 32px;
}

@media screen and (max-width: 768px) {
  .p-seriesTop-about__caption--title {
    margin-bottom: 24px;
  }
}

.p-seriesTop-about__caption--title>span {
  font-size: 18px;
  line-height: 2;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 768px) {
  .p-seriesTop-about__caption--title>span {
    font-size: 14px;
  }
}

@media screen and (max-width: 768px) {
  .p-seriesTop-about__caption--title::before {
    margin-top: 8px;
  }
}

.p-seriesTop-about__caption--onair {
  margin-bottom: 32px;
  font-weight: 700;
  align-items: baseline;
}

@media screen and (max-width: 768px) {
  .p-seriesTop-about__caption--onair {
    margin-bottom: 25px;
  }
}

@media screen and (max-width: 768px) {
  .p-seriesTop-about__caption--onair>span {
    font-size: 12px;
  }
}

.p-seriesTop-about__caption--txt {
  line-height: 2;
}

@media screen and (max-width: 768px) {
  .p-seriesTop-about__caption--txt {
    font-size: 12px;
  }
}

/*
** seriesTop-staff
*/
.p-seriesTop-staff {
  position: relative;
}

@media screen and (max-width: 768px) {
  .p-seriesTop-staff {
    padding-top: 80px;
    margin-top: -80px;
    margin-bottom: 48px;
  }
}

@media screen and (max-width: 768px) {
  .p-seriesTop-staff .c-contentsDeco.-start::before {
    top: 80px;
  }
}

.p-seriesTop-staff__in {
  overflow: hidden;
}

@media screen and (min-width: 769px) {
  .p-seriesTop-staff__in {
    padding-right: 80px;
  }
}

@media screen and (max-width: 768px) {
  .p-seriesTop-staff__in {
    padding-bottom: 32px;
  }
}

.p-seriesTop-staff__contents {
  padding: 80px 0 80px 80px;
}

@media screen and (max-width: 768px) {
  .p-seriesTop-staff__contents {
    padding: 36px 24px 0 24px;
  }
}

.p-seriesTop-staff__title {
  margin-bottom: 54px;
}

@media screen and (max-width: 768px) {
  .p-seriesTop-staff__title {
    margin-bottom: 18px;
  }
}

@media screen and (min-width: 769px) {
  .p-seriesTop-staff__list {
    min-width: 340px;
  }
}

.p-seriesTop-staff__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
  .p-seriesTop-staff__item {
    margin-bottom: 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.p-seriesTop-staff__dt {
  margin-right: 16px;
  padding-top: 8px;
  font-size: 16px;
  color: #00a2c2;
  white-space: nowrap;
}

@media screen and (max-width: 768px) {
  .p-seriesTop-staff__dt.-full {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .p-seriesTop-staff__dt {
    margin-right: 12px;
    padding-top: 4px;
    font-size: 14px;
  }
}

.p-seriesTop-staff__dd {
  font-size: 20px;
  line-height: 2;
}

@media screen and (max-width: 768px) {
  .p-seriesTop-staff__dd {
    font-size: 14px;
  }
}

/*
** seriesTop-story
*/
@media screen and (max-width: 768px) {
  .p-seriesTop-story {
    margin-bottom: 48px;
  }
}

.p-seriesTop-story__in {
  width: 100%;
  overflow: hidden;
}

.p-seriesTop-story__title {
  margin-bottom: 64px;
}

@media screen and (max-width: 768px) {
  .p-seriesTop-story__title {
    margin-bottom: 24px;
  }
}

.p-seriesTop-story__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.p-seriesTop-story__item {
  width: calc(100% / 4);
  position: relative;
  overflow: hidden;
  margin-bottom: 40px;
}

.-star .p-seriesTop-story__item {
  width: calc(100% / 3);
}

@media screen and (max-width: 768px) {
  .p-seriesTop-story__item {
    width: calc(100% / 2);
    margin-bottom: 24px;
  }
}

.p-seriesTop-story__item--link {
  color: #000;
}

.p-seriesTop-story__item--link:hover {
  color: #00a2c2;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.p-seriesTop-story__item--link:hover .p-seriesTop-story__item--in::after {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.p-seriesTop-story__item--link:hover .p-seriesTop-story__item--img img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.p-seriesTop-story__item--in {
  padding: 4px;
  background: #000;
  margin-bottom: 16px;
  position: relative;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .p-seriesTop-story__item--in {
    margin-bottom: 12px;
  }
}

.p-seriesTop-story__item--in::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url("../../assets/img/common/deco/deco_frame_thumb.png") no-repeat center center/contain;
  z-index: 100;
}

.p-seriesTop-story__item--in::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-150%, -50%);
  transform: translate(-150%, -50%);
  background: #00a2c2;
  mix-blend-mode: overlay;
  z-index: 100;
  opacity: .65;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.p-seriesTop-story__item--phase {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  background: #00a2c2;
  color: #FFF;
  line-height: 1;
  padding: 4px 8px;
  z-index: 100;
}

@media screen and (max-width: 768px) {
  .p-seriesTop-story__item--phase {
    font-size: 10px;
    padding: 2px 4px;
  }
}

.p-seriesTop-story__item--img img {
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.p-seriesTop-story__item--title {
  font-size: 16px;
  font-size: clamp(14px, 1vw, 16px);
  text-align: center;
}

@media screen and (max-width: 768px) {
  .p-seriesTop-story__item--title {
    font-size: 12px;
  }
}

/*
** seriesTop-chara
*/
.p-seriesTop-chara__in {
  width: 100%;
  overflow: hidden;
}

.p-seriesTop-chara__title {
  margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
  .p-seriesTop-chara__title {
    margin-bottom: 24px;
  }
}

.p-seriesTop-chara__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 24px 0;
}

.p-seriesTop-chara__item {
  width: calc(100% / 6);
  position: relative;
}

@media screen and (max-width: 768px) {
  .p-seriesTop-chara__item {
    width: calc(100% / 3);
  }
}

.p-seriesTop-chara__item--link {
  color: #000;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.p-seriesTop-chara__item--link:hover {
  color: #00a2c2;
}

.p-seriesTop-chara__item--link:hover .p-seriesTop-chara__item--in::after {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.p-seriesTop-chara__item--link:hover .p-seriesTop-chara__item--img img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.p-seriesTop-chara__item--in {
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding: 4px;
  background: #000 url("../../assets/img/seed/chara/chara_thumb_bg.png") no-repeat center center/contain;
  margin-bottom: 16px;
  position: relative;
  aspect-ratio: 1/1;
}

@media screen and (max-width: 768px) {
  .p-seriesTop-chara__item--in {
    margin-bottom: 12px;
  }
}

.p-seriesTop-chara__item--in::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: url("../../assets/img/common/deco/deco_frame_thumb_small.png") no-repeat center center/contain;
  z-index: 101;
}

.p-seriesTop-chara__item--in::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-150%, -50%);
  transform: translate(-150%, -50%);
  background: #00a2c2;
  mix-blend-mode: overlay;
  z-index: 100;
  opacity: .65;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.p-seriesTop-chara__item--img {
  overflow: hidden;
}

.p-seriesTop-chara__item--img img {
  width: 100%;
  height: auto;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.p-seriesTop-chara__item--name {
  min-height: 48px;
  font-size: 16px;
  font-size: clamp(14px, 1vw, 16px);
  text-align: center;
  padding: 0 8px;
}

@media screen and (max-width: 768px) {
  .p-seriesTop-chara__item--name {
    font-size: 12px;
    padding: 0 4px;
  }
}

/*
** seriesTop-mecha
*/
@media screen and (max-width: 768px) {
  .p-seriesTop-mecha {
    margin: 0;
  }
}

.p-seriesTop-mecha__in {
  width: 100%;
  overflow: hidden;
}

.p-seriesTop-mecha__title {
  margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
  .p-seriesTop-mecha__title {
    margin-bottom: 24px;
  }
}

.p-seriesTop-mecha__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 24px 0;
}

.p-seriesTop-mecha__item {
  width: calc(100% / 6);
  position: relative;
}

@media screen and (max-width: 768px) {
  .p-seriesTop-mecha__item {
    width: calc(100% / 3);
  }
}

.p-seriesTop-mecha__item--link {
  color: #000;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.p-seriesTop-mecha__item--link:hover {
  color: #00a2c2;
}

.p-seriesTop-mecha__item--link:hover .p-seriesTop-mecha__item--in::after {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.p-seriesTop-mecha__item--link:hover .p-seriesTop-mecha__item--img img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.p-seriesTop-mecha__item--in {
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding: 4px;
  background: #000 url("../../assets/img/seed/chara/chara_thumb_bg.png") no-repeat center center/contain;
  margin-bottom: 16px;
  position: relative;
  aspect-ratio: 1/1;
}

@media screen and (max-width: 768px) {
  .p-seriesTop-mecha__item--in {
    margin-bottom: 12px;
  }
}

.p-seriesTop-mecha__item--in::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: url("../../assets/img/common/deco/deco_frame_thumb_small.png") no-repeat center center/contain;
  z-index: 101;
}

.p-seriesTop-mecha__item--in::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-150%, -50%);
  transform: translate(-150%, -50%);
  background: #00a2c2;
  mix-blend-mode: overlay;
  z-index: 100;
  opacity: .65;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.p-seriesTop-mecha__item--img {
  overflow: hidden;
}

.p-seriesTop-mecha__item--img img {
  width: 100%;
  height: auto;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.p-seriesTop-mecha__item--name {
  min-height: 48px;
  font-size: 16px;
  font-size: clamp(14px, 1vw, 16px);
  text-align: center;
  padding: 0 8px;
}

.p-series-mecha__link .p-seriesTop-mecha__item--name {
  min-height: auto;
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .p-seriesTop-mecha__item--name {
    font-size: 12px;
    padding: 0 4px;
  }
}

@media screen and (max-width: 768px) {
  .p-seriesTop-mecha__item--name>span {
    font-size: 10px;
  }
}

/**
 * p-seriesTop-bddvd.
 */
@media screen and (min-width: 769px) {
  .p-seriesTop-bddvd {
    margin-bottom: 80px;
  }
}

@media screen and (max-width: 768px) {
  .p-seriesTop-bddvd {
    padding-top: 80px;
    margin-top: -80px;
    margin-bottom: 48px;
  }
}

@media screen and (max-width: 768px) {
  .p-seriesTop-bddvd .c-contentsDeco.-start::before {
    top: 80px;
  }
}

.p-seriesTop-bddvd__in {
  width: 100%;
  overflow: hidden;
}

.p-seriesTop-bddvd__title {
  margin-bottom: 64px;
}

@media screen and (max-width: 768px) {
  .p-seriesTop-bddvd__title {
    margin-bottom: 24px;
  }
}

.p-seriesTop-bddvd__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.p-seriesTop-bddvd__card {
  width: calc(100% / 4);
  background: #FFF;
  margin-bottom: 40px;
  position: relative;
}

@media screen and (max-width: 768px) {
  .p-seriesTop-bddvd__card {
    width: calc(100% / 2);
    margin-bottom: 12px;
  }
}

.p-seriesTop-bddvd__link {
  padding: 24px;
  display: block;
  position: relative;
  z-index: 10;
}

@media screen and (max-width: 768px) {
  .p-seriesTop-bddvd__link {
    padding: 16px;
  }
}

.p-seriesTop-bddvd__link::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #00a2c2;
  -webkit-transition-property: width;
  transition-property: width;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
}

.p-seriesTop-bddvd__link:hover .p-seriesTop-bddvd__tag,
.p-seriesTop-bddvd__link:hover .p-seriesTop-bddvd__excerpt {
  color: #FFF;
}

.p-seriesTop-bddvd__link:hover .p-seriesTop-bddvd__thumb img {
  -webkit-transform: scale(1.08);
  transform: scale(1.08);
}

.p-seriesTop-bddvd__link:hover::before {
  width: 100%;
  left: 0;
  right: auto;
}

.p-seriesTop-bddvd__link--in {
  position: relative;
  z-index: 2;
}

.p-seriesTop-bddvd__thumb {
  overflow: hidden;
}

@media screen and (min-width: 769px) {
  .p-seriesTop-bddvd__thumb {
    width: 100%;
    margin: 0 auto 24px;
  }
}

@media screen and (max-width: 768px) {
  .p-seriesTop-bddvd__thumb {
    margin-bottom: 8px;
  }
}

.p-seriesTop-bddvd__thumb img {
  width: 100%;
  display: block;
  margin: 0 auto;
}

.p-seriesTop-bddvd__detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 8px;
}

@media screen and (max-width: 768px) {
  .p-seriesTop-bddvd__detail {
    margin-bottom: 4px;
  }
}

.p-seriesTop-bddvd__tag {
  font-family: "Roboto Condensed", sans-serif;
  color: #00a2c2;
  -webkit-transition: color .3s;
  transition: color .3s;
}

@media screen and (max-width: 768px) {
  .p-seriesTop-bddvd__tag {
    font-size: 12px;
  }
}

.p-seriesTop-bddvd__excerpt {
  margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
  .p-seriesTop-bddvd__excerpt {
    margin-bottom: 5px;
  }
}

.p-seriesTop-bddvd__excerpt--txt {
  line-height: 2;
  -webkit-transition: color .3s;
  transition: color .3s;
}

@media screen and (max-width: 768px) {
  .p-seriesTop-bddvd__excerpt--txt {
    font-size: 12px;
    line-height: 1.5;
  }
}

.p-seriesTop-bddvd__excerpt .u-ellipsis {
  -webkit-line-clamp: 3;
}

/**
 * p-seriesTop-btn.
 */
.p-seriesTop-btn {
  margin: 0 auto;
  background: #f5f5f5;
}

@media screen and (min-width: 769px) {
  .p-seriesTop-btn {
    width: max(800px);
  }
}

/**
* series 共通
**/
@media screen and (min-width: 769px) {
  .p-series-cmn__link {
    padding: 40px 80px 0px 80px;
  }
}

@media screen and (max-width: 768px) {
  .p-series-cmn__link {
    padding: 24px 24px 0px 24px;
  }
}

.p-series-cmn__link--ttl {
  margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
  .p-series-cmn__link--ttl {
    margin-bottom: 24px;
  }
}

.p-series-cmn__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.p-series-cmn__item {
  width: calc(100% / 6);
  position: relative;
}

@media screen and (max-width: 768px) {
  .p-series-cmn__item {
    width: calc(100% / 3);
  }
}

.p-series-cmn__item--link {
  color: #000;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.p-series-cmn__item--link:hover {
  color: #00a2c2;
}

.p-series-cmn__item--link:hover .p-series-cmn__item--in::after {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.p-series-cmn__item--link:hover .p-series-cmn__item--img img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.p-series-cmn__item--in {
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding: 4px;
  background: #000 url("../../assets/img/seed/chara/chara_thumb_bg.png") no-repeat center center/contain;
  margin-bottom: 16px;
  position: relative;
  aspect-ratio: 1/1;
}

@media screen and (max-width: 768px) {
  .p-series-cmn__item--in {
    margin-bottom: 12px;
  }
}

.p-series-cmn__item--in::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: url("../../assets/img/common/deco/deco_frame_thumb_small.png") no-repeat center center/contain;
  z-index: 101;
}

.p-series-cmn__item--in::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-150%, -50%);
  transform: translate(-150%, -50%);
  background: #00a2c2;
  mix-blend-mode: overlay;
  z-index: 100;
  opacity: .65;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.p-series-cmn__item--img {
  overflow: hidden;
}

.p-series-cmn__item--img img {
  width: 100%;
  height: auto;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.p-series-cmn__item--name {
  min-height: 48px;
  margin-bottom: 40px;
  font-size: 16px;
  font-size: clamp(14px, 1vw, 16px);
  text-align: center;
}

.p-series-mecha__link .p-series-cmn__item--name {
  min-height: auto;
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .p-series-cmn__item--name {
    min-height: 24px;
    margin-bottom: 24px;
    font-size: 12px;
  }
}

@media screen and (max-width: 768px) {
  .p-series-cmn__item--name>span {
    font-size: 10px;
  }
}

/* ===============================================
# series-story
=============================================== */
.p-series-story__ttl {
  margin-bottom: 80px;
}

@media screen and (max-width: 768px) {
  .p-series-story__ttl {
    margin-bottom: 24px;
  }
}

@media screen and (min-width: 769px) {
  .p-series-story__subttl {
    margin-right: 80px;
    margin-bottom: 80px;
  }
}

@media screen and (max-width: 768px) {
  .p-series-story__subttl {
    margin-bottom: 24px;
  }
}

@media screen and (min-width: 769px) {
  .p-series-story__subttl .p-sub__subttl--ja {
    font-size: 24px;
  }
}

.p-series-story__in {
  position: relative;
}

.p-series-story__contents {
  margin: 0 auto;
  min-height: 500px;
  padding: 80px 0 80px 80px;
  overflow: hidden;
  position: relative;
}

@media screen and (max-width: 768px) {
  .p-series-story__contents {
    padding: 36px 0 24px 24px;
  }
}

.p-series-story__contents--in {
  position: relative;
  z-index: 110;
}

.p-series-story__slider {
  position: relative;
  /* swiper-scrollbar */
}

@media screen and (max-width: 768px) {
  .p-series-story__slider {
    max-height: 230px;
  }
}

.p-series-story__slider--in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 80px;
}

@media screen and (max-width: 768px) {
  .p-series-story__slider--in {
    padding-bottom: 40px;
  }
}

.p-series-story__slider--card img {
  width: 100%;
}

.p-series-story__slider--controller {
  position: relative;
  bottom: 40px;
  margin-right: 80px;
  z-index: 999;
}

@media screen and (max-width: 768px) {
  .p-series-story__slider--controller {
    margin-top: 24px;
    margin-right: 32px;
  }
}

.p-series-story__slider--btnWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.p-series-story__slider--btn {
  width: 80px;
  height: 32px;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

@media screen and (max-width: 768px) {
  .p-series-story__slider--btn {
    width: 52px;
    height: 20px;
  }
}

.p-series-story__slider--btn a {
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.p-series-story__slider--btn a::before,
.p-series-story__slider--btn a::after {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.p-series-story__slider--btn span {
  font-size: 16px;
  font-family: "Roboto Condensed", sans-serif;
}

@media screen and (min-width: 769px) {
  .p-series-story__slider .swiper-scrollbar.scrollbar-story {
    width: calc(100% - 320px);
    left: 120px !important;
    bottom: 24px !important;
  }
}

@media screen and (max-width: 768px) {
  .p-series-story__slider .swiper-scrollbar.scrollbar-story {
    width: calc(100% - 138px);
    bottom: 4px;
    left: 54px;
    border-radius: 0;
  }
}

.p-series-story__detail {
  position: relative;
  z-index: 100;
}

@media screen and (min-width: 769px) {
  .p-series-story__detail {
    width: calc(100% - 80px);
    margin-bottom: 64px;
  }
}

@media screen and (max-width: 768px) {
  .p-series-story__detail {
    margin-right: 24px;
    margin-bottom: 32px;
  }
}

.p-series-story__detail>p {
  line-height: 2;
}

.p-series-story__staff {
  position: relative;
  z-index: 100;
}

@media screen and (min-width: 769px) {
  .p-series-story__staff {
    margin-bottom: 80px;
    padding-right: 80px;
  }
}

@media screen and (max-width: 768px) {
  .p-series-story__staff {
    margin-right: 24px;
    margin-bottom: 16px;
  }
}

.p-series-story__staff--ttl {
  line-height: 2;
  font-weight: 600;
  font-family: "Roboto Condensed", sans-serif;
}

.p-series-story__staff--list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.p-series-story__staff--item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 24px;
  font-size: 16px;
  line-height: 2;
}

@media screen and (max-width: 768px) {
  .p-series-story__staff--item {
    margin-bottom: 16px;
    font-size: 12px;
    line-height: 1;
  }
}

.p-series-story__staff--item:not(:last-child) {
  margin-right: 22px;
}

.p-series-story__staff--dt {
  margin-right: 16px;
  color: #00a2c2;
}

@media screen and (max-width: 768px) {
  .p-series-story__staff--dt {
    margin-right: 8px;
  }
}

.p-series-story__pagerWrap {
  width: calc(100% - 80px);
  position: relative;
  z-index: 10;
}

@media screen and (max-width: 768px) {
  .p-series-story__pagerWrap {
    width: calc(100% - 24px);
  }
}

.p-series-story__pager a {
  padding-left: 8px;
  font-weight: 500;
}

@media screen and (max-width: 768px) {
  .p-series-story__pager a {
    font-size: 10px;
  }
}

@media screen and (max-width: 768px) {

  .p-series-story__pager a::before,
  .p-series-story__pager a::after {
    width: 24px;
    height: 40px;
  }
}

@media screen and (min-width: 769px) {
  .p-series-story__backLink--wrap {
    width: calc(100% - 80px);
    position: relative;
  }
}

@media screen and (min-width: 769px) {
  .p-series-story__backLink {
    width: 200px;
    margin: -58px auto 0;
  }
}

@media screen and (max-width: 768px) {
  .p-series-story__backLink {
    width: 42.66667vw;
    margin: 16px auto 0;
  }
}

.p-series-story__backLink .c-button-black__in {
  padding-left: 0;
}

.p-series-story__backLink .c-button-black__text::after {
  content: none;
}

.p-series-story .c-frameDeco {
  z-index: 101;
}

.p-series-story .c-bg-hexagon::before {
  z-index: 999;
}

@media screen and (max-width: 768px) {
  .p-series-story .c-bg-hexagon::before {
    top: -22px;
  }
}

@media screen and (max-width: 768px) {

  .p-series-story .c-arrow--prev>a,
  .p-series-story .c-arrow--next>a {
    font-size: 10px;
  }
}

@media screen and (max-width: 768px) {
  .p-series-story .c-arrow--prev>a {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

@media screen and (max-width: 768px) {
  .p-series-story .c-arrow--next>a {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}

/* ===============================================
# p-series-chara
=============================================== */
.p-series-chara__ttl {
  margin-bottom: 80px;
}

@media screen and (max-width: 768px) {
  .p-series-chara__ttl {
    margin-bottom: 36px;
  }
}

.p-series-chara__ttl .c-title-seriesSub--line {
  width: 68px;
}

@media screen and (min-width: 769px) {
  .p-series-chara__ttl .c-title-seriesSub--en {
    font-size: 56px;
  }
}

@media screen and (max-width: 768px) {
  .p-series-chara__ttl .c-title-seriesSub--en {
    font-size: 32px;
  }
}

.p-series-chara__ttl .c-title-seriesSub--en .-small {
  font-size: 28px;
}

@media screen and (max-width: 768px) {
  .p-series-chara__ttl .c-title-seriesSub--en .-small {
    font-size: 18px;
  }
}

.p-series-chara__in {
  position: relative;
}

.p-series-chara__contents {
  margin: 0 auto;
  padding: 80px 0;
  overflow: hidden;
  position: relative;
  z-index: 10;
}

@media screen and (max-width: 768px) {
  .p-series-chara__contents {
    padding: 36px 0;
  }
}

.p-series-chara__cv {
  margin-left: 0px;
  margin-bottom: 65px;
  position: relative;
  z-index: 10;
}

@media screen and (max-width: 768px) {
  .p-series-chara__cv {
    margin-bottom: 24px;
  }
}

.p-series-chara__cv span {
  position: relative;
  font-size: 20px;
  font-weight: 400;
}

@media screen and (max-width: 768px) {
  .p-series-chara__cv span {
    font-size: 14px;
  }
}

.p-series-chara__cv span::before {
  content: 'CV';
  display: inline-block;
  padding-right: 12px;
  font-size: 16px;
  color: #00a2c2;
  font-family: "Roboto Condensed", sans-serif;
}

@media screen and (max-width: 768px) {
  .p-series-chara__cv span::before {
    padding-right: 8px;
    font-size: 12px;
  }
}

.p-series-chara__tab {
  margin-bottom: 64px;
  border-top: 1px solid rgba(0, 0, 0, 0.16);
  border-bottom: 1px solid rgba(0, 0, 0, 0.16);
  position: relative;
  z-index: 10;
}

@media screen and (max-width: 768px) {
  .p-series-chara__tab {
    margin-bottom: 24px;
  }
}

.p-series-chara__tab--linkList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.p-series-chara__tab--link {
  position: relative;
}

.p-series-chara__tab--link:not(:last-child) {
  margin-right: 80px;
}

@media screen and (max-width: 768px) {
  .p-series-chara__tab--link:not(:last-child) {
    margin-right: 24px;
  }
}

.p-series-chara__tab--link a {
  display: block;
  padding: 16px 0;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.6;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

@media screen and (max-width: 768px) {
  .p-series-chara__tab--link a {
    padding: 12px 0;
    font-size: 10px;
    line-height: 1;
  }
}

.p-series-chara__tab--link.-current a,
.p-series-chara__tab--link a:hover {
  color: #00a2c2;
}

.p-series-chara__tab--link .u-hover-deco {
  position: absolute;
  bottom: 0;
}

@media screen and (max-width: 768px) {
  .p-series-chara__tab--link .u-hover-deco {
    bottom: -2px;
  }
}

@media screen and (min-width: 769px) {
  .p-series-chara__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0px 80px;
    margin-bottom: 80px;
  }
}

@media screen and (max-width: 768px) {
  .p-series-chara__box {
    padding: 0px 24px;
  }
}

@media screen and (min-width: 769px) {
  .p-series-chara__img {
    width: 16.66667vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    margin-left: 66px;
    margin-right: 80px;
  }
}

@media screen and (max-width: 768px) {
  .p-series-chara__img {
    width: 42.66667vw;
    margin: 0 auto 24px;
  }
}

@media screen and (min-width: 769px) {
  .p-series-chara__img img {
    min-width: 260px;
  }
}

@media screen and (min-width: 769px) {
  .p-series-chara__detail {
    width: calc(100% - 16.66667vw - 146px);
    margin-top: 60px;
  }
}

@media screen and (max-width: 768px) {
  .p-series-chara__detail--name {
    font-size: 14px;
    font-weight: 400;
  }
}

.p-series-chara__detail--txt {
  line-height: 2;
  margin-bottom: 60px;
}

@media screen and (max-width: 768px) {
  .p-series-chara__detail--txt {
    font-size: 12px;
    margin-bottom: 24px;
  }
}

.p-series-chara__detail--list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

@media screen and (min-width: 769px) {
  .p-series-chara__detail--list {
    width: 50%;
  }
}

.p-series-chara__detail--item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 24px;
  font-size: 16px;
  line-height: 2;
}

@media screen and (max-width: 768px) {
  .p-series-chara__detail--item {
    font-size: 12px;
    margin-bottom: 16px;
  }
}

.p-series-chara__detail--item:not(:last-child) {
  margin-right: 22px;
}

.p-series-chara__detail--dt {
  margin-right: 16px;
  color: #00a2c2;
}

@media screen and (max-width: 768px) {
  .p-series-chara__detail--dt {
    margin-right: 12px;
  }
}

.p-series-chara__pagerWrap {
  width: calc(100% - 160px);
  margin: 80px auto 0;
  position: relative;
  z-index: 10;
}

@media screen and (max-width: 768px) {
  .p-series-chara__pagerWrap {
    width: calc(100% - 48px);
    margin: 40px auto 0;
  }
}

.p-series-chara__pager a {
  padding-left: 8px;
  font-weight: 500;
}

@media screen and (max-width: 768px) {
  .p-series-chara__pager a {
    padding-left: 0px;
    font-size: 10px;
  }
}

@media screen and (max-width: 768px) {

  .p-series-chara__pager a::before,
  .p-series-chara__pager a::after {
    width: 24px;
    height: 40px;
  }
}

@media screen and (min-width: 769px) {
  .p-series-chara__backLink {
    width: 300px;
    margin: -58px auto 0;
  }
}

@media screen and (max-width: 768px) {
  .p-series-chara__backLink {
    width: 56.8vw;
    margin: 24px auto 0;
  }
}

.p-series-chara__backLink .c-button-black__in {
  padding-left: 0;
}

.p-series-chara__backLink .c-button-black__text::after {
  content: none;
}

/**
* story, chara,mecha 遷移時
**/
.js-container {
  opacity: 1;
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.js-container.-next {
  opacity: 0;
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}

.js-container.-prev {
  opacity: 0;
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
}

/* ===============================================
# p-series-mecha
=============================================== */
.p-series-mecha__ttl {
  margin-bottom: 80px;
  display: none;
  opacity: 0;
}

.p-series-mecha__ttl.is-active {
  display: block;
  opacity: 1;
  -webkit-animation: ani-flash 0.1s 2 cubic-bezier(0.47, 0, 0.745, 0.715) forwards normal;
  animation: ani-flash 0.1s 2 cubic-bezier(0.47, 0, 0.745, 0.715) forwards normal;
  -webkit-animation-delay: .1s;
  animation-delay: .1s;
}

@media screen and (max-width: 768px) {
  .p-series-mecha__ttl {
    margin-bottom: 36px;
  }
}

.p-series-mecha__ttl .c-title-seriesSub--line {
  width: 68px;
}

@media screen and (min-width: 769px) {
  .p-series-mecha__ttl .c-title-seriesSub--en {
    font-size: 56px;
  }
}

@media screen and (max-width: 768px) {
  .p-series-mecha__ttl .c-title-seriesSub--en {
    font-size: 32px;
  }
}

.p-series-mecha__ttl .c-title-seriesSub--en .-noupper {
  text-transform: none;
}

@media screen and (min-width: 769px) {
  .p-series-mecha__ttl .c-title-seriesSub--en .-nowrap {
    white-space: nowrap;
  }
}

@media screen and (min-width: 769px) {
  .p-series-mecha__ttl .c-title-seriesSub--en .-nowrap {
    font-size: clamp(22px, 3.7vw, 60px);
  }
}

@media screen and (max-width: 768px) {
  .p-series-mecha__ttl .c-title-seriesSub--en .-nowrap {
    font-size: clamp(20px, 3.2vw, 26px);
  }
}

.p-series-mecha__ttl .c-title-seriesSub--en .-small {
  font-size: clamp(26px, 2.9vw, 38px);
  margin-top: 16px;
}

@media screen and (max-width: 768px) {
  .p-series-mecha__ttl .c-title-seriesSub--en .-small {
    font-size: clamp(18px, 1.8vw, 22px);
    margin-top: 8px;
  }
}

@media screen and (max-width: 768px) {
  .p-series-mecha__ttl .c-title-seriesSub--en .-small-sp {
    font-size: clamp(18px, 1.8vw, 22px);
  }
}

.p-series-mecha__in {
  position: relative;
}

.p-series-mecha__contents {
  margin: 0 auto;
  padding: 110px 0;
  overflow: hidden;
  position: relative;
  z-index: 10;
}

@media screen and (max-width: 768px) {
  .p-series-mecha__contents {
    padding: 54px 0 36px 0;
  }
}

.p-series-mecha__tab {
  margin-bottom: 64px;
  position: relative;
  z-index: 10;
}

@media screen and (max-width: 768px) {
  .p-series-mecha__tab {
    margin-bottom: 24px;
  }
}

.p-series-mecha__tab--linkList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-top: 1px solid rgba(0, 0, 0, 0.16);
  border-bottom: 1px solid rgba(0, 0, 0, 0.16);
}

.p-series-mecha__tab--link {
  position: relative;
}

@media screen and (max-width: 768px) {
  .p-series-mecha__tab--link {
    width: 50%;
  }
}

.p-series-mecha__tab--link:not(:last-child) {
  margin-right: 80px;
}

@media screen and (max-width: 768px) {
  .p-series-mecha__tab--link:not(:last-child) {
    margin-right: 0px;
  }
}

.p-series-mecha__tab--link a {
  display: block;
  padding: 16px 0;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.6;
  text-align: center;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  position: relative;
}

@media screen and (max-width: 768px) {
  .p-series-mecha__tab--link a {
    padding: 12px 0;
    font-size: 10px;
    line-height: 1;
  }
}

.p-series-mecha__tab--link.-current a,
.p-series-mecha__tab--link a:hover {
  color: #00a2c2;
}

.p-series-mecha__tab--link .u-hover-deco {
  position: absolute;
  bottom: 0;
}

@media screen and (max-width: 768px) {
  .p-series-mecha__tab--link .u-hover-deco {
    bottom: -2px;
  }
}

.p-series-mecha__box {
  display: none;
  opacity: 0;
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
}

.p-series-mecha__box.is-active {
  display: block;
  opacity: 1;
  -webkit-animation: ani-flash 0.1s 2 cubic-bezier(0.47, 0, 0.745, 0.715) forwards normal;
  animation: ani-flash 0.1s 2 cubic-bezier(0.47, 0, 0.745, 0.715) forwards normal;
  -webkit-animation-delay: .1s;
  animation-delay: .1s;
}

@media screen and (min-width: 769px) {
  .p-series-mecha__box {
    padding: 0px 80px;
  }
}

@media screen and (max-width: 768px) {
  .p-series-mecha__box {
    padding: 0px 24px;
  }
}

@media screen and (min-width: 769px) {
  .p-series-mecha__img {
    margin-right: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    margin-left: 66px;
  }
}

@media screen and (max-width: 768px) {
  .p-series-mecha__img {
    min-height: 290px;
    margin: 0 auto 24px;
  }
}

.p-series-mecha__img img {
  display: block;
  margin: 0 auto;
}

@media screen and (min-width: 769px) {
  .p-series-mecha__detail {
    margin-top: 60px;
  }
}

@media screen and (max-width: 768px) {
  .p-series-mecha__detail--name {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 16px;
  }
}

.p-series-mecha__detail--txt {
  line-height: 2;
}

@media screen and (max-width: 768px) {
  .p-series-mecha__detail--txt {
    font-size: 12px;
    margin-bottom: 24px;
  }
}

.p-series-mecha__detail--list {
  margin-top: 16px;
}

@media screen and (max-width: 768px) {
  .p-series-mecha__detail--list {
    margin-top: 8px;
  }
}

.p-series-mecha__detail--item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 24px;
  font-size: 16px;
  line-height: 2;
}

@media screen and (max-width: 768px) {
  .p-series-mecha__detail--item {
    font-size: 12px;
    margin-bottom: 16px;
  }
}

.p-series-mecha__detail--item:not(:last-child) {
  margin-right: 22px;
}

.p-series-mecha__detail--dt {
  margin-right: 16px;
  color: #00a2c2;
}

@media screen and (max-width: 768px) {
  .p-series-mecha__detail--dt {
    margin-right: 12px;
  }
}

@media screen and (min-width: 769px) {
  .p-series-mecha__link {
    padding: 40px 80px 0px 80px;
  }
}

@media screen and (max-width: 768px) {
  .p-series-mecha__link {
    padding: 24px 24px 0px 24px;
  }
}

.p-series-mecha__link--ttl {
  margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
  .p-series-mecha__link--ttl {
    margin-bottom: 16px;
  }
}

.p-series-mecha__pagerWrap {
  width: calc(100% - 160px);
  margin: 80px auto 0;
  position: relative;
  z-index: 10;
}

@media screen and (max-width: 768px) {
  .p-series-mecha__pagerWrap {
    width: calc(100% - 48px);
    margin: 40px auto 0;
  }
}

.p-series-mecha__pager a {
  padding-left: 8px;
  font-weight: 500;
}

@media screen and (max-width: 768px) {
  .p-series-mecha__pager a {
    padding-left: 0px;
    font-size: 10px;
  }
}

@media screen and (max-width: 768px) {

  .p-series-mecha__pager a::before,
  .p-series-mecha__pager a::after {
    width: 24px;
    height: 40px;
  }
}

@media screen and (min-width: 769px) {
  .p-series-mecha__backLink {
    width: 300px;
    margin: -58px auto 0;
  }
}

@media screen and (max-width: 768px) {
  .p-series-mecha__backLink {
    width: 56.8vw;
    margin: 24px auto 0;
  }
}

.p-series-mecha__backLink .c-button-black__in {
  padding-left: 0;
}

.p-series-mecha__backLink .c-button-black__text::after {
  content: none;
}

.p-series-mecha__change {
  max-width: 900px;
  margin: 0 auto 40px;
}

@media screen and (max-width: 768px) {
  .p-series-mecha__change {
    width: 74.66667vw;
    margin: 0 auto 40px;
  }
}

.p-series-mecha__change--list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.p-series-mecha__change--btn {
  margin-bottom: 16px;
}

@media screen and (min-width: 769px) {
  .p-series-mecha__change--btn:not(:nth-child(4n)) {
    margin-right: 16px;
  }
}

@media screen and (max-width: 768px) {
  .p-series-mecha__change--btn {
    margin-bottom: 8px;
  }

  .p-series-mecha__change--btn:not(:nth-child(2n)) {
    margin-right: 16px;
  }
}

@media screen and (max-width: 768px) {
  .p-series-mecha__change--btn>span {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .p-series-mecha__change--btn>span a {
    width: calc(100% - 30px);
    font-weight: 600;
  }
}

.p-series-mecha__remaster {
  margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
  .p-series-mecha__remaster {
    margin-bottom: 32px;
  }
}

.p-series-mecha__remaster>p {
  font-size: 20px;
  font-weight: 600;
}

@media screen and (max-width: 768px) {
  .p-series-mecha__remaster>p {
    font-size: 12px;
    font-size: 3.2vw;
  }
}


/*==============================================
  swiper調整 
==============================================*/
.swiper-container-horizontal>.swiper-scrollbar {
  left: 0;
  border-radius: 0px;
  height: 4px;
  cursor: -webkit-grab;
  cursor: grab;
}

.swiper-container-horizontal>.swiper-scrollbar:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.swiper-scrollbar-drag {
  background: #000;
  border-radius: 0;
  cursor: -webkit-grab;
  cursor: grab;
}

.swiper-scrollbar-drag:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.swiper-button-next,
.swiper-button-prev {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  color: #FFF;
  margin-top: 0;
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after,
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: '';
}

.swiper-scrollbar-drag {
  background: #00a2c2;
}

.swiper-horizontal>.swiper-scrollbar {
  left: 40px;
  bottom: 25px;
}

@media screen and (max-width: 768px) {
  .swiper-horizontal>.swiper-scrollbar {
    left: 24px;
    bottom: 16px;
    height: 4px;
  }
}
.txtR{
	display: block;
	text-align: right;
}
.txtBl{
  display: block;
}


/*-----------------------------------------------
* top slider
-------------------------------------------------*/
.p-index-sliderWrap {
  position: relative;
  max-width: 800px;
  margin: 0 auto;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .p-index-sliderWrap {
    margin: max(6vw, 32px) 24px 0;
  }
}
.p-index-slider__in {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: auto !important;
}
.p-index-slider__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40px;
}
@media screen and (max-width: 768px) {
  .p-index-slider__item {
    gap: 20px;
  }
}
.p-index-slider__item > li {
  width: 50%;
}
.p-index-slider__item > li a {
  -webkit-transition: opacity 0.3s cubic-bezier(0.5, 1, 0.89, 1);
  transition: opacity 0.3s cubic-bezier(0.5, 1, 0.89, 1);
  display: block;
}
.p-index-slider__item > li :hover {
  opacity: .7;
}
.p-index-slider__item > li img {
  width: 100%;
}
.p-index-slider__pagination {
  position: relative !important;
  bottom: min(-1.3333333333vw, -20px) !important;
}


/*SPECIAL*/
#special .contentsBoxWrap{
  border: 1px solid #ccc;
  padding: min(3.3333333333vw, 50px); 
  background: #FFF;
}
#special .txt_center{
  text-align: center !important;
}
#p-blu-ray .ytifWrap,
#special .ytifWrap {
  display: block;
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  #p-blu-ray .ytifWrap,
  #special .ytifWrap {
    margin-bottom: 5vw;
  }
}
#p-blu-ray .ytifWrap iframe[src*="youtube"],
#special .ytifWrap iframe[src*="youtube"]{
  border: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#special .contentsBox{
  margin-bottom: 40px;
  line-height: 2;
  font-size: 16px;
}
#special .contentsBox p:not(:last-child){
  margin-bottom: 30px;
}
#special .special_contents_ttl{
  font-size: 24px;
  font-weight: 500;
  color: #009dbd;
  line-height: 1.5;
}
#special .contentsBox_txt{
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  #special .contentsBox,
  #special .contentsBox_txt{
    margin-bottom: 5vw;
    font-size: 12px;
  }
  #special .contentsBox p:not(:last-child){
    margin-bottom: 5vw;
  }
  #special .special_contents_ttl{
    font-size: 18px;
  }
}
#special .blueprintBoxWrap{
  display: flex;
  justify-content: space-between;
}
#special .btn_link>a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
  padding: 10px min(1.3333333333vw, 20px);
  margin: 0 auto;
  border: 1px solid #000;
  background-color: #000;
  font-size: min(1.3333333333vw, 20px);
  color: #fff;
  -webkit-transition: color 0.3s cubic-bezier(0.5, 1, 0.89, 1), background-color 0.3s cubic-bezier(0.5, 1, 0.89, 1);
  transition: color 0.3s cubic-bezier(0.5, 1, 0.89, 1), background-color 0.3s cubic-bezier(0.5, 1, 0.89, 1);
}
@media screen and (max-width: 768px) {
  #special .btn_link>a {
    padding: max(2vw, 10px) max(3.2vw, 16px);
  }
}
#special .btn_link>a:hover {
  color: #000;
  background-color: #FFF;
}
#special .btn_link>a:hover .icon-arrow {
  -webkit-animation: arrow 0.5s;
  animation: arrow 0.5s;
}
@media screen and (max-width: 768px) {
  #special .btn_link>a span {
    font-size: max(3.2vw, 16px);
  }
}
#special .btn_link>span {
  line-height: 1;
}
#special .btn_link a{
  display: block;
}
#special .btn_link a span{
  text-align: center!important;
  font-size: 20px;
}
#special .blueprint_img{
  margin-bottom: min(1.5vw, 20px);
  display: flex;
  justify-content: center;
}
#special .btn_linkWrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#special .btn_linkWrap .btn_linkBox{
  width: 49%;
  margin-bottom: 10px;
}
#special .btn_link a{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
#special .btn_linkBox{
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  #special .btn_linkWrap {
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
  }
  #special .btn_linkWrap .btn_linkBox{
    width: 100%;
    margin-bottom: 3vw;
  }
}
@media screen and (max-width: 768px) {
  #special .special_contents_ttl{
    font-size: 20px;
  }

  #special .contentsBox_txt p{
    font-size: 12px;
  }
  #special .btn_link a span{
    font-size: 14px;
  }
  #special .btn_link>a {
    padding: 2vw 1vw;
    line-height: 1.5;
  }
}
#special .contents_presentBox{
  display: flex;
  justify-content: space-between;
}
#special .contents_presentBox .contentsBox_txt{
  width: 50%;
}
#special .contents_presentBox .presnt_img{
  width: 45%;
}
@media screen and (max-width: 768px) {
  #special .contents_presentBox{
    flex-direction: column;
  }
  #special .contents_presentBox .contentsBox_txt{
    width: 100%;
  }
  #special .contents_presentBox .presnt_img{
    width: 100%;
  }
  .blueprint_img{
    font-size: 12px;
  }
}
#special .blueprint_imgWrap{
  display: flex;
  flex-wrap: wrap;
    justify-content: space-between;
}
#special .blueprint_imgWrap .blueprint_img{
  width: 49%;
}

/*TOP Spotify*/
.p-index-spotifyBox{
  width: 100%;
  max-width: 800px;
  margin: 40px auto 0;
}
@media screen and (max-width: 768px) {
  .p-index-spotifyBox{
    max-width: unset;
    margin: 24px auto 0;
    padding: 0 24px;
  }
}