@keyframes hoverin {
  0% {
    transform: translateX(-101%);
    opacity: 1; }
  100% {
    transform: translateX(0);
    opacity: 1; } }
@keyframes hoverout {
  0% {
    transform: translateY(0);
    left: 0;
    opacity: 1; }
  100% {
    transform: translateY(0);
    left: 101%;
    opacity: 1; } }
@keyframes hoverin_reverse {
  0% {
    transform: translateX(101%);
    opacity: 1; }
  100% {
    transform: translateX(0);
    opacity: 1; } }
@keyframes hoverout_reverse {
  0% {
    transform: translateY(0);
    left: 0;
    opacity: 1; }
  100% {
    transform: translateY(0);
    left: -101%;
    opacity: 1; } }
.buruburu {
  display: inline-block;
  animation: hurueru .1s  infinite; }

@keyframes hurueru {
  0% {
    transform: translate(0px, 0px) rotateZ(0deg); }
  25% {
    transform: translate(2px, 2px) rotateZ(1deg); }
  50% {
    transform: translate(0px, 2px) rotateZ(0deg); }
  75% {
    transform: translate(2px, 0px) rotateZ(-1deg); }
  100% {
    transform: translate(0px, 0px) rotateZ(0deg); } }
@keyframes wave {
  0% {
    background-position: 0 0; }
  100% {
    background-position: round-decimal(9.765625vw, 3) 0; } }
@media screen and (min-width: 1024px) {
  @keyframes wave {
    0% {
      background-position: 0 0; }
    100% {
      background-position: 100px 0; } } }
/* nav active */
body.top #contents .btn a img {
  transition: 0.6s; }
body.top #contents .btn a:hover img {
  transition: 0.45s;
  opacity: 0.7; }
body.top #contents .movie {
  height: 720px;
  position: relative; }
  body.top #contents .movie::after {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100; }
  body.top #contents .movie .logo {
    position: absolute;
    left: 30px;
    top: 25px;
    z-index: 110; }
  body.top #contents .movie .wrap {
    height: 720px;
    overflow: hidden; }
  body.top #contents .movie #bgmoviewrap {
    height: 720px;
    overflow: hidden;
    z-index: 0; }
  body.top #contents .movie #bgmovie {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    height: 720px;
    width: 1280px; }
  body.top #contents .movie #mvvideo {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    height: 720px;
    width: 1280px; }
  body.top #contents .movie .play {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 110;
    width: 240px;
    height: 70px;
    transition: opacity 0.6s; }
  body.top #contents .movie .play a {
    font-size: 13px;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #dfc58e;
    letter-spacing: 0.06em;
    text-indent: 0.06em;
    height: 70px;
    transition: opacity 0.6s; }
  body.top #contents .movie .play a:hover {
    opacity: 0.8;
    transition: opacity 0.45s; }
  body.top #contents .movie .visual {
    opacity: 0; }
body.top #contents .copy .wrap {
  height: 600px;
  display: flex;
  width: 1280px;
  margin: 0 auto;
  align-items: center;
  justify-content: center;
  position: relative; }
  body.top #contents .copy .wrap::after {
    content: '';
    width: 1px;
    height: 234px;
    background: #000;
    position: absolute;
    left: 560px;
    top: 173px; }
  body.top #contents .copy .wrap div {
    width: 640px; }
    body.top #contents .copy .wrap div::after {
      content: '';
      background: url("/wp-content/themes/frich-quest_pc/assets/img/top/copy.png") center 173px no-repeat;
      width: 1280px;
      height: 407px;
      position: absolute;
      left: 0;
      top: 0; }
  body.top #contents .copy .wrap div + div {
    transform: translate(-10px, -12px); }
    body.top #contents .copy .wrap div + div::after {
      display: none; }
  body.top #contents .copy .wrap div p {
    font-size: 12px;
    line-height: 31px;
    letter-spacing: 0.16em;
    text-indent: 0.16em;
    font-weight: 700; }
  body.top #contents .copy .wrap p + p {
    margin-top: 30px; }
body.top #contents .about {
  height: 690px;
  overflow: hidden; }
  body.top #contents .about .bg {
    width: 1300px;
    height: 690px;
    position: absolute;
    right: 50%;
    top: 0;
    margin-right: -499px;
    width: 1300px;
    height: auto;
    background: url("/wp-content/themes/frich-quest_pc/assets/img/top/about_img.jpg") no-repeat center center/1300px 690px;
    z-index: 0; }
    body.top #contents .about .bg img {
      width: 100%;
      height: auto;
      opacity: 0; }
  body.top #contents .about .texts {
    width: 693px;
    height: 182px;
    background: url("/wp-content/themes/frich-quest_pc/assets/img/top/about_texts.png") no-repeat left top;
    position: absolute;
    right: 50%;
    top: 432px;
    margin-right: -532px;
    z-index: 10; }
    body.top #contents .about .texts .btn {
      position: absolute;
      right: 88px;
      top: 110px; }
body.top #contents .president {
  height: 659px;
  overflow: hidden;
  margin-top: 215px; }
  body.top #contents .president .bg {
    width: 1083px;
    height: 659px;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -282px;
    width: 1083px;
    height: auto;
    background: url("/wp-content/themes/frich-quest_pc/assets/img/top/president_img.jpg") no-repeat center center/1083px 659px;
    z-index: 0; }
    body.top #contents .president .bg img {
      width: 100%;
      height: auto;
      opacity: 0; }
  body.top #contents .president .texts {
    width: 202px;
    height: 658px;
    background: url("/wp-content/themes/frich-quest_pc/assets/img/top/president_texts.png") no-repeat left top;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -530px;
    z-index: 10; }
    body.top #contents .president .texts .btn {
      position: absolute;
      left: -20px;
      top: 80px; }
body.top #contents .aquarium {
  margin-top: 215px; }
  body.top #contents .aquarium .wrap {
    position: relative;
    background: url("/wp-content/themes/frich-quest_pc/assets/img/top/bg_aquarium.jpg") center top no-repeat;
    height: 739px; }
  body.top #contents .aquarium .texts {
    width: 639px;
    height: 182px;
    background: url("/wp-content/themes/frich-quest_pc/assets/img/top/aquarium_texts.png") no-repeat left top;
    position: absolute;
    right: 50%;
    top: 208px;
    margin-right: -100px;
    z-index: 10; }
    body.top #contents .aquarium .texts .btn {
      position: absolute;
      left: 0;
      bottom: -56px; }
      body.top #contents .aquarium .texts .btn .disabled {
        pointer-events: none; }
        body.top #contents .aquarium .texts .btn .disabled img {
          opacity: 0.5; }
  body.top #contents .aquarium .vertical {
    padding-bottom: 233px;
    overflow: hidden; }
    body.top #contents .aquarium .vertical div {
      display: flex;
      justify-content: center;
      align-items: flex-start;
      height: 100%;
      flex-direction: row-reverse;
      padding-top: 276px; }
    body.top #contents .aquarium .vertical p {
      font-size: 15px;
      line-height: 61px;
      letter-spacing: 0.52em;
      font-weight: 700;
      padding: 0 0px;
      margin: 0 30px;
      min-height: 600px;
      -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl; }
body.top #contents .news {
  background: #000; }
  body.top #contents .news .wrap {
    position: relative;
    background: url("/wp-content/themes/frich-quest_pc/assets/img/top/bg_news.jpg") no-repeat center top/1920px auto;
    padding: 192px 0 80px;
    height: 978px;
    overflow: hidden; }
    body.top #contents .news .wrap h2 img {
      width: 1024px;
      height: auto;
      margin: 0 auto; }
    body.top #contents .news .wrap .slider_wrap.pc-item {
      display: block; }
    body.top #contents .news .wrap .slider_wrap.sp-item {
      display: none; }
    body.top #contents .news .wrap .archives {
      display: flex;
      justify-content: center;
      padding-top: 59px; }
      body.top #contents .news .wrap .archives .item {
        width: 320px;
        margin: 0 15px;
        border: 1px solid;
        border-image-slice: 1;
        border-image-source: linear-gradient(0deg, #54411a, #a89373);
        background: rgba(0, 0, 0, 0.2);
        position: relative; }
      body.top #contents .news .wrap .archives a {
        width: 320px;
        margin: 0;
        position: relative;
        font-weight: 700;
        transition: 0.6s;
        display: block;
        padding: 40px 0 0; }
        body.top #contents .news .wrap .archives a header {
          position: relative;
          height: 29px;
          display: flex;
          justify-content: flex-end;
          align-items: center;
          padding-bottom: 40px; }
          body.top #contents .news .wrap .archives a header time {
            line-height: 29px;
            font-size: 11px;
            color: #ab8d4d;
            text-align: center;
            letter-spacing: 0.22em;
            padding-right: 15px;
            text-indent: 0.22em; }
          body.top #contents .news .wrap .archives a header p {
            font-size: 10px;
            background: rgba(255, 255, 255, 0.2);
            width: 114px;
            height: 29px;
            font-weight: 700;
            letter-spacing: 0.3em;
            color: #fff;
            line-height: 29px;
            text-align: center;
            text-indent: 0.3em; }
        body.top #contents .news .wrap .archives a article {
          padding: 0 25px 56px; }
          body.top #contents .news .wrap .archives a article h2 {
            font-size: 13px;
            line-height: 28px;
            letter-spacing: 0.2em;
            text-indent: 0.2em;
            color: #ab8d4d;
            padding: 20px 0 28px; }
          body.top #contents .news .wrap .archives a article figure {
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            height: 153px;
            overflow: hidden; }
            body.top #contents .news .wrap .archives a article figure img {
              opacity: 0; }
          body.top #contents .news .wrap .archives a article p {
            font-size: 12px;
            line-height: 28px;
            letter-spacing: 0.14em;
            text-indent: 0.14em;
            color: #fff;
            font-weight: 400;
            position: relative;
            padding: 20px 0 0; }
            body.top #contents .news .wrap .archives a article p::before {
              content: '';
              width: 100%;
              height: 1px;
              background: rgba(255, 255, 255, 0.2);
              position: absolute;
              left: 0;
              top: 0; }
      body.top #contents .news .wrap .archives a:hover {
        background-color: rgba(255, 255, 255, 0.15); }
    body.top #contents .news .wrap .inner {
      position: relative;
      width: 1220px;
      margin: 0 auto; }
      body.top #contents .news .wrap .inner .btn {
        text-align: right;
        padding: 35px 100px 0 0; }
        body.top #contents .news .wrap .inner .btn a {
          font-size: 11px;
          color: #fff;
          font-family: 'Cinzel', serif;
          letter-spacing: 0.14em;
          text-indent: 0.14em;
          transition: 0.6s;
          display: inline-block;
          margin: 0 0 0 auto;
          position: relative;
          padding: 0 31px; }
          body.top #contents .news .wrap .inner .btn a::before {
            content: '';
            width: 6px;
            height: 6px;
            border-bottom: 2px solid #fff;
            border-right: 2px solid #fff;
            position: absolute;
            right: 0;
            top: 50%;
            transform: translate(0, -60%) rotate(-45deg); }
        body.top #contents .news .wrap .inner .btn a:hover {
          opacity: 0.5; }
      body.top #contents .news .wrap .inner .swiper-nav {
        display: none; }
body.top #contents .pickup .wrap {
  position: relative;
  background: url("/wp-content/themes/frich-quest_pc/assets/img/top/bg_pickup.jpg") no-repeat center top/1920px auto;
  padding: 227px 0 80px;
  height: 882px;
  overflow: hidden; }
  body.top #contents .pickup .wrap h2 img {
    width: 1024px;
    height: auto;
    margin: 0 auto; }
  body.top #contents .pickup .wrap .slider_wrap.pc-item {
    display: block; }
  body.top #contents .pickup .wrap .slider_wrap.sp-item {
    display: none; }
  body.top #contents .pickup .wrap .swiper-container {
    width: 1201px;
    margin: 60px auto 0;
    padding-right: 1px; }
  body.top #contents .pickup .wrap .archives {
    text-align: center;
    display: flex;
    border-left: 1px solid #838181; }
    body.top #contents .pickup .wrap .archives .item {
      width: 400px;
      height: inherit;
      border: 1px solid #838181;
      border-left: none; }
      body.top #contents .pickup .wrap .archives .item a {
        display: inline-flex;
        width: 100%;
        position: relative;
        font-weight: 700;
        transition: 0.6s;
        background: rgba(255, 255, 255, 0);
        padding: 50px 50px 25px;
        height: 100%; }
        body.top #contents .pickup .wrap .archives .item a figure {
          width: 300px;
          height: 169px;
          overflow: hidden;
          background-position: center center;
          background-repeat: no-repeat;
          background-size: cover; }
          body.top #contents .pickup .wrap .archives .item a figure img {
            opacity: 0; }
        body.top #contents .pickup .wrap .archives .item a header {
          display: flex;
          justify-content: flex-start;
          padding: 30px 0 0; }
          body.top #contents .pickup .wrap .archives .item a header p {
            line-height: 24px;
            width: 104px;
            text-align: center;
            color: #000;
            font-size: 10px;
            letter-spacing: 0.1em;
            text-indent: 0.1em; }
            body.top #contents .pickup .wrap .archives .item a header p span {
              display: block;
              background: #dccf92;
              width: 104px;
              background: linear-gradient(to bottom left, #fefdc3, #b2a07d); }
          body.top #contents .pickup .wrap .archives .item a header h2 {
            font-size: 13px;
            letter-spacing: 0.1em;
            text-indent: 0.1em;
            line-height: 24px;
            padding: 0 0 0 15px;
            text-align: left; }
    body.top #contents .pickup .wrap .archives .item a {
      border-left: none; }
    body.top #contents .pickup .wrap .archives .item a::after {
      content: '';
      width: calc(100% - 1px);
      height: 100%;
      position: absolute;
      right: 0;
      top: 0;
      background: rgba(255, 255, 255, 0.82);
      opacity: 0;
      transition: 0.6s;
      z-index: -1; }
    body.top #contents .pickup .wrap .archives .item a:hover::after {
      opacity: 1; }
  body.top #contents .pickup .wrap .swiper-nav {
    position: relative;
    margin: 0 auto;
    width: 1024px;
    padding: 50px 0;
    text-align: center; }
    body.top #contents .pickup .wrap .swiper-nav [class*='swiper-button'] {
      position: static;
      display: inline-block;
      margin: 0 10px;
      outline: none !important; }
    body.top #contents .pickup .wrap .swiper-nav [class*='swiper-button-prev'] {
      background: url("/wp-content/themes/frich-quest_pc/assets/img/top/btn_prev.png") no-repeat left top;
      width: 29px;
      height: 29px;
      background-color: none; }
    body.top #contents .pickup .wrap .swiper-nav [class*='swiper-button-next'] {
      background: url("/wp-content/themes/frich-quest_pc/assets/img/top/btn_next.png") no-repeat left top;
      width: 29px;
      height: 29px; }
body.top #contents .globe {
  height: 738px;
  overflow: hidden;
  margin-top: 215px; }
  body.top #contents .globe .bg {
    width: 1083px;
    height: 738px;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -283px;
    width: 1083px;
    height: auto;
    background: url("/wp-content/themes/frich-quest_pc/assets/img/top/globe_img.jpg") no-repeat center center/1083px 738px;
    z-index: 0; }
    body.top #contents .globe .bg img {
      width: 100%;
      height: auto;
      opacity: 0; }
  body.top #contents .globe .texts {
    width: 540px;
    height: 368px;
    background: url("/wp-content/themes/frich-quest_pc/assets/img/top/globe_texts.png") no-repeat left top;
    position: absolute;
    right: 50%;
    top: 186px;
    z-index: 10; }
    body.top #contents .globe .texts .btn {
      position: absolute;
      left: 74px;
      top: 260px; }
body.top #contents .society {
  height: 721px;
  overflow: hidden;
  margin-top: 215px; }
  body.top #contents .society .bg {
    width: 1082px;
    height: 721px;
    position: absolute;
    right: 50%;
    top: 0;
    margin-right: -283px;
    width: 1082px;
    height: auto;
    background: url("/wp-content/themes/frich-quest_pc/assets/img/top/society_img.jpg") no-repeat center center/1082px 721px;
    z-index: 0; }
    body.top #contents .society .bg img {
      width: 100%;
      height: auto;
      opacity: 0; }
  body.top #contents .society .texts {
    width: 582px;
    height: 368px;
    background: url("/wp-content/themes/frich-quest_pc/assets/img/top/society_texts.png") no-repeat left top;
    position: absolute;
    left: 50%;
    top: 84px;
    z-index: 10; }
    body.top #contents .society .texts .btn {
      position: absolute;
      left: 75px;
      top: 260px; }
body.top #contents .end_copy {
  height: 888px;
  position: relative;
  padding: 338px 0 0; }
  body.top #contents .end_copy::before {
    content: '';
    background: url("/wp-content/themes/frich-quest_pc/assets/img/top/bg_endcopy.jpg") no-repeat center bottom/1920px auto;
    height: 1142px;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -960px;
    z-index: -1;
    width: 1920px; }
  body.top #contents .end_copy h2 {
    background: url("/wp-content/themes/frich-quest_pc/assets/img/top/endcopy.png") no-repeat center top;
    height: 139px; }
  body.top #contents .end_copy p {
    font-size: 12px;
    letter-spacing: 0.78em;
    text-indent: 0.78em;
    font-family: 'Cinzel', serif;
    text-align: center;
    margin-top: 85px; }

.top #contents .movie .play {
  opacity: 1;
  bottom: 0;
  z-index: 1100; }

.playmovie .top #contents .movie .play {
  opacity: 0;
  z-index: -1; }

@media screen and (min-width: 1281px) {
  body.top #contents .movie {
    height: 56.25vw; }
    body.top #contents .movie .wrap {
      height: 56.25vw;
      overflow: hidden; }
    body.top #contents .movie #bgmoviewrap {
      height: 56.25vw;
      overflow: hidden;
      z-index: 0; }
    body.top #contents .movie #bgmovie,
    body.top #contents .movie #mvvideo {
      height: 56.25vw;
      width: 100vw; } }
@media screen and (min-width: 1601px) {
  body.top #contents .movie {
    height: 56.25vw; }
    body.top #contents .movie .wrap {
      height: 56.25vw;
      overflow: hidden; }
    body.top #contents .movie #bgmoviewrap {
      height: 56.25vw;
      overflow: hidden;
      z-index: 0; }
    body.top #contents .movie #bgmovie {
      left: 0;
      transform: translate(0, 0);
      top: 0;
      width: 100vw;
      height: 56.25vw; }
    body.top #contents .movie #mvvideo {
      left: 0;
      transform: translate(0, 0);
      top: 0;
      width: 100vw;
      height: 56.25vw; }
  body.top #contents .about .bg {
    width: 81.25vw;
    background-size: 81.25vw 43.125vw; }
  body.top #contents .president .bg {
    width: 67.688vw;
    background-size: 67.688vw 41.188vw; }
  body.top #contents .globe .bg {
    width: 67.688vw;
    background-size: 67.688vw 46.125vw; }
  body.top #contents .society .bg {
    width: 67.625vw;
    background-size: 67.625vw 45.063vw; } }
@media screen and (min-width: 1921px) {
  body.top #contents {
    /*.movie #mvvideo {left: 0; transform: translate(0,0); top: 0; width: 100vw;}*/ }
    body.top #contents .about .bg {
      width: 1560px;
      background-size: 1560px 828px; }
    body.top #contents .president .bg {
      width: 1299.6px;
      background-size: 1306.8px 790.8px; }
    body.top #contents .globe .bg {
      width: 1299.6px;
      background-size: 1299.6px 885.6px; }
    body.top #contents .society .bg {
      width: 1298.4px;
      background-size: 1298.4px 865.2px; }
    body.top #contents .aquarium .wrap,
    body.top #contents .pickup .wrap,
    body.top #contents .news .wrap {
      background-size: 100% auto; }
    body.top #contents .end_copy::before {
      width: 100%;
      margin: 0;
      left: 0;
      background-size: 100% auto;
      height: 59.479vw; } }
@media screen and (max-width: 1023px) {
  /***
  	sp 
  ******************************************************/
  body.top #contents .btn a img {
    transition: 0.6s; }
  body.top #contents .btn a:hover img {
    transition: none;
    opacity: 1; }
  body.top #contents .movie {
    height: 55.859vw; }
    body.top #contents .movie::after {
      content: '';
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0);
      position: absolute;
      left: 0;
      top: 0;
      z-index: 100; }
    body.top #contents .movie .logo {
      display: none; }
    body.top #contents .movie .wrap {
      height: 55.859vw; }
    body.top #contents .movie #bgmoviewrap {
      height: 55.859vw; }
    body.top #contents .movie #bgmovie {
      left: 50%;
      top: 0;
      transform: translateX(-50%);
      height: 55.859vw;
      width: 99.219vw; }
    body.top #contents .movie #mvvideo {
      left: 50%;
      top: 0;
      transform: translateX(-50%);
      height: 55.859vw;
      width: 99.219vw; }
    body.top #contents .movie .play {
      display: none; }
  body.top #contents .copy .wrap {
    height: auto;
    display: block;
    text-align: center;
    width: 100%; }
    body.top #contents .copy .wrap::after {
      width: 39.063vw;
      height: 1px;
      left: 50%;
      top: 91.797vw;
      margin-left: -19.532vw; }
    body.top #contents .copy .wrap::before {
      content: '';
      background: url("/wp-content/themes/frich-quest_pc/assets/img/top/kv_logo@sp.png") center top no-repeat;
      background-size: 100% 36.133vw;
      position: absolute;
      left: 0;
      top: 14.258vw;
      height: 36.133vw;
      width: 100%; }
    body.top #contents .copy .wrap div {
      width: 100%;
      padding: 99.609vw 0 0; }
      body.top #contents .copy .wrap div::after {
        background: url("/wp-content/themes/frich-quest_pc/assets/img/top/copy@sp.png") center top no-repeat;
        width: 100%;
        height: 18.457vw;
        top: 63.672vw;
        background-size: 100% 18.457vw; }
    body.top #contents .copy .wrap div + div {
      transform: translate(0, 0px);
      padding: 0; }
      body.top #contents .copy .wrap div + div::after {
        display: none; }
    body.top #contents .copy .wrap div p {
      font-size: 3.125vw;
      line-height: 9.18vw;
      letter-spacing: 0.14em;
      text-indent: 0.14em;
      font-weight: 700; }
    body.top #contents .copy .wrap p + p {
      margin-top: 9.766vw; }
  body.top #contents .about {
    height: 106.738vw;
    overflow: hidden;
    margin-top: 15.625vw;
    position: relative; }
    body.top #contents .about .bg {
      width: 100%;
      height: 78.125vw;
      position: absolute;
      right: 0;
      top: 0;
      margin-right: 0;
      height: auto;
      background: url("/wp-content/themes/frich-quest_pc/assets/img/top/about_img@sp.jpg") no-repeat left top/95.215vw 78.125vw;
      z-index: 0; }
      body.top #contents .about .bg img {
        width: auto;
        height: 78.125vw;
        opacity: 0; }
    body.top #contents .about .texts {
      width: 63.77vw;
      height: 42.188vw;
      background: url("/wp-content/themes/frich-quest_pc/assets/img/top/about_texts@sp.png") no-repeat left top/63.77vw 42.188vw;
      right: 0;
      top: 64.453vw;
      margin-right: 0;
      z-index: 10; }
      body.top #contents .about .texts .btn {
        position: absolute;
        right: 18.848vw;
        top: 30.273vw; }
        body.top #contents .about .texts .btn img {
          width: 38.086vw;
          height: 6.738vw; }
  body.top #contents .president {
    height: 127.539vw;
    margin-top: 21.191vw; }
    body.top #contents .president .bg {
      width: 100%;
      height: auto;
      left: 0;
      top: 0;
      margin-left: 0;
      width: 100%;
      height: auto;
      background: url("/wp-content/themes/frich-quest_pc/assets/img/top/president_img@sp.jpg") no-repeat right center/95.117vw 78.125vw;
      z-index: 0; }
      body.top #contents .president .bg img {
        width: auto;
        height: 78.125vw;
        opacity: 0; }
    body.top #contents .president .texts {
      width: 60.645vw;
      height: 42.188vw;
      background: url("/wp-content/themes/frich-quest_pc/assets/img/top/president_texts@sp.png") no-repeat left top;
      background-size: 60.645vw 42.188vw;
      position: absolute;
      left: 0;
      top: 64.648vw;
      margin-left: 0;
      z-index: 10; }
      body.top #contents .president .texts .btn {
        left: 5.762vw;
        top: 30.273vw; }
        body.top #contents .president .texts .btn img {
          width: 41.016vw;
          height: 6.445vw; }
  body.top #contents .aquarium {
    margin-top: 0vw; }
    body.top #contents .aquarium .wrap {
      position: relative;
      background: url("/wp-content/themes/frich-quest_pc/assets/img/top/bg_aquarium@sp.jpg") no-repeat center top/100% 116.211vw;
      height: 116.211vw; }
    body.top #contents .aquarium .texts {
      width: 75.488vw;
      height: 26.563vw;
      background: url("/wp-content/themes/frich-quest_pc/assets/img/top/aquarium_texts@sp.png") no-repeat left top/100% 100%;
      position: absolute;
      right: 0;
      top: 67.383vw;
      margin-right: 0;
      z-index: 10; }
      body.top #contents .aquarium .texts .btn {
        position: absolute;
        left: 0;
        bottom: -10.547vw; }
        body.top #contents .aquarium .texts .btn .disabled {
          pointer-events: none; }
          body.top #contents .aquarium .texts .btn .disabled img {
            opacity: 0.5;
            height: 6.445vw;
            width: auto; }
    body.top #contents .aquarium .vertical {
      overflow: hidden;
      padding-bottom: 26.367vw; }
      body.top #contents .aquarium .vertical div {
        display: block;
        padding-top: 24.414vw; }
      body.top #contents .aquarium .vertical p {
        font-size: 3.125vw;
        line-height: 9.277vw;
        letter-spacing: 0.14em;
        font-weight: 700;
        padding: 0 0px;
        margin: 0;
        min-height: inherit;
        -ms-writing-mode: horizontal-tb;
        writing-mode: horizontal-tb;
        text-align: center; }
  body.top #contents .news {
    height: 214.648vw;
    overflow: hidden; }
    body.top #contents .news .wrap {
      position: relative;
      background: url("/wp-content/themes/frich-quest_pc/assets/img/top/bg_news@sp.jpg") no-repeat center top/100% 214.648vw;
      padding: 25.977vw 0 0;
      height: auto;
      height: 214.648vw; }
      body.top #contents .news .wrap h2 img {
        width: 100%;
        height: auto;
        margin: 0 auto 12.109vw; }
      body.top #contents .news .wrap .slider_wrap.pc-item {
        display: none; }
      body.top #contents .news .wrap .slider_wrap.sp-item {
        display: block; }
      body.top #contents .news .wrap .swiper-container {
        width: 78.125vw;
        margin: 0 auto;
        overflow: hidden; }
      body.top #contents .news .wrap .archives {
        width: inherit;
        display: flex;
        padding-top: 0;
        margin: 0 auto;
        justify-content: flex-start; }
        body.top #contents .news .wrap .archives .item {
          width: 78.125vw;
          margin: 0 0vw; }
        body.top #contents .news .wrap .archives a {
          width: 78.125vw;
          min-height: 110.352vw;
          height: auto;
          padding: 10.742vw 0 10.742vw; }
          body.top #contents .news .wrap .archives a header {
            height: 5.859vw;
            padding-bottom: 9.766vw; }
            body.top #contents .news .wrap .archives a header time {
              line-height: 5.859vw;
              font-size: 2.734vw;
              padding-right: 5.469vw; }
            body.top #contents .news .wrap .archives a header p {
              font-size: 2.441vw;
              width: 27.93vw;
              height: 5.859vw;
              line-height: 5.859vw; }
          body.top #contents .news .wrap .archives a article {
            padding: 0 5.859vw 0vw; }
            body.top #contents .news .wrap .archives a article h2 {
              font-size: 3.223vw;
              line-height: 6.836vw;
              padding: 7.031vw 0 8.398vw;
              margin: -1.954vw 0 -1.954vw; }
            body.top #contents .news .wrap .archives a article figure {
              height: 36.719vw; }
            body.top #contents .news .wrap .archives a article p {
              font-size: 2.93vw;
              line-height: 6.836vw;
              padding: 4.492vw 0 0; }
        body.top #contents .news .wrap .archives a:hover {
          background-color: rgba(255, 255, 255, 0); }
      body.top #contents .news .wrap .inner {
        position: relative;
        width: 100%;
        margin: 0 auto; }
        body.top #contents .news .wrap .inner .btn {
          text-align: center;
          padding: 0; }
          body.top #contents .news .wrap .inner .btn a {
            font-size: 3.32vw;
            padding: 0 9.18vw 0 0; }
            body.top #contents .news .wrap .inner .btn a::before {
              content: '';
              width: 1.953vw;
              height: 1.953vw;
              border-bottom: 0.391vw solid #fff;
              border-right: 0.391vw solid #fff;
              position: absolute;
              right: 0;
              top: 50%;
              transform: translate(0, -60%) rotate(-45deg); }
          body.top #contents .news .wrap .inner .btn a:hover {
            opacity: 1; }
        body.top #contents .news .wrap .inner .swiper-nav {
          position: relative;
          margin: 0 auto;
          width: 100%;
          padding: 7.227vw 0 12.695vw;
          text-align: center;
          display: block; }
          body.top #contents .news .wrap .inner .swiper-nav [class*='swiper-button'] {
            position: static;
            display: inline-block;
            margin: 0 2.93vw;
            outline: none !important; }
          body.top #contents .news .wrap .inner .swiper-nav [class*='swiper-button-prev'] {
            background: url("/wp-content/themes/frich-quest_pc/assets/img/top/btn_prev_pickup@sp.png") no-repeat left top;
            width: 8.203vw;
            height: 8.203vw;
            background-color: none;
            background-size: cover; }
          body.top #contents .news .wrap .inner .swiper-nav [class*='swiper-button-next'] {
            background: url("/wp-content/themes/frich-quest_pc/assets/img/top/btn_next_pickup@sp.png") no-repeat left top;
            width: 8.203vw;
            height: 8.203vw;
            background-size: cover; }
  body.top #contents .pickup .wrap {
    background: url("/wp-content/themes/frich-quest_pc/assets/img/top/bg_pickup@sp.jpg") no-repeat center top/100% 144.922vw;
    padding: 25.684vw 0 0;
    height: 144.922vw;
    overflow: hidden; }
    body.top #contents .pickup .wrap h2 img {
      width: 100%;
      height: auto;
      margin: 0 auto; }
    body.top #contents .pickup .wrap .slider_wrap.pc-item {
      display: none; }
    body.top #contents .pickup .wrap .slider_wrap.sp-item {
      display: block; }
    body.top #contents .pickup .wrap .swiper-container {
      width: 100vw;
      margin: 11.719vw auto 0;
      padding-right: 1px;
      padding: 0 10.938vw; }
    body.top #contents .pickup .wrap .archives {
      text-align: center;
      display: flex;
      border-left: 1px solid #838181;
      position: relative;
      left: 0vw; }
      body.top #contents .pickup .wrap .archives .item {
        width: 78.125vw !important;
        height: inherit;
        border: 1px solid #838181;
        border-left: none; }
        body.top #contents .pickup .wrap .archives .item a {
          display: inline-flex;
          width: 100%;
          position: relative;
          padding: 9.766vw 9.766vw 4.883vw;
          height: 100%; }
          body.top #contents .pickup .wrap .archives .item a figure {
            width: 58.594vw;
            height: 33.008vw; }
          body.top #contents .pickup .wrap .archives .item a header {
            display: flex;
            justify-content: flex-start;
            padding: 30px 0 0; }
            body.top #contents .pickup .wrap .archives .item a header p {
              line-height: 24px;
              width: 104px;
              text-align: center;
              color: #000;
              font-size: 10px;
              letter-spacing: 0.1em;
              text-indent: 0.1em; }
              body.top #contents .pickup .wrap .archives .item a header p span {
                display: block;
                background: #dccf92;
                width: 104px;
                background: linear-gradient(to bottom left, #fefdc3, #b2a07d); }
            body.top #contents .pickup .wrap .archives .item a header h2 {
              font-size: 13px;
              letter-spacing: 0.1em;
              text-indent: 0.1em;
              line-height: 24px;
              padding: 0 0 0 15px;
              text-align: left; }
      body.top #contents .pickup .wrap .archives .item a {
        border-left: none; }
      body.top #contents .pickup .wrap .archives .item a::after {
        content: '';
        width: calc(100% - 1px);
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        background: rgba(255, 255, 255, 0.82);
        opacity: 0;
        transition: 0.6s;
        z-index: -1; }
      body.top #contents .pickup .wrap .archives .item a:hover::after {
        opacity: 1; }
    body.top #contents .pickup .wrap .swiper-nav {
      position: relative;
      margin: 0 auto;
      width: 100vw;
      padding: 11.719vw 0 0;
      text-align: center; }
      body.top #contents .pickup .wrap .swiper-nav [class*='swiper-button'] {
        position: static;
        display: inline-block;
        margin: 0 2.93vw;
        outline: none !important; }
      body.top #contents .pickup .wrap .swiper-nav [class*='swiper-button-prev'] {
        background: url("/wp-content/themes/frich-quest_pc/assets/img/top/btn_prev@sp.png") no-repeat left top;
        width: 8.203vw;
        height: 8.203vw;
        background-color: none;
        background-size: cover; }
      body.top #contents .pickup .wrap .swiper-nav [class*='swiper-button-next'] {
        background: url("/wp-content/themes/frich-quest_pc/assets/img/top/btn_next@sp.png") no-repeat left top;
        width: 8.203vw;
        height: 8.203vw;
        background-size: cover; }
  body.top #contents .globe {
    height: 93.945vw;
    overflow: hidden;
    margin-top: 20.996vw; }
    body.top #contents .globe .bg {
      width: 95.313vw;
      height: 78.125vw;
      position: absolute;
      left: inherit;
      top: 15.82vw;
      right: 0;
      margin-left: 0;
      background: url("/wp-content/themes/frich-quest_pc/assets/img/top/globe_img@sp.jpg") no-repeat center center/95.313vw 78.125vw; }
    body.top #contents .globe .texts {
      width: 80.371vw;
      height: 42.188vw;
      background: url("/wp-content/themes/frich-quest_pc/assets/img/top/globe_texts@sp.png") no-repeat left top/100% 100%;
      position: absolute;
      right: inherit;
      left: 0;
      top: 0;
      z-index: 10; }
      body.top #contents .globe .texts .btn {
        position: absolute;
        left: 6.836vw;
        top: 30.273vw; }
        body.top #contents .globe .texts .btn img {
          height: 6.445vw;
          width: 58.594vw; }
  body.top #contents .society {
    height: 95.703vw;
    overflow: hidden;
    margin-top: 20.996vw; }
    body.top #contents .society .bg {
      width: 95.117vw;
      height: 78.125vw;
      position: absolute;
      right: inherit;
      left: 0;
      top: 17.578vw;
      margin-right: -0;
      background: url("/wp-content/themes/frich-quest_pc/assets/img/top/society_img@sp.jpg") no-repeat center center/95.117vw 78.125vw;
      z-index: 0; }
    body.top #contents .society .texts {
      width: 66.406vw;
      height: 42.188vw;
      background: url("/wp-content/themes/frich-quest_pc/assets/img/top/society_texts@sp.png") no-repeat left top/100% 100%;
      position: absolute;
      left: inherit;
      right: 0;
      top: 0;
      z-index: 10; }
      body.top #contents .society .texts .btn {
        position: absolute;
        left: 5.957vw;
        top: 30.273vw; }
        body.top #contents .society .texts .btn img {
          height: 6.445vw;
          width: 46.484vw; }
  body.top #contents .end_copy {
    height: 146.289vw;
    position: relative;
    padding: 35.84vw 0 0; }
    body.top #contents .end_copy::before {
      content: '';
      background: url("/wp-content/themes/frich-quest_pc/assets/img/top/bg_endcopy@sp.jpg") no-repeat center bottom/100% auto;
      height: 145.605vw;
      position: absolute;
      left: 0;
      bottom: 0;
      margin-left: 0;
      width: 100%; }
    body.top #contents .end_copy h2 {
      background: url("/wp-content/themes/frich-quest_pc/assets/img/top/endcopy@sp.png") no-repeat center top/100% 100%;
      height: 50.781vw; }
    body.top #contents .end_copy p {
      font-size: 2.344vw;
      text-align: center;
      margin-top: 11.719vw; } }
/****
  animation
***************************/
@media screen and (min-width: 1024px) {
  /***
  	pc
  ******************************************************/
  body.top #contents .copy .wrap div:nth-child(1)::after {
    opacity: 0;
    transform: translate(70px, -25px) scale(1.2); }
  body.top #contents .copy .wrap::after {
    transform: rotateX(90deg); }
  body.top #contents .copy .wrap p {
    opacity: 0;
    transform: translateX(30px); }
  body.top #contents .about .bg {
    opacity: 0;
    filter: brightness(1.5); }
  body.top #contents .about .texts {
    transform: translateX(50px);
    opacity: 0; }
  body.top #contents .president .bg {
    opacity: 0;
    filter: brightness(1.5); }
  body.top #contents .president .texts {
    transform: translateX(-50px);
    opacity: 0; }
  body.top #contents .aquarium {
    overflow: hidden; }
    body.top #contents .aquarium .wrap {
      opacity: 0;
      filter: brightness(1.5); }
    body.top #contents .aquarium .texts {
      transform: translateX(50px);
      opacity: 0; }
    body.top #contents .aquarium .vertical::after {
      content: '';
      width: 100%;
      height: 200%;
      background: linear-gradient(rgba(238, 238, 238, 0) 0%, #eeeeee 50%);
      position: absolute;
      left: 50%;
      bottom: 0;
      transform: translate(-50%, 0); }
  body.top #contents .news .wrap {
    opacity: 0;
    filter: brightness(0.5);
    transform: translate(0, 0); }
  body.top #contents .news h2 {
    transform: scale(1) translateY(20px);
    opacity: 0; }
  body.top #contents .news .archives {
    transform: translateY(50px);
    opacity: 0; }
  body.top #contents .pickup .wrap {
    opacity: 0;
    filter: brightness(1.2);
    transform: translate(0, 0); }
  body.top #contents .pickup h2 {
    transform: scale(1) translateY(20px);
    opacity: 0; }
  body.top #contents .pickup .slider_wrap {
    transform: translateY(0px);
    opacity: 0; }
  body.top #contents .globe .bg {
    opacity: 0;
    filter: brightness(1.5); }
  body.top #contents .globe .texts {
    transform: translateX(-50px);
    opacity: 0; }
  body.top #contents .society .bg {
    opacity: 0;
    filter: brightness(1.5); }
  body.top #contents .society .texts {
    transform: translateX(50px);
    opacity: 0; }
  body.top #contents .end_copy h2, body.top #contents .end_copy p {
    transform: translateY(50px);
    opacity: 0; }

  body.top.windowloaded #contents .copy .wrap.animated div:nth-child(1)::after {
    opacity: 1;
    transform: scale(1);
    transition: 2s 0s cubic-bezier(0.19, 1, 0.22, 1); }
  body.top.windowloaded #contents .copy .wrap.animated::after {
    transform: rotateX(0deg);
    transition: transform 0.75s 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  body.top.windowloaded #contents .copy .wrap.animated p:nth-child(1) {
    opacity: 1;
    transform: translateX(0);
    transition: 1s 0.86s cubic-bezier(0.215, 0.61, 0.355, 1); }
  body.top.windowloaded #contents .copy .wrap.animated p:nth-child(2) {
    opacity: 1;
    transform: translateX(0);
    transition: 1s 0.92s cubic-bezier(0.215, 0.61, 0.355, 1); }
  body.top.windowloaded #contents .copy .wrap.animated p:nth-child(3) {
    opacity: 1;
    transform: translateX(0);
    transition: 1s 0.98s cubic-bezier(0.215, 0.61, 0.355, 1); }
  body.top.windowloaded #contents .about .wrap.animated .bg {
    opacity: 1;
    filter: brightness(1);
    transition: 1s 0s cubic-bezier(0.215, 0.61, 0.355, 1); }
  body.top.windowloaded #contents .about .wrap.animated .texts {
    transform: translateX(0);
    opacity: 1;
    transition: 1.5s 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); }
  body.top.windowloaded #contents .president .wrap.animated .bg {
    opacity: 1;
    filter: brightness(1);
    transition: 1s 0s cubic-bezier(0.215, 0.61, 0.355, 1); }
  body.top.windowloaded #contents .president .wrap.animated .texts {
    transform: translateX(0);
    opacity: 1;
    transition: 1.5s 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); }
  body.top.windowloaded #contents .aquarium .wrap.animated {
    opacity: 1;
    filter: brightness(1);
    transition: 1s 0s cubic-bezier(0.215, 0.61, 0.355, 1); }
    body.top.windowloaded #contents .aquarium .wrap.animated .texts {
      transform: translateX(0);
      opacity: 1;
      transition: 1.5s 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); }
  body.top.windowloaded #contents .aquarium .vertical.animated::after {
    transform: translate(-50%, 100%);
    transition: 10s 0s cubic-bezier(0.19, 1, 0.22, 1); }
  body.top.windowloaded #contents .news .wrap.animated {
    opacity: 1;
    filter: brightness(1);
    transition: 1s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate(0, 0); }
  body.top.windowloaded #contents .news .wrap.animated h2 {
    opacity: 1;
    transition: 1.2s 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate(0, 0); }
  body.top.windowloaded #contents .news .wrap.animated .archives {
    opacity: 1;
    transition: 1.5s 1s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate(0, 0); }
  body.top.windowloaded #contents .pickup .wrap.animated {
    opacity: 1;
    filter: brightness(1);
    transition: 1s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate(0, 0); }
  body.top.windowloaded #contents .pickup .wrap.animated h2 {
    opacity: 1;
    transition: 1.2s 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate(0, 0); }
  body.top.windowloaded #contents .pickup .wrap.animated .slider_wrap {
    opacity: 1;
    transition: 1.5s 1s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate(0, 0); }
  body.top.windowloaded #contents .globe .wrap.animated .bg {
    opacity: 1;
    filter: brightness(1);
    transition: 1s 0s cubic-bezier(0.215, 0.61, 0.355, 1); }
  body.top.windowloaded #contents .globe .wrap.animated .texts {
    transform: translateX(0);
    opacity: 1;
    transition: 1.5s 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); }
  body.top.windowloaded #contents .society .wrap.animated .bg {
    opacity: 1;
    filter: brightness(1);
    transition: 1s 0s cubic-bezier(0.215, 0.61, 0.355, 1); }
  body.top.windowloaded #contents .society .wrap.animated .texts {
    transform: translateX(0);
    opacity: 1;
    transition: 1.5s 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); }
  body.top.windowloaded #contents .end_copy h2.animated, body.top.windowloaded #contents .end_copy p.animated {
    ttransform: translateX(0);
    opacity: 1;
    transition: 1.5s 0s cubic-bezier(0.215, 0.61, 0.355, 1); } }
@media screen and (max-width: 1023px) {
  /***
  	sp 
  ******************************************************/
  body.top #contents .copy .wrap::before {
    opacity: 0;
    transform: translate(0, 0) scale(1.2); }
  body.top #contents .copy .wrap div:nth-child(1)::after {
    opacity: 0;
    transform: translate(0, 0) scale(1.2); }
  body.top #contents .copy .wrap::after {
    transform: rotateY(90deg); }
  body.top #contents .copy .wrap p {
    opacity: 0;
    transform: translateY(5vw); }
  body.top #contents .about .bg {
    opacity: 0;
    filter: brightness(1.5); }
  body.top #contents .about .texts {
    transform: translateX(5vw);
    opacity: 0; }
  body.top #contents .president .bg {
    opacity: 0;
    filter: brightness(1.5); }
  body.top #contents .president .texts {
    transform: translateX(-5vw);
    opacity: 0; }
  body.top #contents .aquarium {
    overflow: hidden; }
    body.top #contents .aquarium .wrap {
      opacity: 0;
      filter: brightness(1.5); }
    body.top #contents .aquarium .texts {
      transform: translateX(5vw);
      opacity: 0; }
    body.top #contents .aquarium .vertical::after {
      content: '';
      width: 100%;
      height: 200%;
      background: linear-gradient(rgba(238, 238, 238, 0) 0%, #eeeeee 50%);
      position: absolute;
      left: 50%;
      bottom: 0;
      transform: translate(-50%, 0); }
  body.top #contents .news .wrap {
    opacity: 0;
    filter: brightness(0.5);
    transform: translate(0, 0); }
  body.top #contents .news .inner {
    transform: translateY(5vw);
    opacity: 0; }
  body.top #contents .pickup .wrap {
    opacity: 0;
    filter: brightness(1.2);
    transform: translate(0, 0); }
  body.top #contents .pickup h2 {
    transform: scale(1) translateY(5vw);
    opacity: 0; }
  body.top #contents .pickup .slider_wrap {
    transform: translateY(5vw);
    opacity: 0; }
  body.top #contents .globe .texts {
    transform: translateX(-5vw);
    opacity: 0; }
  body.top #contents .globe .bg {
    opacity: 0;
    filter: brightness(0.5);
    transform: translateX(0px); }
  body.top #contents .society .bg {
    opacity: 0;
    filter: brightness(0.5);
    transform: translateX(0px); }
  body.top #contents .society .texts {
    transform: translateX(5vw);
    opacity: 0; }
  body.top #contents .end_copy h2, body.top #contents .end_copy p {
    transform: translateY(5vw);
    opacity: 0; }

  body.top.windowloaded #contents .copy .wrap.animated::before {
    transform: rotateX(0deg);
    opacity: 1;
    transition: 1.2s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  body.top.windowloaded #contents .copy .wrap.animated::after {
    transform: rotateX(0deg);
    transition: transform 1.2s 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  body.top.windowloaded #contents .copy .wrap.animated div:nth-child(1)::after {
    opacity: 1;
    transform: scale(1);
    transition: 2s 0.2s cubic-bezier(0.19, 1, 0.22, 1); }
  body.top.windowloaded #contents .copy .wrap.animated div.animated p:nth-child(1) {
    opacity: 1;
    transform: translateX(0);
    transition: 1.2s 0.06s cubic-bezier(0.215, 0.61, 0.355, 1); }
  body.top.windowloaded #contents .copy .wrap.animated div.animated p:nth-child(2) {
    opacity: 1;
    transform: translateX(0);
    transition: 1.2s 0.18s cubic-bezier(0.215, 0.61, 0.355, 1); }
  body.top.windowloaded #contents .copy .wrap.animated div.animated p:nth-child(3) {
    opacity: 1;
    transform: translateX(0);
    transition: 1.2s 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); }
  body.top.windowloaded #contents .about .wrap.animated .bg {
    opacity: 1;
    filter: brightness(1);
    transition: 2s 0s cubic-bezier(0.215, 0.61, 0.355, 1); }
  body.top.windowloaded #contents .about .wrap.animated .texts {
    transform: translateX(0);
    opacity: 1;
    transition: 1.5s 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); }
  body.top.windowloaded #contents .president .wrap.animated .bg {
    opacity: 1;
    filter: brightness(1);
    transition: 2s 0s cubic-bezier(0.215, 0.61, 0.355, 1); }
  body.top.windowloaded #contents .president .wrap.animated .texts {
    transform: translateX(0);
    opacity: 1;
    transition: 1.5s 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); }
  body.top.windowloaded #contents .aquarium .wrap.animated {
    opacity: 1;
    filter: brightness(1);
    transition: 2s 0s cubic-bezier(0.215, 0.61, 0.355, 1); }
    body.top.windowloaded #contents .aquarium .wrap.animated .texts {
      transform: translateX(0);
      opacity: 1;
      transition: 1.5s 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); }
  body.top.windowloaded #contents .aquarium .vertical.animated::after {
    transform: translate(-50%, 100%);
    transition: 15s 0.15s cubic-bezier(0.19, 1, 0.22, 1); }
  body.top.windowloaded #contents .news .wrap.animated {
    opacity: 1;
    filter: brightness(1);
    transition: 2s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate(0, 0); }
  body.top.windowloaded #contents .news .wrap.animated .inner {
    opacity: 1;
    transition: 2s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate(0, 0); }
  body.top.windowloaded #contents .pickup .wrap.animated {
    opacity: 1;
    filter: brightness(1);
    transition: 2s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate(0, 0); }
  body.top.windowloaded #contents .pickup .wrap.animated h2 {
    opacity: 1;
    transition: 2.5s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate(0, 0); }
  body.top.windowloaded #contents .pickup .wrap.animated .slider_wrap {
    opacity: 1;
    transition: 2s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate(0, 0); }
  body.top.windowloaded #contents .globe .wrap.animated .bg {
    opacity: 1;
    filter: brightness(1);
    transform: translateX(0);
    transition: 2s 0s cubic-bezier(0.215, 0.61, 0.355, 1); }
  body.top.windowloaded #contents .globe .wrap.animated .texts {
    transform: translateX(0);
    opacity: 1;
    transition: 1.5s 0s cubic-bezier(0.215, 0.61, 0.355, 1); }
  body.top.windowloaded #contents .society .wrap.animated .bg {
    opacity: 1;
    filter: brightness(1);
    transform: translateX(0);
    transition: 2s 0s cubic-bezier(0.215, 0.61, 0.355, 1); }
  body.top.windowloaded #contents .society .wrap.animated .texts {
    transform: translateX(0);
    opacity: 1;
    transition: 1.5s 0s cubic-bezier(0.215, 0.61, 0.355, 1); }
  body.top.windowloaded #contents .end_copy h2.animated,
  body.top.windowloaded #contents .end_copy p.animated {
    transform: translateY(0);
    opacity: 1;
    transition: 2s 0s cubic-bezier(0.215, 0.61, 0.355, 1); } }