@charset "UTF-8";

/*=================================================================
  root
  ================================================================= */
:root {
  --color-white: #fff;
  --color-black: #000;
  --color-orange: #ff9416;
  --color-paleorange: #ffc177;
  --color-lightorange: #ffead0;
  --padding-side: 6.94vw;
  --padding-topbottom: 100px;
  --margin-short: 10px;
  --margin-small: 20px;
  --margin-medium: 30px;
  --margin-large: 50px;
}

@media (max-width: 1024px) {
  :root {
    --padding-side: 3.9vw;
    --margin-small: 10px;
    --margin-medium: 20px;
    --margin-large: 30px;
    --padding-topbottom: 70px;
  }
}

@media (max-width: 440px) {
  :root {
    --padding-side: 4.54vw;
    --padding-topbottom: 50px;
  }
}

/*=================================================================
  font
  ================================================================= */
body {
  font-family: "Outfit", sans-serif;
}

.body_ja {
  font-family: "Noto Sans Ja", sans-serif;
}

/*Outfit font-weight
  Light 300
  Regular 400
  Medium 500
  SemiBold 600
  Bold 700*/

html {
  font-size: 62.5%;
}

body {
  font-size: 1.8rem;
}

p {
  line-height: 1.4;
}

h2 {
  font-size: 3.4rem;
  font-weight: 600;
  text-align: center;
  margin-bottom: var(--margin-large);
}

h3 {
  font-size: 2.4rem;
  font-weight: 600;
  margin-bottom: var(--margin-medium);
}

.mv_cc {
  color: var(--color-white);
  font-size: 3.4rem;
  font-weight: 600;
}

@media (max-width: 768px) {
  .mv_cc {
    font-size: 2.8rem;
  }
}

@media (max-width: 440px) {
  body {
    font-size: 1.6rem;
  }

  h2 {
    font-size: 2.4rem;
  }

  h3 {
    font-size: 1.8rem;
  }
}

/*=================================================================
  common
  ================================================================= */
body {
  overflow-x: hidden;
}

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

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

/* gradient bottom to top */
.wrap_top_mv,
.wrap_rwa_estate,
.wrap_top_ewa,
.wrap_rwa_security,
.wrap_ewa_case_first,
.wrap_rtm_recommend {
  background: linear-gradient(var(--color-white), var(--color-lightorange) 40%);
}

/* gradient top to bottom */
.wrap_top_about,
.wrap_ewa_case_end {
  background: linear-gradient(var(--color-lightorange) 40%, var(--color-white));
}

/* gradient from center */
.wrap_rwa_usdc {
  background: linear-gradient(
    var(--color-white),
    var(--color-lightorange) 40%,
    var(--color-white) 100%
  );
}

.inner {
  max-width: 1440px;
  margin: 0 auto;
  padding: var(--padding-topbottom) var(--padding-side);
}

.btn,
.load_btn {
  padding: 15px 50px;
  border-radius: 5px;
  background-color: var(--color-orange);
  color: var(--color-white);
  display: inline-block;
}

@media (max-width: 440px) {
  .btn,
  .load_btn {
    display: block;
    text-align: center;
  }
}

.inner_bg {
  background-color: var(--color-white);
}

/* patent */
.wrap_patent {
  background-color: var(--color-lightorange);
  font-size: 2rem;
}

.wrap_patent h3 {
  width: 50%;
}

.patent_inner {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  column-gap: 100px;
}

.patent_list {
  margin-bottom: var(--margin-medium);
  list-style-type: decimal;
  list-style-position: inside;
}

.patent_list li {
  margin-bottom: var(--margin-short);
  margin-left: 1.1em;
  text-indent: -1.1em;
}

.img_patent {
  border-radius: 10px;
}

@media (max-width: 768px) {
  .wrap_patent h3 {
    width: 100%;
  }

  .patent_inner {
    grid-template-columns: 1fr;
    row-gap: var(--margin-large);
  }

  .img_patent {
    border-radius: 10px;
    width: 80%;
    display: 0;
    margin-right: 0;
    margin-left: auto;
  }
}

@media (max-width: 440px) {
  .wrap_patent {
    font-size: 1.8rem;
  }

  .img_patent {
    width: 100%;
  }
}

/* animation */
a {
  transition: 0.4s;
}

a:hover {
  opacity: 0.6;
}

/*=================================================================
  header
  ================================================================= */
header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
}

.inner_header {
  max-width: 1440px;
  margin: 0 auto;
  height: 100px;
  display: flex;
  align-items: center;
  column-gap: 50px;
  padding: 0 var(--padding-side);
}

.header_white {
  color: var(--color-white);
}

.logo {
  width: 190px;
}

nav {
  flex-grow: 1;
  font-weight: 500;
}

.navigation {
  display: flex;
  justify-content: space-between;
}

.list_navigation {
  display: flex;
  column-gap: 50px;
}

.btn_navigation {
  padding: 7px 20px;
  border-radius: 5px;
  background-color: var(--color-orange);
  color: var(--color-white);
  font-size: 1.6rem;
}

header.scrolled {
  background-color: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(3px);
  color: var(--color-black);
}

.wrap_hamburger {
  display: none;
}

.nav_list_tab-sp {
  display: none;
}

@media (max-width: 1024px) {
  .header_white {
    color: var(--color-black);
  }

  .wrap_hamburger {
    display: block;
    position: fixed;
    right: var(--padding-side);
    z-index: 250;
  }

  .hamburger_btn {
    position: relative;
    cursor: pointer;
    width: 25px;
    height: 17px;
  }

  .hamburger_btn span {
    display: inline-block;
    transition: all 0.6s;
    position: absolute;
    width: 25px;
    height: 2px;
    background: #000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
  }

  .hamburger_white span {
    background: #fff;
  }

  .hamburger_white span.scrolled {
    background: #000;
  }

  .hamburger_btn span:nth-of-type(1) {
    top: -17px;
  }

  .hamburger_btn span:nth-of-type(3) {
    top: 17px;
  }

  .hamburger_btn.active span:nth-of-type(1) {
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    width: 35px;
    background: #000;
  }

  .hamburger_btn.active span:nth-of-type(2) {
    opacity: 0; /*真ん中の線は透過*/
  }

  .hamburger_btn.active span:nth-of-type(3) {
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
    width: 35px;
    background: #000;
  }

  .box_nav {
    background-color: var(--color-white);
    width: 100%;
    height: 100vh;
    padding: 100px var(--padding-side);
    overflow-y: scroll;
    overflow-x: hidden;
    position: fixed;
    top: 0;
    right: 0;
    transform: translateX(100vw);
    transition: all 0.8s;
    z-index: 200;
  }

  .box_nav.open {
    opacity: 1;
    transform: translateX(0);
    transition: all 0.8s;
  }

  .navigation {
    flex-direction: column;
    row-gap: 50px;
  }

  .list_navigation {
    flex-direction: column;
    row-gap: 20px;
  }

  .list_navigation li {
    padding-bottom: 20px;
    border-bottom: 1px solid #e2e2e2;
    position: relative;
  }

  .list_navigation li a {
    display: block;
  }

  .list_arrow li::after {
    content: "→";
    position: absolute;
    right: 0;
    color: var(--color-orange);
  }

  .nav_list_btn {
    border: none !important;
  }

  .btn_navigation {
    display: block;
    padding: 15px 20px;
    text-align: center;
  }

  .nav_list_tab-sp {
    display: block;
  }
}

@media (max-width: 440px) {
  .inner_header {
    height: 70px;
  }
  .logo {
    width: 140px;
  }
}

/*=================================================================
  footer
  ================================================================= */
footer {
  background-color: var(--color-orange);
  color: var(--color-white);
}

.inner_footer {
  padding-top: 70px;
}

footer h2 {
  text-align: start;
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: var(--margin-small);
}

.footer_box_menu {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  gap: var(--margin-large);
  margin-bottom: var(--margin-large);
}

.footer_list_menu li {
  margin-bottom: var(--margin-short);
}

.select_lang::before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  background-image: url(../images/earth.png);
  background-size: contain;
  margin-right: 5px;
}

.lang_active {
  font-weight: 700;
}

.inner_cl {
  padding-top: var(--margin-small);
  padding-bottom: var(--margin-small);
  background-color: #1f1f1f;
  text-align: center;
  font-size: 1.2rem;
}

@media (max-width: 1024px) {
  .footer_box_menu {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media (max-width: 440px) {
  .footer_box_menu {
    grid-template-columns: 1fr 1fr;
  }
}

/*=================================================================
  top_main-visual
  ================================================================= */
.inner_mv {
  padding-top: 130px;
  padding-bottom: 0;
}

.top_news {
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: var(--margin-medium);
  padding: 15px 50px;
  background-color: var(--color-white);
  border-radius: 50px;
  box-shadow: 0px 10px 20px 2px rgba(0, 0, 0, 0.1);
}

.top_news:hover {
  opacity: 1;
}

.top_news_inner {
  display: flex;
  align-items: center;
  column-gap: 30px;
  flex: 1;
  min-width: 0;
}

.top_news_category {
  background-color: var(--color-orange);
  padding: 3px 50px;
  color: var(--color-white);
  border-radius: 50px;
}

.top_news_title {
  overflow: hidden;
  flex-grow: 1;
  position: relative;
}

.top_news_title_text {
  display: inline-block;
  width: 100%;
  white-space: nowrap;
  animation: top-news-marquee 20s linear infinite;
  will-change: transform;
}

@keyframes top-news-marquee {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}

.top_news_btn {
  color: var(--color-orange);
  font-size: 1.4rem;
}

.top_news_box_btn {
  position: relative;
  flex-shrink: 0;
}

.top_news_box_btn::after {
  content: "";
  width: 100%;
  height: 2px;
  display: inline-block;
  background-color: var(--color-orange);
  position: absolute;
  bottom: -2px;
  left: 0;
  transition: 0.4s;
  transform: scale(0, 1);
  transform-origin: left top;
}

.top_news:hover .top_news_box_btn::after {
  transform: scale(1, 1);
}

.top_news_btn::after {
  content: "→";
  margin-left: 5px;
}

.top_mv_box {
  padding: 60px 0 50px;
  position: relative;
}

.top_mv_cc {
  font-size: 8rem;
  font-weight: 500;
  margin-bottom: var(--margin-medium);
}

.top_img_mv {
  width: 41.7%;
  position: absolute;
  top: 60px;
  right: 0;
}

.top_box_text {
  max-width: 690px;
  margin-bottom: var(--margin-large);
}

.top_mv_text {
  font-size: 2.4rem;
  font-weight: 500;
  margin-bottom: var(--margin-medium);
}

.top_mv_slider {
  width: 100%;
  display: flex;
  overflow: hidden;
}

.top_mv_slider_list {
  display: flex;
  align-items: center;
  column-gap: 50px;
  animation: loop-slide 18s infinite linear;
  padding: 0 25px;
}

.top_mv_slider_list li img {
  height: 50px;
  width: auto;
}

@keyframes loop-slide {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}

.slide_paused:hover .top_mv_slider_list {
  animation-play-state: paused;
}

@media (max-width: 1024px) {
  .top_box_text {
    width: 50%;
  }

  .top_img_mv {
    width: 48%;
    top: 210px;
  }

  .top_mv_box {
    padding-bottom: 16.6vw;
  }

  .top_mv_cc {
    font-size: 7.8vw;
  }
}

@media (max-width: 768px) {
  .top_mv_box {
    padding-bottom: 8.3vw;
  }

  @keyframes top-news-marquee {
    0% {
      transform: translateX(100%);
    }
    100% {
      transform: translateX(-170%);
    }
  }
}

@media (max-width: 440px) {
  .wrap_top_mv {
    height: auto;
  }

  .inner_mv {
    padding-top: 90px;
  }

  .top_news {
    flex-direction: column;
    align-items: flex-start;
    row-gap: var(--margin-short);
    padding: 15px 30px;
  }

  .top_news_inner {
    flex-direction: column;
    align-items: flex-start;
    row-gap: var(--margin-short);
    width: 100%;
    min-width: 0;
  }

  .top_news_title {
    width: 100%;
    overflow: hidden;
  }

  .top_news_title_text {
    display: inline-block;
    white-space: nowrap;
    word-break: normal;
    overflow-wrap: normal;
  }

  .top_mv_box {
    padding: 30px 0 40px;
  }

  .top_mv_cc {
    font-size: 14.54vw;
  }

  .top_img_mv {
    width: 60vw;
    position: static;
    display: block;
    margin-right: 0;
    margin-left: auto;
    margin-bottom: 20px;
  }

  .top_box_text {
    width: 100%;
  }

  .top_mv_text {
    font-size: 2rem;
  }
}

/*=================================================================
  top_about
  ================================================================= */
.wrap_top_about {
  font-weight: 500;
}

.top_about_inner {
  padding: var(--margin-large);
  background-color: var(--color-paleorange);
  border-radius: 20px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: var(--margin-large);
  color: var(--color-white);
}

.top_about_box_text {
  padding-top: var(--margin-medium);
}

.top_about_h2 {
  font-size: 3.8rem;
  font-weight: 600;
  margin-bottom: var(--margin-medium);
  text-align: start;
}

.top_about_img {
  border-radius: 10px;
  height: 340px;
  object-fit: cover;
  object-position: right;
}

@media (max-width: 768px) {
  .top_about_inner {
    grid-template-columns: 1fr;
  }

  .top_about_box_text {
    order: 2;
  }
}

@media (max-width: 440px) {
  .top_about_h2 {
    font-size: 2.4rem;
  }

  .top_about_img {
    height: 200px;
  }
}

/*=================================================================
  top_rwa
  ================================================================= */
.wrap_top_rwa {
  background-color: var(--color-white);
}

.top_rwa_inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.top_rwa_list {
  font-size: 2rem;
  margin-bottom: var(--margin-large);
}

.top_rwa_list li {
  margin-bottom: var(--margin-medium);
  position: relative;
  padding-left: 31px;
}

.top_rwa_list li::before {
  content: "";
  display: inline-block;
  width: 21px;
  height: 21px;
  background-image: url(../images/check.png);
  background-size: contain;
  margin-right: 10px;
  position: absolute;
  left: 0;
}

.top_rwa_img {
  padding-left: 24.1%;
}

@media (max-width: 768px) {
  .top_rwa_inner {
    grid-template-columns: 1fr;
    row-gap: var(--margin-large);
  }

  .top_rwa_box_text {
    order: 2;
  }

  .top_rwa_img {
    padding-left: 0;
    width: 77%;
    margin: 0 auto;
  }
}

@media (max-width: 440px) {
  .top_rwa_list {
    font-size: 1.8rem;
  }
}

/*=================================================================
  top_ewa
  ================================================================= */
.top_ewa_inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}

.top_ewa_box_img {
  padding-right: 9%;
}

.top_rwa_img_bg {
  width: 100%;
  height: 140px;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: var(--margin-large);
}

.top_rwa_img_bg:last-of-type {
  margin-bottom: 0;
}

.top_ewa_text {
  font-size: 2rem;
  margin-bottom: var(--margin-large);
}

@media (max-width: 768px) {
  .top_ewa_inner {
    grid-template-columns: 1fr;
  }

  .top_ewa_box_img {
    padding-right: 0;
  }

  .top_ewa_box_text {
    padding-top: var(--margin-large);
  }
}

@media (max-width: 440px) {
  .top_ewa_text {
    font-size: 1.8rem;
  }
}

/*=================================================================
  top_management team
  ================================================================= */
.wrap_top_mt {
  background-color: var(--color-lightorange);
}

.top_mt_h2 {
  text-align: start;
}

.box_mt {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: var(--margin-large);
  margin-bottom: var(--margin-large);
}

.top_mt_img {
  border-radius: 20px;
  margin-bottom: var(--margin-short);
}

.top_mt_post {
  background-color: var(--color-paleorange);
  padding: 3px 30px;
  border-radius: 50px;
  color: var(--color-white);
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 500;
  margin-bottom: 5px;
}

.top_mt_name {
  font-size: 1.8rem;
  font-weight: 600;
  margin-bottom: 5px;
}

.top_mt_text {
  font-size: 1.4rem;
}

@media (max-width: 768px) {
  .box_mt {
    grid-template-columns: 1fr 1fr;
  }
}

/*=================================================================
  top_road to metaverse
  ================================================================= */
.wrap_top_rtm {
  background-color: var(--color--white);
}

.top_rtm_inner {
  padding: 100px;
  color: var(--color-white);
  border-radius: 30px;
  position: relative;
}

.top_rtm_box {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.top_img_rtm {
  border-radius: 10px;
}

.top_rtm_box_text {
  padding-top: var(--margin-medium);
  padding-left: 5.55vw;
}

.top_rtm_text {
  margin-bottom: var(--margin-large);
}

#gradient-canvas {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  border-radius: 30px;
  width: 100%;
  height: 100%;
  --gradient-color-1: #ffc177;
  --gradient-color-2: #ffead0;
  --gradient-color-3: #ffc177;
  --gradient-color-4: #ff9416;
}

@media (max-width: 1024px) {
  .top_rtm_inner {
    padding-right: 30px;
    padding-left: 30px;
  }
}

@media (max-width: 768px) {
  .top_rtm_box {
    grid-template-columns: 1fr;
    row-gap: var(--margin-large);
  }

  .top_rtm_box_text {
    padding-top: 0;
    padding-left: 0;
  }
}

@media (max-width: 440px) {
  .top_rtm_inner {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

/*=================================================================
  rwa
  ================================================================= */
.bg_img_rwa {
  position: fixed;
  inset: 0;
  z-index: -1;
  background-image: url(../images/rwa01.webp);
  background-size: cover;
  background-position: center;
}

.inner_rwa_mv {
  height: 700px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.rwa_mv_h2 {
  text-align: start;
  color: var(--color-white);
}

.rwa_mv_cc {
  width: 30vw;
  font-size: 2.4rem;
}

.wrap_rwa_intro,
.wrap_rwa_contact {
  background-color: rgba(255, 255, 255, 0.7);
}

.rwa_intro_inner,
.rwa_contact_inner {
  max-width: 900px;
  text-align: center;
}

.rwa_intro_text,
.rwa_contact_text {
  font-size: 2rem;
  margin: 0 auto;
}

.rwa_contact_text {
  margin-bottom: var(--margin-large);
}

.rwa_estate_inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.rwa_estate_list li {
  margin-bottom: var(--margin-large);
}

.rwa_estate_list h3 {
  color: var(--color-orange);
  margin-bottom: var(--margin-short);
}

.img_rwa_estate {
  padding-left: 3.47vw;
}

.wrap_rwa_visa {
  background-color: var(--color-white);
}

.rwa_visa_inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.img_rwa_visa {
  padding-left: 24.1%;
}

.rwa_security_inner {
  padding: var(--margin-large);
  background-color: var(--color-paleorange);
  border-radius: 20px;
  color: var(--color-white);
}

.box_rwa_security {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: var(--margin-large);
}

.rwa_security_box_text {
  padding-top: var(--margin-medium);
}

.rwa_visa_box_text h3 {
  font-size: 3.2rem;
}

.img_rwa_security {
  border-radius: 10px;
}

.rwa_security_text {
  margin-bottom: var(--margin-large);
}

@media (max-width: 1024px) {
  .rwa_mv_cc {
    width: 60vw;
  }
}

@media (max-width: 768px) {
  .rwa_estate_inner {
    grid-template-columns: 1fr;
  }

  .img_rwa_estate {
    padding-left: 0;
  }

  .rwa_visa_inner {
    grid-template-columns: 1fr;
    row-gap: var(--margin-large);
  }

  .rwa_visa_box_text {
    order: 2;
  }

  .img_rwa_visa {
    padding-left: 0;
    width: 77%;
    margin: 0 auto;
  }

  .box_rwa_security {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 440px) {
  .inner_rwa_mv {
    height: 800px;
  }

  .rwa_mv_h2 {
    font-size: 2.8rem;
  }

  .rwa_mv_cc {
    width: 100%;
    font-size: 2rem;
  }

  .rwa_intro_text,
  .rwa_contact_text {
    font-size: 1.8rem;
  }
}

/*=================================================================
  ewa
  ================================================================= */
.wrap_ewa_mv {
  height: 600px;
}

.ewa_mv_inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 100px;
  padding-top: 175px;
}

.ewa_mv_box_text {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.ewa_mv_h2 {
  text-align: start;
}

.ewa_mv_cc {
  font-size: 2.4rem;
  font-weight: 600;
}

.img_ewa_mv {
  margin-left: 3.47vw;
  border-radius: 10px;
}

.ewa_story_inner_first {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  column-gap: 100px;
}

.wrap_ewa_story_first .inner {
  padding-bottom: 75px;
}

.wrap_ewa_story_end .inner {
  padding-top: 75px;
}

.ewa_story_inner_end {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  column-gap: 100px;
}

.img_ewa_story {
  border-radius: 10px;
}

.wrap_ewa_ps {
  background-color: var(--color-white);
}

.ewa_ps_inner {
  padding: var(--margin-large);
  background-color: var(--color-paleorange);
  border-radius: 20px;
  color: var(--color-white);
}

.box_ewa_ps {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: var(--margin-large);
}

.ewa_ps_box_text {
  padding-top: var(--margin-medium);
}

.img_ewa_ps {
  border-radius: 10px;
}

.ewa_ps_text {
  margin-bottom: var(--margin-large);
}

@media (max-width: 1024px) {
  .ewa_mv_inner {
    column-gap: 0;
  }

  .img_ewa_mv {
    margin-left: 4.88vw;
  }

  .ewa_story_inner_first,
  .ewa_story_inner_end {
    grid-template-columns: 1fr 1fr;
    column-gap: 50px;
  }
}

@media (max-width: 768px) {
  .wrap_ewa_mv {
    height: auto;
  }

  .ewa_mv_inner {
    grid-template-columns: 1fr;
    row-gap: var(--margin-large);
    padding-top: 120px;
  }

  .ewa_mv_box_text {
    order: 2;
  }

  .img_ewa_mv {
    margin-left: 0;
    width: 70%;
    margin: 0 0 0 auto;
  }

  .wrap_ewa_story_first .inner {
    padding-bottom: 50px;
  }

  .wrap_ewa_story_end .inner {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .ewa_story_inner_first,
  .ewa_story_inner_end {
    grid-template-columns: 1fr;
    column-gap: 50px;
    row-gap: var(--margin-large);
  }

  .ewa_story_box_text_end {
    order: 2;
  }

  .box_ewa_ps {
    grid-template-columns: 1fr;
    row-gap: var(--margin-large);
  }

  .ewa_ps_box_text {
    padding: 0;
  }

  .img_ewa_ps {
    height: 400px;
    object-fit: cover;
  }
}

@media (max-width: 440px) {
  .ewa_mv_h2 {
    font-size: 2.8rem;
  }

  .ewa_mv_cc {
    font-size: 2rem;
  }

  .img_ewa_mv {
    width: 100%;
    margin: 0;
  }

  .ewa_mv_inner {
    padding-top: 90px;
  }

  .wrap_ewa_story_first h2 {
    margin-bottom: var(--margin-large);
  }

  .img_ewa_story {
    width: 100%;
  }

  .wrap_ewa_story_first .inner {
    padding-bottom: 25px;
  }

  .wrap_ewa_story_end .inner {
    padding-top: 25px;
  }

  .img_ewa_ps {
    height: auto;
  }
}

/*=================================================================
  development
  ================================================================= */
.bg_img_dev {
  position: fixed;
  inset: 0;
  z-index: -1;
  background-image: url(../images/dev01.webp);
  background-size: cover;
  background-position: center;
}

.inner_dev_mv {
  height: 700px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.dev_mv_cc {
  width: 30vw;
  color: var(--color-white);
}

.dev_mv_cc h2 {
  text-align: start;
}

.dev_mv_cc p {
  font-size: 2.4rem;
  font-weight: 500;
}

.wrap_dev_security {
  background-color: var(--color-lightorange);
}

.wrap_dev_security h2 {
  text-align: start;
}

.wrap_dev_security h3 {
  margin-bottom: var(--margin-large);
}

.dev_security_inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.dev_security_box_img {
  padding-left: 17%;
}

.img_dev_security {
  border-radius: 10px;
}

.img_logo_dev_security {
  width: 180px;
}

.dev_security_box_logo {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

.dev_security_text {
  font-size: 2rem;
  font-weight: 500;
}

.wrap_dev_license {
  background-color: var(--color-lightorange);
}

.dev_license_inner {
  padding: var(--margin-large);
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 20px;
  box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.1);
}

.dev_license_box {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 6.94vw;
}

.img_logo_dev_license {
  width: 230px;
  margin-bottom: var(--margin-medium);
}

.img_dev_license {
  border-radius: 10px;
}

.wrap_dev_chain {
  height: 700px;
  color: var(--color-white);
}

.wrap_dev_chain h2 {
  margin-bottom: 90px;
}

.dev_chain_box_text {
  width: 50%;
}

@media (max-width: 1024px) {
  .dev_mv_cc {
    width: 70vw;
  }

  .dev_security_box_img {
    padding-left: 10%;
  }

  .dev_chain_box_text {
    width: 70%;
  }
}

@media (max-width: 768px) {
  .dev_security_inner {
    grid-template-columns: 1fr;
    row-gap: var(--margin-large);
  }

  .dev_security_box_img {
    padding-left: 0;
  }

  .img_dev_security {
    width: 70%;
    display: block;
    margin-left: auto;
    margin-right: 0;
  }

  .dev_license_box {
    grid-template-columns: 1fr;
    row-gap: var(--margin-large);
  }

  .img_dev_license {
    height: 400px;
    object-fit: cover;
  }
}

@media (max-width: 440px) {
  .inner_dev_mv {
    height: 800px;
  }

  .dev_mv_cc {
    width: 100%;
  }

  .dev_mv_cc h2 {
    font-size: 2.8rem;
  }

  .dev_mv_cc p {
    font-size: 2rem;
  }

  .img_dev_security {
    width: 89%;
  }

  .img_dev_license {
    height: auto;
  }

  .wrap_dev_chain {
    height: 800px;
  }

  .wrap_dev_chain .inner {
    padding-top: 100px;
  }

  .dev_chain_box_text {
    width: 100%;
  }
}

/*=================================================================
  metaverse
  ================================================================= */
.wrap_rtm_mv {
  height: 100svh;
  position: relative;
  color: var(--color-white);
}

.wrap_rtm_intro {
  position: relative;
}

.video_rtm {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.wrap_rtm_intro .video_rtm {
  position: fixed;
  inset: 0;
  z-index: -1;
  background-size: cover;
  background-position: center;
}

.overlay {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.3);
  pointer-events: none;
}

.overlay_black {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.3);
  pointer-events: none;
}

.rtm_mv_inner {
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.rtm_intro_text {
  max-width: 550px;
  text-align: center;
  margin: 0 auto;
  color: var(--color-white);
  font-size: 2.4rem;
  position: relative;
  z-index: 1;
}

.wrap_rtm_rwa {
  background-color: var(--color-white);
}

.wrap_rtm_rwa h2 {
  max-width: 700px;
  margin: 0 auto var(--margin-large);
}

.rtm_rwa_box {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.rtm_rwa_img_box {
  padding-right: var(--margin-large);
  margin-bottom: var(--margin-large);
}

.img_rtm_rwa {
  border-radius: 10px;
}

.rtm_rwa_box_text {
  padding-top: var(--margin-medium);
}

.rtm_rwa_text {
  margin-bottom: var(--margin-large);
}

.wrap_rtm_recommend {
  background-color: var(--color-white);
  color: var(--color-white);
}

.wrap_rtm_recommend h2 {
  max-width: 700px;
  margin: 0 auto var(--margin-large);
}

.rtm_recommend_inner {
  padding: var(--margin-large);
  background-color: var(--color-paleorange);
  border-radius: 20px;
}

.rtm_recommend_box {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.rtm_recommend_video_box {
  padding-left: var(--margin-large);
  margin-bottom: var(--margin-large);
}

.video_rtm_recommend {
  border-radius: 10px;
}

.rtm_recommend_box_text {
  padding-top: var(--margin-medium);
}

.rtm_recommend_text {
  margin-bottom: var(--margin-large);
}

@media (max-width: 1024px) {
  .rtm_mv_inner {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .rtm_rwa_box {
    grid-template-columns: 1fr;
    row-gap: var(--margin-large);
  }

  .rtm_rwa_img_box {
    padding-right: 0;
    margin-bottom: 0;
  }

  .img_rtm_rwa {
    height: 400px;
    object-fit: cover;
  }

  .rtm_rwa_box_text {
    padding-top: 0;
  }

  .rtm_recommend_box {
    grid-template-columns: 1fr;
    row-gap: var(--margin-large);
  }

  .rtm_recommend_video_box {
    padding-left: 0;
    margin-bottom: 0;
  }

  .video_rtm_recommend {
    height: 400px;
    object-fit: cover;
  }

  .rtm_recommend_box_text {
    padding-top: 0;
    order: 2;
  }
}

@media (max-width: 440px) {
  .rtm_mv_inner h2 {
    font-size: 2rem;
  }

  .rtm_intro_text {
    font-size: 2rem;
  }

  .img_rtm_rwa {
    height: auto;
  }

  .video_rtm_recommend {
    height: auto;
  }
}

/*=================================================================
  news
  ================================================================= */
.wrap_news-article,
.wrap_news {
  max-width: 1440px;
  padding-right: var(--padding-side);
  padding-left: var(--padding-side);
  margin: 0 auto;
  background-color: var(--color-white);
}

.wrap_news-article_mv,
.wrap_news_mv {
  height: 300px;
  position: relative;
}

.news-article_mv_h2,
.news_mv_h2 {
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.wrap_news-article_nav_inner {
  padding-top: 0;
  padding-bottom: var(--margin-large);
}

.wrap_news-article_nav_inner a {
  text-decoration: underline;
  font-size: 1.2rem;
}

.wrap_news-article_nav_inner a::before {
  content: "←";
}

.news-article_title_box {
  padding-top: 0;
  padding-bottom: 70px;
}

.box_news-info {
  margin-bottom: var(--margin-small);
}

.news-date {
  font-size: 1.4rem;
  color: #888888;
  margin-right: var(--margin-short);
}

.news-category {
  padding: 3px 15px;
  background-color: var(--color-paleorange);
  border-radius: 50px;
  color: var(--color-white);
  font-size: 1.4rem;
  display: inline-block;
}

.news-title {
  font-size: 2.4rem;
  font-weight: 500;
  text-align: start;
  margin-bottom: 0;
}

.hr_inner {
  padding-top: 0;
  padding-bottom: 0;
}

.news-article_hr {
  color: #e2e2e2;
}

.news-article_contents_inner {
  padding-top: 70px;
  padding-bottom: 50px;
}

.news-article_contents_inner p {
  margin-bottom: var(--margin-large);
}

.img_news-article {
  border-radius: 10px;
  margin-bottom: var(--margin-large);
}

.news_top_inner {
  padding-top: 0;
}

.wrap_news_top h2 {
  font-size: 2.4rem;
  text-align: start;
  margin-bottom: var(--margin-short);
  color: var(--color-orange);
}

.news_top_box {
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  column-gap: var(--margin-large);
}

.img_news_top {
  border-radius: 10px;
}

.wrap_news_top .news_title_box h3 {
  font-size: 2rem;
}

.news_title_box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  transition: 0.4s;
}

.news_btn {
  padding: 8px 10px;
  background-color: var(--color-orange);
  color: var(--color-white);
  margin-top: var(--margin-short);
  margin-right: var(--margin-short);
  margin-bottom: var(--margin-short);
  display: inline-block;
}

.news-list_inner {
  padding-top: 0;
}

.tabs {
  background-color: var(--color-white);
  border-radius: 50px;
  padding: 30px 50px;
  font-weight: 500;
  box-shadow: 0px 10px 20px 2px rgba(0, 0, 0, 0.1);
  margin-bottom: var(--padding-topbottom);
  display: flex;
  flex-wrap: wrap;
  column-gap: var(--margin-large);
  row-gap: var(--margin-medium);
}

.active {
  color: var(--color-orange);
}

.list {
  margin-bottom: var(--padding-topbottom);
}

.news_item {
  display: inline-block;
  padding: var(--margin-large) 0;
}

.wrap_news .news-title {
  font-size: 2rem;
}

.list_news_btn {
  text-align: right;
}

.news_hr_inner {
  padding: 0;
}

.news_hr {
  color: #e2e2e2;
}

.load_btn {
  margin: 0 auto;
}

.wrap_news a:hover {
  opacity: 1;
}

.wrap_news .news_top_box:hover,
.wrap_news .news_item:hover {
  scale: 1.05;
  color: var(--color-orange);
}

.tab {
  position: relative;
}

.tab::after {
  content: "";
  width: 100%;
  height: 2px;
  display: inline-block;
  background-color: var(--color-orange);
  position: absolute;
  bottom: -2px;
  left: 0;
  transition: 0.4s;
  transform: scale(0, 1);
  transform-origin: left top;
}

.tab:hover::after {
  transform: scale(1, 1);
}

@media (max-width: 440px) {
  .wrap_news-article_mv,
  .wrap_news_mv {
    height: 185px;
  }

  .news-article_mv_h2,
  .news_mv_h2 {
    top: 60%;
  }

  .news_top_box {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: var(--margin-short);
  }

  .news-title {
    font-size: 2rem;
  }

  .wrap_news_top .news_title_box h3,
  .wrap_news .news-title {
    font-size: 1.8rem;
  }

  .load_btn {
    width: 100%;
  }

  .news-article_title_box {
    padding-bottom: 50px;
  }

  .news-article_contents_inner {
    padding-top: 50px;
    padding-bottom: 30px;
  }
}

/*=================================================================
  treasury strategy
  ================================================================= */
.bg_img_ts {
  position: fixed;
  inset: 0;
  z-index: -1;
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
    url(../images/ts01.webp);
  background-size: cover;
  background-position: center;
}

.wrap_ts_mv {
  position: relative;
}

.video_ts {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: fixed;
  inset: 0;
  z-index: -1;
}

.overlay_ts {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5);
  pointer-events: none;
  z-index: -1;
}

.inner_ts_mv {
  height: 700px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.ts_mv_cc {
  width: 35vw;
  color: var(--color-white);
}

.ts_mv_cc p {
  font-size: 2.4rem;
  font-weight: 500;
  text-align: center;
}

.wrap_ts_btc {
  background: linear-gradient(var(--color-lightorange) 40%, var(--color-white));
}

.wrap_ts_btc h2 {
  text-align: start;
}

.wrap_ts_btc h3 {
  margin-bottom: var(--margin-large);
  width: 40vw;
}

.ts_btc_inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.ts_btc_box_img {
  padding-left: 17%;
}

.img_ts_btc {
  border-radius: 10px;
}

.ts_btc_text {
  font-size: 2rem;
  font-weight: 500;
}

.wrap_ts_eth {
  background: linear-gradient(var(--color-white), var(--color-lightorange) 40%);
}

.wrap_ts_eth h2 {
  text-align: start;
}

.wrap_ts_eth h3 {
  margin-bottom: var(--margin-large);
  width: 40vw;
}

.ts_eth_inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.ts_eth_box_img {
  padding-right: 17%;
}

.img_ts_eth {
  border-radius: 10px;
}

.ts_eth_text {
  font-size: 2rem;
  font-weight: 500;
}

.wrap_ts_advasa {
  height: 700px;
  color: var(--color-white);
}

.wrap_ts_advasa h2 {
  text-align: start;
}

.ts_advasa_box_text {
  width: 50vw;
}

@media (max-width: 1024px) {
  .ts_mv_cc {
    width: 70vw;
  }

  .wrap_ts_btc h3 {
    width: 80vw;
  }

  .ts_btc_box_img {
    padding-left: 10%;
  }

  .wrap_ts_eth h3 {
    width: 80vw;
  }

  .ts_eth_box_img {
    padding-right: 10%;
  }

  .ts_advasa_box_text {
    width: 70%;
  }
}

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

  .ts_btc_inner {
    grid-template-columns: 1fr;
    row-gap: var(--margin-large);
  }

  .ts_btc_box_img {
    padding-left: 0;
  }

  .img_ts_btc {
    width: 70%;
    display: block;
    margin-left: auto;
    margin-right: 0;
  }

  .ts_eth_inner {
    grid-template-columns: 1fr;
    row-gap: var(--margin-large);
  }

  .ts_eth_box_img {
    padding-right: 0;
  }

  .img_ts_eth {
    width: 70%;
    display: block;
    margin-left: 0;
    margin-right: auto;
  }

  .ts_advasa_box_text {
    width: 100%;
  }
}

@media (max-width: 440px) {
  .inner_ts_mv {
    height: 800px;
  }

  .ts_mv_cc h2 {
    font-size: 2.8rem;
  }

  .ts_mv_cc p {
    font-size: 2rem;
  }

  .img_ts_btc {
    width: 89%;
  }

  .img_ts_eth {
    width: 89%;
  }

  .wrap_ts_advasa {
    height: 800px;
  }

  .wrap_ts_advasa .inner {
    padding-top: 100px;
  }
}

/*=================================================================
  contact
  ================================================================= */
.wrap_contact,
.wrap_confirm {
  max-width: 1440px;
  padding-right: var(--padding-side);
  padding-left: var(--padding-side);
  margin: 0 auto;
  background-color: var(--color-white);
}

.wrap_confirm {
  max-width: 768px;
  min-height: 80svh;
  padding-right: 4.54vw;
  padding-left: 4.54vw;
}

.wrap_contact_mv,
.wrap_confirm_mv {
  height: 300px;
  position: relative;
}

.contact_mv_h2,
.confirm_mv_h2 {
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.confirm_mv_h2 {
  left: 0;
  transform: translateY(-50%);
  text-align: start;
}

.wrap_contact_form {
  background-color: var(--color-white);
}

.inner_contact {
  padding-top: 0;
  padding-right: 4.54vw;
  padding-left: 4.54vw;
  max-width: 768px;
}

.inner_confirm {
  padding-top: 0;
  padding-right: 0;
  padding-left: 0;
  max-width: 768px;
}

.contact_text_intro {
  margin-bottom: var(--margin-medium);
}

form {
  margin-bottom: var(--margin-large);
}

label {
  font-size: 2rem;
  font-weight: 400;
}

.required::after {
  content: "※Required";
  color: #f00;
  font-size: 1.4rem;
  font-weight: 400;
  padding-left: 5px;
}

.required_ja::after {
  content: "※必須";
  color: #f00;
  font-size: 1.4rem;
  font-weight: 400;
  padding-left: 5px;
}

dd {
  padding: 5px 0 30px;
}

.form_decoration {
  padding: 6px 12px;
  width: 100%;
  height: 40px;
  font-size: 1.4rem;
  border: 1px solid #ccc;
  background-color: #fff;
  border-radius: 4px;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.form_decoration:focus {
  border-color: #ff9416;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(255, 148, 22, 0.6);
}

.employees {
  position: relative;
}

.employees::after {
  position: absolute;
  content: "▼";
  right: 1rem;
  top: 34%;
  transform: translateY(-50%);
  pointer-events: none;
  font-size: 1.4rem;
  color: #d9d9d9;
}

textarea.form_decoration {
  height: auto;
}

.list_contact {
  list-style: disc;
  list-style-position: inside;
}

.list_contact li {
  padding-left: 1em;
  text-indent: -1.5em;
  margin-bottom: var(--margin-short);
}

.btn_back {
  padding: 15px 50px;
  border-radius: 5px;
  background-color: var(--color-black);
  color: var(--color-white);
  display: inline-block;
  margin-right: 20px;
}

.btn_contact {
  transition: 0.4s;
}

.btn_contact:hover {
  opacity: 0.6;
}

@media (max-width: 440px) {
  .wrap_contact_mv {
    height: 185px;
  }

  .news_contact_h2 {
    top: 60%;
  }

  .btn_back {
    margin-bottom: 20px;
  }
}

/*=================================================================
  Our Team
  ================================================================= */
.wrap_team_mv {
  position: relative;
}

.video_team {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: fixed;
  inset: 0;
  z-index: -1;
}

.overlay_team {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5);
  pointer-events: none;
  z-index: -1;
}

.inner_team_mv {
  height: 700px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.team_mv_h2 {
  text-align: start;
  color: var(--color-white);
  z-index: 1;
}

.wrap_team {
  background-color: var(--color-lightorange);
}

.box_team {
  display: grid;
  grid-template-columns: 0.5fr 1fr;
  column-gap: var(--margin-large);
}

.mt_img {
  border-radius: 20px;
}

.box_text_person h2 {
  text-align: start;
  margin-bottom: var(--margin-short);
}

.team_position {
  font-size: 2.8rem;
  margin-bottom: var(--margin-medium);
}

@media (max-width: 1024px) {
  .inner_team_mv {
    height: 500px;
  }
}

@media (max-width: 440px) {
  .box_team {
    grid-template-columns: 1fr;
    row-gap: var(--margin-large);
  }

  .team_position {
    font-size: 2rem;
  }
}