@charset "UTF-8";
.end {
  font-family: 'Press Start 2P', cursive; }

body {
  background: #01143c; }

/* ==========================================================================
	animations
========================================================================== */
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg); } }
@keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg); } }
@-webkit-keyframes rerotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }
@keyframes rerotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }
@-webkit-keyframes swing {
  0%,100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg); } }
@keyframes swing {
  0%,100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg); } }
@keyframes ff {
  0% {
    -webkit-transform: translateY(100px) scale(0.3);
            transform: translateY(100px) scale(0.3);
    opacity: 0; }
  45% {
    -webkit-transform: translateY(60px) scale(0.3);
            transform: translateY(60px) scale(0.3);
    opacity: 0; }
  75% {
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
    opacity: 100; }
  76% {
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
    opacity: 90; }
  100% {
    -webkit-transform: translateY(0) scale(1.3);
            transform: translateY(0) scale(1.3);
    opacity: 0; } }
@-webkit-keyframes ff {
  0% {
    -webkit-transform: translateY(100px) scale(0.3);
            transform: translateY(100px) scale(0.3);
    opacity: 0; }
  40% {
    -webkit-transform: translateY(50px) scale(0.3);
            transform: translateY(50px) scale(0.3);
    opacity: 0; }
  85% {
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
    opacity: 100; }
  100% {
    -webkit-transform: translateY(0) scale(1.1);
            transform: translateY(0) scale(1.1);
    opacity: 0; } }
@-webkit-keyframes op {
  0%,100% {
    opacity: 100; }
  25%,75% {
    opacity: .2; }
  50% {
    opacity: .6; } }
@keyframes op {
  0%,100% {
    opacity: 100; }
  25%,75% {
    opacity: .2; }
  50% {
    opacity: .6; } }
@-webkit-keyframes fwfw {
  0%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  50% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); } }
@keyframes fwfw {
  0%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  50% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); } }
@-webkit-keyframes fwfw02 {
  0%, 100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  50% {
    -webkit-transform: translate(20px, 10px);
            transform: translate(20px, 10px); } }
@keyframes fwfw02 {
  0%, 100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  50% {
    -webkit-transform: translate(20px, 10px);
            transform: translate(20px, 10px); } }
@keyframes fwfw03 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  50% {
    -webkit-transform: translate(10%, 20%);
            transform: translate(10%, 20%); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }
@-webkit-keyframes fwfw03 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  50% {
    -webkit-transform: translate(10%, 20%);
            transform: translate(10%, 20%); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }
@-webkit-keyframes lrlr {
  0%, 100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  50% {
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px); } }
@keyframes lrlr {
  0%, 100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  50% {
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px); } }
@-webkit-keyframes yryr {
  0%,50%,100% {
    -webkit-transform: rotate(20deg);
            transform: rotate(20deg); }
  25%,75% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg); } }
@keyframes yryr {
  0%,50%,100% {
    -webkit-transform: rotate(20deg);
            transform: rotate(20deg); }
  25%,75% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg); } }
@-webkit-keyframes yryr02 {
  0%,50%,100% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg); }
  25%,75% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg); } }
@keyframes yryr02 {
  0%,50%,100% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg); }
  25%,75% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg); } }
@-webkit-keyframes fwfw04 {
  0%, 100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  50% {
    -webkit-transform: translate(10px, 15px);
            transform: translate(10px, 15px); } }
@keyframes fwfw04 {
  0%, 100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  50% {
    -webkit-transform: translate(10px, 15px);
            transform: translate(10px, 15px); } }
@keyframes krkr {
  0% {
    -webkit-transform: rotateY(0);
            transform: rotateY(0); }
  100% {
    -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg); } }
@-webkit-keyframes krkr {
  0% {
    -webkit-transform: rotateY(0);
            transform: rotateY(0); }
  100% {
    -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg); } }
@-webkit-keyframes omote {
  0% {
    opacity: 0.0;
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg); }
  50% {
    -webkit-transform: rotateY(90deg);
            transform: rotateY(90deg);
    opacity: 0.0; }
  51% {
    opacity: 1.0; }
  100% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
    opacity: 1.0; } }
@keyframes omote {
  0% {
    opacity: 0.0;
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg); }
  50% {
    -webkit-transform: rotateY(90deg);
            transform: rotateY(90deg);
    opacity: 0.0; }
  51% {
    opacity: 1.0; }
  100% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
    opacity: 1.0; } }
@-webkit-keyframes ura {
  0% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
    opacity: 1.0; }
  50% {
    -webkit-transform: rotateY(90deg);
            transform: rotateY(90deg);
    opacity: 1.0; }
  51% {
    opacity: 0.0; }
  100% {
    opacity: 0.0; } }
@keyframes ura {
  0% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
    opacity: 1.0; }
  50% {
    -webkit-transform: rotateY(90deg);
            transform: rotateY(90deg);
    opacity: 1.0; }
  51% {
    opacity: 0.0; }
  100% {
    opacity: 0.0; } }
/* ==========================================================================
	h_mv
========================================================================== */
#h_mv {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 635px; }
  #h_mv .tit_area .s_tit {
    color: var(--base-link-color); }
  #h_mv .tit_area .tit {
    width: 413px;
    margin: 0 auto 40px; }
  #h_mv .tit_area .inr {
    padding-bottom: 70px; }
  #h_mv .mv_illust {
    position: absolute;
    width: 245px;
    left: 0;
    right: 0;
    bottom: -20px;
    margin: auto;
    -webkit-transform: translateX(-15px);
            transform: translateX(-15px);
    z-index: 70; }
    #h_mv .mv_illust .hv_txt {
      width: 100px;
      height: 100px;
      top: -110px;
      right: 66px; }
      #h_mv .mv_illust .hv_txt:before {
        -webkit-transform: scale(1, 1);
                transform: scale(1, 1);
        left: 32px; }

@media screen and (max-width: 800px) {
  #h_mv {
    height: 345px;
    position: absolute; }
    #h_mv:before {
      display: none; }
    #h_mv .mv_illust {
      width: 148px;
      left: 18.9vw;
      right: auto;
      -webkit-transform: translateX(0);
              transform: translateX(0);
      bottom: -17px; }
      #h_mv .mv_illust .hv_txt {
        width: 65px;
        height: 65px;
        top: -71px;
        right: -52px; }
        #h_mv .mv_illust .hv_txt:before {
          left: 23px; }
    #h_mv .tit_area {
      padding-top: 47px;
      padding-bottom: 60px;
      padding-left: 8.8vw; }
      #h_mv .tit_area .tit {
        width: 222px;
        margin: 0 0 35px; }
      #h_mv .tit_area .s_tit {
        font-size: 16px; }
      #h_mv .tit_area .inr {
        padding-bottom: 0; } }
/* ==========================================================================
	fv
========================================================================== */
.fv {
  position: relative;
  width: 100%;
  z-index: 5; }

.fv_area {
  position: relative;
  margin-top: 80px;
  background: url(../image/about/mv.jpg) center center;
  width: 100%;
  /*
  z-index: 5;
  */
  min-height: 943px; }
  .fv_area .con_inr {
    position: relative;
    width: 100%;
    max-width: 1920px;
    min-height: 943px; }
    .fv_area .con_inr:before {
      content: "";
      display: block;
      padding-top: 67.36%; }
  .fv_area:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 150px;
    background: #01143c;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(1, 20, 60, 0)), to(#01143c));
    background: linear-gradient(180deg, rgba(1, 20, 60, 0) 0%, #01143c 100%);
    z-index: 5; }
  .fv_area .illusts {
    position: absolute;
    left: 50%;
    top: 0;
    margin: auto;
    min-width: 1400px;
    width: 100%;
    z-index: 10;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }
  .fv_area .m-illust01 {
    position: absolute;
    width: calc((800/2800)*100%);
    height: calc((394/1894)*100%);
    left: calc((1232/2800)*100%);
    top: calc((227/1894)*100%);
    z-index: 10; }
    .fv_area .m-illust01 span {
      display: block;
      position: absolute;
      right: 0;
      top: 0;
      z-index: 20;
      -webkit-animation: 6s op ease-out infinite;
      animation: 6s op ease-out infinite; }
  .fv_area .m-illust02 {
    position: absolute;
    width: calc((374/2800)*100%);
    height: calc((370/1894)*100%);
    right: calc((243/2800)*100%);
    top: calc((245/1894)*100%);
    -webkit-animation: 7s yryr infinite;
    animation: 7s yryr infinite;
    z-index: 10; }
  .fv_area .m-illust03 {
    position: absolute;
    width: calc((218/2800)*100%);
    height: calc((158/1894)*100%);
    right: calc((771/2800)*100%);
    top: calc((637/1894)*100%);
    z-index: 10;
    -webkit-animation: 6s fwfw04 infinite;
    animation: 6s fwfw04 infinite; }
  .fv_area .m-illust04 {
    position: absolute;
    width: calc((220/2800)*100%);
    height: calc((196/1894)*100%);
    left: calc((1415/2800)*100%);
    top: calc((903/1894)*100%);
    -webkit-animation: 3s fwfw infinite;
    animation: 3s fwfw infinite;
    z-index: 10; }
    .fv_area .m-illust04 .hv_txt {
      width: 80px;
      height: 80px;
      right: -58px;
      top: -78px; }
    .fv_area .m-illust04 .move.hv_txt {
      -webkit-transition-delay: .7;
              transition-delay: .7; }
  .fv_area .m-illust05 {
    position: absolute;
    width: calc((928/2800)*100%);
    height: calc((270/1894)*100%);
    right: calc((89/2800)*100%);
    top: calc((898/1894)*100%);
    -webkit-animation: 4.2s fwfw03 infinite;
    animation: 4.2s fwfw03 infinite;
    z-index: 10; }
    .fv_area .m-illust05 .hv_txt {
      width: 90px;
      height: 90px;
      right: 107px;
      top: -90px; }
      .fv_area .m-illust05 .hv_txt:before {
        -webkit-transform: scale(-1, 1);
                transform: scale(-1, 1);
        left: 43px; }
    .fv_area .m-illust05 .move.hv_txt {
      -webkit-transition-delay: .7;
              transition-delay: .7; }
  .fv_area .m-illust06 {
    position: absolute;
    width: calc((310/2800)*100%);
    height: calc((310/1894)*100%);
    left: calc((751/2800)*100%);
    bottom: calc((327/1894)*100%);
    -webkit-animation: 5s fwfw infinite;
    animation: 5s fwfw infinite;
    z-index: 10; }
  .fv_area .m-illust07 {
    position: absolute;
    width: calc((214/2800)*100%);
    height: calc((134/1894)*100%);
    left: calc((87/2800)*100%);
    bottom: calc((326/1894)*100%);
    -webkit-animation: 4.2s fwfw02 infinite;
    animation: 4.2s fwfw02 infinite;
    z-index: 10; }
  .fv_area .m-illust08 {
    position: absolute;
    width: calc((200/2800)*100%);
    height: calc((188/1894)*100%);
    right: calc((564/2800)*100%);
    bottom: calc((106/1894)*100%);
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
    -webkit-animation: 8s yryr infinite;
    animation: 8s yryr infinite;
    z-index: 10; }
  .fv_area .ff-illust {
    position: absolute;
    width: calc((200/2800)*100%);
    height: calc((188/1894)*100%);
    position: absolute;
    -webkit-animation: 4s ff ease-out infinite;
    animation: 4s ff ease-out infinite;
    -webkit-transform: translateY(80px);
    transform: translateY(80px);
    opacity: 0;
    z-index: 10; }
  .fv_area .ff01 {
    width: calc((224/2800)*100%);
    height: calc((190/1894)*100%);
    left: calc((1364/2800)*100%);
    top: calc((161/1894)*100%); }
  .fv_area .ff02 {
    width: calc((362/2800)*100%);
    height: calc((338/1894)*100%);
    right: calc((40/2800)*-100%);
    bottom: calc((279/1894)*100%);
    -webkit-animation-delay: .5s;
    animation-delay: .5s; }
  .fv_area h2 {
    position: absolute;
    top: calc((1469/1894)*100%);
    width: 100%;
    text-align: center;
    z-index: 20; }
    .fv_area h2 span {
      -webkit-transition: all 0.4s var(--easePopUp);
      transition: all 0.4s var(--easePopUp);
      opacity: 0;
      -webkit-transform: translate(-16.49%, 50px);
              transform: translate(-16.49%, 50px); }
  .fv_area .fv_tit01 {
    display: block;
    margin: 0 auto 23px;
    width: 396px;
    width: clamp(282.8571428571px, 28.2857142857vw, 543.0857142857px);
    -webkit-transform: translate(-4.62%, 50px);
            transform: translate(-4.62%, 50px); }
  .fv_area .fv_tit02 {
    display: block;
    margin: 0 auto 23px;
    width: 394px;
    width: clamp(281.4285714286px, 28.1428571429vw, 540.3428571429px);
    -webkit-transform: translate(17.76%, 50px);
            transform: translate(17.76%, 50px); }
  .fv_area .fv_tit03 {
    display: block;
    margin: 0 auto 23px;
    width: 401px;
    width: clamp(286.4285714286px, 28.6428571429vw, 549.9428571429px);
    -webkit-transform: translate(-13.46%, 50px);
            transform: translate(-13.46%, 50px); }
  .fv_area .fv_tit04 {
    display: block;
    margin: 0 auto;
    width: 414px;
    width: clamp(290px, 29vw, 556.8px);
    -webkit-transform: translate(10.14%, 50px);
            transform: translate(10.14%, 50px); }
  .fv_area .move span {
    -webkit-transition: all 0.4s var(--easePopUp);
    transition: all 0.4s var(--easePopUp);
    opacity: 100; }
  .fv_area .move .fv_tit01 {
    -webkit-transform: translate(-4.62%, 0);
            transform: translate(-4.62%, 0); }
  .fv_area .move .fv_tit02 {
    -webkit-transform: translate(17.76%, 0);
            transform: translate(17.76%, 0);
    -webkit-transition-delay: .4s;
            transition-delay: .4s; }
  .fv_area .move .fv_tit03 {
    -webkit-transform: translate(-13.46%, 0);
            transform: translate(-13.46%, 0);
    -webkit-transition-delay: .8s;
            transition-delay: .8s; }
  .fv_area .move .fv_tit04 {
    -webkit-transform: translate(10.14%, 0);
            transform: translate(10.14%, 0);
    -webkit-transition-delay: 1.2s;
            transition-delay: 1.2s; }
  .fv_area .earth_area {
    width: 100%;
    position: absolute;
    z-index: 10;
    top: calc((1612/1894)*100%);
    height: calc((1304/1894)*100%);
    /*
    top: calc((1370/1894)*100%);
    */ }
    .fv_area .earth_area .i-earth {
      position: absolute;
      width: 47.2%;
      left: -18.5%; }
      .fv_area .earth_area .i-earth img {
        -webkit-animation: 160s linear infinite rotate;
        animation: 160s linear infinite rotate; }
    .fv_area .earth_area .earth {
      display: block;
      position: absolute;
      right: -10%;
      top: 13.24%;
      width: 34.7%; }
      .fv_area .earth_area .earth img {
        -webkit-animation: 160s linear infinite rerotate;
        animation: 160s linear infinite rerotate; }
    .fv_area .earth_area .m-illust {
      position: absolute;
      width: calc((168/2800)*100%);
      height: calc((160/1894)*100%);
      right: calc((200/2800)*100%);
      top: calc((1455/1894)*100%);
      z-index: 30;
      -webkit-transform: rotate(-5deg);
      transform: rotate(-5deg);
      -webkit-animation: 6s yryr02 infinite;
      animation: 6s yryr02 infinite; }

@media screen and (max-width: 1000px) {
  .fv_area .m-illust04 {
    left: 520px; }

  .fv_area .m-illust05 {
    top: 550px; } }
@media screen and (max-width: 800px) {
  .fv_area {
    margin-top: 56px;
    padding-top: 353px;
    padding-bottom: 23.2vw;
    min-height: 100px;
    background-image: url(../image/about/mv_sp.jpg);
    background-size: cover; }
    .fv_area .con_inr {
      min-height: 100px; }
      .fv_area .con_inr:before {
        display: none; }
    .fv_area:after {
      height: 85px;
      height: 23.2vw; }
    .fv_area .illusts {
      position: relative;
      left: 0;
      min-width: 100%;
      width: 100%;
      -webkit-transform: translateX(0);
      transform: translateX(0); }
    .fv_area .m-illust04 {
      width: calc((115/750)*100%);
      height: calc((101/1030)*100%);
      left: calc((84/750)*100%);
      top: calc((130/1030)*100%); }
      .fv_area .m-illust04 .hv_txt {
        width: 55px;
        height: 55px;
        right: -39px;
        top: -56px; }
    .fv_area .m-illust05 {
      width: calc((480/750)*100%);
      height: calc((138/1030)*100%);
      left: calc((234/750)*100%);
      top: calc((60/1030)*100%); }
      .fv_area .m-illust05 .hv_txt {
        width: 65px;
        height: 65px;
        right: 52px;
        top: -60px; }
        .fv_area .m-illust05 .hv_txt:before {
          left: 29px; }
    .fv_area .m-illust06 {
      width: calc((135/750)*100%);
      height: calc((135/1030)*100%);
      left: calc((42/750)*100%);
      bottom: calc((407/1030)*100%); }
    .fv_area .m-illust07 {
      width: calc((93/750)*100%);
      height: calc((59/1030)*100%);
      left: calc((39/750)*100%);
      top: calc((362/1030)*100%);
      bottom: auto; }
    .fv_area .m-illust08 {
      width: calc((98/750)*100%);
      height: calc((92/1030)*100%);
      right: calc((297/750)*100%);
      bottom: calc((120/1030)*100%); }
    .fv_area .ff-illust {
      position: absolute;
      width: calc((200/2800)*100%);
      height: calc((188/1894)*100%);
      position: absolute;
      -webkit-animation: 4s ff ease-out infinite;
      animation: 4s ff ease-out infinite;
      -webkit-transform: translateY(80px);
      transform: translateY(80px);
      opacity: 0;
      z-index: 10; }
    .fv_area .ff02 {
      width: calc((203/750)*100%);
      height: calc((190/1030)*100%);
      right: calc((12/750)*-100%);
      top: calc((280/1030)*100%);
      bottom: auto; }
    .fv_area h2 {
      top: calc((381/1004)*100%); }
    .fv_area .fv_tit01 {
      margin-bottom: 3.06vw;
      width: calc((397/750)*100%);
      -webkit-transform: translate(-2.53%, 50px);
              transform: translate(-2.53%, 50px); }
    .fv_area .fv_tit02 {
      margin-bottom: 3.06vw;
      width: calc((395/750)*100%);
      -webkit-transform: translate(10.66%, 50px);
              transform: translate(10.66%, 50px); }
    .fv_area .fv_tit03 {
      margin-bottom: 3.06vw;
      width: calc((400/750)*100%);
      -webkit-transform: translate(-6.13%, 50px);
              transform: translate(-6.13%, 50px); }
    .fv_area .fv_tit04 {
      width: calc((414/750)*100%);
      -webkit-transform: translate(7.33%, 50px);
              transform: translate(7.33%, 50px); }
    .fv_area .move .fv_tit01 {
      -webkit-transform: translate(-2.53%, 0);
              transform: translate(-2.53%, 0); }
    .fv_area .move .fv_tit02 {
      -webkit-transform: translate(10.66%, 0);
              transform: translate(10.66%, 0);
      -webkit-transition-delay: .4s;
              transition-delay: .4s; }
    .fv_area .move .fv_tit03 {
      -webkit-transform: translate(-6.13%, 0);
              transform: translate(-6.13%, 0);
      -webkit-transition-delay: .8s;
              transition-delay: .8s; }
    .fv_area .move .fv_tit04 {
      -webkit-transform: translate(7.33%, 0);
              transform: translate(7.33%, 0);
      -webkit-transition-delay: 1.2s;
              transition-delay: 1.2s; }
    .fv_area .earth_area {
      width: 100%;
      position: absolute;
      z-index: 10;
      top: calc((698/1030)*100%);
      height: calc((561/1030)*100%); }
      .fv_area .earth_area .i-earth {
        position: absolute;
        width: 75.2%;
        left: -38.5%; }
      .fv_area .earth_area .earth {
        display: block;
        position: absolute;
        right: -23%;
        top: 13.24%;
        width: 55.6%; }
      .fv_area .earth_area .m-illust {
        width: calc((71/750)*100%);
        height: calc((67/1030)*100%);
        right: calc((26/750)*100%);
        top: calc((610/754)*100%);
        z-index: 100; } }
/* ==========================================================================
	sv
========================================================================== */
.sv {
  position: relative;
  padding-bottom: clamp(155px, 15.5vw, 297.6px);
  background: #01143c;
  text-align: center;
  /*
  z-index:4;
  */ }
  .sv .con_inr {
    width: 100%;
    max-width: 1920px;
    padding-top: clamp(91.4285714286px, 9.1428571429vw, 175.5428571429px); }
  .sv .c_txt {
    position: relative;
    font-size: 18px;
    font-size: clamp(18px, 1.2857142857vw, 23.04px);
    line-height: 2.22;
    color: #fff;
    font-weight: 700;
    letter-spacing: 0.1em;
    z-index: 10;
    margin-bottom: 40px;
    margin-bottom: clamp(28.5714285714px, 2.8571428571vw, 54.8571428571px); }
    .sv .c_txt span {
      font-size: 14px;
      font-size: clamp(14px, 1vw, 17.92px);
      font-weight: 700; }
  .sv .illusts_area {
    position: absolute;
    left: 50%;
    top: 0;
    margin: auto;
    width: 100%;
    max-width: 1750px;
    min-width: 1130px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 5; }
  .sv .illusts {
    position: relative;
    z-index: 5; }
  .sv .m-illust01 {
    position: absolute;
    width: calc((118/2800)*100%);
    height: calc((118/3052)*100%);
    right: calc((826/2800)*100%);
    top: calc((266/3052)*100%);
    z-index: 10;
    -webkit-animation: 3s fwfw infinite;
    animation: 3s fwfw infinite; }
  .sv .m-illust02 {
    position: absolute;
    width: calc((242/2800)*100%);
    height: calc((242/3052)*100%);
    right: calc((498/2800)*100%);
    top: calc((550/3052)*100%);
    z-index: 10;
    -webkit-animation: 4.5s fwfw infinite;
    animation: 4.5s fwfw infinite; }
  .sv .m-illust04 {
    position: absolute;
    width: calc((290/2800)*100%);
    height: calc((180/3052)*100%);
    left: calc((512/2800)*100%);
    top: calc((986/3052)*100%);
    z-index: 10;
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
    -webkit-animation: 8s yryr infinite;
    animation: 8s yryr infinite; }
  .sv .m-illust05 {
    position: absolute;
    width: calc((76/2800)*100%);
    height: calc((66/3052)*100%);
    left: calc((131/2800)*100%);
    top: calc((1227/3052)*100%);
    z-index: 10;
    -webkit-animation: 3s fwfw infinite;
    animation: 3s fwfw infinite; }
  .sv .m-illust06 {
    position: absolute;
    width: calc((122/2800)*100%);
    height: calc((130/3052)*100%);
    right: calc((143/2800)*100%);
    top: calc((1355/3052)*100%);
    z-index: 10;
    -webkit-animation: 4.5s fwfw infinite;
    animation: 4.5s fwfw infinite; }
  .sv .m-illust07 {
    position: absolute;
    width: calc((110/2800)*100%);
    height: calc((92/3052)*100%);
    left: calc((395/2800)*100%);
    bottom: calc((609/3052)*100%);
    z-index: 10;
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
    -webkit-animation: 6s yryr02 infinite;
    animation: 6s yryr02 infinite; }
  .sv .m-illust08 {
    position: absolute;
    width: calc((178/2800)*100%);
    height: calc((184/3052)*100%);
    left: calc((624/2800)*100%);
    bottom: calc((87/3052)*100%);
    z-index: 10;
    -webkit-animation: 5s fwfw infinite;
    animation: 5s fwfw infinite; }
    .sv .m-illust08 .hv_txt {
      width: 92px;
      height: 92px;
      right: -85px;
      top: -102px; }
  .sv .ff-illust {
    position: absolute;
    -webkit-animation: 4s ff ease-out infinite;
    animation: 4s ff ease-out infinite;
    -webkit-transform: translateY(80px);
    transform: translateY(80px);
    opacity: 0;
    z-index: 10; }
  .sv .ff01 {
    width: calc((224/2800)*100%);
    height: calc((190/3052)*100%);
    right: calc((469/2800)*100%);
    top: calc((1290/3052)*100%); }
  .sv .ff02 {
    width: calc((186/2800)*100%);
    height: calc((188/3052)*100%);
    left: calc((335/2800)*100%);
    bottom: calc((961/3052)*100%);
    -webkit-animation-delay: .5s;
    animation-delay: .5s; }
  .sv .ff03 {
    width: calc((292/2800)*100%);
    height: calc((274/3052)*100%);
    right: calc((296/2800)*100%);
    bottom: calc((537/3052)*100%);
    -webkit-animation-delay: .75s;
    animation-delay: .75s; }
  .sv .tommy {
    position: relative;
    margin: 0 auto;
    text-align: center; }
    .sv .tommy .img_area {
      position: relative;
      width: 167px;
      width: clamp(119.2857142857px, 11.9285714286vw, 229.0285714286px);
      margin: 0 auto; }
    .sv .tommy .move img {
      -webkit-transform: scale(1);
              transform: scale(1);
      -webkit-transition: -webkit-transform 0.4s var(--easePopUp);
      transition: -webkit-transform 0.4s var(--easePopUp);
      transition: transform 0.4s var(--easePopUp);
      transition: transform 0.4s var(--easePopUp), -webkit-transform 0.4s var(--easePopUp);
      -webkit-transition-delay: .4s;
              transition-delay: .4s; }
    .sv .tommy img {
      -webkit-transform: scale(0);
              transform: scale(0);
      border-radius: 200px;
      -webkit-transition: -webkit-transform 0.4s var(--easePopUp);
      transition: -webkit-transform 0.4s var(--easePopUp);
      transition: transform 0.4s var(--easePopUp);
      transition: transform 0.4s var(--easePopUp), -webkit-transform 0.4s var(--easePopUp);
      -webkit-transition-delay: .4s;
              transition-delay: .4s; }
    .sv .tommy .en {
      position: relative;
      font-size: 47px;
      font-weight: 700;
      color: var(--base-link-color);
      text-align: center;
      -webkit-transform: translateY(-21px);
              transform: translateY(-21px);
      letter-spacing: 0.1em;
      z-index: 10; }
    .sv .tommy .s_txt {
      font-size: 11px;
      font-weight: 700;
      color: #fff;
      letter-spacing: 0.1em; }
    .sv .tommy .n_txt {
      position: relative;
      font-size: 18px;
      font-weight: 700;
      color: #fff;
      margin: 7px 0 8px;
      letter-spacing: 0.1em; }

@media screen and (max-width: 800px) {
  .sv {
    padding-bottom: 45.3vw; }
    .sv .con_inr {
      padding-top: 20vw; }
    .sv .c_txt {
      font-size: 12px;
      font-size: clamp(12px, 3.2vw, 15.36px);
      line-height: 2.22;
      margin-bottom: 45px;
      margin-bottom: clamp(38.5714285714px, 11.25vw, 90px); }
      .sv .c_txt span {
        font-size: 10px;
        font-size: clamp(10px, 2.6666666667vw, 12.8px); }
    .sv .illusts_area {
      position: absolute;
      left: 50%;
      top: -16vw;
      margin: auto;
      width: 100%;
      min-width: 10px; }
    .sv .m-illust02 {
      width: calc((106/750)*100%);
      height: calc((106/1134)*100%);
      right: calc((171/750)*100%);
      top: calc((0/1134)*100%); }
    .sv .m-illust04 {
      width: calc((124/750)*100%);
      height: calc((79/1134)*100%);
      left: calc((195/750)*100%);
      top: calc((132/1134)*100%); }
    .sv .m-illust06 {
      width: calc((54/750)*100%);
      height: calc((58/1134)*100%);
      right: calc((61/750)*100%);
      top: calc((512/1134)*100%); }
    .sv .ff01 {
      width: calc((98/750)*100%);
      height: calc((84/1134)*100%);
      right: calc((29/750)*100%);
      top: calc((325/1134)*100%); }
    .sv .ff02 {
      width: calc((82/750)*100%);
      height: calc((84/1134)*100%);
      left: calc((39/750)*100%);
      bottom: calc((130/1134)*100%); }
    .sv .tommy .img_area {
      width: 29.6vw;
      max-width: 167px;
      margin: 0 auto; }
    .sv .tommy .en {
      font-size: 31px;
      -webkit-transform: translateY(-15px);
              transform: translateY(-15px); }
    .sv .tommy .s_txt {
      font-size: 10px; }
    .sv .tommy .n_txt {
      font-size: 12px;
      margin: 7px 0 8px;
      letter-spacing: 0.1em; }
    .sv .sp_illusts_area {
      position: absolute;
      width: 100%;
      left: 0;
      bottom: -45.3vw; }
      .sv .sp_illusts_area .illusts {
        position: relative; }
      .sv .sp_illusts_area .m-illust07 {
        width: calc((49/750)*100%);
        height: calc((40/940)*100%);
        left: calc((126/750)*100%);
        top: calc((290/940)*100%); }
      .sv .sp_illusts_area .m-illust08 {
        width: calc((78/750)*100%);
        height: calc((80/940)*100%);
        left: calc((314/750)*100%);
        bottom: calc((56/1134)*100%); }
        .sv .sp_illusts_area .m-illust08 .hv_txt {
          width: 60px;
          height: 60px;
          right: -58px;
          top: -68px; }
      .sv .sp_illusts_area .ff03 {
        width: calc((127/750)*100%);
        height: calc((119/940)*100%);
        right: calc((35/750)*-100%);
        bottom: auto;
        top: calc((8/940)*100%); } }
/* ==========================================================================
	vision
========================================================================== */
.vision {
  position: relative;
  padding-top: 113px;
  padding-bottom: 155px;
  margin-bottom: 110px;
  z-index: 5; }
  .vision:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: -87px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 1;
    width: 2485px;
    height: 943px;
    background: url(../image/about/vision_bg.png) center center;
    background-size: cover;
    z-index: 1; }
  .vision h2 {
    position: relative;
    display: block;
    text-align: center;
    font-size: 47px;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: var(--base-link-color);
    margin-bottom: 20px;
    z-index: 10; }
  .vision .s_txt {
    position: relative;
    display: block;
    text-align: center;
    font-size: 17px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 65px;
    z-index: 10; }
  .vision h3 {
    position: relative;
    display: block;
    text-align: center;
    font-size: 34px;
    font-weight: 700;
    line-height: 1.665;
    letter-spacing: 0.12em;
    color: var(--base-link-color);
    margin-bottom: 45px;
    z-index: 10; }
  .vision p {
    position: relative;
    font-size: 16px;
    line-height: 2.375;
    font-weight: 700;
    color: #fff;
    width: 490px;
    margin: 0 auto;
    z-index: 10;
    letter-spacing: 0.1em; }
  .vision .t_illusts {
    display: block;
    position: absolute;
    top: -40px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 2;
    width: 1400px; }
  .vision .illusts {
    position: relative; }
  .vision .b_illusts {
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 100%;
    max-width: 1800px;
    z-index: 5; }
    .vision .b_illusts .lb_illusts {
      display: block;
      position: absolute;
      left: -35px;
      bottom: 0;
      z-index: 5;
      width: 341px; }
    .vision .b_illusts .rb_illusts {
      display: block;
      position: absolute;
      right: -35px;
      bottom: 22px;
      z-index: 5;
      width: 416px; }
  .vision .staff {
    display: block;
    position: absolute;
    z-index: 20; }
    .vision .staff:before {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%; }
    .vision .staff:hover {
      -webkit-animation: .3s linear infinite krkr;
              animation: .3s linear infinite krkr; }
  .vision .staff01 {
    width: 79px;
    height: 142px;
    left: calc(50% - 282px);
    top: 56px; }
  .vision .staff02 {
    width: 95px;
    height: 134px;
    left: calc(50% + 242px);
    top: 48px; }
  .vision .staff03 {
    width: 69px;
    height: 95px;
    left: calc(50% - 542px);
    top: 309px; }
  .vision .staff04 {
    width: 114px;
    height: 133px;
    left: calc(50% + 479px);
    top: 294px; }
  .vision .staff05 {
    width: 133px;
    height: 135px;
    left: calc(50% - 431px);
    top: 500px; }
  .vision .staff06 {
    width: 93px;
    height: 173px;
    left: calc(50% + 323px);
    top: 442px; }

@media screen and (max-width: 900px) {
  .vision .b_illusts .lb_illusts {
    left: -80px; }

  .vision .b_illusts .rb_illusts {
    right: -80px; } }
@media screen and (max-width: 800px) {
  .vision {
    padding-top: 0;
    padding-bottom: 0;
    background: #001e5a;
    margin-bottom: 110px;
    z-index: 5; }
    .vision:before {
      position: relative;
      left: 0;
      top: 0;
      -webkit-transform: translateX(0);
              transform: translateX(0);
      width: 100%;
      height: 9.375vw;
      background: url(../image/about/visition_sp_top.jpg) center center;
      background-size: cover;
      margin-bottom: 32vw; }
    .vision:after {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      -webkit-transform: translateX(0);
              transform: translateX(0);
      width: 100%;
      height: 9.375vw;
      background: url(../image/about/visition_sp_btm.jpg) center center;
      background-size: cover;
      z-index: 1; }
    .vision h2 {
      font-size: 26px;
      font-size: clamp(26px, 6.9333333333vw, 52px);
      margin-bottom: 12px; }
    .vision .s_txt {
      font-size: 12px;
      font-size: clamp(12px, 3.2vw, 15.36px);
      margin-bottom: 9.5vw; }
    .vision h3 {
      font-size: clamp(16px, 4.2666666667vw, 32px);
      line-height: 2.05;
      margin-bottom: 9.5vw; }
    .vision p {
      font-size: 12px;
      font-size: clamp(12px, 3.2vw, 15.36px);
      line-height: 2.39;
      width: 80%;
      margin-bottom: 0; }
    .vision .t_illusts {
      position: absolute;
      top: 17.875vw;
      width: 100%; }
    .vision .b_illusts {
      position: relative;
      left: auto;
      bottom: auto;
      -webkit-transform: auto;
              transform: auto;
      width: 100%;
      -webkit-transform: translateY(4.53vw);
              transform: translateY(4.53vw); }
      .vision .b_illusts .lb_illusts {
        display: none; }
      .vision .b_illusts .rb_illusts {
        display: none; }
    .vision .staff {
      display: none; } }
/* ==========================================================================
	uraomote
========================================================================== */
.uraomote {
  position: relative; }
  .uraomote h2 {
    font-size: 48px;
    font-size: clamp(48px, 3.4285714286vw, 61.44px);
    font-weight: 600;
    color: var(--base-link-color);
    text-align: center;
    margin-bottom: 10px;
    letter-spacing: 0.1em; }
  .uraomote .c_txt {
    font-size: 16px;
    font-weight: 700;
    font-size: clamp(16px, 1.1428571429vw, 20.48px);
    text-align: center;
    color: #fff;
    letter-spacing: 0.1em;
    margin-bottom: 12px; }
  .uraomote h3 {
    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;
    width: 240px;
    height: 50px;
    background: #fff;
    border-radius: 50px;
    margin: 0 auto 30px;
    margin-bottom: clamp(21.4285714286px, 2.1428571429vw, 41.1428571429px); }
    .uraomote h3 img {
      width: 172px; }
  .uraomote .uo_box_wrap {
    position: relative;
    width: 97.14%;
    max-width: 1865px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-bottom: 110px; }
    .uraomote .uo_box_wrap .uo_box {
      position: relative;
      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;
      width: 49.48%;
      min-height: 814px;
      border-radius: 100px;
      z-index: 5; }
      .uraomote .uo_box_wrap .uo_box .bg_area {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        background: #010a29;
        border-radius: 100px;
        width: 100%;
        height: 100%;
        overflow: hidden;
        z-index: 1; }
      .uraomote .uo_box_wrap .uo_box:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 40px;
        background: #010a29;
        border-radius: 100px;
        width: 100%;
        height: 100%;
        z-index: -1; }
      .uraomote .uo_box_wrap .uo_box:after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 0px;
        background: #000;
        border-radius: 100px;
        width: 100%;
        height: 100%;
        opacity: .2;
        z-index: 2;
        -webkit-transition: opacity ease .4s;
        transition: opacity ease .4s; }
      .uraomote .uo_box_wrap .uo_box > div {
        position: relative;
        z-index: 10;
        width: 73.4%; }
      .uraomote .uo_box_wrap .uo_box h4 {
        position: relative;
        width: 250px;
        margin: 0 auto 25px; }
        .uraomote .uo_box_wrap .uo_box h4:after {
          content: "";
          display: block;
          width: 36px;
          height: 36px;
          position: absolute;
          right: -38px;
          top: -26px;
          border-radius: 50%;
          border: 1px solid var(--base-link-color);
          background: url(../image/about/loupe.png) center center;
          background-size: cover;
          -webkit-transition: background .4s ease,border .4s ease;
          transition: background .4s ease,border .4s ease; }
      .uraomote .uo_box_wrap .uo_box.ura h4 {
        width: 145px; }
      .uraomote .uo_box_wrap .uo_box .en {
        display: block;
        text-align: center;
        font-size: 32px;
        font-size: clamp(32px, 2.2857142857vw, 40.96px);
        font-weight: 700;
        color: var(--base-link-color);
        margin-bottom: 70px;
        -webkit-transition: margin .4s ease;
        transition: margin .4s ease; }
      .uraomote .uo_box_wrap .uo_box .hide_area {
        visibility: hidden;
        opacity: 0;
        max-height: 0;
        -webkit-transition: all .4s ease;
        transition: all .4s ease; }
      .uraomote .uo_box_wrap .uo_box .n_txt {
        color: #fff;
        font-size: 16px;
        line-height: 2;
        font-weight: 500;
        margin-bottom: 35px; }
      .uraomote .uo_box_wrap .uo_box .bottom_area {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        .uraomote .uo_box_wrap .uo_box .bottom_area p {
          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;
          width: calc(100% - 180px);
          padding: 0 30px;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          color: #fff;
          font-size: 16px;
          line-height: 2;
          font-weight: 500; }
      .uraomote .uo_box_wrap .uo_box .img_area {
        width: 180px; }
        .uraomote .uo_box_wrap .uo_box .img_area img {
          border-radius: 30px; }

@media screen and (max-width: 1150px) {
  .uraomote .uo_box_wrap .uo_box .bottom_area {
    display: block; }

  .uraomote .uo_box_wrap .uo_box .img_area {
    margin: 0 auto 15px; }

  .uraomote .uo_box_wrap .uo_box .bottom_area p {
    width: 100%;
    padding: 0; }

  .uraomote:hover .uo_box_wrap .uo_box .en {
    margin-bottom: 30px;
    -webkit-transition: margin .4s ease;
    transition: margin .4s ease; } }
@media screen and (max-width: 900px) {
  .uraomote .uo_box_wrap .uo_box {
    width: 100%;
    margin-bottom: 60px; } }
@media screen and (min-width: 801px) {
  .uraomote .uo_box_wrap .uo_box:hover:after {
    opacity: .7;
    background: #000919;
    -webkit-transition: opacity ease .4s,opacity ease .4s;
    transition: opacity ease .4s,opacity ease .4s; }
  .uraomote .uo_box_wrap .uo_box:hover h4:after {
    background-color: #fff;
    border-color: #fff;
    -webkit-transition: background .4s ease,border .4s ease;
    transition: background .4s ease,border .4s ease; }
  .uraomote .uo_box_wrap .uo_box:hover .hide_area {
    visibility: visible;
    opacity: 10;
    max-height: 900px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease; } }
@media screen and (max-width: 800px) {
  /*クリック後の処理*/
  .uraomote .uo_box_wrap .uo_box.active:after {
    opacity: .7;
    background: #000919;
    -webkit-transition: opacity ease .4s,opacity ease .4s;
    transition: opacity ease .4s,opacity ease .4s; }
  .uraomote .uo_box_wrap .uo_box.active h4:after {
    background-color: #fff;
    border-color: #fff;
    -webkit-transition: background .4s ease,border .4s ease;
    transition: background .4s ease,border .4s ease; }
  .uraomote .uo_box_wrap .uo_box.active .en {
    margin-bottom: 28px;
    -webkit-transition: margin .4s ease;
    transition: margin .4s ease; }
  .uraomote .uo_box_wrap .uo_box.active .hide_area {
    visibility: visible;
    opacity: 10;
    max-height: 900px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease; }

  .uraomote h2 {
    font-size: 26px;
    font-size: clamp(26px, 6.9333333333vw, 33.28px);
    margin-bottom: 10px; }
  .uraomote .c_txt {
    font-size: 10px;
    margin-bottom: 8px; }
  .uraomote h3 {
    width: 130px;
    height: 28px;
    margin-bottom: clamp(21.4285714286px, 6.25vw, 50px); }
    .uraomote h3 img {
      width: 94px; }
  .uraomote .uo_box_wrap {
    width: 100%;
    display: block;
    margin-bottom: 70px; }
    .uraomote .uo_box_wrap .uo_box {
      width: 100%;
      min-height: 425px;
      border-radius: 70px;
      padding: 75px 0 50px;
      margin-bottom: 30px; }
      .uraomote .uo_box_wrap .uo_box .bg_area {
        border-radius: 70px; }
      .uraomote .uo_box_wrap .uo_box:before {
        top: 20px;
        border-radius: 70px; }
      .uraomote .uo_box_wrap .uo_box:after {
        border-radius: 70px; }
      .uraomote .uo_box_wrap .uo_box > div {
        width: 80%; }
      .uraomote .uo_box_wrap .uo_box h4 {
        width: 163px;
        margin: 0 auto 16px; }
        .uraomote .uo_box_wrap .uo_box h4:after {
          width: 25px;
          height: 25px;
          right: -26px;
          top: -17px; }
      .uraomote .uo_box_wrap .uo_box.ura h4 {
        width: 104px; }
      .uraomote .uo_box_wrap .uo_box .en {
        font-size: 22px;
        margin-bottom: 28px; }
      .uraomote .uo_box_wrap .uo_box .n_txt {
        font-size: 12px;
        line-height: 2.16;
        margin-bottom: 27px; }
      .uraomote .uo_box_wrap .uo_box .bottom_area p {
        width: calc(100% - 24px);
        font-size: 12px;
        line-height: 1.869;
        margin: 0 auto; }
      .uraomote .uo_box_wrap .uo_box .img_area {
        width: 44%;
        max-width: 180px; }
        .uraomote .uo_box_wrap .uo_box .img_area img {
          border-radius: 27px; } }
/* ==========================================================================
	slide_area
========================================================================== */
.slide_area {
  position: relative;
  padding-bottom: 145px; }
  .slide_area .uraomote_logo {
    display: block;
    width: 118px;
    margin: 0 auto 24px; }
  .slide_area .ilusts_area {
    display: block;
    position: absolute;
    width: 1286px;
    height: 307px;
    left: 50%;
    top: 26px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 20; }
    .slide_area .ilusts_area .illusts {
      position: relative; }
    .slide_area .ilusts_area .m-illust01 {
      display: block;
      position: absolute;
      width: calc((196/2572)*100%);
      height: calc((124/614)*100%);
      left: calc((59/2572)*100%);
      bottom: calc((210/614)*100%);
      -webkit-animation: 4.2s fwfw02 infinite;
      animation: 4.2s fwfw02 infinite; }
    .slide_area .ilusts_area .m-illust02 {
      display: block;
      position: absolute;
      width: calc((154/2572)*100%);
      height: calc((146/614)*100%);
      left: calc((457/2572)*100%);
      top: calc((24/614)*100%);
      -webkit-transform: rotate(-5deg);
      transform: rotate(-5deg);
      -webkit-animation: 6s yryr02 infinite;
      animation: 6s yryr02 infinite; }
    .slide_area .ilusts_area .m-illust03 {
      display: block;
      position: absolute;
      width: calc((222/2572)*100%);
      height: calc((138/614)*100%);
      left: calc((882/2572)*100%);
      bottom: calc((22/614)*100%);
      -webkit-transform: rotate(20deg);
      transform: rotate(20deg);
      -webkit-animation: 8s yryr infinite;
      animation: 8s yryr infinite; }
    .slide_area .ilusts_area .m-illust04 {
      display: block;
      position: absolute;
      width: calc((260/2572)*100%);
      height: calc((258/614)*100%);
      right: 0;
      bottom: 0;
      -webkit-animation: 7s yryr infinite;
      animation: 7s yryr infinite; }
  .slide_area .uraomote_slide {
    opacity: 0;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease;
    -webkit-transition-delay: .4s;
            transition-delay: .4s;
    z-index: 30; }
    .slide_area .uraomote_slide.slick-initialized {
      opacity: 100;
      -webkit-transition-delay: .4s;
              transition-delay: .4s; }
    .slide_area .uraomote_slide .slick-list {
      padding-bottom: 50px !Important; }
    .slide_area .uraomote_slide .slick-dots {
      bottom: 5px; }
    .slide_area .uraomote_slide .slick-dots li button {
      background: #14326e; }
    .slide_area .uraomote_slide .slick-dots li.slick-active button {
      background: var(--base-link-color); }
  .slide_area .slide {
    position: relative;
    margin: 0 15px;
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
    z-index: 20; }
    .slide_area .slide .slide_omote {
      position: relative;
      opacity: 1;
      -webkit-animation: omote 0.1s forwards;
              animation: omote 0.1s forwards;
      -webkit-animation-iteration-count: 4;
              animation-iteration-count: 4; }
    .slide_area .slide .slide_ura {
      position: absolute;
      left: 0;
      top: 0;
      opacity: 0;
      -webkit-animation: ura 0.1s forwards;
              animation: ura 0.1s forwards;
      -webkit-animation-iteration-count: 4;
              animation-iteration-count: 4; }
    .slide_area .slide.slick-active {
      -webkit-transform: translateY(25px);
              transform: translateY(25px); }
    .slide_area .slide.slick-center {
      -webkit-transform: translateY(0);
              transform: translateY(0); }
  .slide_area .z-illust {
    position: absolute;
    width: 114px;
    height: 107px;
    left: calc(50% - 570px);
    bottom: 90px;
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
    -webkit-animation: 8s yryr infinite;
    animation: 8s yryr infinite;
    z-index: 30; }
  .slide_area .btm_ilusts_area {
    display: block;
    position: absolute;
    width: 1210px;
    height: 199px;
    left: 50%;
    bottom: 40px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 10; }
    .slide_area .btm_ilusts_area .illusts {
      position: relative; }
    .slide_area .btm_ilusts_area .m-illust01 {
      /*
      display: block;
      */
      position: absolute;
      width: calc((228/2420)*100%);
      height: calc((214/398)*100%);
      left: calc((64/2420)*100%);
      top: 0;
      -webkit-transform: rotate(20deg);
      transform: rotate(20deg);
      -webkit-animation: 8s yryr infinite;
      animation: 8s yryr infinite; }
    .slide_area .btm_ilusts_area .m-illust02 {
      display: block;
      position: absolute;
      width: calc((146/2572)*100%);
      height: calc((152/614)*100%);
      right: calc((608/2572)*100%);
      bottom: calc((69/614)*100%);
      -webkit-transform: rotate(-5deg);
      transform: rotate(-5deg);
      -webkit-animation: 4.5s fwfw infinite;
      animation: 4.5s fwfw infinite; }
      .slide_area .btm_ilusts_area .m-illust02 .hv_txt {
        width: 83px;
        height: 83px;
        right: 52px;
        top: -76px; }
        .slide_area .btm_ilusts_area .m-illust02 .hv_txt:before {
          -webkit-transform: scale(-1, 1);
                  transform: scale(-1, 1);
          left: 40px; }
    .slide_area .btm_ilusts_area .m-illust03 {
      display: block;
      position: absolute;
      width: calc((50/2572)*100%);
      height: calc((48/614)*100%);
      right: calc((416/2572)*100%);
      top: calc((31/614)*100%);
      -webkit-animation: 3s fwfw infinite;
      animation: 3s fwfw infinite; }

@media screen and (min-width: 801px) {
  .slide_area .slide .slide_omote {
    -webkit-animation: omote 0.1s forwards;
            animation: omote 0.1s forwards;
    -webkit-animation-iteration-count: 4;
            animation-iteration-count: 4; }
  .slide_area .slide .slide_ura {
    -webkit-animation: ura 0.1s forwards;
            animation: ura 0.1s forwards;
    -webkit-animation-iteration-count: 4;
            animation-iteration-count: 4; }
  .slide_area .slide:hover .slide_omote {
    -webkit-animation: ura 0.1s forwards;
            animation: ura 0.1s forwards;
    -webkit-animation-iteration-count: 4;
            animation-iteration-count: 4; }
  .slide_area .slide:hover .slide_ura {
    -webkit-animation: omote 0.1s forwards;
            animation: omote 0.1s forwards;
    -webkit-animation-iteration-count: 4;
            animation-iteration-count: 4; } }
@media screen and (max-width: 800px) {
  .slide_area {
    padding-bottom: 198px; }
    .slide_area .uraomote_logo {
      width: 64px;
      margin: 0 auto 10px; }
    .slide_area .ilusts_area {
      width: 100%;
      /*width: 375px;*/
      max-width: 580px;
      height: 244px;
      top: -25px; }
      .slide_area .ilusts_area .m-illust01 {
        width: calc((115/750)*100%);
        height: calc((72/488)*100%);
        left: 0;
        bottom: calc((85/750)*100%); }
      .slide_area .ilusts_area .m-illust02 {
        width: calc((80/750)*100%);
        height: calc((76/488)*100%);
        left: calc((67/2572)*100%);
        top: calc((14/614)*100%); }
      .slide_area .ilusts_area .m-illust04 {
        width: calc((152/750)*100%);
        height: calc((151/488)*100%);
        right: calc((38/750)*-100%);
        bottom: 0; }
    .slide_area .uraomote_slide .slick-list {
      padding-bottom: 30px !Important; }
    .slide_area .uraomote_slide .slick-dots {
      bottom: -20px; }
    .slide_area .uraomote_slide:before {
      content: "";
      display: block;
      position: absolute;
      left: calc(50% + 18.1vw);
      top: -7px;
      width: 48px;
      height: 48px;
      background: url(../image/about/tap.png);
      background-size: cover;
      z-index: 20; }
    .slide_area .slide {
      -webkit-transform: translateY(15px);
              transform: translateY(15px);
      margin: 0 8px; }
      .slide_area .slide.active .slide_omote {
        -webkit-animation: ura 0.1s forwards;
                animation: ura 0.1s forwards;
        -webkit-animation-iteration-count: 4;
                animation-iteration-count: 4; }
      .slide_area .slide.active .slide_ura {
        -webkit-animation: omote 0.1s forwards;
                animation: omote 0.1s forwards;
        -webkit-animation-iteration-count: 4;
                animation-iteration-count: 4; }
    .slide_area .btm_ilusts_area {
      display: block;
      position: absolute;
      width: 97.06%;
      height: 198px;
      bottom: 33px; }
      .slide_area .btm_ilusts_area .m-illust01 {
        width: calc((151/728)*100%);
        height: calc((142/396)*100%);
        left: 0; }
      .slide_area .btm_ilusts_area .m-illust02 {
        width: calc((96/728)*100%);
        height: calc((101/396)*100%);
        right: calc((16/728)*100%);
        bottom: 0; }
        .slide_area .btm_ilusts_area .m-illust02 .hv_txt {
          width: 55px;
          height: 55px;
          right: 35px;
          top: -50px; }
          .slide_area .btm_ilusts_area .m-illust02 .hv_txt:before {
            left: 26px; }
      .slide_area .btm_ilusts_area .m-illust03 {
        width: calc((67/728)*100%);
        height: calc((63/396)*100%);
        right: calc((97/728)*100%);
        top: calc((72/396)*100%); } }
/* ==========================================================================
	company_link_area
========================================================================== */
.company_link_area {
  position: relative;
  background: url(../image/about/company_link_bg.jpg) center center;
  background-size: cover;
  padding-top: 105px;
  padding-bottom: 436px; }
  .company_link_area:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 160px;
    background: #030000;
    background: -webkit-gradient(linear, left top, left bottom, from(#01143c), to(rgba(1, 20, 60, 0)));
    background: linear-gradient(#01143c 0%, rgba(1, 20, 60, 0) 100%);
    z-index: 1; }
  .company_link_area:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 90px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(5, 145, 210, 0)), to(#69bed7));
    background: linear-gradient(rgba(5, 145, 210, 0) 0%, #69bed7 100%);
    z-index: 1; }
  .company_link_area .illust {
    position: absolute;
    width: 183px;
    left: calc(50% - 514px);
    top: 16px;
    z-index: 20;
    -webkit-animation: 3.5s fwfw infinite;
    animation: 3.5s fwfw infinite; }
    .company_link_area .illust .hv_txt {
      width: 85px;
      height: 85px;
      right: -75px;
      top: -25px; }
  .company_link_area a {
    position: relative;
    display: block;
    border-radius: 30px;
    width: 90%;
    max-width: 800px;
    margin: 0 auto;
    z-index: 5; }
    .company_link_area a .inr {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse;
      width: 100%;
      height: 222px;
      margin-bottom: 14px;
      padding: 0 142px 0 75px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.61, 1, 0.88, 1);
      transition: -webkit-transform 0.4s cubic-bezier(0.61, 1, 0.88, 1);
      transition: transform 0.4s cubic-bezier(0.61, 1, 0.88, 1);
      transition: transform 0.4s cubic-bezier(0.61, 1, 0.88, 1), -webkit-transform 0.4s cubic-bezier(0.61, 1, 0.88, 1);
      overflow: hidden;
      z-index: 5;
      border-radius: 50px; }
    .company_link_area a:before {
      content: "";
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      right: 0;
      top: 0;
      margin: auto;
      z-index: 1;
      background: #fff;
      border-radius: 50px;
      -webkit-transition: background 0.4s cubic-bezier(0.61, 1, 0.88, 1);
      transition: background 0.4s cubic-bezier(0.61, 1, 0.88, 1); }
    .company_link_area a:after {
      content: "";
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      right: 0;
      top: 14px;
      margin: auto;
      z-index: -1;
      background: #001e5a;
      border-radius: 50px;
      -webkit-transition: top 0.4s cubic-bezier(0.61, 1, 0.88, 1);
      transition: top 0.4s cubic-bezier(0.61, 1, 0.88, 1); }
    .company_link_area a .text_area {
      position: relative;
      z-index: 10;
      width: calc(100% - 310px); }
    .company_link_area a .s_tit {
      position: relative;
      display: block;
      font-size: 16px;
      font-weight: 700;
      margin-bottom: 15px;
      color: var(--base-text-color); }
    .company_link_area a h2 {
      font-size: 32px;
      font-weight: 700;
      margin-bottom: 15px;
      color: var(--base-link-color);
      -webkit-transition: color 0.4s cubic-bezier(0.61, 1, 0.88, 1);
      transition: color 0.4s cubic-bezier(0.61, 1, 0.88, 1); }
    .company_link_area a p {
      font-size: 14px;
      line-height: 1.85;
      font-weight: 700;
      color: var(--base-text-color);
      -webkit-transition: color 0.4s cubic-bezier(0.61, 1, 0.88, 1);
      transition: color 0.4s cubic-bezier(0.61, 1, 0.88, 1); }
    .company_link_area a .img_area {
      position: relative;
      width: 290px;
      height: 145px;
      z-index: 5; }
      .company_link_area a .img_area img {
        border-radius: 24px; }
    .company_link_area a .ar {
      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;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 55px;
      width: 42px;
      height: 42px;
      margin: auto;
      background: var(--base-text-color);
      border-radius: 50%;
      -webkit-transition: background 0.4s cubic-bezier(0.61, 1, 0.88, 1), -webkit-transform 0.4s cubic-bezier(0.61, 1, 0.88, 1);
      transition: background 0.4s cubic-bezier(0.61, 1, 0.88, 1), -webkit-transform 0.4s cubic-bezier(0.61, 1, 0.88, 1);
      transition: background 0.4s cubic-bezier(0.61, 1, 0.88, 1), transform 0.4s cubic-bezier(0.61, 1, 0.88, 1);
      transition: background 0.4s cubic-bezier(0.61, 1, 0.88, 1), transform 0.4s cubic-bezier(0.61, 1, 0.88, 1), -webkit-transform 0.4s cubic-bezier(0.61, 1, 0.88, 1);
      z-index: 10; }
    .company_link_area a .ar i {
      width: 13px;
      fill: none;
      stroke: var(--base-link-color);
      stroke-linecap: round;
      stroke-linejoin: round;
      stroke-width: 6px; }
    .company_link_area a:hover {
      -webkit-transform: translateY(3px);
      transform: translateY(3px); }
    .company_link_area a:hover:before {
      background: var(--base-link-color);
      -webkit-transition: background 0.4s cubic-bezier(0.61, 1, 0.88, 1);
      transition: background 0.4s cubic-bezier(0.61, 1, 0.88, 1); }
    .company_link_area a:hover:after {
      top: 11px;
      -webkit-transition: top 0.4s cubic-bezier(0.61, 1, 0.88, 1);
      transition: top 0.4s cubic-bezier(0.61, 1, 0.88, 1); }
    .company_link_area a:hover h2 {
      color: var(--base-text-color);
      -webkit-transition: color 0.4s cubic-bezier(0.61, 1, 0.88, 1);
      transition: color 0.4s cubic-bezier(0.61, 1, 0.88, 1); }
    .company_link_area a:hover .ar {
      -webkit-transform: scale(1.1);
      transform: scale(1.1); }

@media screen and (max-width: 900px) {
  .company_link_area a .inr {
    padding-left: 5vw; } }
@media screen and (max-width: 800px) {
  .company_link_area {
    background-image: url(../image/about/company_link_bg_sp.jpg);
    padding-top: 51px;
    padding-bottom: 250px; }
    .company_link_area:before {
      height: 90px; }
    .company_link_area:after {
      height: 90px; }
    .company_link_area .illust {
      width: 108px;
      left: 0;
      right: 0;
      top: -26px;
      margin: auto; }
      .company_link_area .illust .hv_txt {
        width: 65px;
        height: 65px;
        right: -38px;
        top: -13px; }
    .company_link_area a {
      border-radius: 33px;
      width: 66.66%; }
      .company_link_area a .inr {
        display: block;
        width: 100%;
        height: auto;
        margin-bottom: 0;
        padding: 6.66vw;
        border-radius: 33px; }
      .company_link_area a:before {
        border-radius: 33px; }
      .company_link_area a:after {
        top: 12px;
        border-radius: 33px; }
      .company_link_area a .text_area {
        width: 100%; }
      .company_link_area a .s_tit {
        font-size: 12px;
        margin-bottom: 11px; }
      .company_link_area a h2 {
        font-size: 22px;
        margin-bottom: 8px; }
      .company_link_area a p {
        font-size: 10px;
        line-height: 1.765; }
      .company_link_area a .img_area {
        width: 100%;
        max-width: 290px;
        height: auto;
        margin-bottom: 15px; }
        .company_link_area a .img_area img {
          border-radius: 16px; }
      .company_link_area a .ar {
        top: auto;
        bottom: calc(6.66vw + 40px);
        right: 6.66vw;
        width: 30px;
        height: 30px;
        margin: auto; }
      .company_link_area a .ar i {
        width: 10px;
        fill: none;
        stroke: var(--base-link-color);
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-width: 5px;
        -webkit-transform: translateY(1px);
                transform: translateY(1px); }
      .company_link_area a:hover:after {
        top: 8px;
        -webkit-transition: top 0.4s cubic-bezier(0.61, 1, 0.88, 1);
        transition: top 0.4s cubic-bezier(0.61, 1, 0.88, 1); } }
/* ==========================================================================
	foot_contact
========================================================================== */
.foot_contact:before {
  background: -webkit-gradient(linear, left bottom, left top, from(#6cbad0), color-stop(70%, #92ddd6));
  background: linear-gradient(0deg, #6cbad0 0%, #92ddd6 70%);
  height: 120px;
  top: 0;
  display: none; }

.footer {
  background: #fff; }

/*# sourceMappingURL=about.css.map */