@charset "UTF-8";
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
*,
*::before,
*::after {
  box-sizing: border-box;
}

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

body {
  line-height: 1;
}

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

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

a {
  background: transparent;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

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

/* change border colour to suit your needs */
hr {
  border: 0;
  border-top: 1px solid #cccccc;
  display: block;
  height: 1px;
  margin: 1em 0;
  padding: 0;
}

/* break point */
/* color setting */
/* base setting */
html {
  font-size: 62.5%;
}

@media only screen and (max-width: 375px) {
  html {
    font-size: 2.66667vw;
  }
}
@media only screen and (min-width: 768px) {
  html {
    font-size: 0.83333vw;
  }
}
@media only screen and (min-width: 1200px) {
  html {
    font-size: 62.5%;
  }
}
body {
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  color: #000000;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.6rem;
  font-weight: 500;
}

body.is-fixed {
  overflow: hidden;
}

picture {
  display: block;
}

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

a {
  color: inherit;
  text-decoration: none;
  transition: opacity 0.4s ease;
}

h1,
h2,
h3,
h4,
h5 {
  font-weight: inherit;
}

ul {
  list-style: none;
}



@media only screen and (min-width: 768px) {
  .only-sp {
    display: none;
  }
}
.only-sp-inline {
  display: inline;
}

@media only screen and (min-width: 768px) {
  .only-sp-inline {
    display: none;
  }
}
.only-pc {
  display: none;
}

@media only screen and (min-width: 768px) {
  .only-pc {
    display: block;
  }
}
.only-pc-inline {
  display: none;
}

@media only screen and (min-width: 768px) {
  .only-pc-inline {
    display: inline;
  }
}
.nowrap {
  white-space: nowrap;
}

@-webkit-keyframes vibe {
  0% {
    transform: translate(0px, 0px) rotateZ(0deg);
  }
  25% {
    transform: translate(2px, 2px) rotateZ(1deg);
  }
  50% {
    transform: translate(0px, 2px) rotateZ(0deg);
  }
  75% {
    transform: translate(2px, 0px) rotateZ(-1deg);
  }
  100% {
    transform: translate(0px, 0px) rotateZ(0deg);
  }
}
@keyframes vibe {
  0% {
    transform: translate(0px, 0px) rotateZ(0deg);
  }
  25% {
    transform: translate(2px, 2px) rotateZ(1deg);
  }
  50% {
    transform: translate(0px, 2px) rotateZ(0deg);
  }
  75% {
    transform: translate(2px, 0px) rotateZ(-1deg);
  }
  100% {
    transform: translate(0px, 0px) rotateZ(0deg);
  }
}
@-webkit-keyframes vibe2 {
  0% {
    transform: translate(-50%, -100%) rotateZ(0deg);
  }
  50% {
    transform: translate(-50%, calc(-100% + 2px)) rotateZ(0deg);
  }
  100% {
    transform: translate(-50%, -100%) rotateZ(0deg);
  }
}
@keyframes vibe2 {
  0% {
    transform: translate(-50%, -100%) rotateZ(0deg);
  }
  50% {
    transform: translate(-50%, calc(-100% + 2px)) rotateZ(0deg);
  }
  100% {
    transform: translate(-50%, -100%) rotateZ(0deg);
  }
}
@-webkit-keyframes wave {
  100% {
    transform: translate3d(0, -10px, 0);
  }
}
@keyframes wave {
  100% {
    transform: translate3d(0, -10px, 0);
  }
}
.inner {
  margin: 0 auto;
  max-width: 120rem;
  padding: 0 2rem;
}

@media only screen and (min-width: 768px) {
  .inner {
    padding: 0 5rem;
  }
}
.section-wrapper {
  padding: 5rem 0;
}

@media only screen and (min-width: 768px) {
  .section-wrapper {
    padding: 8rem 0;
  }
}
.section-ttl {
  font-family: "Oswald", sans-serif;
  font-size: 3.6rem;
  font-weight: 500;
  line-height: 1.47222;
  margin-bottom: 3rem;
  text-align: center;
  text-transform: uppercase;
}
.section-ttl ._lower {
  text-transform: lowercase;
}

.section-ttl._ja {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
}

@media only screen and (min-width: 768px) {
  .section-ttl {
    font-size: 6rem;
    line-height: 1.48333;
    margin-bottom: 6rem;
  }
}
.section-txt {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.875;
}

@media only screen and (min-width: 768px) {
  .section-txt {
    font-size: 2rem;
    line-height: 2;
  }
}
.l-footer__top {
  padding: 5rem 0;
}

@media only screen and (min-width: 768px) {
  .l-footer__top {
    padding: 10rem 0;
  }
}
.l-footer__logo {
  display: block;
  margin: 0 auto 3rem;
  max-width: 25.8rem;
}

@media only screen and (min-width: 768px) {
  .l-footer__logo {
    margin-bottom: 5rem;
    max-width: 34.5rem;
  }
}
@media (hover: hover) {
  .l-footer__logo:hover {
    -webkit-animation: vibe 0.1s infinite;
    animation: vibe 0.1s infinite;
    opacity: 0.7;
  }
}
.l-footer__sns {
  margin-bottom: 3rem;
}

@media only screen and (min-width: 768px) {
  .l-footer__sns {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 5rem;
  }
}
.l-footer__sns-pop {
  background: url(../images/top/follow.svg) no-repeat center/cover;
  font-family: "Oswald", sans-serif;
  font-size: 2.4rem;
  font-weight: 500;
  height: 6.8rem;
  line-height: 1.5;
  text-transform: uppercase;
  width: 18rem;
}

@media only screen and (max-width: 768px) {
  .l-footer__sns-pop {
    margin: 0 auto 3rem;
    padding-top: 0.7rem;
    text-align: center;
  }
}
@media only screen and (min-width: 768px) {
  .l-footer__sns-pop {
    align-items: center;
    background-image: url(../images/top/follow-pc.svg);
    display: flex;
    font-size: 3.2rem;
    height: 6rem;
    line-height: 1.46875;
    margin-right: 4rem;
    padding-left: 1.9rem;
    padding-top: 0;
    width: 19.8rem;
  }
}
.l-footer__sns-list {
  align-items: center;
  display: flex;
  justify-content: center;
}

.l-footer__sns-item {
  cursor: pointer;
  display: block;
  margin-right: 2rem;
  max-width: 6rem;
}

.l-footer__sns-item:last-child {
  margin-right: 0;
}

@media (hover: hover) {
  .l-footer__sns-item:hover {
    -webkit-animation: vibe 0.1s infinite;
    animation: vibe 0.1s infinite;
  }
}
@media only screen and (min-width: 768px) {
  .l-footer__nav {
    display: flex;
    justify-content: center;
  }
}
@media only screen and (max-width: 768px) {
  .l-footer__nav-item {
    margin-bottom: 1.5rem;
  }
  .l-footer__nav-item:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) {
  .l-footer__nav-item {
    margin-right: 5rem;
  }
  .l-footer__nav-item:last-child {
    margin-right: 0;
  }
}
.l-footer__nav-item > a {
  display: block;
  font-family: "Oswald", sans-serif;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.44444;
  text-align: center;
}

@media (hover: hover) {
  .l-footer__nav-item > a:hover {
    -webkit-animation: vibe 0.1s infinite;
    animation: vibe 0.1s infinite;
    opacity: 0.7;
  }
}
.l-footer__copy {
  align-items: center;
  background: #FF0044;
  color: #fff;
  display: flex;
  font-family: "Oswald", sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
  height: 5.7rem;
  justify-content: center;
  line-height: 1.41667;
  padding: 0 2rem;
}

.l-header {
  height: 9rem;
  left: 0;
  position: fixed;
  right: 0;
  top: -9rem;
  transition: all 0.4s ease;
  width: 100%;
  z-index: 100;
}

.l-header.is-show {
  top: 0;
}

@media only screen and (min-width: 768px) {
  .l-header {
    height: 14rem;
    top: -14rem;
  }
}
.l-header .inner {
  position: relative;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .l-header .inner {
    align-items: center;
    display: flex;
    padding-top: 5rem;
  }
}
.l-header__logo {
  display: block;
  max-width: 12.6rem;
  width: 100%;
}

@media only screen and (max-width: 768px) {
  .l-header__logo {
    left: 2rem;
    position: absolute;
    top: 2rem;
  }
}
@media only screen and (min-width: 768px) {
  .l-header__logo {
    max-width: 22.6rem;
  }
}
@media (hover: hover) {
  .l-header__logo:hover {
    -webkit-animation: vibe 0.1s infinite;
    animation: vibe 0.1s infinite;
    opacity: 0.7;
  }
}
@media only screen and (max-width: 768px) {
  .l-header__menu {
    -webkit-transform: translateX(0);
    background: #000;
    bottom: 0;
    height: 100%;
    left: 100%;
    padding-top: 8.5rem;
    position: fixed;
    right: 0;
    top: 0;
    transform: translateX(0);
    transition: all 0.4s ease;
    width: 100%;
  }
  .l-header__menu.is-show {
    transform: translateX(-100%);
  }
  .l-header__nav-list {
    margin-bottom: 3rem;
  }
  .l-header__nav-item {
    border-bottom: 1px solid #fff;
  }
  .l-header__nav-item:first-child {
    border-top: 1px solid #fff;
  }
  .l-header__nav-item > a {
    align-items: center;
    background: url(../images/top/header-arrow.svg) no-repeat center right 2rem/1rem;
    color: #fff;
    display: flex;
    font-family: "Oswald", sans-serif;
    font-size: 1.8rem;
    font-weight: 500;
    height: 6rem;
    line-height: 1.44444;
    padding: 0 2rem;
    position: relative;
  }
  .l-header__nav-item > a img {
    margin-right: 1rem;
    width: 2.8rem;
  }
}
@media only screen and (max-width: 768px) and (hover: hover) {
  .l-header__nav-item > a:hover {
    opacity: 0.7;
  }
  .l-header__nav-item > a:hover img {
    -webkit-animation: vibe 0.1s infinite;
    animation: vibe 0.1s infinite;
  }
}
@media only screen and (max-width: 768px) {
  .l-header__sns {
    align-items: center;
    display: flex;
    justify-content: center;
  }
  .l-header__sns-item {
    cursor: pointer;
    display: block;
    margin-right: 2rem;
    max-width: 6rem;
  }
  .l-header__sns-item:last-child {
    margin-right: 0;
  }
}
@media only screen and (max-width: 768px) and (hover: hover) {
  .l-header__sns-item:hover {
    -webkit-animation: vibe 0.1s infinite;
    animation: vibe 0.1s infinite;
  }
}
@media only screen and (min-width: 768px) {
  .l-header__menu {
    margin-left: auto;
  }
  .l-header__nav-list {
    display: flex;
  }
  .l-header__nav-item {
    margin-right: 5rem;
  }
  .l-header__nav-item:last-child {
    margin-right: 0;
  }
  .l-header__nav-item > a {
    display: block;
    font-family: "Oswald", sans-serif;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.44444;
    position: relative;
    transition: all 0.4s ease;
  }
  .l-header__nav-item > a img {
    -webkit-transform: translate(-50%, -100%);
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 0;
    transform: translate(-50%, -100%);
    width: 3rem;
  }
}
@media only screen and (min-width: 768px) and (hover: hover) {
  .l-header__nav-item > a:hover {
    -webkit-animation: vibe 0.1s infinite;
    animation: vibe 0.1s infinite;
    color: rgba(0, 0, 0, 0.4);
  }
  .l-header__nav-item > a:hover img {
    opacity: 1;
  }
}
@media only screen and (min-width: 768px) {
  .l-header__sns {
    display: none;
  }
}
.l-header__btn {
  background: #000;
  cursor: pointer;
  height: 4rem;
  padding-top: 1.9rem;
  position: absolute;
  right: 2rem;
  text-align: center;
  top: 2.5rem;
  transition: all 0.4s ease;
  width: 4rem;
}

@media only screen and (min-width: 768px) {
  .l-header__btn {
    display: none;
  }
}
.l-header__btn.is-open {
  background: #fff;
}

.l-header__btn.is-open ._txt {
  color: transparent;
}

.l-header__btn.is-open ._bar {
  width: 3rem;
}

.l-header__btn.is-open ._bar::before {
  -webkit-transform: rotate(45deg);
  background-color: #000;
  top: 0;
  transform: rotate(45deg);
}

.l-header__btn.is-open ._bar::after {
  -webkit-transform: rotate(-45deg);
  background-color: #000;
  top: 0;
  transform: rotate(-45deg);
}

.l-header__btn ._txt {
  color: #fff;
  font-family: "Oswald", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  transition: all 0.4s ease;
}

.l-header__btn ._bar {
  -webkit-transform: translate(-50%, -50%);
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 2rem;
}

.l-header__btn ._bar::before, .l-header__btn ._bar::after {
  background: #fff;
  border-radius: 1px;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  transition: all 0.4s ease;
  width: 100%;
}

.l-header__btn ._bar::before {
  top: -1.1rem;
}

.l-header__btn ._bar::after {
  top: -0.5rem;
}

.l-goal {
  /* background: url(../images/top/goal-sp.png) no-repeat center top 29.2rem/33.5rem; */
  background: #ff0044;
}

.l-goal._ja {
  /* background: url(../images/top/goal-sp.png) no-repeat center top 20.2rem/33.5rem; */
  background: #ff0044;
}

@media only screen and (min-width: 768px) {
  .l-goal {
    background-size: 42.5rem;
  }
}
.l-goal__txt {
  margin-bottom: 4rem;
  text-align: center;
}
.l-goal__list-box {
  margin-bottom: 4rem;
}

@media only screen and (min-width: 768px) {
  .l-goal__txt {
    margin-bottom: 5rem;
    text-align: center;
  }
}
@media only screen and (min-width: 768px) {
  .l-goal__list-box {
    text-align: center;
  }
}
@media only screen and (min-width: 768px) {
  .l-goal__list {
    display: inline-block;
  }
}
.l-goal__item {
  font-size: 2.3rem;
  font-weight: 900;
  line-height: 1.47826;
  margin-bottom: 3rem;
  text-align: left;
}

@media only screen and (min-width: 768px) {
  .l-goal__item {
    align-items: center;
    display: flex;
    font-size: 3.8rem;
    line-height: 1.52632;
    margin-bottom: 4rem;
  }
}
.l-goal__item ._num {
  align-items: center;
  background: #FF0044;
  color: #fff;
  display: flex;
  font-family: "Oswald", sans-serif;
  font-size: 3.1rem;
  font-weight: 500;
  height: 4.4rem;
  justify-content: center;
  line-height: 1;
  margin-bottom: 1rem;
  width: 4.4rem;
}

@media only screen and (min-width: 768px) {
  .l-goal__item ._num {
    flex: 0 0 auto;
    font-size: 5rem;
    height: 7rem;
    margin-bottom: 0;
    margin-right: 3rem;
    width: 7rem;
  }
}
.l-goal__item:last-child {
  margin-bottom: 0;
}

.l-intro {
  background: #FF0044;
  color: #fff;
}

@media only screen and (min-width: 768px) {
  .l-intro__txt {
    text-align: center;
  }
}
.l-job {
  background: #FF0044;
  color: #fff;
}

.l-job__txt {
  margin-bottom: 3rem;
}

@media only screen and (min-width: 768px) {
  .l-job__txt {
    margin-bottom: 5rem;
    text-align: center;
  }
}
.l-job__img {
  max-width: 33.5rem;
}

@media only screen and (max-width: 768px) {
  .l-job__img {
    margin: 0 auto 3rem;
  }
}
@media only screen and (min-width: 768px) {
  .l-job__img {
    flex: 0 0 auto;
    margin-left: 9.7rem;
    max-width: 48.3rem;
    order: 2;
  }
}
@media only screen and (min-width: 768px) {
  .l-job__data {
    flex-grow: 1;
    margin-bottom: 5rem;
  }
}
.l-job__item {
  margin-bottom: 2rem;
}

.l-job__item:last-child {
  margin-bottom: 4rem;
}

@media only screen and (min-width: 768px) {
  .l-job__item {
    margin-bottom: 3rem;
  }
  .l-job__item:last-child {
    margin-bottom: 0;
  }
}
.l-job__item-ttl {
  background: url(../images/top/job-icon.svg) no-repeat center left/3.7rem;
  border-bottom: 1px solid #fff;
  font-family: "Oswald", sans-serif;
  font-size: 2.5rem;
  line-height: 1.48;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  padding-left: 5.2rem;
  text-transform: uppercase;
}

@media only screen and (min-width: 768px) {
  .l-job__item-ttl {
    background-size: 5.5rem;
    font-size: 3.7rem;
    line-height: 1.48649;
    padding-left: 7.5rem;
  }
}
.l-job__item-txt {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.5;
}

@media only screen and (min-width: 768px) {
  .l-job__item-txt {
    font-size: 2.8rem;
    line-height: 1.42857;
  }
}
@media only screen and (min-width: 768px) {
  .l-job__body {
    align-items: center;
    display: flex;
  }
}
.l-job__box {
  background: #fff;
  padding: 3rem 2rem;
}

@media only screen and (min-width: 768px) {
  .l-job__box {
    align-items: center;
    display: flex;
    padding: 5rem;
  }
}
.l-job__box-ttl {
  color: #00CDDE;
  font-family: "Oswald", sans-serif;
  font-size: 6rem;
  font-weight: 500;
  margin-bottom: 2rem;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .l-job__box-ttl {
    flex: 0 0 auto;
    font-size: 8.8rem;
    margin-bottom: 0;
    padding: 0 8.2rem 0 3.3rem;
  }
}
.l-job__box-txt {
  color: #000000;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.875;
}

@media only screen and (min-width: 768px) {
  .l-job__box-txt {
    font-size: 2rem;
    line-height: 2;
  }
}
.l-nft {
  background: #FFF2F5;
  position: relative;
}

.l-nft__comming {
  align-items: center;
  background: rgba(0, 0, 0, 0.7);
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

.l-nft__comming img {
  -webkit-animation: vibe 0.1s infinite;
  animation: vibe 0.1s infinite;
  max-width: 33.5rem;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .l-nft__comming img {
    max-width: 80rem;
  }
}
.l-nft__box-info--address {
  word-break: break-all;
}

.l-nft__txt {
  margin-bottom: 1rem;
}

@media only screen and (min-width: 768px) {
  .l-nft__txt {
    margin-bottom: 2rem;
    text-align: center;
  }
}
.l-nft__caution {
  font-size: 1.2rem;
  line-height: 1.42857;
  margin-bottom: 3rem;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .l-nft__caution {
    margin-bottom: 5rem;
  }
}
@media only screen and (min-width: 768px) {
  .l-nft__box {
    display: flex;
  }
}
.l-nft__box-img {
  background: #fff;
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1);
  margin-bottom: 2rem;
  padding: 2rem;
}

@media only screen and (min-width: 768px) {
  .l-nft__box-img {
    flex: 0 0 auto;
    margin-bottom: 0;
    margin-left: 3.63636%;
    order: 2;
    padding: 4rem;
    width: 44%;
  }
}
.l-nft__box-info--item {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2rem;
}

.l-nft__box-info--item:last-child {
  margin-bottom: 3rem;
}

@media only screen and (min-width: 768px) {
  .l-nft__box-info--item {
    margin-bottom: 3rem;
  }
  .l-nft__box-info--item:last-child {
    margin-bottom: 6rem;
  }
}
.l-nft__box-info--ttl {
  align-items: center;
  background: #6A6A6A;
  border-radius: 0.6rem;
  color: #fff;
  display: flex;
  font-size: 2rem;
  font-weight: 700;
  height: 4rem;
  margin-right: 2rem;
  padding: 0 1.5rem;
}

@media only screen and (min-width: 768px) {
  .l-nft__box-info--ttl {
    font-size: 2.4rem;
    height: 4.6rem;
    margin-right: 3rem;
  }
}
.l-nft__box-info--address {
  flex: 0 0 auto;
  font-size: 1.8rem;
  font-weight: 500;
  margin-top: 2rem;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .l-nft__box-info--address {
    font-size: 2.4rem;
    line-height: 1.41667;
    margin-top: 1rem;
  }
}
.l-nft__box-info--place, .l-nft__box-info--price {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.45;
}

@media only screen and (min-width: 768px) {
  .l-nft__box-info--place, .l-nft__box-info--price {
    font-size: 2.4rem;
    line-height: 1.45833;
  }
}
.l-nft__box-body {
  background: #fff;
  padding: 2rem;
}

@media only screen and (min-width: 768px) {
  .l-nft__box-body {
    display: flex;
    flex-direction: column;
    padding: 3rem;
  }
}
.l-nft__btn-box {
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .l-nft__btn-box {
    margin-top: auto;
  }
}
.l-nft__btn {
  align-items: center;
  background: #FF0044 url(../images/top/nft-arrow.svg) no-repeat center right 2rem/1rem;
  border-radius: 0.6rem;
  box-shadow: 0 4px 0 #CCCCCC;
  color: #fff;
  display: inline-flex;
  font-family: "Oswald", sans-serif;
  font-size: 3.2rem;
  font-weight: 500;
  height: 6rem;
  justify-content: center;
  line-height: 1.46875;
  max-width: 29.5rem;
  transition: all 0.4s ease;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .l-nft__btn {
    background: #FF0044 url(../images/top/nft-arrow.svg) no-repeat center right 3rem/1.6rem;
    font-size: 4.4rem;
    height: 8rem;
    max-width: 51.6rem;
  }
}
.l-nft__btn img {
  flex: 0 0 auto;
  margin-right: 1.5rem;
  width: 2.6rem;
}

@media only screen and (min-width: 768px) {
  .l-nft__btn img {
    margin-right: 2rem;
    width: 3.6rem;
  }
}
@media (hover: hover) {
  .l-nft__btn:hover {
    -webkit-transform: translateY(4px);
    box-shadow: none;
    opacity: 0.7;
    transform: translateY(4px);
  }
}
.l-question {
  background: #FF0044;
}

.l-question__ttl {
  color: #fff;
}

.l-question__item {
  background: #fff;
  margin-bottom: 2rem;
}

@media only screen and (min-width: 768px) {
  .l-question__item {
    margin-bottom: 3rem;
  }
}
.l-question__item:last-child {
  margin-bottom: 0;
}

.l-question__item-ttl {
  cursor: pointer;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.625;
  padding: 1.5rem;
  padding-left: 3.9rem;
  padding-right: 3.9rem;
  position: relative;
}

@media only screen and (min-width: 768px) {
  .l-question__item-ttl {
    font-size: 2rem;
    padding: 2.3rem 3rem;
    padding-left: 7.6rem;
    padding-right: 7.6rem;
  }
}
.l-question__item-ttl::after, .l-question__item-ttl::before {
  -webkit-transform: translateY(-50%);
  background: #000000;
  content: "";
  height: 2px;
  position: absolute;
  right: 1.5rem;
  top: 50%;
  transform: translateY(-50%);
  width: 2rem;
}

@media only screen and (min-width: 768px) {
  .l-question__item-ttl::after, .l-question__item-ttl::before {
    right: 3rem;
    width: 3rem;
  }
}
.l-question__item-ttl::after {
  transform: translateY(-50%) rotate(90deg);
  transition: all 0.4s ease;
}

.l-question__item-ttl.is-open::after {
  transform: translateY(-50%);
}

.l-question__item-ttl ._icon {
  -webkit-transform: translateY(-50%);
  font-family: "Oswald", sans-serif;
  font-size: 2.4rem;
  font-weight: 500;
  left: 1.5rem;
  line-height: 1.5;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

@media only screen and (min-width: 768px) {
  .l-question__item-ttl ._icon {
    font-size: 3rem;
    left: 3rem;
    line-height: 1.5;
  }
}
.l-question__item-txt {
  display: none;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.71429;
  padding: 0 1.5rem 1.5rem;
  position: relative;
}

@media only screen and (min-width: 768px) {
  .l-question__item-txt {
    font-size: 1.8rem;
    line-height: 1.44444;
    padding: 0 3rem 2.5rem;
  }
}
.l-question__item-txt ._txt {
  border-top: 1px solid #707070;
  display: block;
  padding-left: 2.3rem;
  padding-top: 1.8rem;
}

@media only screen and (min-width: 768px) {
  .l-question__item-txt ._txt {
    padding-left: 4.6rem;
    padding-top: 2.5rem;
  }
}
.l-question__item-txt ._icon {
  color: #FF0044;
  font-family: "Oswald", sans-serif;
  font-size: 2.4rem;
  font-weight: 500;
  left: 1.5rem;
  line-height: 1.5;
  position: absolute;
  top: 0.9rem;
}

@media only screen and (min-width: 768px) {
  .l-question__item-txt ._icon {
    font-size: 3rem;
    left: 3rem;
    top: 1.5rem;
  }
}
.l-terms {
  /* background: url(../images/top/terms-bg-sp.jpg) no-repeat center/cover; */
  background: #FF0044;
}

@media only screen and (min-width: 768px) {
  .l-terms {
    /* background-image: url(../images/top/terms-bg-pc.jpg); */
    background: #FF0044;
  }
}
.l-terms__box {
  background: #fff;
  border: 1px solid #ACACAC;
  max-height: 32rem;
  overflow: scroll;
  padding: 2rem;
}

@media only screen and (min-width: 768px) {
  .l-terms__box {
    padding: 3rem;
  }
}
.l-terms__txt {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.64286;
}

@media only screen and (min-width: 768px) {
  .l-terms__txt {
    font-size: 1.8rem;
    line-height: 2.11111;
  }
}
.l-youtube__mov-box {
  margin: 0 -2rem 2rem;
}

@media only screen and (min-width: 768px) {
  .l-youtube__mov-box {
    margin: 0 auto 4rem;
  }
}
.l-youtube__mov {
  overflow: hidden;
  padding-top: 56.26667%;
  position: relative;
}

@media only screen and (min-width: 768px) {
  .l-youtube__mov {
    padding-top: 56.27273%;
  }
}
.l-youtube__mov iframe {
  -webkit-transform: translate(-50%, -50%);
  height: 100%;
  left: 50%;
  max-width: 100%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

.l-terms__txt a {
  text-decoration: underline;
  transition: all 0.4s ease;
}
.l-terms__txt a:hover, .l-terms__txt a:active {
  opacity: 0.7;
}
.l-terms__txt button {
  width: 10rem;
  height: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  border: 2px solid #ff0044;
  font-weight: 700;
  transition: all 0.4s ease;
  color: #ff0044;
}
.l-terms__txt button:hover, .l-terms__txt button:active {
  color: #fff;
  background: #ff0044;
  -webkit-animation: vibe 0.1s infinite;
          animation: vibe 0.1s infinite;
}
.l-terms__txt p {
  margin-bottom: 1em;
}
.l-terms__txt small {
  font-size: 90%;
}
.l-terms__txt h3 {
  text-align: center;
  font-weight: 700;
  font-size: 140%;
  margin-bottom: 1.5em;
  font-weight: 700;
}
.l-terms__txt h4 {
  font-weight: 700;
  margin-bottom: 1em;
  margin-top: 1em;
  font-size: 110%;
}
.l-terms__txt li {
  margin-bottom: 0.5em;
}
.l-terms__txt ol,
.l-terms__txt ul {
  padding-left: 1em;
}
.l-terms__txt ol ol,
.l-terms__txt ol ul,
.l-terms__txt ul ol,
.l-terms__txt ul ul {
  padding-left: 0;
}
.l-terms__txt ol ul,
.l-terms__txt ul ul {
  list-style-type: none;
}
.l-terms__txt ol ul li,
.l-terms__txt ul ul li {
  padding-left: 1.5em;
  position: relative;
}
.l-terms__txt ol ul li::before,
.l-terms__txt ul ul li::before {
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
}
.l-terms__txt ol ol,
.l-terms__txt ul ol {
  list-style-type: none;
}
.l-terms__txt ol ol li,
.l-terms__txt ul ol li {
  counter-increment: cnt;
  padding-left: 2em;
  position: relative;
}
.l-terms__txt ol ol li::before,
.l-terms__txt ul ol li::before {
  content: "(" counter(cnt) ") ";
  position: absolute;
  top: 0;
  left: 0;
}

.l-terms__table-box {
  margin-bottom: 3rem;
  border: 1px solid #000;
}
.l-terms__table {
  width: 100%;
}
.l-terms__table tr:not(:last-child) th,
.l-terms__table tr:not(:last-child) td {
  border-bottom: 1px solid #000;
}
.l-terms__table th,
.l-terms__table td {
  vertical-align: middle;
  text-align: left;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.625;
  padding: 0.8rem 0.8rem;
  background: #fff;
}
@media only screen and (min-width: 768px) {
  .l-terms__table th,
.l-terms__table td {
    font-size: 2rem;
    padding: 1.6rem;
  }
}
.l-terms__table th {
  border-right: 1px solid #000;
  font-weight: 700;
  width: 10rem;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .l-terms__table th {
    width: 30rem;
  }
}
.l-terms__table td {
  word-break: break-all;
}
.l-terms__table td a {
  text-decoration: underline;
  transition: all 0.4s ease;
}
.l-terms__table td a:hover, .l-terms__table td a:active {
  opacity: 0.7;
}
.l-terms__slider {
  overflow: hidden;
  position: relative;
}
.l-terms__slider-container {
  position: relative;
}
.l-terms__slider-body {
  display: flex;
  transition: 0.4s ease;
  position: relative;
  left: 0;
  top: 0;
}
.l-terms__slider-item {
  flex: 0 0 auto;
}
.l-terms__slider-prev, .l-terms__slider-next {
  display: block;
  width: 3rem;
  height: 3rem;
  background: #ff0044 url(../images/common/arrow.svg) no-repeat center/1rem;
  position: absolute;
  top: -1rem;
  transform: translate(0, -100%);
  z-index: 1;
  cursor: pointer;
  transition: all 0.4s ease;
}
.l-terms__slider-prev:hover, .l-terms__slider-prev:active, .l-terms__slider-next:hover, .l-terms__slider-next:active {
  opacity: 0.7;
}
@media only screen and (min-width: 768px) {
  .l-terms__slider-prev, .l-terms__slider-next {
    width: 5rem;
    height: 5rem;
    background-size: 1.8rem;
    top: 50%;
    transform: translate(0, -50%);
  }
}
.l-terms__slider-prev.is-disabled, .l-terms__slider-next.is-disabled {
  pointer-events: none;
  opacity: 0;
  display: none;
}
.l-terms__slider-prev {
  left: 0;
  transform: translate(0, -100%) rotate(180deg);
}
@media only screen and (min-width: 768px) {
  .l-terms__slider-prev {
    left: -2.5rem;
    transform: translate(0, -50%) rotate(180deg);
  }
}
.l-terms__slider-next {
  right: 0;
}
@media only screen and (min-width: 768px) {
  .l-terms__slider-next {
    right: -2.5rem;
  }
}

.l-nft .inner {
  position: relative;
  z-index: 0;
}
.l-nft__agree {
  text-align: center;
  margin-bottom: 2rem;
}
.l-nft__soldout {
  margin-bottom: 2rem;
  text-align: center;
  color: #ff0044;
}
.l-nft__agree-box {
  display: inline-block;
}
.l-nft__agree-box a {
  text-decoration: underline;
  transition: all 0.4s ease;
}
.l-nft__agree-box a:hover, .l-nft__agree-box a:active {
  opacity: 0.7;
}
.l-nft__checkbox:checked + ._txt::after {
  opacity: 1;
}
.l-nft__checkbox + ._txt {
  padding-left: 3rem;
  position: relative;
}
.l-nft__checkbox + ._txt::before {
  content: "";
  width: 2rem;
  height: 2rem;
  border: 1px solid #000;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
}
.l-nft__checkbox + ._txt::after {
  content: "";
  width: 1.6rem;
  height: 1.6rem;
  background: url(../images/common/check.svg) no-repeat center/1.6rem;
  position: absolute;
  left: 0.2rem;
  top: 50%;
  transform: translate(0, -50%);
  opacity: 0;
}
.l-nft__btn-box.is-disabled {
  cursor: not-allowed;
}
.l-nft__btn-box.is-disabled .l-nft__btn {
  pointer-events: none;
  background-color: #ddd;
}

.l-header__language {
  margin-left: 5rem;
  background: #fff;
  justify-content: center;
}
.l-header__language._pc {
  display: none;
}
.l-header__language._sp {
  display: flex;
  background: transparent;
  margin-left: 0;
  margin-top: 3rem;
}
@media only screen and (min-width: 768px) {
  .l-header__language._sp {
    display: none;
  }
  .l-header__language._pc {
    display: flex;
  }
}
.l-header__language-en, .l-header__language-ja {
  display: flex;
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  font-size: 1.8rem;
  width: 11rem;
  height: 4rem;
  border: 1px solid #ffffff;
  justify-content: center;
  align-items: center;
  color: #fff;
  background-color: #ff0044;
  transition: all 0.4s ease;
}
.l-header__language-en:hover, .l-header__language-en:active, .l-header__language-ja:hover, .l-header__language-ja:active {
  opacity: 0.7;
}
.l-header__language-en.is-active, .l-header__language-ja.is-active {
  background-color: #ffffff;
  color: #bfbfbf;
  pointer-events: none;
}

#wallet-connect-section {
  text-align: center;
}
#wallet-connect-section button {
  display: inline-block;
  outline: 0;
  text-align: center;
  cursor: pointer;
  padding: 17px 30px;
  border: 0;
  color: #FF0044;
  font-size: 17.5px;
  border: 2px solid transparent;
  border-color: #FF0044;
  background: transparent;
  font-weight: 800;
  line-height: 30px;
  transition: background, color .1s ease-in-out;
}

#wallet-connect-section button:hover {
  background-color: #FF0044;
  color: #fff;
}

#regular-nft-balance-section {
  text-align: center;
}

#limited-nft-balance-section {
  text-align: center;
}

#deposited-tdn-balance-section {
  text-align: center;
}

#deposited-tle-balance-section {
  text-align: center;
}

#regular-nft-balance-section p{
  text-align: center;
}

#limited-nft-balance-section p{
  text-align: center;
}

.image-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 10px;
  margin-top: 10px;
}


.image-container {
  position: relative;
}

.image-container button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


#mint-amount-section {
  text-align: center;
}

#mint-amount-section p{
  font-size: 20px;
}

#term-and-status-section {
  text-align: center;
}

#term-and-status-section p{
  font-size: 20px;
}

#regular-nft-balance-section button {
  display: inline-block;
  outline: 0;
  text-align: center;
  cursor: pointer;
  padding: 17px 30px;
  border: 0;
  color: #FF0044;
  font-size: 17.5px;
  border: 2px solid transparent;
  border-color: #FF0044;
  background: transparent;
  font-weight: 800;
  line-height: 30px;
  transition: background, color .1s ease-in-out;
  margin-right: 5px;
  margin-left: 5px;
}

#regular-nft-balance-section button:hover {
  background-color: #FF0044;
  color: #fff;
}

#regular-nft-balance-section img {
  width: 200px;
  height: 200px;
  margin: 20px;
}

#limited-nft-balance-section img {
  width: 200px;
  height: 200px;
  margin: 20px;
}

#deposited-tdn-balance-section img {
  width: 200px;
  height: 200px;
  margin: 20px;
}

#deposited-tle-balance-section img {
  width: 200px;
  height: 200px;
  margin: 20px;
}

.spinner {
  display: inline-block;
  width: 50px;
  height: 50px;
  border: 3px solid #FF0044;
  border-radius: 50%;
  border-top-color: white;
  animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}

#progressbar {
  margin: 80px auto;
  width: 400px;
  height: 8px;
  position: relative;
}

#progressbar-area {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom:30px;
}

#mint-amount-section button {
  display: inline-block;
  outline: 0;
  text-align: center;
  cursor: pointer;
  padding: 17px 30px;
  border: 0;
  color: #FF0044;
  font-size: 17.5px;
  border: 2px solid transparent;
  border-color: #FF0044;
  background: transparent;
  font-weight: 800;
  line-height: 30px;
  transition: background, color .1s ease-in-out;
}

#mint-amount-section button:hover {
  background-color: #FF0044;
  color: #fff;
}

.mint-space-innner {
  background: white;
  border-radius: 20px;
  padding-top: 50px;
  padding-bottom: 50px;
}

.l-terms__ttl {
  color: #fff;
  font-size: 25px;
}

#commercial-type-select-area {
  text-align:center;
}

.button-container {
  display: flex;
  margin-bottom: 15px;;
}

.commercial-button {
  width: 200px;
  height: 100px;
  margin-right: 10px;
  border: 3px solid gray;
  background-color: gray;
  color: white;
  font-size: 24px;
  font-weight: bold;
}

.commercial-button.commercial-active {
  border: 3px solid black;
  background-color: black;
}

#commercial-request-area {
  text-align: center;
}

#commercial-request-area button {
  display: inline-block;
  outline: 0;
  text-align: center;
  cursor: pointer;
  padding: 17px 30px;
  border: 0;
  color: #FF0044;
  font-size: 17.5px;
  border: 2px solid transparent;
  border-color: #FF0044;
  background: transparent;
  font-weight: 800;
  line-height: 30px;
  transition: background, color .1s ease-in-out;
}

#commercial-request-area button:hover {
  background-color: #FF0044;
  color: #fff;
}

#button-section {
  text-align: center;
}

#button-section button {
  display: inline-block;
  outline: 0;
  text-align: center;
  cursor: pointer;
  padding: 17px 30px;
  border: 0;
  color: #FF0044;
  font-size: 17.5px;
  border: 2px solid transparent;
  border-color: #FF0044;
  background: transparent;
  font-weight: 800;
  line-height: 30px;
  transition: background, color .1s ease-in-out;
}

#button-section button:hover {
  background-color: #FF0044;
  color: #fff;
}

#form-section {
  text-align: center;
}

#form-section p {
  font-size: 2rem;
}

#form-section label {
  font-size: 2rem;
}

#form-section button {
  display: inline-block;
  outline: 0;
  text-align: center;
  cursor: pointer;
  padding: 17px 30px;
  border: 0;
  color: #FF0044;
  font-size: 17.5px;
  border: 2px solid transparent;
  border-color: #FF0044;
  background: transparent;
  font-weight: 800;
  line-height: 30px;
  transition: background, color .1s ease-in-out;
}

#form-section button:hover {
  background-color: #FF0044;
  color: #fff;
}

.normal-input {

  display: block !important;
  margin: 0 auto !important;
  text-align: center !important;

}

#form-section p {
  font-size: 23px;
  font-weight: 500;
  line-height: 2.2;
}

.form-header {
  font-size: 2.0rem !important;
  font-weight: bold;
  margin-top: 30px !important;
  margin-bottom: 15px !important;
  color: #FF0044;
}

#form-section img {
  width: 200px;
  height: 200px;
  margin: 20px;
}
#form-inner {
  width: 750px;
  margin: 0 auto;
}

input[type="form-name"],
input[type="form-address"],
input[type="form-email"],
input[type="form-twitter"],
input[type="form-discord"],
input[type="form-discord"],
input[type="form-imageurl"],
input[type="text"],
textarea {
  font-size: 2.2rem !important;
  /* その他のスタイル */
}

input[type="checkbox"], input[type="radio"] {
  transform: scale(2) !important;
  margin-right: 20px;
}

.pure-checkbox input:checked + label::before {
  background-color: #FF0044 !important;
  border-color: #FF0044 !important;
}

.pure-radio input:checked + label::before {
  background-color: #FF0044 !important;
  border-color: #FF0044 !important;
}

h3 {
  font-size:22px; color:#FF0044; font-weight: bold;
}