body {
  position: relative;
  overflow-x: hidden;
  font-family: a-otf-ud-shin-go-pr6n,sans-serif;
  font-weight: 300;
  color: #fff;
  background-color: #000;
  line-height: 1
}

pre {
  white-space: pre-wrap
}

a,input,button {
  text-decoration: none;
  color: inherit;
  outline: none
}

img {
  vertical-align: middle
}

figure {
  margin: 0;
  padding: 0
}

input,textarea {
  outline: none
}

* {
  box-sizing: border-box
}

@media screen and (min-width: 1081px) {
  a[href*=tel] {
      pointer-events:none;
      cursor: default
  }
}

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

ul,ol {
  padding: 0
}

body,h1,h2,h3,h4,p,ul,ol,figure,blockquote,dl,dd {
  margin: 0
}

html {
  height: -webkit-fill-available
}

body {
  width: 100vw; /* 202310add */
  min-height: 100vh;
  min-height: -webkit-fill-available;
  text-rendering: optimizeSpeed
}

ul,ol {
  list-style: none
}

img {
  max-width: 100%;
  display: block
}

input,button,textarea,select {
  font: inherit
}

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

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

.js-animeElement {
  transition-property: all;
  transition-duration: .8s;
  opacity: 0
}

.js-animeElement.show {
  transition-property: all;
  transition-duration: .8s;
  opacity: 1;
  transform: translateX(0) translateY(0)
}

.js-fadeUp {
  transform: translateX(0) translateY(5%)
}

.js-fadeUp-1 {
  transform: translateX(0) translateY(5%);
  transition-delay: .3s !important
}

.js-fadeUp-2 {
  transform: translateX(0) translateY(5%);
  transition-delay: .6s !important
}

.js-fadeUp-3 {
  transform: translateX(0) translateY(5%);
  transition-delay: .9s !important
}

.js-fadeDown {
  transform: translateX(0) translateY(-5%)
}

.js-fadeDown-1 {
  transform: translateX(0) translateY(-5%);
  transition-delay: .3s !important
}

.js-fadeDown-2 {
  transform: translateX(0) translateY(-5%);
  transition-delay: .6s !important
}

.js-fadeDown-3 {
  transform: translateX(0) translateY(-5%);
  transition-delay: .9 !important
}

.js-fadeToRight {
  transform: translateX(-5%) translateY(0)
}

.js-fadeToRight-1 {
  transform: translateX(-5%) translateY(0);
  transition-delay: .3s !important
}

.js-fadeToRight-2 {
  transform: translateX(-5%) translateY(0);
  transition-delay: .6s !important
}

.js-fadeToRight-3 {
  transform: translateX(-5%) translateY(0);
  transition-delay: .3s !important
}

.js-fadeToLeft {
  transform: translateX(5%) translateY(0)
}

.js-fadeToLeft-1 {
  transform: translateX(5%) translateY(0);
  transition-delay: .3s !important
}

.js-fadeToLeft-2 {
  transform: translateX(5%) translateY(0);
  transition-delay: .6s !important
}

.js-fadeToLeft-3 {
  transform: translateX(5%) translateY(0);
  transition-delay: .3s !important
}

.header {
  position: sticky;
  top: 0;
  width: 100%;
  height: 4.1666666667vw;
  background: linear-gradient(10deg, #121212 30%, #22242e, #2e334d);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 2.6041666667vw
}

@media screen and (max-width: 1080px) {
  .header {
      height:unset;
      padding: 2.5641025641vw 5.1282051282vw;
      flex-flow: column;
      align-items: flex-start
  }
}

.header_logo {
  width: 6.7708333333vw
}

@media screen and (min-width: 1081px) {
  .header_logo {
      transition-property:opacity;
      transition-duration: .3s;
      opacity: 1
  }

  .header_logo:hover {
      transition-property: opacity;
      transition-duration: .3s;
      opacity: .5
  }
}

@media screen and (min-width: 1081px)and (max-width: 1080px) {
  .header_logo:hover {
      opacity:1
  }
}

@media screen and (max-width: 1080px) {
  .header_logo {
      width:25.641025641vw
  }
}

.header_menubar {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 13.0769230769vw;
  height: 13.0769230769vw
}

.header_menubar span {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  transition-property: transform;
  transition-duration: .3s;
  width: 5.1282051282vw;
  height: 1px;
  background: #fff
}

.header_menubar span:first-child {
  transform: translateY(-1.2820512821vw)
}

.header_menubar span:last-child {
  transform: translateY(1.2820512821vw)
}

.header_menubar.isOpened span {
  transition-property: transform;
  transition-duration: .3s
}

.header_menubar.isOpened span:first-child {
  transform: translateY(0) rotate(-45deg)
}

.header_menubar.isOpened span:last-child {
  transform: translateY(0) rotate(45deg)
}

.header_links,.header_langs {
  display: flex;
  align-items: center
}

@media screen and (max-width: 1080px) {
  .header_links {
      width:100%;
      display: none
  }
}

.header_links_link {
  width: 10.9375vw;
  margin: 0 0.5208333333vw
}

@media screen and (max-width: 1080px) {
  .header_links_link {
      display:block;
      width: 51.2820512821vw;
      margin: 5.1282051282vw auto
  }
}



.fv {
  padding: 10.2604166667vw 0;
  position: relative
}

@media screen and (max-width: 1080px) {
  .fv {
      padding:15.3846153846vw 0 25.641025641vw
  }
}

.fv_inner {
  width: 100vw;
  margin-left: auto;
  margin-right: auto;
  padding: 0 7.9166666667vw;
  display: flex;
  align-items: center;
  justify-content: space-between
}

@media screen and (max-width: 1080px) {
  .fv_inner {
      width:100%;
      padding: 0;
      flex-flow: column-reverse
  }
}

.fv_copy {
  font-family: vdl-logog,sans-serif;
  font-size: 2.0833333333vw
}

@media screen and (max-width: 1080px) {
  .fv_copy {
      font-size:10.2564102564vw
  }
}

@media screen and (max-width: 1080px) {
  .fv_copy {
      font-size:0.8333333333vw;
      text-align: center
  }
}

@media screen and (max-width: 1080px)and (max-width: 1080px) {
  .fv_copy {
      font-size:4.1025641026vw
  }
}

.fv_copy_main {
  font-size: 3.125vw;
  display: block;
  line-height: 1.2;/* M */
  padding-top: 1.8229166667vw
}

@media screen and (max-width: 1080px) {
  .fv_copy_main {
      font-size:15.3846153846vw
  }
}

@media screen and (max-width: 1080px) {
  .fv_copy_main {
      font-size:1.1979166667vw;
      padding-top: 3.8461538462vw
  }
}

@media screen and (max-width: 1080px)and (max-width: 1080px) {
  .fv_copy_main {
      font-size:5.8974358974vw
  }
}

.fv_logo {
  width: 32.34375vw
}

@media screen and (max-width: 1080px) {
  .fv_logo {
      width:46.1538461538vw;
      margin-bottom: 10.2564102564vw
  }
}

.fv #particles-js {
  position: absolute;
  width: 100%;
  height: 52.03125vw;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: .4
}

@media screen and (max-width: 1080px) {
  .fv #particles-js {
      height:135.1282051282vw
  }
}

.sec {
  padding: 4.1666666667vw 0 7.8125vw;
  position: relative
}

@media screen and (max-width: 1080px) {
  .sec {
      padding:0 0 20.5128205128vw
  }
}

.sec:before,.sec:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 18.75vw;
  left: 0;
  pointer-events: none
}

@media screen and (max-width: 1080px) {
  .sec:before,.sec:after {
      height:38.4615384615vw
  }
}

.sec:before {
  top: 0
}

.sec:after {
  bottom: 0
}

.sec.-metal {
  background-image: url(../img/bg_metal.png);
  background-color: #1a0034;
  background-size: 18.4895833333vw;
  background-position: center
}

@media screen and (max-width: 1080px) {
  .sec.-metal {
      background-size:38.4615384615vw
  }
}

.sec.-metal:before {
  background: linear-gradient(to bottom, #1a0034, rgba(26, 0, 52, 0))
}

.sec.-metal:after {
  background: linear-gradient(to top, #1a0034, rgba(26, 0, 52, 0))
}

.sec.-metal .sec_sum {
  background: url(../img/fig_metal.png) no-repeat right 2.8125vw top/auto 100%
}

@media screen and (max-width: 1080px) {
  .sec.-metal .sec_sum {
      background-position:center top;
      background-size: 96.1538461538vw auto
  }
}

.sec.-cell {
  background-image: url(../img/bg_cell.png);
  background-color: #190124;
  background-size: 12.3958333333vw
}

@media screen and (max-width: 1080px) {
  .sec.-cell {
      background-size:30.7692307692vw
  }
}

.sec.-cell:before {
  background: linear-gradient(to bottom, #190124, rgba(25, 1, 36, 0))
}

.sec.-cell:after {
  background: linear-gradient(to top, #190124, rgba(25, 1, 36, 0))
}

.sec.-cell .sec_sum {
  background: url(../img/fig_cell.png) no-repeat left 4.1666666667vw top/auto 100%
}

@media screen and (max-width: 1080px) {
  .sec.-cell .sec_sum {
      background-position:center top;
      background-size: 96.1538461538vw auto
  }
}

.sec.-market {
  background-image: url(../img/bg_market.png);
  background-color: #020729;
  background-size: 3.2291666667vw;
  background-position: center
}

@media screen and (max-width: 1080px) {
  .sec.-market {
      background-size:10.2564102564vw
  }
}

.sec.-market:before {
  background: linear-gradient(to bottom, #020729, rgba(26, 0, 52, 0))
}

.sec.-market:after {
  background: linear-gradient(to top, #020729, rgba(26, 0, 52, 0))
}

.sec.-market .sec_sum {
  background: url(../img/fig_market.png) no-repeat right 2.8125vw top/auto 100%
}

@media screen and (max-width: 1080px) {
  .sec.-market .sec_sum {
      background-position:center top;
      background-size: 96.1538461538vw auto
  }
}

.sec_sum {
  width: 100vw;
  margin-left: auto;
  margin-right: auto;
  height: 41.6666666667vw;
  display: flex;
  align-items: center;
  padding-left: 12.5vw
}

@media screen and (max-width: 1080px) {
  .sec_sum {
      width:100%;
      width: 100%;
      height: unset;
      padding-left: 0;
      flex-flow: column;
      padding-top: 92.3076923077vw;
      margin-bottom: 10.2564102564vw
  }
}

.sec_sum.-reverse {
  flex-direction: row-reverse;
  padding-left: 0;
  padding-right: 12.5vw
}

@media screen and (max-width: 1080px) {
  .sec_sum.-reverse {
      padding-right:0
  }
}

.sec_title {
  font-family: vdl-logog,sans-serif
}

@media screen and (max-width: 1080px) {
  .sec_title {
      padding:0 5.1282051282vw;
      text-align: center;
      width: 100%
  }
}

.sec_title_main {
  font-size: 3.125vw;
}

@media screen and (max-width: 1080px) {
  .sec_title_main {
      font-size:15.3846153846vw
  }
}

@media screen and (max-width: 1080px) {
  .sec_title_main {
      font-size:1.5625vw
  }
}

@media screen and (max-width: 1080px)and (max-width: 1080px) {
  .sec_title_main {
      font-size:7.6923076923vw
  }
}

.sec_title_sub {
  margin-top: 2.6041666667vw;
  font-size: 2.0833333333vw;
  line-height: 1.6
}

@media screen and (max-width: 1080px) {
  .sec_title_sub {
      font-size:10.2564102564vw
  }
}

@media screen and (max-width: 1080px) {
  .sec_title_sub {
      font-size:0.9375vw;
      margin-top: 5.1282051282vw
  }
}

@media screen and (max-width: 1080px)and (max-width: 1080px) {
  .sec_title_sub {
      font-size:4.6153846154vw
  }
}

.sec_blockTitle {
  font-family: vdl-logog,sans-serif;
  font-size: 2.0833333333vw;
  line-height: 1.6
}

@media screen and (max-width: 1080px) {
  .sec_blockTitle {
      font-size:10.2564102564vw
  }
}

.sec_blockTitle:before,.sec_blockTitle:after {
  content: "";
  display: block;
  width: 0;
  height: 0
}

.sec_blockTitle:before {
  margin-top: calc((1 - 1.6)*.5em)
}

.sec_blockTitle:after {
  margin-bottom: calc((1 - 1.6)*.5em)
}

@media screen and (max-width: 1080px) {
  .sec_blockTitle {
      font-size:1.0416666667vw;
      text-align: center
  }
}

@media screen and (max-width: 1080px)and (max-width: 1080px) {
  .sec_blockTitle {
      font-size:5.1282051282vw
  }
}

.sec_blockNote {
  margin-top: 3.125vw;
  font-size: 1.0416666667vw;
  line-height: 1.8
}

@media screen and (max-width: 1080px) {
  .sec_blockNote {
      font-size:5.1282051282vw
  }
}

.sec_blockNote:before,.sec_blockNote:after {
  content: "";
  display: block;
  width: 0;
  height: 0
}

.sec_blockNote:before {
  margin-top: calc((1 - 1.8)*.5em)
}

.sec_blockNote:after {
  margin-bottom: calc((1 - 1.8)*.5em)
}

@media screen and (max-width: 1080px) {
  .sec_blockNote {
      font-size:0.6770833333vw;
      margin-top: 7.6923076923vw
  }
}

@media screen and (max-width: 1080px)and (max-width: 1080px) {
  .sec_blockNote {
      font-size:3.3333333333vw
  }
}

.sec_blockSub {
  margin-top: 3.125vw;
  font-size: 1.5625vw;
  line-height: 1.8
}

@media screen and (max-width: 1080px) {
  .sec_blockSub {
      font-size:7.6923076923vw
  }
}

.sec_blockSub:before,.sec_blockSub:after {
  content: "";
  display: block;
  width: 0;
  height: 0
}

.sec_blockSub:before {
  margin-top: calc((1 - 1.8)*.5em)
}

.sec_blockSub:after {
  margin-bottom: calc((1 - 1.8)*.5em)
}

@media screen and (max-width: 1080px) {
  .sec_blockSub {
      margin-top:7.6923076923vw;
      font-size: 0.8333333333vw
  }
}

@media screen and (max-width: 1080px)and (max-width: 1080px) {
  .sec_blockSub {
      font-size:4.1025641026vw
  }
}

.sec_block {
  width: 92.8125vw;
  margin-right: 0;
  margin-left: auto;
  padding-left: 5.2604166667vw;
  padding-top: 6.25vw;
  display: flex;
  position: relative;
  z-index: 2
}

@media screen and (max-width: 1080px) {
  .sec_block {
      width:100%;
      padding: 7.6923076923vw 0 0;
      flex-flow: column;
      align-items: center;
      margin-bottom: 12.8205128205vw
  }
}

.sec_block.-metal {
  background: url(../img/bg_metal_left.png) no-repeat top left/100% auto
}

@media screen and (max-width: 1080px) {
  .sec_block.-metal {
      background:url(../img/bg_metal_sp.png) no-repeat top center/84.6153846154vw auto
  }
}

.sec_block.-metal.-reverse {
  background: url(../img/bg_metal_right.png) no-repeat top right/100% auto
}

@media screen and (max-width: 1080px) {
  .sec_block.-metal.-reverse {
      background:url(../img/bg_metal_sp.png) no-repeat top center/84.6153846154vw auto
  }
}

.sec_block.-cell {
  background: url(../img/bg_cell_left.png) no-repeat top left/100% auto
}

@media screen and (max-width: 1080px) {
  .sec_block.-cell {
      background:url(../img/bg_cell_sp.png) no-repeat top center/84.6153846154vw auto
  }
}

.sec_block.-cell.-reverse {
  background: url(../img/bg_cell_right.png) no-repeat top right/100% auto
}

@media screen and (max-width: 1080px) {
  .sec_block.-cell.-reverse {
      background:url(../img/bg_cell_sp.png) no-repeat top center/84.6153846154vw auto
  }
}

.sec_block.-market {
  background: url(../img/bg_market_left.png) no-repeat top left/100% auto
}

@media screen and (max-width: 1080px) {
  .sec_block.-market {
      background:url(../img/bg_market_sp.png) no-repeat top center/84.6153846154vw auto
  }
}

.sec_block.-market.-reverse {
  background: url(../img/bg_market_right.png) no-repeat top right/100% auto
}

@media screen and (max-width: 1080px) {
  .sec_block.-market.-reverse {
      background:url(../img/bg_market_sp.png) no-repeat top center/84.6153846154vw auto
  }
}

.sec_block.-reverse {
  margin-left: 0;
  margin-right: auto;
  padding-right: 5.2604166667vw;
  flex-direction: row-reverse
}

@media screen and (max-width: 1080px) {
  .sec_block.-reverse {
      padding-right:0;
      flex-direction: column
  }
}

.sec_block.-reverse .sec_block_thumb {
  margin-right: 0;
  margin-left: 5.2604166667vw
}

@media screen and (max-width: 1080px) {
  .sec_block.-reverse .sec_block_thumb {
      margin-left:0
  }
}

.sec_block_thumb {
  width: 33.2291666667vw;
  margin-right: 5.2604166667vw
}

@media screen and (max-width: 1080px) {
  .sec_block_thumb {
      margin-right:0;
      width: 71.7948717949vw
  }
}

.sec_block_info {
  width: 36.5104166667vw;
  margin-top: 12.03125vw
}

@media screen and (max-width: 1080px) {
  .sec_block_info {
      /* width:84.6153846154vw; */
      width: 88vw;
      margin-top: 10.2564102564vw
  }
}

.sec_result {
  text-align: center;
  position: relative;
  z-index: 1
}

.sec_result.-metal {
  padding-top: 8.75vw;
  background: url(../img/bg_metal_last.png) no-repeat top center/100% auto
}

@media screen and (max-width: 1080px) {
  .sec_result.-metal {
      padding-top:0
  }
}

.sec_result.-metal .sec_blockTitle {
  margin-top: 16.09375vw
}

@media screen and (max-width: 1080px) {
  .sec_result.-metal .sec_blockTitle {
      margin-top:20.5128205128vw
  }
}

.sec_result.-cell,.sec_result.-market {
  margin-top: -10.3125vw;
  padding-top: 34.1145833333vw
}

@media screen and (max-width: 1080px) {
  .sec_result.-cell,.sec_result.-market {
      margin-top:-25.641025641vw;
      padding-top: 38.4615384615vw
  }
}

.sec_result.-cell {
  background: url(../img/bg_cell_last.png) no-repeat top center/100% auto
}

.sec_result.-market {
  background: url(../img/bg_market_last.png) no-repeat top center/100% auto
}

.sec_column {
  padding-top: 4.1666666667vw;
  width: 87.5vw;
  margin-left: auto;
  margin-right: auto
}

@media screen and (max-width: 1080px) {
  .sec_column {
      padding-top:10.2564102564vw;
      width: 100%
  }
}

.sec_column.-metal {
  margin-top: 4.1666666667vw;
  background: url(../img/bg_future.png) no-repeat top center/100% auto
}

@media screen and (max-width: 1080px) {
  .sec_column.-metal {
      margin-top:10.2564102564vw
  }
}

.sec_column.-metal .sec_blockTitle {
  margin-top: 0
}

.sec_column.-cell {
  background: url(../img/bg_cell_sum.png) no-repeat top center/100% auto;
  text-align: center;
  /* height: 32.0833333333vw; */
  margin-top: 4.1666666667vw;
  /* margin-bottom: -8.1770833333vw */
}

@media screen and (max-width: 1080px) {
  .sec_column.-cell {
      height:unset;
      margin-bottom: 10.2564102564vw
  }
}

.sec_column_gallery {
  width: 62.5vw;
  margin-left: auto;
  margin-right: auto;
  margin-top: 3.125vw;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.9791666667vw
}

@media screen and (max-width: 1080px) {
  .sec_column_gallery {
      width:100%;
      padding: 0 5.1282051282vw;
      margin-top: 5.1282051282vw;
      gap: 3.8461538462vw
  }
}

.sec_column_link {
  width: fit-content;
  display: block;
  margin: 3.125vw auto 0;
  text-decoration: underline;
  z-index: 1;
  position: relative;
  font-size: 1.0416666667vw
}

@media screen and (min-width: 1081px) {
  .sec_column_link {
      transition-property:opacity;
      transition-duration: .3s;
      opacity: 1
  }

  .sec_column_link:hover {
      transition-property: opacity;
      transition-duration: .3s;
      opacity: .5
  }
}

@media screen and (min-width: 1081px)and (max-width: 1080px) {
  .sec_column_link:hover {
      opacity:1
  }
}

@media screen and (max-width: 1080px) {
  .sec_column_link {
      font-size:5.1282051282vw
  }
}

@media screen and (max-width: 1080px) {
  .sec_column_link {
      font-size:0.7291666667vw;
      line-height: 1.6;
      margin-top: 7.6923076923vw
  }
}

@media screen and (max-width: 1080px)and (max-width: 1080px) {
  .sec_column_link {
      font-size:3.5897435897vw
  }
}

@media screen and (max-width: 1080px) {
  .sec_column_link:before,.sec_column_link:after {
      content:"";
      display: block;
      width: 0;
      height: 0
  }
}

@media screen and (max-width: 1080px) {
  .sec_column_link:before {
      margin-top:calc((1 - 1.6)*.5em)
  }
}

@media screen and (max-width: 1080px) {
  .sec_column_link:after {
      margin-bottom:calc((1 - 1.6)*.5em)
  }
}

.sum {
  background-image: url(../img/bg_sum.png),linear-gradient(-30deg, #1a0034, #020729, #190124);
  background-repeat: repeat,no-repeat;
  background-size: 2.2916666667vw,100%;
  background-position: center,left top;
  padding: 7.8125vw 0;
  font-family: vdl-logog,sans-serif
}

@media screen and (max-width: 1080px) {
  .sum {
      background-image:url(../img/bg_sum.png),linear-gradient(to bottom, #1a0034, #020729, #190124);
      background-size: 6.1538461538vw,100%;
      padding: 20.5128205128vw 0
  }
}

.sum_title {
  font-size: 2.0833333333vw;
  text-align: center
}

@media screen and (max-width: 1080px) {
  .sum_title {
      font-size:10.2564102564vw
  }
}

@media screen and (max-width: 1080px) {
  .sum_title {
      font-size:1.0416666667vw;
      line-height: 1.6
  }
}

@media screen and (max-width: 1080px)and (max-width: 1080px) {
  .sum_title {
      font-size:5.1282051282vw
  }
}

@media screen and (max-width: 1080px) {
  .sum_title:before,.sum_title:after {
      content:"";
      display: block;
      width: 0;
      height: 0
  }
}

@media screen and (max-width: 1080px) {
  .sum_title:before {
      margin-top:calc((1 - 1.6)*.5em)
  }
}

@media screen and (max-width: 1080px) {
  .sum_title:after {
      margin-bottom:calc((1 - 1.6)*.5em)
  }
}

.sum_lists {
  margin-top: 7.8125vw;
  display: grid;
  /* grid-template-columns: repeat(3, 25vw);
  gap: 3.125vw; */
  grid-template-columns: repeat(4, 20vw);
  gap: 2.8vw;
  justify-content: center
}

@media screen and (max-width: 1080px) {
  .sum_lists {
      margin-top:15.3846153846vw;
      grid-template-columns: repeat(1, 100%);
      gap: 15.3846153846vw
  }
}

.sum_list {
  display: flex;
  align-items: center;
  flex-flow: column
}

.sum_list_thumb {
  /* width: 20.8333333333vw */
  width: 15.625vw
}

@media screen and (max-width: 1080px) {
  .sum_list_thumb {
      width:51.2820512821vw
  }
}

.sum_list_name {
  text-align: center;
  margin-top: 2.6041666667vw;
  font-size: 2.0833333333vw
}

@media screen and (max-width: 1080px) {
  .sum_list_name {
      font-size:10.2564102564vw
  }
}

@media screen and (max-width: 1080px) {
  .sum_list_name {
      margin-top:1.2820512821vw;
      font-size: 1.0416666667vw
  }
}

@media screen and (max-width: 1080px)and (max-width: 1080px) {
  .sum_list_name {
      font-size:5.1282051282vw
  }
}

.footer {
  text-align: center;
  padding: 2.0833333333vw 0;
  font-size: 0.8333333333vw
}

@media screen and (max-width: 1080px) {
  .footer {
      font-size:4.1025641026vw
  }
}

@media screen and (max-width: 1080px) {
  .footer {
      font-size:0.625vw;
      padding: 3.8461538462vw 0
  }
}

@media screen and (max-width: 1080px)and (max-width: 1080px) {
  .footer {
      font-size:3.0769230769vw
  }
}

.hoverBtn {
  position: relative
}

.hoverBtn.isNavNow img:first-child,.hoverBtn.isHovered img:first-child {
  transition-property: opacity;
  transition-duration: .3s;
  opacity: 1
}

.hoverBtn img:first-child {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition-property: opacity;
  transition-duration: .3s
}

.exBtn {
  width: 45.8333333333vw;
  margin-left: auto;
  margin-right: auto;
  display: block
}

@media screen and (max-width: 1080px) {
  .exBtn {
      width:80%
  }
}

[data-lang=en] {
  display: none
}

/* 202310追加 */
.sec.-data {
  background-image: url(../img/bg_datacenter.png);
  background-color: #012303;
  /* background-size: 12.3958333333vw */
  background-size: 5vw
}

@media screen and (max-width: 1080px) {
  .sec.-data {
      background-size: 14vw
  }
}

.sec.-data:before {
  background: linear-gradient(to bottom, #012303, rgba(1, 35, 3, 0))
}

.sec.-data:after {
  background: linear-gradient(to top, #012303, rgba(1, 35, 3, 0))
}

.sec.-data .sec_sum {
  background: url(../img/fig_datacenter.png) no-repeat left 4.1666666667vw top/auto 100%
}

@media screen and (max-width: 1080px) {
  .sec.-data .sec_sum {
      background-position:center top;
      background-size: 96.1538461538vw auto
  }
}


.sec_block.-data {
  background: url(../img/bg_datacenter_left.png) no-repeat top left/100% auto
}

@media screen and (max-width: 1080px) {
  .sec_block.-data {
      background:url(../img/bg_datacenter_sp.png) no-repeat top center/84.6153846154vw auto
  }
}

.sec_block.-data.-reverse {
  background: url(../img/bg_datacenter_right.png) no-repeat top right/100% auto
}

@media screen and (max-width: 1080px) {
  .sec_block.-data.-reverse {
      background:url(../img/bg_datacenter_sp.png) no-repeat top center/84.6153846154vw auto
  }
}


.sec_result.-data,.sec_result.-market {
  margin-top: -10.3125vw;
  padding-top: 34.1145833333vw
}

@media screen and (max-width: 1080px) {
  .sec_result.-data,.sec_result.-market {
      margin-top:-25.641025641vw;
      padding-top: 38.4615384615vw
  }
}

.sec_result.-data {
  background: url(../img/bg_datacenter_last.png) no-repeat top center/100% auto
}

.sec_column.-data {
  background: url(../img/bg_cell_sum.png) no-repeat top center/100% auto;
  text-align: center;
  /* height: 32.0833333333vw; */
  margin-top: 4.1666666667vw;
  /* margin-bottom: -8.1770833333vw */
}

@media screen and (max-width: 1080px) {
  .sec_column.-data {
      height:unset;
      margin-bottom: 10.2564102564vw
  }
}


/* langメニュー位置変更202310 */
.header_menu_all{
  display: flex;
  flex-direction: row-reverse;
}
@media screen and (max-width: 1080px) {
  .header_menu_all{
    margin: 0 auto;
  }
}


.header_langs {
  margin-left: 0.5208333333vw
}

@media screen and (max-width: 1080px) {
  .header_langs {
      /* margin-left:0;
      justify-content: center;
      padding-bottom: 5.1282051282vw */
      position: absolute;
      top: 2.5641025641vw;
      right: 13.0769230769vw;
  }
}

.header_langs_link {
  width: 2.03125vw;
}

@media screen and (max-width: 1080px) {
  .header_langs_link {
      /* width:10.2564102564vw; */
      width: 8vw;
  }
}

.header_langs_link:first-child {
  margin-right: 0.5208333333vw;
}

@media screen and (max-width: 1080px) {
  .header_langs_link:first-child {
      /* margin-right:5.1282051282vw; */
      margin-right:2.1282051282vw
  }
}