@charset "UTF-8";
/*ranking_wrap
-----------------------------------------*/
.ranking_wrap {
  position: relative;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -ms-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s; }

/*ranking-sec
--------------------------------------------*/
.ranking-sec {
  opacity: 0;
  -webkit-transition: opacity 1s ease-in-out 0s;
  -ms-transition: opacity 1s ease-in-out 0s;
  transition: opacity 1s ease-in-out 0s; }
  .ranking-sec.active {
    opacity: 1;
    position: relative; }
  .ranking-sec:not(.active) {
    position: absolute;
    top: 0;
    width: 100%; }

/*ranking01,.ranking-box
--------------------------------------------*/
.ranking01 .ranking-mark, .ranking-box .ranking-mark {
  -webkit-transition: all 0.5s ease-in-out 0s;
  -ms-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  opacity: 0;
  -webkit-transform: translate(0, -50%) rotate(-10deg) scale(2, 2) skew(0deg, 0deg);
  -ms-transform: translate(0, -50%) rotate(-10deg) scale(2, 2) skew(0deg, 0deg);
  transform: translate(0, -50%) rotate(-10deg) scale(2, 2) skew(0deg, 0deg); }
.ranking01 .score-svg, .ranking-box .score-svg {
  -webkit-transition: all 0.5s cubic-bezier(0.35, 0, 0.63, 1.84) 0s;
  -ms-transition: all 0.5s cubic-bezier(0.35, 0, 0.63, 1.84) 0s;
  transition: all 0.5s cubic-bezier(0.35, 0, 0.63, 1.84) 0s;
  -webkit-transform: translate(-50%, -50%) rotate(0deg) scale(0, 0) skew(0deg, 0deg);
  -ms-transform: translate(-50%, -50%) rotate(0deg) scale(0, 0) skew(0deg, 0deg);
  transform: translate(-50%, -50%) rotate(0deg) scale(0, 0) skew(0deg, 0deg); }
.ranking01 .point-txt strong, .ranking-box .point-txt strong {
  display: inline-block;
  -webkit-transition: all 0.5s cubic-bezier(0.35, 0, 0.63, 1.84) 0s;
  -ms-transition: all 0.5s cubic-bezier(0.35, 0, 0.63, 1.84) 0s;
  transition: all 0.5s cubic-bezier(0.35, 0, 0.63, 1.84) 0s;
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0); }
.ranking01 .scrollActive.ranking-mark, .ranking-box .scrollActive.ranking-mark {
  opacity: 1;
  -webkit-transform: translate(0, -34%) rotate(0deg) scale(1, 1) skew(0deg, 0deg);
  -ms-transform: translate(0, -34%) rotate(0deg) scale(1, 1) skew(0deg, 0deg);
  transform: translate(0, -34%) rotate(0deg) scale(1, 1) skew(0deg, 0deg); }
.ranking01 .scrollActive.score-svg, .ranking-box .scrollActive.score-svg {
  -webkit-transform: translate(-50%, -50%) rotate(0deg) scale(1, 1) skew(0deg, 0deg);
  -ms-transform: translate(-50%, -50%) rotate(0deg) scale(1, 1) skew(0deg, 0deg);
  transform: translate(-50%, -50%) rotate(0deg) scale(1, 1) skew(0deg, 0deg); }
.ranking01 .scrollActive.point-txt strong, .ranking-box .scrollActive.point-txt strong {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1); }

/*.sage-img-left,.sage-img-center,.sage-img-right
--------------------------------------------*/
.sage-img-left, .sage-img-center, .sage-img-right {
  -webkit-transition: all 0.5s ease-in-out 0s;
  -ms-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  opacity: 0; }
  .sage-img-left.scrollActive, .sage-img-center.scrollActive, .sage-img-right.scrollActive {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); }

.sage-img-left, .sage-img-right {
  -webkit-transform: translate(0, -10%);
  -ms-transform: translate(0, -10%);
  transform: translate(0, -10%); }

.sage-img-center {
  -webkit-transform: translate(0, 10%);
  -ms-transform: translate(0, 10%);
  transform: translate(0, 10%); }

/*.floating-menu
--------------------------------------------*/
.floating-menu {
  z-index: 100; }
  .floating-menu.fixed .tab-btn {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); }
    .floating-menu.fixed .tab-btn:nth-child(1) {
      -webkit-transition: all 0.5s ease-in-out 0s;
      -ms-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
    .floating-menu.fixed .tab-btn:nth-child(2) {
      -webkit-transition: all 0.5s ease-in-out 0.25s;
      -ms-transition: all 0.5s ease-in-out 0.25s;
      transition: all 0.5s ease-in-out 0.25s; }
    .floating-menu.fixed .tab-btn:nth-child(3) {
      -webkit-transition: all 0.5s ease-in-out 0.5s;
      -ms-transition: all 0.5s ease-in-out 0.5s;
      transition: all 0.5s ease-in-out 0.5s; }
    .floating-menu.fixed .tab-btn:nth-child(4) {
      -webkit-transition: all 0.5s ease-in-out 0.75s;
      -ms-transition: all 0.5s ease-in-out 0.75s;
      transition: all 0.5s ease-in-out 0.75s; }
  @media print, screen and (min-width: 768px) {
    .floating-menu {
      width: 60px; }
      .floating-menu .tab-btn {
        -webkit-transform: translate(200%, 0);
        -ms-transform: translate(200%, 0);
        transform: translate(200%, 0); } }
  @media only screen and (max-width: 767px) {
    .floating-menu {
      display: -webkit-flex !important;
      display: flex !important;
      -webkit-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      bottom: 0;
      right: 0 !important;
      top: auto;
      width: 100% !important;
      -webkit-transform: translate(0, 100%);
      -ms-transform: translate(0, 100%);
      transform: translate(0, 100%);
      padding: 0 5.2vw;
      margin-bottom: 10.2666666667vw; }
      .floating-menu .tab-btn {
        margin-bottom: 0 !important;
        -webkit-transform: translate(0, 200%);
        -ms-transform: translate(0, 200%);
        transform: translate(0, 200%); }
      .floating-menu.fixed {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0); } }

/*svgTxt
--------------------------------------------*/
.svgTxt .st0 {
  fill: none;
  stroke: #fff;
  stroke-width: 5;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10; }

/*紹介ページ
--------------------------------------------*/
.introduction-area .box {
  opacity: 0;
  -webkit-transition: all 0.5s cubic-bezier(0.35, 0, 0.63, 1.84) 0s;
  -ms-transition: all 0.5s cubic-bezier(0.35, 0, 0.63, 1.84) 0s;
  transition: all 0.5s cubic-bezier(0.35, 0, 0.63, 1.84) 0s;
  -webkit-transform: translate(0, -10%);
  -ms-transform: translate(0, -10%);
  transform: translate(0, -10%); }
  .introduction-area .box.scrollActive {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1; }
  @media print, screen and (min-width: 768px) {
    .introduction-area .box:nth-child(even) {
      -webkit-transition: all 0.5s cubic-bezier(0.35, 0, 0.63, 1.84) 0.25s;
      -ms-transition: all 0.5s cubic-bezier(0.35, 0, 0.63, 1.84) 0.25s;
      transition: all 0.5s cubic-bezier(0.35, 0, 0.63, 1.84) 0.25s; } }