@charset "UTF-8";
/*======================================================================
 * サイト全体共通レイアウト
======================================================================*/
/*------------------------------------------------------------
 * font class
------------------------------------------------------------*/
.font-fgcmp {
  font-family: franklin-gothic-compressed, sans-serif;
  font-weight: 600;
  font-style: normal;
}

.font-helvetica {
  font-family: Helvetica, sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
}

/*------------------------------------------------------------
 * container class
------------------------------------------------------------*/
.g-container {
  position: relative;
  overflow: hidden;
  opacity: 0;
}
.g-container.-js-onload {
  -webkit-transition: opacity 0.5s linear;
  transition: opacity 0.5s linear;
  opacity: 1;
}

.g-main {
  position: relative;
  overflow: hidden;
}

/*------------------------------------------------------------
 * waypoint
------------------------------------------------------------*/
.js-waypoint {
  -webkit-transition: opacity 0.4s linear, -webkit-transform 0.5s cubic-bezier(0.09, 0.34, 0.63, 1);
  transition: opacity 0.4s linear, -webkit-transform 0.5s cubic-bezier(0.09, 0.34, 0.63, 1);
  transition: opacity 0.4s linear, transform 0.5s cubic-bezier(0.09, 0.34, 0.63, 1);
  transition: opacity 0.4s linear, transform 0.5s cubic-bezier(0.09, 0.34, 0.63, 1), -webkit-transform 0.5s cubic-bezier(0.09, 0.34, 0.63, 1);
  opacity: 0;
  -webkit-transform: translateY(-36px);
          transform: translateY(-36px);
  pointer-events: none;
}
@media screen and (max-width: 1199px) {
  .js-waypoint {
    opacity: 0;
    -webkit-transform: translateY(-36px);
            transform: translateY(-36px);
  }
}
.js-waypoint.-waypoint-children {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.js-waypoint .__waypoint-child {
  -webkit-transition: opacity 0.4s linear, -webkit-transform 0.5s cubic-bezier(0.09, 0.34, 0.63, 1);
  transition: opacity 0.4s linear, -webkit-transform 0.5s cubic-bezier(0.09, 0.34, 0.63, 1);
  transition: opacity 0.4s linear, transform 0.5s cubic-bezier(0.09, 0.34, 0.63, 1);
  transition: opacity 0.4s linear, transform 0.5s cubic-bezier(0.09, 0.34, 0.63, 1), -webkit-transform 0.5s cubic-bezier(0.09, 0.34, 0.63, 1);
  opacity: 0;
  -webkit-transform: translateY(-36px);
          transform: translateY(-36px);
}
@media screen and (max-width: 1199px) {
  .js-waypoint .__waypoint-child {
    opacity: 0;
    -webkit-transform: translateY(-36px);
            transform: translateY(-36px);
  }
}
.js-waypoint.-js-show {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  pointer-events: auto;
}
.js-waypoint.-js-show .__waypoint-child {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.js-waypoint.-margin-mode {
  -webkit-transition: opacity 0.4s linear, margin-top 0.5s cubic-bezier(0.09, 0.34, 0.63, 1);
  transition: opacity 0.4s linear, margin-top 0.5s cubic-bezier(0.09, 0.34, 0.63, 1);
  margin-top: -36px;
}
@media screen and (max-width: 1199px) {
  .js-waypoint.-margin-mode {
    margin-top: -36px;
  }
}
.js-waypoint.-margin-mode.-js-show {
  opacity: 1;
  margin-top: 0;
}
@media screen and (max-width: 1199px) {
  .js-waypoint.-waypoint-pc,
.js-waypoint .-waypoint-pc {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@media screen and (min-width: 1200px) {
  .js-waypoint.-waypoint-sp,
.js-waypoint .-waypoint-sp {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@media screen and (min-width: 1200px) {
  .js-waypoint.-delay-pc-1,
.js-waypoint .-delay-pc-1 {
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
  }
  .js-waypoint.-delay-pc-2,
.js-waypoint .-delay-pc-2 {
    -webkit-transition-delay: 0.4s;
            transition-delay: 0.4s;
  }
  .js-waypoint.-delay-pc-3,
.js-waypoint .-delay-pc-3 {
    -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s;
  }
}
@media screen and (max-width: 1199px) {
  .js-waypoint.-delay-sp-1,
.js-waypoint .-delay-sp-1 {
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
  }
  .js-waypoint.-delay-sp-2,
.js-waypoint .-delay-sp-2 {
    -webkit-transition-delay: 0.4s;
            transition-delay: 0.4s;
  }
  .js-waypoint.-delay-sp-3,
.js-waypoint .-delay-sp-3 {
    -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s;
  }
}

/*------------------------------------------------------------
 * parts class
------------------------------------------------------------*/
/* *** logo *** */
.logoset-pc-parts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.logoset-pc-parts .__svg:nth-child(1) {
  width: 66px;
  margin-right: 18px;
}
.logoset-pc-parts .__svg:nth-child(2) {
  width: 105px;
}
@media screen and (max-width: 1199px) {
  .logoset-pc-parts {
    display: none;
  }
}

.logoset-sp-parts {
  display: none;
}
@media screen and (max-width: 1199px) {
  .logoset-sp-parts {
    display: block;
  }
  .logoset-sp-parts .__svg:nth-child(1) {
    width: 13.33vw;
    margin-bottom: min(7.5vw, 45px);
  }
  .logoset-sp-parts .__svg:nth-child(2) {
    width: 14vw;
  }
}

.scroll-logo-parts {
  position: fixed;
  bottom: 60px;
  left: 7.5vw;
  z-index: 50;
  visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  pointer-events: none;
}
@media screen and (max-width: 1199px) {
  .scroll-logo-parts {
    visibility: visible !important;
    position: fixed !important;
    bottom: min(10vw, 60px) !important;
    left: 6vw;
  }
}
.scroll-logo-parts .__guide {
  position: fixed;
  z-index: -1;
}
.scroll-logo-parts svg {
  -webkit-transition-property: fill, opacity;
  transition-property: fill, opacity;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
}
.scroll-logo-parts [data-color=blue] svg {
  fill: #0039dc;
}
.scroll-logo-parts [data-color=black] svg {
  fill: #000;
}
.scroll-logo-parts [data-color=white] svg {
  fill: #fff;
}
.scroll-logo-parts [data-color=gray] svg {
  fill: #9fa7b4;
}
.scroll-logo-parts [data-color=traqnsparent] svg {
  fill: transparent;
}

.js-scroll-logo-first-position {
  -webkit-transform: translateY(calc(60px - 2.5em));
          transform: translateY(calc(60px - 2.5em));
}

.js-scroll-logo-color-change,
.js-scroll-logo-color-change-sp {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: -1;
}

/* *** button *** */
.button-buy-parts {
  display: table;
}
.button-buy-parts:not(:first-child) {
  margin-top: 36px;
}
@media screen and (max-width: 1199px) {
  .button-buy-parts:not(:first-child) {
    margin-top: min(8.33vw, 50px);
  }
}
.button-buy-parts svg {
  fill: #fff;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.button-buy-parts.-product-gray svg {
  fill: #9fa7b4;
}
.button-buy-parts.-product-gray .__button:last-child {
  border-color: #9fa7b4;
}
.button-buy-parts.-black svg {
  fill: #000;
}
.button-buy-parts.-black .__button:last-child {
  border-color: #000;
}
@media screen and (min-width: 1200px) {
  .button-buy-parts a:hover svg {
    opacity: 0.65;
  }
}
.button-buy-parts .__button {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
}
.button-buy-parts .__button:not(:last-child) {
  margin-bottom: 12px;
}
@media screen and (max-width: 1199px) {
  .button-buy-parts .__button:not(:last-child) {
    margin-bottom: min(3.33vw, 20px);
  }
}
.button-buy-parts .__button:last-child {
  padding-bottom: 10px;
  border-bottom: 1px solid #fff;
}
@media screen and (max-width: 1199px) {
  .button-buy-parts .__button:last-child {
    padding-bottom: min(3vw, 18px);
  }
}
.button-buy-parts .__button .__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.button-buy-parts .__button .__label .__buynow {
  width: calc(194px / 2);
  margin-right: 10px;
}
@media screen and (max-width: 1199px) {
  .button-buy-parts .__button .__label .__buynow {
    width: 28.33vw;
    margin-right: 18px;
  }
}
.button-buy-parts .__button .__label .__buynow:last-child {
  margin-right: 0;
}
.button-buy-parts .__button .__label .__leanmore {
  width: calc(268px / 2);
}
@media screen and (max-width: 1199px) {
  .button-buy-parts .__button .__label .__leanmore {
    width: 39.16vw;
  }
}
.button-buy-parts .__button .__label .__men {
  width: calc(77px / 2);
}
@media screen and (max-width: 1199px) {
  .button-buy-parts .__button .__label .__men {
    width: 11.33vw;
  }
}
.button-buy-parts .__button .__label .__women {
  width: calc(144px / 2);
}
@media screen and (max-width: 1199px) {
  .button-buy-parts .__button .__label .__women {
    width: 21.25vw;
  }
}
.button-buy-parts .__button .__label .__dl {
  width: calc(232px / 2);
}
@media screen and (max-width: 1199px) {
  .button-buy-parts .__button .__label .__dl {
    width: 33.75vw;
  }
}
.button-buy-parts .__button .__label .__bk {
  width: calc(114px / 2);
}
@media screen and (max-width: 1199px) {
  .button-buy-parts .__button .__label .__bk {
    width: 16.82vw;
  }
}
.button-buy-parts .__button .__label .__wh {
  width: calc(118px / 2);
}
@media screen and (max-width: 1199px) {
  .button-buy-parts .__button .__label .__wh {
    width: 17.41vw;
  }
}
.button-buy-parts .__button .__label .__soon {
  width: calc(264px / 2);
}
@media screen and (max-width: 1199px) {
  .button-buy-parts .__button .__label .__soon {
    width: 38.95vw;
  }
}
.button-buy-parts .__button .__arrow {
  width: 10px;
  margin-left: 24px;
}
@media screen and (max-width: 1199px) {
  .button-buy-parts .__button .__arrow {
    width: 3vw;
    margin-left: min(6.66vw, 40px);
  }
}
.button-buy-parts .__button.-empty-label {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-left: calc(194px / 2 + 10px);
}
@media screen and (max-width: 1199px) {
  .button-buy-parts .__button.-empty-label {
    padding-left: calc(28.33vw + 18px);
  }
}
.button-buy-parts .__button.-empty-label a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.button-buy-parts .__notes {
  width: calc(209px / 2);
  line-height: 0;
  margin-top: 16px;
}
@media screen and (max-width: 1199px) {
  .button-buy-parts .__notes {
    width: 30.58vw;
    margin-top: min(4vw, 24px);
  }
}

/*------------------------------------------------------------
 * block class
------------------------------------------------------------*/
/* *** global menu *** */
.g-menu-block {
  width: 100%;
  padding: 60px 0 100px 90px;
}
@media screen and (max-width: 1199px) {
  .g-menu-block {
    padding: 9.16vw 0 min(10vw, 60px) 6vw;
    overflow: hidden;
  }
}
.g-menu-block .__contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1110px;
  margin: 0 auto;
}
@media screen and (max-width: 1199px) {
  .g-menu-block .__contents {
    display: block;
    max-width: initial;
  }
}
.g-menu-block .__contents .__item {
  width: 555px;
  margin-bottom: 24px;
}
@media screen and (max-width: 1199px) {
  .g-menu-block .__contents .__item {
    width: auto;
    max-width: calc(1128px / 2);
    margin-bottom: 5vw;
  }
}
.g-menu-block .__contents .__item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.g-menu-block .__contents .__item a .__eyecatch {
  width: 110px;
  margin-right: 16px;
}
@media screen and (max-width: 1199px) {
  .g-menu-block .__contents .__item a .__eyecatch {
    width: 19.5%;
    margin-right: 5vw;
  }
}
@media screen and (max-width: 1199px) {
  .g-menu-block .__contents .__item a .__label {
    width: calc(80.5% - 5vw);
  }
}
.g-menu-block .__contents .__item a .__label .__sp {
  display: none;
}
@media screen and (max-width: 1199px) {
  .g-menu-block .__contents .__item a .__label .__pc {
    display: none;
  }
  .g-menu-block .__contents .__item a .__label .__sp {
    display: block;
  }
}
.g-menu-block .__contents .__item a .__label.-menu1 .__pc {
  width: calc(796px / 2);
}
.g-menu-block .__contents .__item a .__label.-menu1 .__sp {
  width: 104.9528301887%;
}
.g-menu-block .__contents .__item a .__label.-menu2 .__pc {
  width: calc(600px / 2);
}
.g-menu-block .__contents .__item a .__label.-menu2 .__sp {
  width: 110.6132075472%;
}
.g-menu-block .__contents .__item a .__label.-menu3 .__pc {
  width: calc(659px / 2);
}
.g-menu-block .__contents .__item a .__label.-menu3 .__sp {
  width: 102.5943396226%;
  margin-left: -1.41%;
}
.g-menu-block .__contents .__item a .__label.-menu4 .__pc {
  width: calc(533px / 2);
}
.g-menu-block .__contents .__item a .__label.-menu4 .__sp {
  width: 90.5660377358%;
}
.g-menu-block .__contents .__item a .__label.-menu5 .__pc {
  width: calc(620px / 2);
}
.g-menu-block .__contents .__item a .__label.-menu5 .__sp {
  width: 95.1650943396%;
  margin-top: -2.3%;
}
.g-menu-block .__contents .__item a .__label.-menu6 .__pc {
  width: calc(613px / 2);
}
.g-menu-block .__contents .__item a .__label.-menu6 .__sp {
  width: 101.8867924528%;
}
.g-menu-block .__contents .__item a .__label.-menu7 .__pc {
  width: calc(652px / 2);
}
.g-menu-block .__contents .__item a .__label.-menu7 .__sp {
  width: 74.8820754717%;
}
@media screen and (max-width: 1199px) {
  .g-menu-block .__contents .__item:nth-child(1) .__eyecatch img, .g-menu-block .__contents .__item:nth-child(2) .__eyecatch img {
    margin-top: -1%;
  }
}
.g-menu-block .__contents .__sub-item {
  width: 555px;
  padding-right: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 1199px) {
  .g-menu-block .__contents .__sub-item {
    width: 100%;
    margin-top: 60px;
    padding-right: 0;
  }
}
.g-menu-block .__contents .__sub-item .__sub-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 1199px) {
  .g-menu-block .__contents .__sub-item .__sub-menu {
    width: calc(80.5% - 5vw);
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.g-menu-block .__contents .__sub-item .__sub-menu a, .g-menu-block .__contents .__sub-item .__sub-menu span {
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media screen and (max-width: 1199px) {
  .g-menu-block .__contents .__sub-item .__sub-menu a, .g-menu-block .__contents .__sub-item .__sub-menu span {
    height: auto;
    display: block;
    line-height: 1;
  }
}
.g-menu-block .__contents .__sub-item .__sub-menu .__home {
  width: calc(126px / 2);
  margin-right: 24px;
}
@media screen and (max-width: 1199px) {
  .g-menu-block .__contents .__sub-item .__sub-menu .__home {
    width: 20.91vw;
    margin-right: 7.5vw;
  }
}
.g-menu-block .__contents .__sub-item .__sub-menu .__pagetop {
  width: calc(203px / 2);
}
@media screen and (max-width: 1199px) {
  .g-menu-block .__contents .__sub-item .__sub-menu .__pagetop {
    width: 33.75vw;
  }
}
.g-menu-block .__contents .__sub-item .__logo {
  margin: 58px 0 0 0;
}
@media screen and (max-width: 1199px) {
  .g-menu-block .__contents .__sub-item .__logo {
    width: calc(19.5% + 5vw);
    margin: 0;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.g-menu-block .__contents .__sub-item .__logo .__sp {
  display: none;
}
.g-menu-block .__contents .__sub-item .__logo .__pc {
  width: calc(369px / 2);
}
@media screen and (max-width: 1199px) {
  .g-menu-block .__contents .__sub-item .__logo .__sp {
    display: block;
  }
  .g-menu-block .__contents .__sub-item .__logo .__pc {
    display: none;
    width: calc(197px / 2);
  }
}
.g-menu-block a, .g-menu-block .__pagetop {
  cursor: pointer;
}
@media screen and (min-width: 1200px) {
  .g-menu-block a svg, .g-menu-block .__pagetop svg {
    -webkit-transition: fill 0.2s linear;
    transition: fill 0.2s linear;
  }
}
.g-menu-block.-blue {
  background: #0039dc;
}
.g-menu-block.-blue svg {
  fill: #000;
}
@media screen and (min-width: 1200px) {
  .g-menu-block.-blue a:hover svg, .g-menu-block.-blue .__pagetop:hover svg {
    fill: #fff;
  }
}
.g-menu-block.-black {
  background: #000;
}
.g-menu-block.-black svg {
  fill: #0039dc;
}
@media screen and (min-width: 1200px) {
  .g-menu-block.-black a:hover svg, .g-menu-block.-black .__pagetop:hover svg {
    fill: #fff;
  }
}
.g-menu-block.-gray {
  background: #c8c8c8;
}
.g-menu-block.-gray svg {
  fill: #0039dc;
}
@media screen and (min-width: 1200px) {
  .g-menu-block.-gray a:hover svg, .g-menu-block.-gray .__pagetop:hover svg {
    fill: #000;
  }
}
.g-menu-block.-red {
  background: #b40401;
}
.g-menu-block.-red svg {
  fill: #fff;
}
@media screen and (min-width: 1200px) {
  .g-menu-block.-red a:hover svg, .g-menu-block.-red .__pagetop:hover svg {
    fill: #000;
  }
}

/* *** head *** */
.main-head-block {
  position: relative;
}
@media screen and (max-width: 1199px) {
  .main-head-block {
    margin-bottom: min(20vw, 120px);
  }
}
.main-head-block .__title {
  width: calc(100% - 7.5vw);
  position: absolute;
  top: 60px;
  left: 7.5vw;
}
@media screen and (max-width: 1199px) {
  .main-head-block .__title {
    top: 30px;
    left: 6vw;
  }
}
.main-head-block .__title .__site-title {
  width: 104.63%;
  max-width: calc(2323px / 2);
  margin: 0;
  z-index: 1;
}
@media screen and (max-width: 1199px) {
  .main-head-block .__title .__site-title {
    width: 103.01%;
  }
}
.main-head-block .__title .__site-title .__svg {
  margin: calc(-7px / 2) 0 0 calc(-10px / 2);
}
@media screen and (max-width: 1199px) {
  .main-head-block .__title .__site-title .__svg {
    margin: calc(-4px / 2) 0 0 calc(-5px / 2);
  }
}
.main-head-block .__title .__site-title .__svg svg {
  width: 100%;
  vertical-align: bottom;
}
.main-head-block .__read-copy {
  position: absolute;
  top: 60px;
  left: 7.5vw;
}
@media screen and (max-width: 1199px) {
  .main-head-block .__read-copy {
    position: static;
    margin-top: min(10vw, 60px);
    padding-left: 29.58vw;
  }
}
.main-head-block .__read-copy h2 {
  font-size: 2.4rem;
  font-weight: inherit;
  line-height: 1.25;
}
@media screen and (max-width: 1199px) {
  .main-head-block .__read-copy h2 {
    font-size: 1.5rem;
    font-size: min(4vw, 2.4rem);
    padding-right: 4vw;
  }
}
.main-head-block .__read-copy h2:after {
  display: block;
  content: "";
  width: 45px;
  height: 5px;
  margin-top: 0.375em;
}
@media screen and (max-width: 1199px) {
  .main-head-block .__read-copy h2:after {
    width: min(7.5vw, 45px);
    height: calc(5px * 0.625);
    margin-top: 1em;
  }
}
.main-head-block .__read-copy p {
  font-size: 1.5rem;
}
@media screen and (max-width: 1199px) {
  .main-head-block .__read-copy p {
    padding-right: 7.08vw;
    font-size: clamp(1.2rem, 3vw, 1.8rem);
  }
}
.main-head-block .__read-copy > p {
  width: 264px;
  margin-top: 2.5em;
}
@media screen and (max-width: 1199px) {
  .main-head-block .__read-copy > p {
    width: auto;
    margin-top: 2em;
  }
}
.main-head-block .logoset-pc-parts {
  margin-top: 60px;
}
.main-head-block .logoset-sp-parts {
  position: absolute;
  top: 66.16vw;
  left: 6vw;
}
@media screen and (max-width: 1199px) {
  .main-head-block .js-scroll-logo-first-position {
    position: absolute;
    top: 58.16vw;
  }
}

/* *** slider *** */
.slider-block {
  position: relative;
}
.slider-block .__pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 30px;
  z-index: 10;
}
@media screen and (max-width: 1199px) {
  .slider-block .__pagination {
    bottom: min(3.33vw, 20px);
    gap: min(3.33vw, 20px);
  }
}
.slider-block .__pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  margin: 0;
  background: #fff;
  opacity: 0.2;
  outline: 0px none #000;
}
@media screen and (max-width: 1199px) {
  .slider-block .__pagination .swiper-pagination-bullet {
    width: min(2vw, 12px);
    height: min(2vw, 12px);
  }
}
.slider-block .__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}
.slider-block .__navigation {
  width: 10px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 51;
  cursor: pointer;
  outline: 0px none #000;
}
@media screen and (min-width: 1200px) {
  .slider-block .__navigation {
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
  }
  .slider-block .__navigation:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: 1199px) {
  .slider-block .__navigation {
    display: none;
  }
}
.slider-block .__navigation svg {
  fill: #fff;
}
.slider-block .__navigation.__navigation-prev {
  left: 18px;
}
.slider-block .__navigation.__navigation-prev .__arrow {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
.slider-block .__navigation.__navigation-next {
  right: 18px;
}

/*------------------------------------------------------------
 * header class
------------------------------------------------------------*/
.g-header .g-toggle-menu-block {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
}
.g-header .g-toggle-menu-block .__toggle {
  width: 50px;
  height: 80px;
  padding: 12px 0 0 7px;
  background: rgba(0, 57, 220, 0.4);
  position: absolute;
  top: 60px;
  left: 0;
  cursor: pointer;
  z-index: 10;
  outline: 0px none #000;
}
@media screen and (min-width: 1200px) {
  .g-header .g-toggle-menu-block .__toggle {
    -webkit-transition: background 0.2s linear;
    transition: background 0.2s linear;
  }
  .g-header .g-toggle-menu-block .__toggle:hover {
    background: #0039dc;
  }
}
@media screen and (max-width: 1199px) {
  .g-header .g-toggle-menu-block .__toggle {
    top: 30px;
    width: 8.3vw;
    height: 13.3vw;
    padding: 2vw 0 0 1.16vw;
  }
}
.g-header .g-toggle-menu-block .__toggle .__icon {
  width: 20px;
  height: 20px;
  position: relative;
  outline: 0px none #000;
}
@media screen and (max-width: 1199px) {
  .g-header .g-toggle-menu-block .__toggle .__icon {
    width: 3.3vw;
    height: 3.3vw;
  }
}
.g-header .g-toggle-menu-block .__toggle .__icon span, .g-header .g-toggle-menu-block .__toggle .__icon:before, .g-header .g-toggle-menu-block .__toggle .__icon:after {
  display: block;
  content: "";
  width: 100%;
  height: 2px;
  background: #fff;
  position: absolute;
}
.g-header .g-toggle-menu-block .__toggle .__icon span {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.g-header .g-toggle-menu-block .__toggle .__icon:before {
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.g-header .g-toggle-menu-block .__toggle .__icon:after {
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.g-header .g-toggle-menu-block .__target {
  width: 100%;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  background: #0039dc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 1199px) {
  .g-header .g-toggle-menu-block .__target {
    display: block;
  }
}
.g-header .g-toggle-menu-block .__target .g-menu-block {
  display: block;
}
@media screen and (max-width: 1199px) {
  .g-header .g-toggle-menu-block .__target .g-menu-block {
    padding-top: 25vw;
  }
}
.g-header .g-toggle-menu-block .__item, .g-header .g-toggle-menu-block .__sub-item {
  opacity: 0;
  -webkit-transform: translateX(-12px);
          transform: translateX(-12px);
  -webkit-transition-property: opacity transform;
  transition-property: opacity transform;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.09, 0.34, 0.63, 1);
          transition-timing-function: cubic-bezier(0.09, 0.34, 0.63, 1);
}
.g-header .g-toggle-menu-block.-js-menu-open .__toggle {
  background: rgba(0, 0, 0, 0.4);
}
@media screen and (max-width: 1199px) {
  .g-header .g-toggle-menu-block.-js-menu-open .__toggle {
    display: none;
  }
}
@media screen and (min-width: 1200px) {
  .g-header .g-toggle-menu-block.-js-menu-open .__toggle:hover {
    background: #000 !important;
  }
}
.g-header .g-toggle-menu-block.-js-menu-open .__toggle .__icon span {
  display: none;
}
.g-header .g-toggle-menu-block.-js-menu-open .__toggle .__icon:before {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
.g-header .g-toggle-menu-block.-js-menu-open .__toggle .__icon:after {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}
@media screen and (max-width: 1199px) {
  .g-header .g-toggle-menu-block.-js-menu-open .__sp-close {
    width: 10.66vw;
    height: 10.66vw;
    position: fixed;
    top: 5vw;
    left: 6vw;
    z-index: 999;
  }
  .g-header .g-toggle-menu-block.-js-menu-open .__sp-close:before, .g-header .g-toggle-menu-block.-js-menu-open .__sp-close:after {
    display: block;
    content: "";
    width: 100%;
    height: 2px;
    background: #000;
    position: absolute;
  }
  .g-header .g-toggle-menu-block.-js-menu-open .__sp-close:before {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
            transform: translate(-50%, -50%) rotate(45deg);
  }
  .g-header .g-toggle-menu-block.-js-menu-open .__sp-close:after {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
            transform: translate(-50%, -50%) rotate(-45deg);
  }
}
@media screen and (max-width: 1199px) {
  .g-header .g-toggle-menu-block.-js-menu-open .__target {
    overflow: auto;
  }
}
.g-header .g-toggle-menu-block.-js-menu-open .__target .__item, .g-header .g-toggle-menu-block.-js-menu-open .__target .__sub-item {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.g-header .g-toggle-menu-block.-js-menu-open .__target .__left .__item:nth-child(2) {
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}
.g-header .g-toggle-menu-block.-js-menu-open .__target .__left .__item:nth-child(3) {
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s;
}
.g-header .g-toggle-menu-block.-js-menu-open .__target .__left .__item:nth-child(4) {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.g-header .g-toggle-menu-block.-js-menu-open .__target .__right .__item:nth-child(1) {
  -webkit-transition-delay: 0.25s;
          transition-delay: 0.25s;
}
.g-header .g-toggle-menu-block.-js-menu-open .__target .__right .__item:nth-child(2) {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.g-header .g-toggle-menu-block.-js-menu-open .__target .__right .__item:nth-child(3) {
  -webkit-transition-delay: 0.35s;
          transition-delay: 0.35s;
}
.g-header .g-toggle-menu-block.-js-menu-open .__target .__sub-item {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}

/*------------------------------------------------------------
 * footer class
------------------------------------------------------------*/
.g-footer {
  position: relative;
}
@media screen and (min-width: 1200px) {
  .g-footer {
    z-index: 51;
  }
}
@media screen and (max-width: 1199px) {
  .g-footer .g-menu-block .__sub-item .__logo {
    height: 46.47vw;
  }
}