/* icon font */

@font-face {
  font-family: "icomoon";
  src: url("../icomoon/fonts/icomoon.eot?1k5pau");
  src: url("../icomoon/fonts/icomoon.eot?1k5pau#iefix")
      format("embedded-opentype"),
    url("../icomoon/fonts/icomoon.ttf?1k5pau") format("truetype"),
    url("../icomoon/fonts/icomoon.woff?1k5pau") format("woff"),
    url("../icomoon/fonts/icomoon.svg?1k5pau#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-facebook:before {
  content: "\ea91";
}
.icon-twitter:before {
  content: "\ea96";
}

/* animation */
.p-firstview figure.logo03 {
  animation: fadeIn-under 2s ease 0s 1 normal;
  animation-fill-mode: backwards;
}
.p-firstview figure.logo04 {
  animation: fadeIn-under 1s ease 2s 1 normal;
  animation-fill-mode: backwards;
}

@keyframes fadeIn-under {
  0% {
    opacity: 0;
    transform: translate3d(0, 300px, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.p-firstview-leftwrap > figure,
.p-firstview-leftwrap .p-firstview-data .data-wrap {
  animation: fadeIn-left 1s ease 3s 1 normal,
    fadeIn-left-shadow 1s ease 3.2s 1 normal;
  animation-fill-mode: backwards;
}
.p-firstview-leftwrap .p-firstview-data .presents-wrap,
.p-firstview-leftwrap .p-firstview-data .copyright-wrap,
.p-firstview-leftwrap .p-firstview-data .sp-snsbutton {
  animation: fadeIn-left 1s ease 3.2s 1 normal,
    fadeIn-left-shadow 1s ease 3.5s 1 normal;
  animation-fill-mode: backwards;
}

@keyframes fadeIn-left {
  0% {
    opacity: 0;
    transform: translate3d(-300px, 0, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeIn-left-shadow {
  0% {
    filter: drop-shadow(-100px 0 0 rgba(255, 255, 255, 0.6));
  }
  100% {
    filter: drop-shadow(0 0 0 rgba(255, 255, 255, 0.6));
  }
}

.p-sections section.active .section-left {
  position: fixed;
}

body {
  font-family: "ZEN角ゴシックN M", "Zen Kaku Gothic N M", MyHiragino, メイリオ,
    Meiryo, Osaka, "MS UI Gothic", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1.5;
  text-rendering: optimizelegibility;
  font-kerning: normal;
  font-feature-settings: "palt";
  -webkit-font-smoothing: antialiased;
  width: 100%;
  margin: 0;
  padding: 0;
  color: #fff;
  background: top right fixed no-repeat url("../images/common/bg-typo.svg"),
    top right 10vw scroll no-repeat url("../images/common/bg-line.svg"),
    linear-gradient(to bottom, #010741 0%, #010741 30%, #000320 100%);
  background-size: 55vw, contain;
  position: fixed;
  overflow: hidden;
}

figure {
  margin: 0;
}

p {
  margin: 0;
}

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

.p-side-l {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 4.76563%;
  height: 100%;
  box-sizing: border-box;
}

.p-side-l .p-side-l_hm-button {
  position: absolute;
  top: 1.01563vw;
  left: 1.17188vw;
  width: 2.57813vw;
  height: 2.5vw;
  position: absolute;
  z-index: 200;
  display: block;
}
.p-side-l .p-side-l_hm-button:after {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  display: block;
  content: "";
  background-color: rgba(255, 255, 255, 0);
  width: 2.57813vw;
  height: 2.5vw;
}

.p-side-l .p-side-l_hm-button div {
  position: absolute;
  z-index: 10;
  width: 100%;
  height: 2px;
  background-color: #fff;
  transition: 0.3s;
}

.p-side-l .p-side-l_hm-button div:nth-child(1) {
  top: 5px;
}

.p-side-l .p-side-l_hm-button div:nth-child(2) {
  top: 15px;
}

.p-side-l .p-side-l_hm-button div:nth-child(3) {
  top: 25px;
}

.p-side-l .p-side-l_hm-button.opened div:nth-child(1) {
  transform: translateY(500%) rotate(45deg);
}
.p-side-l .p-side-l_hm-button.opened div:nth-child(2) {
  opacity: 0;
}
.p-side-l .p-side-l_hm-button.opened div:nth-child(3) {
  transform: translateY(-500%) rotate(-45deg);
}

.p-menu {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 150;
  overflow-x: hidden;
  overflow-y: scroll;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 1, 21, 0.9);
  transform: translateX(0%);
  padding: 0 0 0 4.76563vw;
  box-sizing: border-box;
}

.p-menu.opened {
  will-change: auto;
  backface-visibility: visible;
  transform: translateX(0%);
}

.p-menu-inner {
  display: flex;
  height: 100%;
}

.p-menu-block00,
.p-menu-block01,
.p-menu-block02,
.p-menu-block03,
.p-menu-block04 {
  padding-top: 4.6875vw;
  padding-bottom: 4.6875vw;
  border-left: 2px solid rgba(255, 255, 255, 0.2);
  width: 16vw;
  box-sizing: border-box;
}
.p-menu-inner .p-menu-block00 ul li a {
  white-space: nowrap;
  font-family: "ZEN角ゴシックN M", "Zen Kaku Gothic L N M", MyHiragino, メイリオ, Meiryo, Osaka, "MS UI Gothic", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.p-menu-inner ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.p-menu-inner ul li {
  font-size: 2.6vw;
  margin: 0 0 2.34375vw;
  padding: 0 0 0 1.25vw;
}
.p-menu-inner ul li a {
  display: inline-block;
  color: #fff;
  font-family: "Neue Helvetica", "Helvetica Neue", Helvetica, SystemSerif, Arial,
    sans-serif;
  font-style: italic;
  text-decoration: none;
  font-weight: 100;
  line-height: 1.3;
  transition: 0.2s;
}
.p-menu-inner ul li a:hover {
  opacity: 0.6;
}
.p-menu-inner ul li a span {
  display: block;
  font-size: 1.1vw;
  font-family: "ZEN角ゴシックN M", "Zen Kaku Gothic L N M", MyHiragino, メイリオ,
    Meiryo, Osaka, "MS UI Gothic", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.p-side-r {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1000;
  box-sizing: border-box;
  width: 4.375%;
  height: 100%;
}

.p-side-r_icons {
  position: absolute;
  top: 1.01563vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 0.5vw;
  box-sizing: border-box;
  width: 100%;
  text-align: center;
}

.p-side-r_icons a {
  color: #fff;
  font-size: 1.8vw;
  text-decoration: none;
  transition: 0.2s;
}
.p-side-r_icons a:hover {
  opacity: 0.8;
}

.p-side-r_icons a:first-child {
  color: #fff;
  margin: 0 0 5px;
}

.p-side-r .right-copy {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.5vw;
  box-sizing: border-box;
}
.p-side-r .right-copy img {
  width: 0.8vw;
}

.p-firstview {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  z-index: 100;
  position: relative;
  background: url(../images/common/bg-typo.svg),
    url("../images/common/bg-line02.svg") #010741;
  padding: 0 4.375% 19vw 4.76563%;
  box-sizing: border-box;
  background-position: top right, top right 10.0269vw;
  background-attachment: fixed, scroll;
  background-repeat: no-repeat, no-repeat;
  background-size: 55vw, contain;
}
.p-firstview-leftwrap {
  padding-top: 7vh;
  transition: .8s;
}
@media screen and (min-height: 649px)  {
  .p-firstview-leftwrap {
    padding-top: 40vh;
    transition: .8s;
  }
  
}
.p-firstview-leftwrap img {
  display: block;
}
.p-firstview-leftwrap img.logo01 {
  width: 62%;
  margin: 0 0 10px;
}
.p-firstview-leftwrap img.logo02 {
  width: 47%;
}
.p-firstview figure.logo03 {
  position: absolute;
  top: 6vw;
  right: 13vw;
  width: 12vw;
}
.p-firstview figure.logo04 {
  position: absolute;
  top: 22vw;
  right: 4vw;
  width: 12.5vw;
}

.p-firstview .data-wrap {
  display: flex;
  margin: 2.032vw 0;
  align-items: center;
}
.p-firstview-data {
  color: #fff;
  font-size: 1vw;
}

.p-firstview-data p {
  margin: 0 0 0.5vw;
}

.data-wrap .trial-wrap {
  align-items: center;
}

.data-wrap .date-trial {
  margin: 0 5vw 0 0;
}

.data-wrap .date-trial .date,
.data-wrap .date-final .date {
  font-family: "Neue Helvetica", "Helvetica Neue", Helvetica, SystemSerif, Arial,
    sans-serif;
  font-weight: 100;
  font-style: italic;
  font-size: 2.4vw;
  line-height: 1;
}

.data-wrap .date-trial .date span,
.data-wrap .date-final .date span {
  font-weight: 500;
}

.data-wrap .date-trial .date span span,
.data-wrap .date-final .date span span{
  font-weight: 300;
}

.data-wrap .date-trial .date i,
.data-wrap .date-final .date i {
  font-size: 1.2vw;
  display: block;
  margin-top: 0.8vw;
}

.data-wrap .date-trial .trial-border {
  width: 3vw;
  height: 1px;
  margin: 0 1.5vw 1.7vw 2vw;
  background: #fff;
}

.data-wrap .date-trial .trial-wrap {
  display: flex;
}

.presents-wrap,
.copyright-wrap {
  margin: 2vw 0 0;
  font-size: 1.1vw;
  font-weight: 100;
  font-family: "ZEN角ゴシックN M", "Zen Kaku Gothic L N M", MyHiragino, メイリオ,
    Meiryo, Osaka, "MS UI Gothic", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.presents-wrap{
  margin: 3.9vw 0 0;
}

.copyright-wrap{font-family: "Neue Helvetica", "Helvetica Neue", Helvetica, SystemSerif, Arial, sans-serif;font-weight: 200;font-size: 0.9vw;letter-spacing: 0.1em;}
.presents-wrap p {
  margin: 0;
}

.p-section-bgwrap {
  background: top right scroll no-repeat url("../images/common/bg-line.svg");
  background-size: contain;
}

.p-sections section.last {
  padding: 5vw 4.375% 20vw 4.76563%;
}

section {
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 5vw 4.375% 5vw 4.76563%;
  box-sizing: border-box;
}
section .section-left {
  position: absolute;
  width: 29%;
  padding: 0 4vw 0 0;
  left: 4.76563%;
  top: 5vw;
  box-sizing: border-box;
}
section .section-right {
  width: 100%;
  font-size: 1.6vw;
  line-height: 1.8;
  margin-left: 29%;
}

section .section-right .logo03 {
  display: block;
  position: relative;
  top: 0;
  right: 4vw;
  width: 18vw;
  margin: 0 0 10vw auto;
}

section .section-left .title-small,
section .section-left .title-large {
  font-family: "Neue Helvetica", "Helvetica Neue", Helvetica, SystemSerif, Arial,
    sans-serif;
  font-style: italic;
  margin: 0;
}

section .section-left .title-small {
  font-weight: 100;
  font-size: 1.2vw;
  letter-spacing: 0.1vw;
}

section .section-left .title-large {
  font-weight: 100;
  margin: 0;
  font-size: 4vw;
  line-height: 0.5;
}

section .section-left .title-large span {
  font-weight: 500;
  font-size: 1.1vw;
  font-family: "ZEN角ゴシックN M", "Zen Kaku Gothic L N M", MyHiragino, メイリオ,
    Meiryo, Osaka, "MS UI Gothic", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-style: normal;
}

section .section-left .title-small:before {
  content: "";
  width: 90%;
  height: 1px;
  background-color: #fff;
  margin: 0 0 0.9vw;
  display: block;
}

section .section-left .title-large:before {
  content: "";
  width: 65%;
  height: 1px;
  background-color: #fff;
  margin: 0 0 2.2vw;
  display: block;
}

section .section-right .readyfor-head {
  margin: 4.5vw 0;
  font-family: "ZEN角ゴシックN M", "Zen Kaku Gothic L N M", MyHiragino, メイリオ,
    Meiryo, Osaka, "MS UI Gothic", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
section .section-right .readyfor-head .readyfor-head-l {
  font-size: 3vw;
}
section .section-right .readyfor-head .readyfor-head-s {
  font-size: 1.6vw;
}
section .section-right figure.readyfor-bnr img {
  width: 20vw;
}

section .section-right figure.ntt-bnr img {
  width: 60vw;
  margin: 0 0 1vw;
}

section .section-right .view-more-btn {
  width: 60vw;
  margin: 4.5vw 0;
  text-align: right;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
section .section-right .view-more-btn a {
  color: #fff;
  font-family: "Neue Helvetica", "Helvetica Neue", Helvetica, SystemSerif, Arial,
    sans-serif;
  font-weight: 100;
  text-decoration: none;
  display: flex;
  align-items: center;
  font-size: 1.3vw;
  font-style: italic;
}
section .section-right .view-more-btn a:after {
  content: "";
  margin: 0 0 0 1.5vw;
  width: 5vw;
  height: 5vw;
  background: url(../images/common/link-arrow.png);
  background-size: 100%;
  background-repeat: no-repeat;
  display: inline-block;
}

section .rule-wrap {
  width: 100%;
  display: flex;
}

section .rule-wrap .rule-explanation {
  width: 30%;
  font-size: 1.2vw;
  line-height: 1.6;
}
section .rule-wrap .rule-explanation p span {
  color: #33fcff;
}
section .rule-wrap .rule-explanation figure {
  position: relative;
  margin: 3vw 0 0;
}
section .rule-wrap .rule-explanation figure img {
  width: 76%;
  height: auto;
  margin-left: 0.8vw;
  margin-top: 0.5vw;
}
section#rule_fleuret .rule-wrap .rule-explanation figure img{
  margin-top: 2.5vw;
}
section .rule-wrap .rule-explanation figure p {
  font-family: "Neue Helvetica", "Helvetica Neue", Helvetica, SystemSerif, Arial,
    sans-serif;
  position: absolute;
  top: 10px;
  left: 0;
  font-size: 0.8vw;
  font-weight: 100;
  font-style: italic;
  letter-spacing: 0.1em;

}
section#rule_sabre .rule-wrap .rule-explanation figure p{
  margin-top: 2.4vw;
}
section .rule-wrap .rule-explanation figure p span {
  font-weight: 500;
  display: block;
  color: #fff;
  letter-spacing: 0.05em;
}

section .rule-wrap .rule-img {
  width: 75%;
  padding: 0 0 0 3vw;
  box-sizing: border-box;
}
section .rule-wrap .rule-img img {
  width: 100%;
  height: auto;
}

section .players-wrap {
  width: 90%;
}
section .players-wrap ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  list-style: none;
  padding: 0;
  margin: 0;
  flex-wrap: wrap;
  font-family: "ZEN角ゴシックN M", "Zen Kaku Gothic L N M", MyHiragino, メイリオ,
    Meiryo, Osaka, "MS UI Gothic", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
section .players-wrap ul:after {
  content: "";
  width: 26%;
  display: block;
}

section .players-wrap ul li {
  width: 26%;
}
section .players-wrap ul li:nth-child(n + 4) {
  margin: 5vw 0 0;
}
section .players-wrap ul li figure {
  margin: 0 0 1.8vw;
}
section .players-wrap ul li .players-name-j {
  font-size: 1.6vw;
  line-height: 1;
  margin: 0 0 1vw;
  font-weight: 700;
}
section .players-wrap ul li .players-name-e {
  font-size: 1vw;
  font-weight: 100;
  line-height: 1;
  font-style: italic;
  font-family: "Neue Helvetica", "Helvetica Neue", Helvetica, SystemSerif, Arial,
    sans-serif;
}
section .players-wrap ul li .players-name-e span {
  font-weight: 500;
}
section .players-wrap ul li .players-data {
  font-size: 1.2vw;
  margin: 2vw 0 0;
}

#statement .logo_newstandard {
  width: 28.7vw;
  margin: 5vw 0 0;
}

#sponsor {
  background-color: #fff;
  position: relative;
  z-index: 100;
}

#sponsor h3 {
  font-size: 0.9375vw;
  line-height: 1;
  margin: 0;
  padding: 0;
  color: #000;
  font-family: "ZEN角ゴシックN M", "Zen Kaku Gothic N M", MyHiragino, メイリオ,
    Meiryo, Osaka, "MS UI Gothic", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#sponsor .sponsor01 {
  margin-right: 4.375vw;
  margin-left: 4.76563vw;
  padding-top: 3.75vw;
  padding-bottom: 3.75vw;
  text-align: center;
}
#sponsor .sponsor02 {
  margin: 0 auto;
  padding-top: 3.75vw;
  padding-right: 7vw;
  padding-bottom: 7.5vw;
  padding-left: 7vw;
  text-align: center;
  border-top: 1px solid rgba(0, 1, 21, 0.15);
}

.sponsor01 ul {
  margin: 0 auto;
  width: 84%;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
  padding: 0;
}
.sponsor01 ul li {
  margin-top: 1.875vw;
  margin-right: 1.875vw;
  margin-left: 1.875vw;
  text-align: center;
}
.sponsor01 ul li a {
  display: inline-block;
}
.sponsor01 ul li a img {
  width: auto;
  height: 4.6875vw;
}

.sponsor01 .sponsor-big ul li a img {
  height: 5.4vw;
}

.sponsor02 ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
  padding: 0;
}
.sponsor02 ul li {
  margin-top: 1.875vw;
  margin-right: 1.875vw;
  margin-left: 1.875vw;
}
.sponsor02 ul li a {
  display: inline-block;
}
.sponsor02 ul li a img {
  width: auto;
  height: 4.6875vw;
}

.p-bottomfix {
  width: 8vw;
  margin: 30px 4.375% 30px 4.76563%;
  position: fixed;
  left: 0;
  bottom: 0;
}

@media only screen and (max-width: 1100px) {
  .p-firstview {
    display: flex;
    align-items: center;
  }
  .p-firstview-leftwrap {
    width: 100%;
    padding-top: 20vh;
  }
}
@media only screen and (max-width: 768px) {
  body {
    background: linear-gradient(to bottom, #010741 0%, #010741 30%, #000320 100%);
  }
  body.first {
    background: #010741;
  }
  body::before {
    background: top right no-repeat url("../images/common/bg-typo.svg");
    background-size: contain;
    content: "";
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    z-index: -1;
    width: 80vw;
    height: 100%;
  }

  .p-side-l .p-side-l_hm-button {
    top: 3.46667vw;
    left: 4.26667vw;
    width: 8.53333vw;
    height: 8.53333vw;
  }

  .p-side-l .p-side-l_hm-button div {
    height: 0.53333vw;
  }

  .p-side-l .p-side-l_hm-button div:nth-child(1) {
    top: 1.33333vw;
  }

  .p-side-l .p-side-l_hm-button div:nth-child(2) {
    top: 4vw;
  }

  .p-side-l .p-side-l_hm-button div:nth-child(3) {
    top: 6.66667vw;
  }

  .p-menu {
    display: none;
    align-items: center;
    text-align: center;
    padding: 0;
  }

  .p-menu-inner {
    padding: 0;
    width: 100%;
    flex-direction: column;
    justify-content: center;
  }

  .p-menu-block00,
	.p-menu-block01,
  .p-menu-block02,
  .p-menu-block03,
  .p-menu-block04 {
    width: 100%;
    border-left: none;
    padding: 0;
  }

  .p-menu-inner ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .p-menu-inner ul li {
    font-size: 6.2vw;
    margin: 0;
    padding: 1vw 0;
  }

  .p-menu-inner ul li a span {
    font-size: 2.5vw;
  }

  .p-side-r {
    display: none;
  }
  .p-firstview {
    display: block;
  }
  .p-firstview {
    width: 100%;
    margin: 0;
    padding: 0 4.375% 35.5vw 4.76563%;
    box-sizing: border-box;
    overflow: hidden;
    background: url("../images/common/bg-line02.svg");
    background-position: top right 10.0269vw;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .p-firstview-leftwrap {
    width: 100%;
    padding-top: 0;
    margin-top: -11vw;
  }
  .p-firstview-leftwrap img {
    display: block;
  }
  .p-firstview-leftwrap img.logo01 {
    width: 100%;
    margin: 0 0 10px;
  }
  .p-firstview-leftwrap img.logo02 {
    width: 86%;
  }
  .p-firstview figure.logo03 {
    display: block;
    position: relative;
    width: 24vw;
    margin: 5vw 5vw 5vw auto;
    right: 0;
  }
  .p-firstview figure.logo04 {
    position: relative;
    top: 0;
    right: -20vw;
    width: 28vw;
    margin: 5vw 5vw 5vw auto;
  }

  .p-firstview .data-wrap {
    display: flex;
    margin: 8vw 0;
    align-items: center;
  }
  .p-firstview-data {
    color: #fff;
    font-size: 3vw;
  }

  .p-firstview-data p {
    margin: 0;
  }

  .data-wrap .trial-wrap {
    align-items: center;
  }

  .data-wrap .date-trial {
    margin: 0 8vw 0 0;
  }

  .data-wrap .date-trial .date,
  .data-wrap .date-final .date {
    font-weight: 100;
    font-style: italic;
    font-size: 4.5vw;
    line-height: 1;
  }

  .data-wrap .date-trial .date span,
  .data-wrap .date-final .date span {
    font-weight: 500;
  }

  .data-wrap .date-trial .date i,
  .data-wrap .date-final .date i {
    font-size: 3.5vw;
    display: block;
  }

  .data-wrap .date-trial .trial-border {
    width: 5vw;
    height: 1px;
    margin: 0 1.5vw 4vw 2vw;
    vertical-align: middle;
    display: inline-block;
    background: #fff;
  }

  .data-wrap .date-trial .trial-wrap {
    display: flex;
  }

  .presents-wrap,
  .copyright-wrap {
    margin: 2vw 0 0;
    font-size: 1.6vw;
  }
  .presents-wrap p {
    margin: 0;
  }

  section {
    display: flex;
    position: relative;
    width: 90.85937%;
    height: 100%;
    margin: 0 4.375% 0 4.76563%;
    padding: 8vw 0;
    box-sizing: border-box;
    flex-direction: column;
  }
  section .section-left {
    width: 100%;
    padding: 0;
    margin: 0 0 4.8vw;
    box-sizing: border-box;
    font-size: 2vw;
    left: 0;
    top: 0;
    position: relative;
  }
  section .section-right {
    width: 100%;
    font-size: 4.8vw;
    line-height: 1.6;
    margin-left: 0;
    padding: 0 0 0 12.8vw;
    box-sizing: border-box;
  }
  
  section .section-right .introduction{
   font-size: 3.5vw;
  }

  section .section-right figure.logo03 {
    display: block;
    position: relative;
    top: 0;
    right: 0;
    width: 50%;
    margin: 0 0 10vw auto;
  }

  #statement .logo_newstandard {
    width: 40vw;
    margin: 10vw 0 0;
  }

  section .section-left .title-small {
    font-weight: 100;
    font-size: 6vw;
    letter-spacing: 0.05vw;
  }

  section .section-left .title-large {
    font-weight: 100;
    margin: 0;
    font-size: 12vw;
    line-height: 0.5;
  }

  section .section-left .title-large span {
    font-weight: 500;
    font-size: 4vw;
    line-height: 4em;
  }

  section .section-left .title-small:before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #fff;
    margin: 0 0 1vw;
    display: block;
  }

  section .section-left .title-large:before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #fff;
    margin: 0 0 6vw;
    display: block;
  }

  section .section-right .readyfor-head {
    margin: 5.5vw 0;
    line-height: 1.5;
  }
  section .section-right .readyfor-head .readyfor-head-l {
    font-size: 5.5vw;
  }
  section .section-right .readyfor-head .readyfor-head-s {
    font-size: 3.2vw;
  }
  section .section-right figure.readyfor-bnr img {
    width: 50vw;
  }
  section .section-right figure.ntt-bnr img {
    width: 100%;
    margin: 0 0 1vw;
  }

  section .section-right .view-more-btn {
    width: 100%;
  }
  section .section-right .view-more-btn a {
    font-size: 4vw;
  }
  section .section-right .view-more-btn a:after {
    content: "";
    width: 9vw;
    height: 9vw;
    background-repeat: no-repeat;
    background-size: 100%;
    margin: 0 0 0 2vw;
  }

  section .rule-wrap {
    flex-direction: column;
    padding: 0;
  }

  section .rule-wrap .rule-explanation {
    width: 100%;
    font-size: 4.8vw;
    order: 2;
    margin: 3vw 0 0;
  }
  section .rule-wrap .rule-explanation p span {
    color: #33fcff;
  }
  section .rule-wrap .rule-explanation figure {
    position: relative;
    margin: 10vw 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  section .rule-wrap .rule-explanation figure img {
    width: 52%;
    height: auto;
  }
  section .rule-wrap .rule-explanation figure p {
    width: 26%;
    position: relative;
    top: 0;
    left: 0;
    font-size: 5.2vw;
    font-weight: 100;
    font-style: italic;
  }
  section .rule-wrap .rule-explanation figure p span {
    font-weight: 500;
    display: block;
    color: #fff;
    font-size: 5.2vw;
    line-height: 0.5em;
    white-space: nowrap;
  }

  section .rule-wrap .rule-img {
    width: 100%;
    box-sizing: border-box;
    order: 1;
    padding: 0;
  }
  section .rule-wrap .rule-img img {
    width: 100%;
    height: auto;
    padding: 0;
    box-sizing: border-box;
  }

  section .players-wrap {
    width: 100%;
  }
  section .players-wrap ul {
    width: 100%;
    display: flex;
    justify-content: space-between;
    list-style: none;
    padding: 0;
    margin: 0;
    flex-wrap: wrap;
  }
  section .players-wrap ul li {
    width: 45%;
  }
  section .players-wrap ul li:nth-child(n + 4) {
    margin: auto;
  }
  section .players-wrap ul li:nth-child(n + 3) {
    margin: 11vw 0 0;
  }
  section .players-wrap ul li figure {
    margin: 0 0 3vw;
  }
  section .players-wrap ul li .players-name-j {
    font-size: 4.5vw;
    line-height: 1;
    margin: 0 0 2vw;
  }
  section .players-wrap ul li .players-name-e {
    font-size: 3vw;
    font-weight: 100;
    line-height: 1;
    font-style: italic;
  }
  section .players-wrap ul li .players-name-e span {
    font-weight: 500;
  }
  section .players-wrap ul li .players-data {
    font-size: 3.5vw;
    margin: 4vw 0 0;
  }

  #sponsor h3 {
    font-size: 3.5vw;
    line-height: 1;
    margin: 0;
    padding: 0;
    color: #000;
    font-family: "ZEN角ゴシックN M", "Zen Kaku Gothic N M", MyHiragino, メイリオ,
      Meiryo, Osaka, "MS UI Gothic", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }

  #sponsor .sponsor01 {
    padding-top: 8vw;
    padding-bottom: 8vw;
  }
  #sponsor .sponsor02 {
    padding-top: 8vw;
    padding-bottom: 16vw;
  }

  .sponsor01 ul {
    justify-content: space-between;
    margin: 0 auto;
    width: 70.66667vw;
  }
  
  .sponsor01 .sponsor-big ul {
    justify-content: center;
  }

  .sponsor01 ul li {
    margin-top: 8vw;
    width: 29.86667vw;
  }

  .sponsor01 .sponsor-big ul li {
    width: auto;
  }
  
  .sponsor01 ul li a img {
    height: 8vw;
  }

  .sponsor01 .sponsor-big ul li a img {
    height: 10vw;
  }

  .sponsor02 ul {
    justify-content: space-between;
    margin: 0 auto;
    width: 70.66667vw;
  }
  .sponsor02 ul li {
    margin-top: 8vw;
    width: 29.86667vw;
  }
  .sponsor02 ul li a {
    display: inline-block;
  }
  .sponsor02 ul li a img {
    width: auto;
    height: 8vw;
  }

  .p-bottomfix {
    width: 8vw;
    margin: 30px 4.375% 30px 4.76563%;
    position: fixed;
    left: 0;
    bottom: 0;
  }

  .p-bottomfix {
    display: none;
  }
}

@media only screen and (min-width: 769px) {
.statement-wrap {
  display: flex;
    flex-direction: row-reverse;
}  
section .section-right .logo03 {
  width: 16vw;
  margin: 0 0 5vw auto;
  }
.statement-wrap .wrap {
      width: calc( 100% - 22vw );
    height: 0;
    position: relative;
    padding-top: calc( 56.25% - (22vw * 9 / 16) );
    overflow: hidden;
  }
.statement-wrap .wrap iframe {
     position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
.sp-snsbutton {
  display: none;
}
  
}

@media only screen and (max-width: 768px) {
.statement-wrap .wrap {
      width: 100% ;
    height: 0;
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
  margin-bottom: 10vw;
  }  
.statement-wrap .wrap iframe {
     position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }  
.sp-snsbutton a {
    color: #fff;
    text-decoration: none;
    font-size: 5vw;
    display: inline-block;
    padding-top: 2vw;
    padding-right: 2vw;  
}
}