@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap");
@import url("https://use.typekit.net/uts7yyk.css");
@font-face {
  font-family: 'YuMincho';
  font-weight: normal;
  src: url("/-/media/Project/globeride/daiwa_com_jp/special/features/silverwolf/_assets/font/A-OTF-A1MinchoStd-Bold.otf");
}

@font-face {
  font-family: 'Hiragino Sans W8';
  font-weight: 800;
  src: url("/-/media/Project/globeride/daiwa_com_jp/special/features/silverwolf/_assets/font/Hiragino-Sans-W8.ttf");
}

@font-face {
  font-family: 'DIN Next LT Pro';
  src: url("/-/media/Project/globeride/daiwa_com_jp/special/features/silverwolf/_assets/font/DINNextLTPro-Bold.ttf");
  font-weight: bold;
}

/*!
 * Bootstrap Reboot v4.5.3 (https://getbootstrap.com/)
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-text-size-adjust: 100%;
}

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

body {
  background-color: #fff;
  color: #212529;
  font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  margin: 0;
  text-align: left;
}

[tabindex='-1']:focus:not(:focus-visible) {
  outline: 0 !important;
}

hr {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 0.5rem;
  margin-top: 0;
}

p {
  margin-bottom: 1rem;
  margin-top: 0;
}

abbr[title],
abbr[data-original-title] {
  border-bottom: 0;
  cursor: help;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline;
  text-decoration: underline dotted;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}

address {
  font-style: normal;
  line-height: inherit;
  margin-bottom: 1rem;
}

ol,
ul,
dl {
  margin-bottom: 1rem;
  margin-top: 0;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  background-color: transparent;
  color: #007bff;
  text-decoration: none;
}

a:hover {
  color: #0056b3;
  text-decoration: underline;
}

a:not([href]):not([class]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
  font-size: 1em;
}

pre {
  margin-bottom: 1rem;
  margin-top: 0;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}

figure {
  margin: 0 0 1rem;
}

img {
  border-style: none;
  vertical-align: middle;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

caption {
  caption-side: bottom;
  color: #6c757d;
  padding-bottom: 0.75rem;
  padding-top: 0.75rem;
  text-align: left;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

button {
  border-radius: 0;
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
optgroup,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

[role='button'] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
}

button:not(:disabled),
[type='button']:not(:disabled),
[type='reset']:not(:disabled),
[type='submit']:not(:disabled) {
  cursor: pointer;
}

button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

input[type='radio'],
input[type='checkbox'] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  border: 0;
  margin: 0;
  min-width: 0;
  padding: 0;
}

legend {
  color: inherit;
  display: block;
  font-size: 1.5rem;
  line-height: inherit;
  margin-bottom: 0.5rem;
  max-width: 100%;
  padding: 0;
  white-space: normal;
  width: 100%;
}

progress {
  vertical-align: baseline;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}

[type='search'] {
  -webkit-appearance: none;
  outline-offset: -2px;
}

[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

output {
  display: inline-block;
}

summary {
  cursor: pointer;
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}
/*-----------------------------------------------
@keyframes
------------------------------------------------*/
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(20px);
         transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
         transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
       -moz-transform: translateY(20px);
            transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
            transform: translateY(0);
  }
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(1);
         transform: scale(1);
  }
  50% {
    -moz-transform: scale(1.1);
         transform: scale(1.1);
  }
  100% {
    -moz-transform: scale(1);
         transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes zoomOut {
  0% {
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
            transform: scale3d(1.2, 1.2, 1.2);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@-moz-keyframes zoomOut {
  0% {
    -moz-transform: scale3d(1.2, 1.2, 1.2);
         transform: scale3d(1.2, 1.2, 1.2);
  }
  100% {
    -moz-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1);
  }
}

@keyframes zoomOut {
  0% {
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
       -moz-transform: scale3d(1.2, 1.2, 1.2);
            transform: scale3d(1.2, 1.2, 1.2);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
       -moz-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@-webkit-keyframes confetti {
  0% {
    opacity: 0;
    -webkit-transform: rotateZ(15deg) rotateY(0deg) translate(0, 0);
            transform: rotateZ(15deg) rotateY(0deg) translate(0, 0);
  }
  25% {
    opacity: 1;
    -webkit-transform: rotateZ(5deg) rotateY(360deg) translate(-5vw, 20vh);
            transform: rotateZ(5deg) rotateY(360deg) translate(-5vw, 20vh);
  }
  50% {
    -webkit-transform: rotateZ(15deg) rotateY(720deg) translate(5vw, 50vh);
            transform: rotateZ(15deg) rotateY(720deg) translate(5vw, 50vh);
  }
  75% {
    -webkit-transform: rotateZ(5deg) rotateY(1080deg) translate(-10vw, 70vh);
            transform: rotateZ(5deg) rotateY(1080deg) translate(-10vw, 70vh);
  }
  86% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotateZ(15deg) rotateY(1440deg) translate(10vw, 80vh);
            transform: rotateZ(15deg) rotateY(1440deg) translate(10vw, 80vh);
  }
}

@-moz-keyframes confetti {
  0% {
    opacity: 0;
    -moz-transform: rotateZ(15deg) rotateY(0deg) translate(0, 0);
         transform: rotateZ(15deg) rotateY(0deg) translate(0, 0);
  }
  25% {
    opacity: 1;
    -moz-transform: rotateZ(5deg) rotateY(360deg) translate(-5vw, 20vh);
         transform: rotateZ(5deg) rotateY(360deg) translate(-5vw, 20vh);
  }
  50% {
    -moz-transform: rotateZ(15deg) rotateY(720deg) translate(5vw, 50vh);
         transform: rotateZ(15deg) rotateY(720deg) translate(5vw, 50vh);
  }
  75% {
    -moz-transform: rotateZ(5deg) rotateY(1080deg) translate(-10vw, 70vh);
         transform: rotateZ(5deg) rotateY(1080deg) translate(-10vw, 70vh);
  }
  86% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -moz-transform: rotateZ(15deg) rotateY(1440deg) translate(10vw, 80vh);
         transform: rotateZ(15deg) rotateY(1440deg) translate(10vw, 80vh);
  }
}

@keyframes confetti {
  0% {
    opacity: 0;
    -webkit-transform: rotateZ(15deg) rotateY(0deg) translate(0, 0);
       -moz-transform: rotateZ(15deg) rotateY(0deg) translate(0, 0);
            transform: rotateZ(15deg) rotateY(0deg) translate(0, 0);
  }
  25% {
    opacity: 1;
    -webkit-transform: rotateZ(5deg) rotateY(360deg) translate(-5vw, 20vh);
       -moz-transform: rotateZ(5deg) rotateY(360deg) translate(-5vw, 20vh);
            transform: rotateZ(5deg) rotateY(360deg) translate(-5vw, 20vh);
  }
  50% {
    -webkit-transform: rotateZ(15deg) rotateY(720deg) translate(5vw, 50vh);
       -moz-transform: rotateZ(15deg) rotateY(720deg) translate(5vw, 50vh);
            transform: rotateZ(15deg) rotateY(720deg) translate(5vw, 50vh);
  }
  75% {
    -webkit-transform: rotateZ(5deg) rotateY(1080deg) translate(-10vw, 70vh);
       -moz-transform: rotateZ(5deg) rotateY(1080deg) translate(-10vw, 70vh);
            transform: rotateZ(5deg) rotateY(1080deg) translate(-10vw, 70vh);
  }
  86% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotateZ(15deg) rotateY(1440deg) translate(10vw, 80vh);
       -moz-transform: rotateZ(15deg) rotateY(1440deg) translate(10vw, 80vh);
            transform: rotateZ(15deg) rotateY(1440deg) translate(10vw, 80vh);
  }
}

.u-wysiwygArea {
  color: #fff;
  font-size: 15px;
  letter-spacing: 0.05em;
  line-height: 1.8;
}

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

.u-wysiwygArea * + * {
  margin-top: 1.75em;
}

.u-wysiwygArea a {
  color: blue;
  text-decoration: underline;
}

@media screen and (min-width: 769px) {
  .u-wysiwygArea a {
    -webkit-transition: all 0.6s ease-in-out 0s;
    -moz-transition: all 0.6s ease-in-out 0s;
    transition: all 0.6s ease-in-out 0s;
  }
}

@media screen and (min-width: 769px) {
  .u-wysiwygArea a:hover {
    opacity: 0.6;
  }
}

.u-wysiwygArea h1 {
  font-size: 4.5rem;
  line-height: 1.4;
}

.u-wysiwygArea h2 {
  font-size: 3rem;
  line-height: 1.6;
  margin-top: 2em;
}

.u-wysiwygArea h3 {
  color: blue;
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.6;
}

.u-wysiwygArea h4 {
  font-size: 1.8rem;
  line-height: 1.6;
  padding-left: 25px;
  position: relative;
}

.u-wysiwygArea h4::before {
  background: blue;
  content: '';
  height: 17px;
  left: 0;
  position: absolute;
  top: 3px;
  width: 17px;
}

.u-wysiwygArea h5,
.u-wysiwygArea h6 {
  font-size: 1.6rem;
  line-height: 1.6;
}

.u-wysiwygArea h1 + h2,
.u-wysiwygArea h2 + h3,
.u-wysiwygArea h3 + h4,
.u-wysiwygArea h4 + h5,
.u-wysiwygArea h5 + h6 {
  margin-top: 0.5em;
}

.u-wysiwygArea p {
  color: #fff;
  font-size: 15px;
  letter-spacing: 0.05em;
  line-height: 1.8;
}

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

.u-wysiwygArea strong,
.u-wysiwygArea strong * {
  font-weight: bold;
}

.u-wysiwygArea em,
.u-wysiwygArea em * {
  font-style: italic;
}

.u-wysiwygArea ul {
  list-style-type: disc;
}

.u-wysiwygArea ol {
  list-style-type: decimal;
}

.u-wysiwygArea ul,
.u-wysiwygArea ol {
  margin-top: 1em;
  padding-left: 1.4em;
}

.u-wysiwygArea ul li,
.u-wysiwygArea ol li {
  line-height: 1.5;
  margin-top: 0.6em;
}

.u-wysiwygArea sup,
.u-wysiwygArea sub {
  font-size: 1rem;
  line-height: 1 !important;
}

.u-wysiwygArea hr {
  background: #000;
  display: block;
  height: 1px;
  width: 100%;
}

.u-wysiwygArea blockquote {
  background: blue;
  padding: 30px;
}

.u-wysiwygArea table {
  background: blue;
  border-collapse: collapse;
  height: auto !important;
  margin-top: 3em;
  width: 100% !important;
}

.u-wysiwygArea table thead th,
.u-wysiwygArea table thead td {
  font-weight: bold;
  text-align: center;
}

.u-wysiwygArea table tr th,
.u-wysiwygArea table tr td {
  border: #000 1px solid;
  line-height: 1.5;
  padding: 15px 20px;
  text-align: left;
  vertical-align: middle;
}

.u-wysiwygArea table tr th {
  font-weight: bold;
  text-align: center;
  width: 25%;
}

.u-wysiwygArea img {
  height: auto;
  margin-top: 1em;
  max-width: 100%;
  width: auto;
}

.u-wysiwygArea img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.u-wysiwygArea img.alignright {
  display: block;
  margin-left: auto;
  margin-right: 0;
}

.u-wysiwygArea .gallery {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
     -moz-box-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
          justify-content: space-between;
}

.u-wysiwygArea .gallery-item {
  float: none;
  margin-top: 0;
  text-align: center;
}

.u-wysiwygArea .gallery-columns-2 .gallery-item {
  width: -webkit-calc((100% - 40px) / 2);
  width: -moz-calc((100% - 40px) / 2);
  width: calc((100% - 40px) / 2);
}

.u-wysiwygArea .gallery-columns-3 .gallery-item {
  width: -webkit-calc((100% - (40px * 2)) / 3);
  width: -moz-calc((100% - (40px * 2)) / 3);
  width: calc((100% - (40px * 2)) / 3);
}

/*====================================================================
siteHeader
====================================================================*/
.siteHeader {
  background: transparent;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}

.siteHeader__container {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
          justify-content: space-between;
  position: relative;
  z-index: 100;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.siteHeader__container.u-hide {
  -webkit-transform: translateY(-100%);
     -moz-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
}

@media screen and (max-width: 768px) {
  .siteHeader__container.is-sticky {
    background-color: #666;
  }
}

.siteHeader__containerLogo {
  width: 8rem;
  margin: 2.1rem 2.8rem;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

@media screen and (min-width: 769px) {
  .siteHeader__containerLogo:hover {
    opacity: 0.6;
  }
}

.siteHeader__trigger {
  cursor: pointer;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  margin: 2.8rem;
}

@media screen and (min-width: 769px) {
  .siteHeader__trigger:hover {
    opacity: 0.6;
  }
}

.siteHeader__triggerText {
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  font-size: 2.2rem;
  margin: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
}

.siteHeader__triggerText {
  position: relative;
  height: 1.3rem;
}

.siteHeader__triggerText::before {
  content: '';
  position: absolute;
  left: -6rem;
  background: url("/-/media/Project/globeride/daiwa_com_jp/special/features/silverwolf/_assets/images/_common/menu.png") no-repeat;
  -webkit-background-size: 5.98rem 1.3rem;
          background-size: 5.98rem 1.3rem;
  width: 5.98rem;
  height: 1.3rem;
}

.siteHeader__triggerText.is-open::before {
  content: '';
  position: absolute;
  left: -6rem;
  background: url("/-/media/Project/globeride/daiwa_com_jp/special/features/silverwolf/_assets/images/_common/close.png") no-repeat;
  -webkit-background-size: 5.56rem 1.8rem;
          background-size: 5.56rem 1.8rem;
  width: 5.656rem;
  height: 1.8rem;
}

.siteHeader .u-triggerOn .u-barTop {
  -webkit-transform: scale(1.25) rotate(45deg) translate(5px, 5px);
     -moz-transform: scale(1.25) rotate(45deg) translate(5px, 5px);
      -ms-transform: scale(1.25) rotate(45deg) translate(5px, 5px);
          transform: scale(1.25) rotate(45deg) translate(5px, 5px);
}

.siteHeader .u-triggerOn .u-barMid {
  -webkit-transform: scale(0);
     -moz-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
}

.siteHeader .u-triggerOn .u-barBot {
  -webkit-transform: scale(1.25) rotate(-45deg) translate(5px, -5px);
     -moz-transform: scale(1.25) rotate(-45deg) translate(5px, -5px);
      -ms-transform: scale(1.25) rotate(-45deg) translate(5px, -5px);
          transform: scale(1.25) rotate(-45deg) translate(5px, -5px);
}

.siteHeader__triggerBurgerBar {
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  width: 2.5rem;
  height: .2rem;
  background-color: #fff;
  display: block;
  margin: .7rem 0 .7rem .5rem;
}

.siteHeader__inner {
  position: absolute;
  top: 0;
  right: 0%;
  width: 100%;
  height: 100vh;
  z-index: 99;
  background-color: #000;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  overflow-y: scroll;
}

@media screen and (max-height: 600px) {
  .siteHeader__inner {
    padding-top: 2.6rem;
    display: block;
  }
}

.siteHeader__inner.u-menuOff {
  right: -100%;
}

.siteHeader__navList {
  padding: 0;
  margin: 0;
  list-style: none;
}

.siteHeader__navItem {
  display: block;
  margin: 4rem;
  text-align: center;
}

.siteHeader__navItemLink {
  font-family: "DIN Next LT Pro", sans-serif;
  font-size: 3.2rem;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

@media screen and (min-width: 769px) {
  .siteHeader__navItemLink:hover {
    opacity: 0.6;
  }
}

.siteHeader__navItemLink:hover {
  color: #fff;
  text-decoration: none;
}

.siteHeader__navItemImg {
  height: 2.7rem;
}

/*====================================================================
siteFooter
====================================================================*/
.siteFooter {
  background-color: #111111;
  padding: 4.6rem 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
}

.siteFooter__cont {
  text-align: center;
}

.siteFooter__contLogo {
  display: block;
  margin: 0 auto 3.2rem;
  width: 6.4rem;
}

.siteFooter__contIcons {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
          justify-content: space-between;
  width: 19.2rem;
  margin: 0 auto;
}

.siteFooter__contIconsItem {
  width: 4.8rem;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

@media screen and (min-width: 769px) {
  .siteFooter__contIconsItem:hover {
    opacity: 0.6;
  }
}

.siteFooter__linkList {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  margin: 3rem 0 0;
  padding: 0;
}

@media screen and (max-width: 768px) {
  .siteFooter__linkList {
    display: block;
    text-align: center;
  }
}

.siteFooter__linkListItem {
  text-decoration: none;
  list-style: none;
}

.siteFooter__link {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  margin: 0 1.2rem;
  padding: 0;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1;
  color: #fff;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  text-decoration: none;
  border-bottom: 1px solid #fff;
}

@media screen and (min-width: 769px) {
  .siteFooter__link:hover {
    opacity: 0.6;
  }
}

.siteFooter__link:hover {
  color: #fff;
  text-decoration: none;
}

@media screen and (max-width: 768px) {
  .siteFooter__link {
    margin: 0 auto 1.2rem;
    display: block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
}

.copyrights {
  background-color: #000;
  padding: 2.6rem 0;
  margin: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  font-family: "Roboto", sans-serif;
  color: #666;
  font-size: 1.4rem;
  font-weight: bold;
}

/*====================================================================
COMMON LAYOUT
====================================================================*/
html {
  font-size: 62.5%;
}

body {
  min-width: 870px;
  -webkit-font-feature-settings: 'palt' 1;
     -moz-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
}

@media screen and (max-width: 768px) {
  body {
    min-width: inherit;
  }
}

/*-----------------------------------------------
PC/SP
------------------------------------------------*/
.u-pcDb {
  display: block;
}

.u-pcDib {
  display: inline-block;
}

.u-pcDin {
  display: inline;
}

.u-pcDf {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
}

.u-pcDt {
  display: table;
}

.u-pcDtc {
  display: table-cell;
}

.u-spDb,
.u-spDib,
.u-spDin,
.u-spDf,
.u-spDt,
.u-spDtc {
  display: none;
}

@media screen and (max-width: 768px) {
  .u-pcDb,
  .u-pcDib,
  .u-pcDin,
  .u-pcDf,
  .u-pcDt,
  .u-pcDtc {
    display: none;
  }
  .u-spDb {
    display: block;
  }
  .u-spDib {
    display: inline-block;
  }
  .u-spDin {
    display: inline;
  }
  .u-spDf {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
  }
  .u-spDt {
    display: table;
  }
  .u-spDtc {
    display: table-cell;
  }
}

/*-----------------------------------------------
main
------------------------------------------------*/
.siteContent {
  min-height: -webkit-calc(100vh - 200px);
  min-height: -moz-calc(100vh - 200px);
  min-height: calc(100vh - 200px);
  background-color: #000;
}

@media screen and (max-width: 768px) {
  .siteContent {
    min-height: -webkit-calc(100vh - 50px);
    min-height: -moz-calc(100vh - 50px);
    min-height: calc(100vh - 50px);
  }
}

.u-wAuto {
  width: 100%;
  height: auto;
}

.u-secTitle {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0 0 4.4rem;
  text-align: center;
  width: 100%;
  font-family: "Hiragino Sans W8", sans-serif;
  font-weight: bold;
  font-size: 3.2rem;
  color: #fff;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-flex: 2;
  -webkit-flex-grow: 2;
     -moz-box-flex: 2;
          flex-grow: 2;
}

.u-secTitle::before, .u-secTitle::after {
  content: "";
  display: inline-block;
  width: 50%;
  height: .2rem;
  background-color: #fff;
  position: relative;
  vertical-align: middle;
}

.u-secTitle::before {
  right: 5rem;
  margin-left: -50%;
}

.u-secTitle::after {
  left: 5rem;
  margin-right: -50%;
}

@media screen and (max-width: 768px) {
  .u-secTitle {
    font-size: 2rem;
    margin: 0 0 3.7rem;
  }
  .u-secTitle::before {
    right: 1rem;
    margin-left: -50%;
  }
  .u-secTitle::after {
    left: 1rem;
    margin-right: -50%;
  }
}

.u-secTitle .u-secTitleSml {
  display: block;
  font-size: 1.8rem;
}

@media screen and (max-width: 768px) {
  .u-secTitle .u-secTitleSml {
    font-size: 1rem;
  }
}

.u-secTitleImg {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  position: relative;
  overflow: hidden;
  margin: 0 0 4.4rem;
}

@media screen and (max-width: 768px) {
  .u-secTitleImg {
    margin: 0 0 3.7rem;
  }
}

.u-secTitleImg img {
  height: 28px;
}

@media screen and (max-width: 768px) {
  .u-secTitleImg img {
    width: auto;
    height: 18px;
  }
}

.u-secTitleImg.secTitleImgWearAndGear img {
  height: 62px;
}

@media screen and (max-width: 768px) {
  .u-secTitleImg.secTitleImgWearAndGear img {
    height: 42px;
  }
}

.u-secSubTitle {
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2rem;
  line-height: 1.6;
  font-weight: bold;
  color: #fff;
  margin: 0 0 1.7rem;
}

@media screen and (max-width: 768px) {
  .u-secSubTitle {
    font-size: 1.6rem;
    line-height: 1.8;
    margin: 0 0 1.5rem;
  }
}

.u-secText {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 2;
  color: #fff;
}

@media screen and (max-width: 768px) {
  .u-secText {
    font-size: 1.5rem;
  }
}

.u-secTextbullet:before {
  content: "■";
}

.u-secText02 {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2;
  color: #fff;
  text-align: left;
}

.u-sml {
  font-size: 1.4rem;
  margin: 0;
}

.u-secTextLink {
  display: block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2;
  color: #fff;
  text-align: left;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  text-decoration: none;
  text-decoration: underline;
}

@media screen and (min-width: 769px) {
  .u-secTextLink:hover {
    opacity: 0.6;
  }
}

.u-secTextLink:before {
  content: "●";
}

.u-secTextLink:hover {
  color: #fff;
  text-decoration: none;
}

@media screen and (max-width: 768px) {
  .u-secTextLink {
    display: inline-block;
    width: auto;
  }
}

.u-secTextLink02 {
  display: block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin: 0 auto;
  color: #fff;
  text-align: left;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  text-decoration: none;
}

@media screen and (min-width: 769px) {
  .u-secTextLink02:hover {
    opacity: 0.6;
  }
}

.u-secTextLink02:hover {
  color: #fff;
  text-decoration: none;
}

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

.u-secTextLink03 {
  display: block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2;
  color: #fff;
  text-align: right;
  margin: 0 0 0 auto;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  text-decoration: none;
}

@media screen and (min-width: 769px) {
  .u-secTextLink03:hover {
    opacity: 0.6;
  }
}

.u-secTextLink03:hover {
  color: #fff;
  text-decoration: none;
}

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

.sec01__kv {
  position: relative;
  margin: 0;
}

.sec01__kvImg {
  width: 100%;
  height: auto;
}

.sec01__kvDescText01 {
  font-family: "DIN Next LT Pro", sans-serif;
  font-size: 5.694vw;
  line-height: 1;
  font-weight: 800;
  color: #fff;
  text-align: left;
}

.sec01__kvDescText01.u-Calt {
  color: #000;
}

@media screen and (max-width: 768px) {
  .sec01__kvDescText01 {
    font-size: 14.694vw;
  }
}

.sec01__kvDescText02 {
  font-family: "A-OTF Midashi Go MB31 Pro", "YuMincho", serif;
  font-size: 3.611vw;
  font-weight: 800;
  color: #fff;
  text-align: left;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
          justify-content: flex-start;
}

.sec01__kvDescText02:before {
  content: "";
  display: inline-block;
  width: 4.444vw;
  height: .3rem;
  background-color: #fff;
  margin-right: 2rem;
}

.sec01__kvDescText02:after {
  content: "";
  display: inline-block;
  width: 4.444vw;
  height: .3rem;
  background-color: #fff;
  margin-left: 2rem;
}

.u-secWaterBg {
  background-image: url(/-/media/Project/globeride/daiwa_com_jp/special/features/silverwolf/_assets/images/_common/sec02_bg.png);
  background-position: top center;
  -webkit-background-size: 100% auto;
          background-size: 100% auto;
  background-repeat: no-repeat;
  padding-top: 14.1rem;
}

@media screen and (max-width: 768px) {
  .u-secWaterBg {
    background-image: url(/-/media/Project/globeride/daiwa_com_jp/special/features/silverwolf/_assets/images/_common/sec02_bg-sp.png);
    padding-top: 9.2rem;
  }
}

.u-BtnArrow {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: 4.6rem;
  font-family: "Noto Sans JP", sans-serif;
  color: #fff;
  font-size: 1.4rem;
  font-weight: bold;
  border: 1px solid #666;
  margin: 8rem auto 0;
  padding: 0 4.6rem;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  position: relative;
  text-align: center;
}

.u-BtnArrow:after {
  content: "";
  display: block;
  width: 6.2rem;
  height: 3.4rem;
  background-image: url(/-/media/Project/globeride/daiwa_com_jp/special/features/silverwolf/_assets/images/_top/arrow_img.png);
  -webkit-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom center;
  position: absolute;
  right: -3.1rem;
  bottom: 50%;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.u-BtnArrow:hover {
  color: #fff;
  text-decoration: none;
}

.u-BtnArrow:hover:after {
  right: -4.1rem;
}

@media screen and (max-width: 768px) {
  .u-BtnArrow {
    margin: 7.7rem auto 0;
    padding: 0;
    min-width: 70%;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding: 0 20px;
  }
  .u-BtnArrow:nth-child(2) {
    margin: 4rem auto 0;
  }
  .u-BtnArrow:after {
    width: 4.2rem;
    height: 1.4rem;
    right: -2.4rem;
  }
  .u-BtnArrow:hover:after {
    right: -3rem;
  }
}

.u-vidItem {
  position: relative;
  padding-bottom: 56.25%;
}

.u-vidWidth {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: none;
}

/*====================================================================
topPageFvSec
====================================================================*/
.secNews {
  margin: 5rem auto;
  padding: 0 15px;
  max-width: 71rem;
}

@media screen and (max-width: 768px) {
  .secNews {
    margin: 3rem auto;
  }
}

.secNews__list {
  padding: 0;
  list-style: none;
}

.secNews__listItemLabel {
  background-color: #666;
  display: inline-block;
  padding: 0.25em 0.75em;
  color: #fff;
  letter-spacing: 1px;
  font-size: 1.5rem;
  font-family: "Noto Sans JP", sans-serif;
}

.secNews__listItemLink {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
          justify-content: flex-start;
  padding: 1.5rem;
  border: 2px solid #666;
  color: #fff;
  font-size: 1.5rem;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.6;
  text-decoration: underline;
  color: #fff;
}

@media screen and (max-width: 768px) {
  .secNews__listItemLink {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
            flex-direction: column;
  }
}

.secNews__listItemLink:hover {
  color: #fff;
  text-decoration: none;
}

.secNews__listItemText {
  color: #fff;
  font-size: 1.5rem;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.6;
}

@media screen and (max-width: 768px) {
  .secNews__listItemText {
    font-size: 1.4rem;
  }
}

.secNews__listItemDate {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
     -moz-box-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
          justify-content: flex-start;
}

.sec02__inner {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  width: 870px;
}

@media screen and (max-width: 768px) {
  .sec02__inner {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
  }
}

.sec02__TabContainer {
  text-align: center;
}

.sec02__vidContent {
  display: block;
  margin: 7.7rem 0 14.1rem 0;
}

@media screen and (max-width: 768px) {
  .sec02__vidContent {
    margin: 12.5rem 0 9.2rem;
  }
}

.sec02__TabContainerNav {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
          justify-content: space-between;
  border-bottom: 2px solid #666;
  margin: 0 0 4.8rem;
}

@media screen and (max-width: 768px) {
  .sec02__TabContainerNav {
    margin: 0 0 4rem;
  }
}

.sec02__TabContainerNavItem {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  width: -webkit-calc((100% / 3) - 10px);
  width: -moz-calc((100% / 3) - 10px);
  width: calc((100% / 3) - 10px);
  height: 4.2rem;
  background-color: #666;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.8rem;
  font-weight: bold;
  color: #fff;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  border: 2px solid #666;
  cursor: pointer;
}

.sec02__TabContainerNavItem:hover {
  color: #fff;
  text-decoration: none;
  opacity: .6;
}

.sec02__TabContainerNavItem.u-active {
  background-color: #fff;
  color: #000;
  border-color: #fff;
}

@media screen and (max-width: 768px) {
  .sec02__TabContainerNavItem {
    width: -webkit-calc((100% / 3) - 5px);
    width: -moz-calc((100% / 3) - 5px);
    width: calc((100% / 3) - 5px);
    font-size: 1.6rem;
    height: 3.2rem;
    line-height: .75;
  }
}

.sec02__TabContainerContentItem {
  display: none;
}

.sec02__TabContainerContentItem.u-tabOn {
  display: block;
  margin: 0 0 12rem;
}

@media screen and (max-width: 768px) {
  .sec02__TabContainerContentItem.u-tabOn {
    margin: 0 0 8rem;
  }
}

@media screen and (max-width: 768px) {
  .sec02__TabContainerContentItemBanner {
    margin: 0 0 4rem;
  }
}

@media screen and (max-width: 768px) {
  .sec02__TabContainerContentSub {
    margin: 9.5rem 0 0;
  }
}

.sec02__TabSubTitle {
  display: block;
  width: 100%;
  text-align: center;
  background-color: #666;
  font-family: "Noto Sans JP", sans-serif;
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  padding: .7rem 0;
  margin: 4.3rem 0 4.8rem 0;
}

@media screen and (max-width: 768px) {
  .sec02__TabSubTitle {
    margin: 4.3rem 0 2.4rem 0;
  }
}

.sec02__TabContainerContentRow {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
          justify-content: space-between;
  margin: 3.5rem 0 4rem;
}

.sec02__TabContainerContentRow:first-of-type {
  margin: 7.8rem 0 4rem;
}

@media screen and (max-width: 768px) {
  .sec02__TabContainerContentRow:first-of-type {
    margin: 9.5rem 0 6rem;
  }
}

.sec02__TabContainerContentRow.u-rowReverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
     -moz-box-orient: horizontal;
     -moz-box-direction: reverse;
          flex-direction: row-reverse;
}

@media screen and (max-width: 768px) {
  .sec02__TabContainerContentRow {
    display: block;
    margin: 6.8rem 0 2rem;
  }
}

.sec02__TabContainerContentRow.u-mgT0 {
  margin-top: 0;
}

.sec02__TabContainerContentRowImg {
  display: inline-block;
  width: 41.427%;
}

@media screen and (max-width: 768px) {
  .sec02__TabContainerContentRowImg {
    width: 100%;
    margin: 0 0 2rem;
  }
}

.sec02__TabContainerContentRowDesc {
  display: inline-block;
  width: 53.970%;
}

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

.sec03 {
  background-color: #222;
  padding: 11.3rem 0 12rem;
}

@media screen and (max-width: 768px) {
  .sec03 {
    padding: 7.6rem 0 10.7rem;
  }
}

.sec03__inner {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  width: 870px;
}

@media screen and (max-width: 768px) {
  .sec03__inner {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
  }
}

.sec03__innerRow {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
          justify-content: space-between;
  margin: 0 0 6.4rem;
}

.sec03__innerRow:first-of-type {
  margin-top: 7.3rem;
}

@media screen and (max-width: 768px) {
  .sec03__innerRow:first-of-type {
    margin: 6.7rem 0 0;
  }
}

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

.sec03__innerRow.u-rowReverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
     -moz-box-orient: horizontal;
     -moz-box-direction: reverse;
          flex-direction: row-reverse;
}

@media screen and (max-width: 768px) {
  .sec03__innerRow {
    display: block;
  }
}

.sec03__innerRowDesc {
  width: 36.249%;
}

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

.sec03__innerRowRowImg {
  width: 59.148%;
}

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

@media screen and (max-width: 768px) and (max-width: 768px) {
  .sec03__innerRowRowImg {
    margin: 6.7rem 0 2.4rem;
  }
}

.sec03__innerRowDescTitle {
  display: block;
  width: 100%;
  text-align: center;
  background-color: #666;
  font-family: "Noto Sans JP", sans-serif;
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  padding: .7rem 0;
  margin: 0 0 2.2rem;
}

.sec04 {
  padding: 11.3rem 0 14.1rem;
}

.sec04__inner {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  width: 870px;
}

@media screen and (max-width: 768px) {
  .sec04__inner {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
  }
}

.sec04__innerRow {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
          justify-content: space-between;
  margin: 0 0 4rem;
}

.sec04__innerRow:first-of-type {
  margin-top: 7.7rem;
}

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

@media screen and (max-width: 768px) {
  .sec04__innerRow {
    display: block;
  }
}

.sec04__innerRowRowImg {
  width: 41.427%;
}

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

.sec04__innerRowDesc {
  width: 53.970%;
}

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

.sec04__innerRowDescTitle {
  display: block;
  width: 100%;
  text-align: center;
  background-color: #666;
  font-family: "Noto Sans JP", sans-serif;
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  padding: .7rem 0;
  margin: 0 0 2.2rem;
}

.sec05 {
  padding: 0 0 14.8rem;
}

@media screen and (max-width: 768px) {
  .sec05 {
    padding: 0 0 9.6rem;
  }
}

.sec05__inner {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  width: 870px;
}

@media screen and (max-width: 768px) {
  .sec05__inner {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
  }
}

.sec05__innerContent {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
          flex-direction: column;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
          justify-content: space-between;
  padding: 4rem  5.5rem 0;
}

@media screen and (max-width: 768px) {
  .sec05__innerContent {
    display: block;
    padding: 0 0;
  }
}

.sec05__innerContentTile {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
     -moz-box-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: space-between;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
          flex-direction: space-between;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
          justify-content: flex-start;
  -webkit-column-gap: 4rem;
     -moz-column-gap: 4rem;
          column-gap: 4rem;
  margin: 0 0 4rem;
}

@media screen and (max-width: 768px) {
  .sec05__innerContentTile {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
            flex-direction: column;
    width: 100%;
    margin: 0 0 4rem;
  }
  .sec05__innerContentTile:last-child {
    margin: 0 0 0;
  }
}

.sec05__innerContentTileThumb {
  width: 36rem;
  margin-bottom: 0;
}

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

.sec05__innerContentTitleInfoArea {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
     -moz-box-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
          flex-direction: column;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
          justify-content: space-between;
  width: 36rem;
}

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

.sec05__innerContentTileThumbTitle {
  font-family: "Noto Sans JP", sans-serif;
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
}

.sec05__innerContentTileThumbDesc {
  font-family: "Noto Sans JP", sans-serif;
  color: #fff;
  font-size: 1.4rem;
  font-weight: normal;
}

@media screen and (max-width: 768px) {
  .sec05__innerContentTileThumbDesc {
    margin-bottom: 1.3rem;
  }
}

.sec05__innerContentTileThumbIcons {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
          justify-content: flex-start;
}

.sec05__innerContentTileThumbIconsItem {
  width: 4rem;
  margin: 0 1.6rem 0 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

@media screen and (min-width: 769px) {
  .sec05__innerContentTileThumbIconsItem:hover {
    opacity: 0.6;
  }
}

/*====================================================================
How To page
====================================================================*/
.FreeRigSec01__kvDesc {
  position: absolute;
  bottom: 6.3rem;
  left: 5.8rem;
}

.FreeRigSec02__inner {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  width: 870px;
}

@media screen and (max-width: 768px) {
  .FreeRigSec02__inner {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
  }
}

.FreeRigSec02__innerRow {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
          justify-content: space-between;
  margin: 0 0 13.4rem;
}

.FreeRigSec02__innerRowImg {
  width: 35.3rem;
}

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

.FreeRigSec02__innerRowDesc {
  width: 47.6rem;
}

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

.FreeRigSec02__innerThumb {
  text-align: center;
  margin: 0 auto 7.8rem;
}

.FreeRigSec02__innerThumbImg {
  width: 37.2rem;
  margin: 0 auto 4.4rem;
}

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

.FreeRigSec02__innerThumbTitle {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2rem;
  font-weight: bold;
  line-height: 2;
  color: #fff;
  margin: 0 0 2.1rem;
}

.FreeRigSec02__innerThumbText {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2;
  color: #fff;
}

.FreeRigSec02__innerRow02 {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
          justify-content: space-between;
  margin: 0 0 8.1rem;
}

@media screen and (max-width: 768px) {
  .FreeRigSec02__innerRow02 {
    display: block;
  }
}

.FreeRigSec02__innerRow02Img {
  width: 32.649%;
}

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

.FreeRigSec02__innerRow02Desc {
  width: 50%;
  padding: 0;
}

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

.FreeRigSec02__innerRow02DescItem {
  list-style-type: none;
  border-bottom: 1px solid #808080;
  padding-bottom: 1.6rem;
  margin: 0 0 1.6rem;
}

.FreeRigSec02__innerRow02DescItemTitle {
  display: block;
  width: 12.8rem;
  text-align: center;
  background-color: #666;
  font-family: "Noto Sans JP", sans-serif;
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.5;
  margin: 0 0 .8rem;
}

.FreeRigSec02__innerRow02DescItemText {
  display: block;
  font-family: "Noto Sans JP", sans-serif;
  color: #fff;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: bold;
  margin: 0;
}

.FreeRigSec02__innerRow03 {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
          justify-content: space-between;
  margin: 3.5rem 0 4rem;
}

.FreeRigSec02__innerRow03.u-lastItem {
  margin: 3.5rem 0 10.2rem;
}

.FreeRigSec02__innerRow03.u-rowReverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
     -moz-box-orient: horizontal;
     -moz-box-direction: reverse;
          flex-direction: row-reverse;
}

@media screen and (max-width: 768px) {
  .FreeRigSec02__innerRow03 {
    display: block;
  }
}

.FreeRigSec02__innerRow03Img {
  display: inline-block;
  width: 41.427%;
}

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

.FreeRigSec02__innerRow03Desc {
  display: inline-block;
  width: 53.970%;
}

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

.FreeRigSec02__innerRow03Title {
  display: block;
  width: 100%;
  text-align: center;
  background-color: #666;
  font-family: "Noto Sans JP", sans-serif;
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  padding: .7rem 0;
  margin: 4.3rem 0 4.8rem 0;
}

.FreeRigSec03 {
  background-color: #222;
  padding: 5rem 0;
}

.FreeRigSec03__inner {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  width: 870px;
}

@media screen and (max-width: 768px) {
  .FreeRigSec03__inner {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
  }
}

.FreeRigSec03__innerRow {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
          justify-content: space-between;
  margin: 0 0 6.4rem;
}

@media screen and (max-width: 768px) {
  .FreeRigSec03__innerRow {
    display: block;
  }
}

.FreeRigSec03__innerRowDesc {
  width: 47.756%;
}

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

.FreeRigSec03__innerRowRowImg {
  width: 47.756%;
}

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

.FreeRigSec03__innerColumn {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
     -moz-box-pack: space-evenly;
          justify-content: space-evenly;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .FreeRigSec03__innerColumn {
    display: block;
  }
}

.FreeRigSec03__innerColumnItem {
  width: -webkit-calc((100% / 3) - 10px);
  width: -moz-calc((100% / 3) - 10px);
  width: calc((100% / 3) - 10px);
}

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

.FreeRigSec04 {
  padding: 11.3rem 0 14.1rem;
  background-image: url(/-/media/Project/globeride/daiwa_com_jp/special/features/silverwolf/_assets/images/_howto/howtosec04-bg.png);
  background-position: bottom center;
  -webkit-background-size: 100% auto;
          background-size: 100% auto;
  background-repeat: no-repeat;
}

.FreeRigSec04__inner {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  width: 870px;
}

@media screen and (max-width: 768px) {
  .FreeRigSec04__inner {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
  }
}

.FreeRigSec04__innerVid {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .FreeRigSec04__innerVid {
    display: block;
  }
}

.FreeRigSec04__innerVidThumb {
  width: 47.871%;
  display: block;
  margin: 0 0 4rem;
}

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

/*====================================================================
How To page
====================================================================*/
.TackleSec01__kvDesc {
  position: absolute;
  top: 12.1rem;
  right: 5.5rem;
}

@media screen and (max-width: 768px) {
  .TackleSec01__kvDesc {
    bottom: 6.3rem;
    top: auto;
    right: 4.4rem;
  }
}

.TackleSec02__inner {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  width: 870px;
}

@media screen and (max-width: 768px) {
  .TackleSec02__inner {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
  }
}

.TackleSec02__innerDesc {
  padding: 0 0 20.6rem;
}

.TackleSec02__innerArticle {
  margin: 4.6rem 0 14.8rem;
}

.TackleSec02__innerArticle.u-mgB0 {
  margin-bottom: 0;
}

.TackleSec02__innerArticleTitle {
  display: block;
  width: 100%;
  text-align: center;
  background-color: #666;
  font-family: "DIN Next LT Pro", sans-serif;
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  padding: .7rem 0;
  margin: 4.3rem 0 4.8rem 0;
}

.TackleSec02__innerArticleTitleImg {
  height: 1.6rem;
}

@media screen and (max-width: 768px) {
  .TackleSec02__innerArticleTitleImg {
    height: 1.2rem;
  }
}

.TackleSec02__innerArticleImg {
  margin: 4.8rem 0;
}

.TackleSec02__innerArticleDesc {
  margin: 5.9rem 0 5.9rem;
}

.TackleSec02__innerArticleDesc.u-mgBs {
  margin-bottom: 4.8rem;
}

.TackleSec02__innerArticleVideo {
  position: relative;
}

.TackleSec02__innerArticleVideoDesc {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  font-family: "Noto Sans JP", sans-serif;
  color: #fff;
  font-size: 1.4rem;
  font-weight: bold;
  height: 4.3rem;
  border-left: 0.8rem solid #fff;
  padding: 0 0 0 1.2rem;
}

.TackleSec02__innerDetail {
  margin: 0 0 4.3rem;
}

.TackleSec02__innerDetailTitle {
  display: block;
  width: 17.6rem;
  text-align: center;
  background-color: #666;
  font-family: "Noto Sans JP", sans-serif;
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.5;
  margin: 0 0 2.6rem;
}

.TackleSec02__innerDetailDesc {
  padding: 0 1.5rem;
  margin: 0 0 5.1rem;
}

.TackleSec02__innerArticleRowItem {
  width: 48.769%;
  position: relative;
  margin: 0 auto 3rem;
}

.TackleSec02__innerArticleRowItemDesc {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  font-family: "Noto Sans JP", sans-serif;
  color: #fff;
  font-size: 1.4rem;
  font-weight: bold;
  height: 4.6rem;
  border-left: 0.8rem solid #fff;
  padding: 0 0 0 1.2rem;
}

.TackleSec03 {
  padding: 0 0 12rem;
}

.TackleSec03__inner {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  width: 870px;
}

@media screen and (max-width: 768px) {
  .TackleSec03__inner {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
  }
}

.TackleSec03__innerRowBorder {
  border: 1px solid #fff;
  padding: 0 5rem;
  margin: 0 0 8rem;
}

.TackleSec03__innerRowBorder:last-of-type {
  margin: 0 0 0;
}

@media screen and (max-width: 768px) {
  .TackleSec03__innerRowBorder {
    padding: 0 1rem;
  }
}

.TackleSec03__innerRowBorder .u-borderTitle {
  padding: 0 2rem;
  margin: -2rem auto 1.7rem;
  display: block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  background-color: #000;
}

.TackleSec03__innerRow {
  margin: 0 0 4.8rem;
}

.TackleSec03__innerRowImg {
  width: 44.649%;
  margin: 0 auto 3.6rem;
}

.TackleSec03__innerRowDesc {
  padding: 0;
}

.TackleSec03__innerRowDescItem {
  list-style-type: none;
  border-bottom: 1px solid #808080;
  padding-bottom: 1.6rem;
  margin: 0 0 1.6rem;
}

.TackleSec03__innerRowDescItem:last-child {
  border-bottom: none;
}

.TackleSec03__innerRowDescItemTitle {
  display: block;
  width: 20rem;
  text-align: center;
  background-color: #666;
  font-family: "Noto Sans JP", sans-serif;
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.5;
  margin: 0 0 .8rem;
}

.TackleSec03__innerRowDescItemText {
  display: block;
  font-family: "Noto Sans JP", sans-serif;
  color: #fff;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: bold;
  margin: 0;
}

.TackleSec03__innerRow02 {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
          justify-content: space-between;
}

.TackleSec03__innerRow02Title {
  display: block;
  width: 17.6rem;
  text-align: center;
  background-color: #666;
  font-family: "Noto Sans JP", sans-serif;
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.5;
  margin: 0 0 2.4rem;
}

.TackleSec03__innerRow02Item {
  width: 29.459%;
}

.TackleSec04 {
  padding: 11.3rem 0 14.1rem;
}

.TackleSec04__inner {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  width: 870px;
}

@media screen and (max-width: 768px) {
  .TackleSec04__inner {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
  }
}

.TackleSec04__innerList {
  padding: 0;
  margin: 4.8rem 0;
}

.TackleSec04__innerListItem {
  list-style-type: none;
  border-bottom: 1px solid #808080;
  padding-bottom: 1.6rem;
  margin: 0 0 1.6rem;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
          justify-content: space-between;
  font-family: "Noto Sans JP", sans-serif;
  color: #fff;
  font-size: 1.8rem;
  line-height: 1.7;
  color: #fff;
}

.TackleSec04__innerListItemLink {
  font-family: "Noto Sans JP", sans-serif;
  color: #fff;
  font-size: 1.8rem;
  line-height: 1.7;
  color: #fff;
  border: 1px solid #666;
  width: 13.7rem;
  height: 4.3rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.TackleSec04__innerListItemLink:hover {
  color: #666;
  text-decoration: none;
}

.gallerySec {
  font-family: "Noto Sans JP", sans-serif;
}

.gallerySec__header {
  margin: 10rem auto 12.5rem;
  position: relative;
}

@media screen and (max-width: 768px) {
  .gallerySec__header {
    margin: 0 auto 9.8rem;
    overflow: unset;
  }
}

.gallerySec__headerBg {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  height: 100%;
  background-color: #B933A8;
  background-image: -webkit-gradient(linear, left top, right top, from(#5755CB), color-stop(#B933A8), color-stop(#DB2E79), to(#F7D474));
  background-image: -webkit-linear-gradient(left, #5755CB, #B933A8, #DB2E79, #F7D474);
  background-image: -moz-linear-gradient(left, #5755CB, #B933A8, #DB2E79, #F7D474);
  background-image: linear-gradient(to right, #5755CB, #B933A8, #DB2E79, #F7D474);
  opacity: .6;
}

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

.gallerySec__headerInner {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  margin: 0 auto;
  padding: 5.8rem 6.5rem;
  max-width: 1440px;
  position: relative;
  position: relative;
}

@media screen and (max-width: 1440px) {
  .gallerySec__headerInner {
    padding: 4.03vw 4.5vw;
  }
}

@media screen and (max-width: 768px) {
  .gallerySec__headerInner {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
            flex-direction: column;
    padding: 8rem 1.6rem 5rem;
  }
}

.gallerySec__headerImgWrapper {
  margin: 0;
  max-width: 21rem;
  position: absolute;
  z-index: 1;
}

@media screen and (max-width: 1440px) {
  .gallerySec__headerImgWrapper {
    max-width: 14.583vw;
  }
}

@media screen and (max-width: 768px) {
  .gallerySec__headerImgWrapper {
    padding: 0;
    max-width: 9.3rem;
  }
}

.gallerySec__headerImgWrapper.u-headerImgLeft {
  bottom: -3rem;
  left: 6.5rem;
}

@media screen and (max-width: 1440px) {
  .gallerySec__headerImgWrapper.u-headerImgLeft {
    bottom: -2.08vw;
    left: 4.5vw;
  }
}

@media screen and (max-width: 768px) {
  .gallerySec__headerImgWrapper.u-headerImgLeft {
    bottom: unset;
    top: -2.8rem;
    left: 1.6rem;
  }
}

.gallerySec__headerImgWrapper.u-headerImgRight {
  top: -3rem;
  right: 6.5rem;
}

@media screen and (max-width: 1440px) {
  .gallerySec__headerImgWrapper.u-headerImgRight {
    top: -2.08vw;
    right: 4.5vw;
  }
}

@media screen and (max-width: 768px) {
  .gallerySec__headerImgWrapper.u-headerImgRight {
    top: unset;
    bottom: -2.8rem;
    right: 1.6rem;
  }
}

.gallerySec__headerImg {
  max-width: 100%;
}

.gallerySec__headerTxtWrapper {
  margin: 0 2rem;
  width: 73.5rem;
  color: #fff;
  text-align: center;
}

@media screen and (max-width: 1440px) {
  .gallerySec__headerTxtWrapper {
    width: 51vw;
  }
}

@media screen and (max-width: 768px) {
  .gallerySec__headerTxtWrapper {
    width: 100%;
    min-width: 100%;
    overflow: hidden;
  }
}

.gallerySec__headerTtl {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  width: 100%;
}

.gallerySec__headerTtl img {
  width: 100%;
}

@media screen and (max-width: 1440px) {
  .gallerySec__headerTtl img {
    width: auto;
    height: 4rem;
  }
}

.gallerySec__headerSubttl {
  margin-top: 1rem;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2;
}

@media screen and (max-width: 1440px) {
  .gallerySec__headerSubttl {
    margin-top: 0.7vw;
    font-size: 2.08vw;
  }
}

@media screen and (max-width: 768px) {
  .gallerySec__headerSubttl {
    margin-top: 1.8rem;
    font-size: 2.5rem;
    line-height: 1.4;
  }
}

.gallerySec__headerDesc {
  margin-top: 2rem;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 1.8;
}

@media screen and (max-width: 1440px) {
  .gallerySec__headerDesc {
    margin-top: 1.39vw;
    font-size: 1.74vw;
  }
}

@media screen and (max-width: 768px) {
  .gallerySec__headerDesc {
    margin-top: 1.7rem;
    font-size: 1.8rem;
    line-height: 2;
    text-align: left;
  }
}

.gallerySec .ecbn-selection-widget {
  max-width: 870px;
}

.gallerySec .vsm-selection-title,
.gallerySec .vsm-selection-description {
  color: #fff;
}

.gallerySec .ecbn-selection-page-wrapper .ecbn-selection-title,
.gallerySec .ecbn-selection-page-wrapper .ecbn-selection-description {
  display: none;
}

.gallerySec .vsm-gallery .ecbn-selection-page-wrapper li.ecbn-selection-item > div > a {
  position: static;
  width: auto;
  padding-top: 0;
  overflow: auto;
  display: inline;
}

.gallerySec .vsm-gallery .ecbn-selection-page-wrapper .ecbn-selection-item img {
  position: static;
  -webkit-transform: none;
     -moz-transform: none;
      -ms-transform: none;
          transform: none;
  -o-object-fit: unset;
     object-fit: unset;
}

.gallerySec .ecbn-selection-page-wrapper .ecbn-selection-page-tabs-area .ecbn-selection-page-tabs li {
  width: auto;
}

.gallerySec .ecbn-selection-page-wrapper .ecbn-selection-page-tabs li.ecbn-selection-page-tabs--item a:link {
  background-color: #333 !important;
  color: #fff !important;
}

.gallerySec .ecbn-selection-page-wrapper .ecbn-selection-page-tabs li.ecbn-selection-page-tabs--item a:link:hover {
  background-color: #fff !important;
  color: #333 !important;
}

.gallerySec .ecbn-selection-page-wrapper .ecbn-selection-page-tabs-area .ecbn-selection-page-tabs li.ecbn-selection-page-tabs--active a {
  background-color: #fff !important;
  color: #333 !important;
}

.gallerySec .ecbn-selection-page-wrapper .ecbn-selection-page-tabs-area .ecbn-selection-page-tabs li a {
  font-size: 16px;
  padding: 16px 30px;
}

@media screen and (max-width: 768px) {
  .gallerySec .ecbn-selection-page-wrapper .ecbn-selection-page-tabs-area .ecbn-selection-page-tabs li a {
    padding: .8rem 1rem;
    font-size: 1.3rem;
  }
}

/*====================================================================
Top Game page
====================================================================*/
.topGameSec01 {
  padding-top: -webkit-calc(120px + 90px);
  padding-top: -moz-calc(120px + 90px);
  padding-top: calc(120px + 90px);
}

@media screen and (max-width: 768px) {
  .topGameSec01 {
    padding-top: -webkit-calc(80px + 90px);
    padding-top: -moz-calc(80px + 90px);
    padding-top: calc(80px + 90px);
  }
}

.topGameSec01__inner {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  width: 870px;
}

@media screen and (max-width: 768px) {
  .topGameSec01__inner {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
  }
}

.topGameSec01__ttl {
  margin-bottom: 0;
  font-size: 6.5rem;
  font-family: "Hiragino Sans W8", sans-serif;
  line-height: 1;
  color: #fff;
  text-align: center;
}

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

.topGameSec01__subTtl {
  margin: 11rem 0 12rem;
  font-size: 3.7rem;
  font-family: "Hiragino Sans W8", sans-serif;
  line-height: 1.6;
  text-align: center;
  color: #fff;
  width: 96rem;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

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

@media screen and (max-width: 768px) {
  .topGameSec01__subTtl {
    margin: 6rem 0 9rem;
    font-size: 2rem;
    line-height: 1.55;
  }
}

.topGameSec01__fig {
  margin: 0 auto 4.5rem;
  max-width: 60rem;
}

@media screen and (max-width: 768px) {
  .topGameSec01__fig {
    margin-bottom: 4rem;
  }
}

.topGameSec01__ttl02 {
  margin-bottom: 2rem;
  font-size: 2rem;
  font-family: "Noto Sans JP", sans-serif;
  color: #fff;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .topGameSec01__ttl02 {
    margin-bottom: 1.4rem;
    font-size: 1.8rem;
  }
}

.topGameSec02 {
  padding: 14.5rem 0 14rem;
}

@media screen and (max-width: 768px) {
  .topGameSec02 {
    padding: 6rem 0 4rem;
  }
}

.topGameSec02 .u-secTitle {
  margin-bottom: 7rem;
  font-family: "Hiragino Sans W8", sans-serif;
}

.topGameSec02__inner {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  width: 870px;
}

@media screen and (max-width: 768px) {
  .topGameSec02__inner {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
  }
}

.topGameSec02__textArea {
  margin-bottom: 11.3rem;
}

@media screen and (max-width: 768px) {
  .topGameSec02__textArea {
    margin-bottom: 5.5rem;
  }
}

.topGameSec02__ttl02 {
  margin-bottom: 3rem;
  font-size: 2.4rem;
  font-family: "Hiragino Sans W8", sans-serif;
  line-height: 1.2;
  color: #fff;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .topGameSec02__ttl02 {
    margin-bottom: 1.4rem;
    font-size: 1.8rem;
  }
}

.topGameSec02__flexArea {
  margin-bottom: 80px;
}

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

.topGameSec02__flexArea > .u-secText02 {
  margin-top: 2.4rem;
}

@media screen and (max-width: 768px) {
  .topGameSec02__flexArea > .u-secText02 {
    margin-top: 0;
  }
}

.topGameSec02__flex {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
     -moz-box-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .topGameSec02__flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
            flex-direction: column;
  }
}

.topGameSec02__flex.u-flexMargin48 {
  margin-bottom: 4.8rem;
}

@media screen and (max-width: 768px) {
  .topGameSec02__flex.u-flexMargin48 {
    margin-bottom: 3rem;
  }
}

.topGameSec02__flex.u-flexMargin80 {
  margin-bottom: 8rem;
}

@media screen and (max-width: 768px) {
  .topGameSec02__flex.u-flexMargin80 {
    margin-bottom: 3rem;
  }
}

.topGameSec02__flexRow {
  width: -webkit-calc((100% / 2) - (65px/2));
  width: -moz-calc((100% / 2) - (65px/2));
  width: calc((100% / 2) - (65px/2));
}

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

.topGameSec02__flexFig {
  margin: 0;
}

@media screen and (max-width: 768px) {
  .topGameSec02__flexFig {
    margin-bottom: 1.6rem;
  }
}

.topGameSec02__flexTtl {
  margin-top: 1.6rem;
  font-size: 2.4rem;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.6;
  color: #fff;
}

.topGameSec02__vidContent {
  margin: 11.4rem 0 12rem;
}

@media screen and (max-width: 768px) {
  .topGameSec02__vidContent {
    margin: 7.4rem 0 8rem;
  }
}

.specialKv__ttl {
  margin: 10rem auto 2.5rem;
  font-family: "Hiragino Sans W8", sans-serif;
  font-weight: bold;
  font-size: 3.2rem;
  color: #fff;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .specialKv__ttl {
    margin: 5rem auto 1.5rem;
    width: 100%;
    font-size: 2rem;
  }
}

.specialKv__txt {
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2rem;
  line-height: 1.6;
  color: #fff;
}

@media screen and (max-width: 768px) {
  .specialKv__txt {
    font-size: 1.6rem;
  }
}

/*====================================================================
video section
====================================================================*/
.specialVideoSec {
  margin-top: 10rem;
}

.specialVideoSec__inner {
  margin: 0 auto;
  max-width: 68.5rem;
}

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

.specialVideoSec__vid {
  position: relative;
}

/*====================================================================
special section
====================================================================*/
.specialSec {
  padding-top: 12rem;
}

@media screen and (max-width: 768px) {
  .specialSec {
    padding-top: 10rem;
  }
}

.specialSec.specialSec06 {
  padding-bottom: 12rem;
}

@media screen and (max-width: 768px) {
  .specialSec.specialSec06 {
    padding-bottom: 10rem;
  }
}

.specialSec__inner {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  width: 870px;
}

@media screen and (max-width: 768px) {
  .specialSec__inner {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
  }
}

.specialSec__ttl {
  border-top: 0.4rem solid #fff;
  border-bottom: 0.4rem solid #fff;
  margin: 0 auto 5.5rem;
  padding: 2.2rem 0;
  width: -webkit-calc(100% - 10rem);
  width: -moz-calc(100% - 10rem);
  width: calc(100% - 10rem);
  font-family: "Hiragino Sans W8", sans-serif;
  font-weight: bold;
  font-size: 3.2rem;
  color: #fff;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .specialSec__ttl {
    margin-bottom: 3.5rem;
    padding: 1.5rem 0;
    width: 100%;
    font-size: 2rem;
  }
}

.specialSec__mainFig {
  margin: 0 auto 4.5rem;
  max-width: 60rem;
}

@media screen and (max-width: 768px) {
  .specialSec__mainFig {
    margin-bottom: 3rem;
  }
}

.specialSec__mainFig.mainFig02 {
  margin-top: 10rem;
}

@media screen and (max-width: 768px) {
  .specialSec__mainFig.mainFig02 {
    margin-top: 6rem;
  }
}

.specialSec05 .specialSec__mainFig {
  max-width: 100%;
}

.specialSec__block {
  margin-bottom: 4rem;
}

.specialSec__block:nth-of-type(4) {
  margin-bottom: 0;
}

.specialSec__figWrap {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
     -moz-box-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
          justify-content: flex-start;
  gap: 5.5rem;
  margin: 4rem 0;
}

@media screen and (max-width: 768px) {
  .specialSec__figWrap {
    gap: 2rem;
    margin: 3rem 0;
  }
}

.specialSec03 .specialSec__figWrap {
  margin: 0 0 3.5rem;
}

.specialSec__fig {
  margin-bottom: 0;
}

.specialSec__tblArea {
  margin-top: 4rem;
}

.specialSec__tblTtl {
  margin-bottom: 1rem;
  font-size: 2rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  color: #fff;
}

.specialSec__tbl {
  background-color: #fff;
}

.specialSec__tbl th, .specialSec__tbl td {
  border: 1px solid #dbdbdb;
  padding: 2rem;
}

.specialSec__tbl th {
  text-wrap: nowrap;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 2;
  background-color: #f3f3f3;
}

.specialSec__tbl td {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2;
}

.specialSec__btnArea {
  margin-top: 10rem;
}

@media screen and (max-width: 768px) {
  .specialSec__btnArea {
    margin-top: 5rem;
  }
}

.specialSec__btn {
  border: 0.3rem solid #95D2E3;
  border-radius: 2rem;
  margin: 0 auto;
  display: block;
  width: 68.5rem;
  font-size: 2rem;
  font-weight: 700;
  font-family: "Noto Sans JP", sans-serif;
  color: #95D2E3;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .specialSec__btn {
    border-width: .1rem;
    width: 100%;
    font-size: 1.2rem;
  }
}

.specialSec__btn:hover {
  text-decoration: none;
  color: #95D2E3;
}

.specialSec__columnArea {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
     -moz-box-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
          justify-content: flex-start;
  gap: 4rem;
}

@media screen and (max-width: 768px) {
  .specialSec__columnArea {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
            flex-direction: column;
    gap: 1.5rem;
  }
}

.specialSec__columnFig {
  min-width: 50rem;
}

@media screen and (max-width: 768px) {
  .specialSec__columnFig {
    min-width: 100%;
  }
}
/*# sourceMappingURL=style.css.map */