@charset "UTF-8";
/* common
=================================================================== */
/* layout
=================================================================== */
/* background
=================================================================== */
/* flex
=================================================================== */
/* animation delay
=================================================================== */
/* 3d
=================================================================== */
/* font
=================================================================== */
/* vw
=================================================================== */
/* form
=================================================================== */
/* shipsany
============================================================================================ */
#shipsany {
  /* vw
  ================================================*/ }
  #shipsany .shipsany__kv {
    min-height: inherit;
    max-height: inherit;
    margin: -20px auto 105px; }
    #shipsany .shipsany__kv .anySplash {
      position: absolute;
      width: 172px;
      height: auto;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      transition-duration: 0.8s;
      transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
      -ms-transition-duration: 0.8s;
      -ms-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
      -webkit-transition-duration: 0.8s;
      -webkit-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
      　-moz-transition-duration: 0.8s;
      -moz-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97); }
      #shipsany .shipsany__kv .anySplash > span {
        display: block;
        padding-top: calc(32 / 172 * 100%);
        background-image: url("../../images/pc/contents/top/kv/logo.png");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100% auto; }
    #shipsany .shipsany__kv .shipsany__kv--contents {
      position: relative; }
      #shipsany .shipsany__kv .shipsany__kv--contents:before, #shipsany .shipsany__kv .shipsany__kv--contents:after {
        content: " ";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        height: 1px;
        top: -1px;
        background-color: #0a223c; }
      #shipsany .shipsany__kv .shipsany__kv--contents:after {
        top: auto;
        bottom: 0; }
      #shipsany .shipsany__kv .shipsany__kv--contents .shipsany__kv--slickImg {
        height: 535px;
        width: 900px;
        margin: 0 auto; }
        #shipsany .shipsany__kv .shipsany__kv--contents .shipsany__kv--slickImg .slick-list {
          overflow: visible; }
        #shipsany .shipsany__kv .shipsany__kv--contents .shipsany__kv--slickImg .slickImg--target {
          position: relative;
          height: 100%;
          padding: 0 30px;
          width: 800px; }
          #shipsany .shipsany__kv .shipsany__kv--contents .shipsany__kv--slickImg .slickImg--target a {
            position: relative;
            padding-top: calc(1064 / 1430 * 100%); }
            #shipsany .shipsany__kv .shipsany__kv--contents .shipsany__kv--slickImg .slickImg--target a:before, #shipsany .shipsany__kv .shipsany__kv--contents .shipsany__kv--slickImg .slickImg--target a:after {
              content: " ";
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              width: 1px;
              background-color: #0a223c;
              height: 0;
              transition-duration: 0.8s;
              transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
              -ms-transition-duration: 0.8s;
              -ms-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
              -webkit-transition-duration: 0.8s;
              -webkit-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
              　-moz-transition-duration: 0.8s;
              -moz-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97); }
            #shipsany .shipsany__kv .shipsany__kv--contents .shipsany__kv--slickImg .slickImg--target a:before {
              left: -1px; }
            #shipsany .shipsany__kv .shipsany__kv--contents .shipsany__kv--slickImg .slickImg--target a:after {
              left: auto;
              right: -1px;
              top: auto;
              bottom: 0; }
            #shipsany .shipsany__kv .shipsany__kv--contents .shipsany__kv--slickImg .slickImg--target a .slickImg--target--contents {
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              overflow: hidden;
              opacity: 0;
              transition-duration: 0.8s;
              transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
              -ms-transition-duration: 0.8s;
              -ms-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
              -webkit-transition-duration: 0.8s;
              -webkit-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
              　-moz-transition-duration: 0.8s;
              -moz-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97); }
              #shipsany .shipsany__kv .shipsany__kv--contents .shipsany__kv--slickImg .slickImg--target a .slickImg--target--contents:after {
                content: " ";
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-color: rgba(8, 46, 77, 0.2);
                opacity: 0;
                transition-duration: 0.5s;
                transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
                -ms-transition-duration: 0.5s;
                -ms-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
                -webkit-transition-duration: 0.5s;
                -webkit-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
                　-moz-transition-duration: 0.5s;
                -moz-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
                z-index: 2; }
              #shipsany .shipsany__kv .shipsany__kv--contents .shipsany__kv--slickImg .slickImg--target a .slickImg--target--contents > span {
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-position: center center;
                background-repeat: no-repeat;
                background-size: cover;
                background-position: center top;
                transition-duration: 0.5s;
                transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
                -ms-transition-duration: 0.5s;
                -ms-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
                -webkit-transition-duration: 0.5s;
                -webkit-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
                　-moz-transition-duration: 0.5s;
                -moz-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
                z-index: 1; }
              #shipsany .shipsany__kv .shipsany__kv--contents .shipsany__kv--slickImg .slickImg--target a .slickImg--target--contents > dl {
                position: absolute;
                width: calc(100% - 50px);
                bottom: 20px;
                left: 25px;
                font-size: 0;
                transition-duration: 0.8s;
                transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
                -ms-transition-duration: 0.8s;
                -ms-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
                -webkit-transition-duration: 0.8s;
                -webkit-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
                　-moz-transition-duration: 0.8s;
                -moz-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
                z-index: 3; }
                #shipsany .shipsany__kv .shipsany__kv--contents .shipsany__kv--slickImg .slickImg--target a .slickImg--target--contents > dl > dt, #shipsany .shipsany__kv .shipsany__kv--contents .shipsany__kv--slickImg .slickImg--target a .slickImg--target--contents > dl > dd {
                  overflow: hidden;
                  transition-duration: 0.5s;
                  transition-timing-function: cubic-bezier(1, 0, 0, 1);
                  -ms-transition-duration: 0.5s;
                  -ms-transition-timing-function: cubic-bezier(1, 0, 0, 1);
                  -webkit-transition-duration: 0.5s;
                  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
                  -moz-transition-duration: 0.5s;
                  -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
                  width: 0; }
                  #shipsany .shipsany__kv .shipsany__kv--contents .shipsany__kv--slickImg .slickImg--target a .slickImg--target--contents > dl > dt > span, #shipsany .shipsany__kv .shipsany__kv--contents .shipsany__kv--slickImg .slickImg--target a .slickImg--target--contents > dl > dd > span {
                    display: inline-block;
                    white-space: nowrap;
                    line-height: 1;
                    padding: 4px 9px;
                    letter-spacing: 0.08em; }
                #shipsany .shipsany__kv .shipsany__kv--contents .shipsany__kv--slickImg .slickImg--target a .slickImg--target--contents > dl > dt {
                  transition-delay: 0.4s;
                  -webkit-transition-delay: 0.4s; }
                #shipsany .shipsany__kv .shipsany__kv--contents .shipsany__kv--slickImg .slickImg--target a .slickImg--target--contents > dl > dd {
                  transition-delay: 0.5s;
                  -webkit-transition-delay: 0.5s; }
                #shipsany .shipsany__kv .shipsany__kv--contents .shipsany__kv--slickImg .slickImg--target a .slickImg--target--contents > dl > dt > span {
                  font-size: 12px;
                  color: #fff;
                  background-color: #7484b2; }
                #shipsany .shipsany__kv .shipsany__kv--contents .shipsany__kv--slickImg .slickImg--target a .slickImg--target--contents > dl > dd > span {
                  font-size: 21px;
                  background-color: #fff;
                  max-width: 100%;
                  white-space: nowrap;
                  overflow: hidden;
                  text-overflow: ellipsis; }
            #shipsany .shipsany__kv .shipsany__kv--contents .shipsany__kv--slickImg .slickImg--target a:hover .slickImg--target--contents:after, #shipsany .shipsany__kv .shipsany__kv--contents .shipsany__kv--slickImg .slickImg--target a:active .slickImg--target--contents:after {
              opacity: 1; }
            #shipsany .shipsany__kv .shipsany__kv--contents .shipsany__kv--slickImg .slickImg--target a:hover .slickImg--target--contents > span, #shipsany .shipsany__kv .shipsany__kv--contents .shipsany__kv--slickImg .slickImg--target a:active .slickImg--target--contents > span {
              transform: scale(1.05); }
        #shipsany .shipsany__kv .shipsany__kv--contents .shipsany__kv--slickImg .slick-prev {
          left: 38px; }
        #shipsany .shipsany__kv .shipsany__kv--contents .shipsany__kv--slickImg .slick-next {
          right: 38px; }
        #shipsany .shipsany__kv .shipsany__kv--contents .shipsany__kv--slickImg .slick-prev, #shipsany .shipsany__kv .shipsany__kv--contents .shipsany__kv--slickImg .slick-next {
          background-repeat: no-repeat;
          background-position: center center;
          background-size: 26px auto;
          transition-duration: 0.5s;
          transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
          -ms-transition-duration: 0.5s;
          -ms-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
          -webkit-transition-duration: 0.5s;
          -webkit-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
          　-moz-transition-duration: 0.5s;
          -moz-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
          opacity: 0; }
        #shipsany .shipsany__kv .shipsany__kv--contents .shipsany__kv--slickImg .slick-prev {
          background-image: url("../../images/pc/contents/top/kv/arrow--prev.png"); }
        #shipsany .shipsany__kv .shipsany__kv--contents .shipsany__kv--slickImg .slick-next {
          background-image: url("../../images/pc/contents/top/kv/arrow--next.png"); }
        #shipsany .shipsany__kv .shipsany__kv--contents .shipsany__kv--slickImg .slick-slide.slick-current .slickImg--target a .slickImg--target--contents > dl > dt, #shipsany .shipsany__kv .shipsany__kv--contents .shipsany__kv--slickImg .slick-slide.slick-current .slickImg--target a .slickImg--target--contents > dl > dd {
          width: 100%; }
      #shipsany .shipsany__kv .shipsany__kv--contents .shipsany__kv--slickNav {
        position: absolute;
        width: 720px;
        height: 45px;
        bottom: -45px;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        display: flex;
        justify-content: center;
        flex-wrap: nowrap; }
        #shipsany .shipsany__kv .shipsany__kv--contents .shipsany__kv--slickNav:before, #shipsany .shipsany__kv .shipsany__kv--contents .shipsany__kv--slickNav:after {
          content: " ";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          width: 1px;
          background-color: #0a223c;
          height: 0;
          transition-duration: 0.8s;
          transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
          -ms-transition-duration: 0.8s;
          -ms-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
          -webkit-transition-duration: 0.8s;
          -webkit-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
          　-moz-transition-duration: 0.8s;
          -moz-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97); }
        #shipsany .shipsany__kv .shipsany__kv--contents .shipsany__kv--slickNav:before {
          left: -1px; }
        #shipsany .shipsany__kv .shipsany__kv--contents .shipsany__kv--slickNav:after {
          left: auto;
          right: -1px; }
        #shipsany .shipsany__kv .shipsany__kv--contents .shipsany__kv--slickNav .line {
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          pointer-events: none; }
          #shipsany .shipsany__kv .shipsany__kv--contents .shipsany__kv--slickNav .line:after {
            content: " ";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            height: 1px;
            top: auto;
            bottom: 0;
            background-color: #0a223c;
            transition-duration: 0.8s;
            transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
            -ms-transition-duration: 0.8s;
            -ms-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
            -webkit-transition-duration: 0.8s;
            -webkit-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
            　-moz-transition-duration: 0.8s;
            -moz-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
            width: 0; }
        #shipsany .shipsany__kv .shipsany__kv--contents .shipsany__kv--slickNav .slickNav--target {
          position: relative;
          width: 25%;
          cursor: pointer;
          transition-duration: 0.8s;
          transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
          -ms-transition-duration: 0.8s;
          -ms-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
          -webkit-transition-duration: 0.8s;
          -webkit-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
          　-moz-transition-duration: 0.8s;
          -moz-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97); }
          #shipsany .shipsany__kv .shipsany__kv--contents .shipsany__kv--slickNav .slickNav--target:after {
            content: " ";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            width: 1px;
            left: auto;
            right: -1px;
            background-color: #0a223c;
            height: 0;
            transition-duration: 0.8s;
            transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
            -ms-transition-duration: 0.8s;
            -ms-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
            -webkit-transition-duration: 0.8s;
            -webkit-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
            　-moz-transition-duration: 0.8s;
            -moz-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97); }
          #shipsany .shipsany__kv .shipsany__kv--contents .shipsany__kv--slickNav .slickNav--target > p {
            line-height: 45px;
            text-align: center;
            opacity: 0;
            transition-duration: 0.8s;
            transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
            -ms-transition-duration: 0.8s;
            -ms-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
            -webkit-transition-duration: 0.8s;
            -webkit-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
            　-moz-transition-duration: 0.8s;
            -moz-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97); }
            #shipsany .shipsany__kv .shipsany__kv--contents .shipsany__kv--slickNav .slickNav--target > p > span {
              display: block;
              padding: 0 15px;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap; }
          #shipsany .shipsany__kv .shipsany__kv--contents .shipsany__kv--slickNav .slickNav--target:nth-of-type(1):after, #shipsany .shipsany__kv .shipsany__kv--contents .shipsany__kv--slickNav .slickNav--target:nth-of-type(3):after {
            top: auto;
            bottom: 0; }
          #shipsany .shipsany__kv .shipsany__kv--contents .shipsany__kv--slickNav .slickNav--target:last-of-type(4):after {
            display: none; }
          #shipsany .shipsany__kv .shipsany__kv--contents .shipsany__kv--slickNav .slickNav--target:hover > p, #shipsany .shipsany__kv .shipsany__kv--contents .shipsany__kv--slickNav .slickNav--target:active > p {
            background-color: rgba(8, 46, 77, 0.2); }
          #shipsany .shipsany__kv .shipsany__kv--contents .shipsany__kv--slickNav .slickNav--target.selected > p {
            background-color: #082e4d;
            color: #fff; }
    #shipsany .shipsany__kv.active .shipsany__kv--contents .shipsany__kv--slickImg .slickImg--target a::before, #shipsany .shipsany__kv.active .shipsany__kv--contents .shipsany__kv--slickImg .slickImg--target a::after {
      height: 100%; }
    #shipsany .shipsany__kv.active .shipsany__kv--contents .shipsany__kv--slickNav::before, #shipsany .shipsany__kv.active .shipsany__kv--contents .shipsany__kv--slickNav::after {
      height: 100%; }
    #shipsany .shipsany__kv.active .shipsany__kv--contents .shipsany__kv--slickNav .line::after {
      width: 100%; }
    #shipsany .shipsany__kv.active .shipsany__kv--contents .shipsany__kv--slickNav .slickNav--target::after {
      height: 100%; }
    #shipsany .shipsany__kv.show .anySplash {
      opacity: 0;
      visibility: hidden; }
    #shipsany .shipsany__kv.show .shipsany__kv--contents .shipsany__kv--slickImg .slickImg--target .slickImg--target--contents {
      opacity: 1; }
    #shipsany .shipsany__kv.show .shipsany__kv--contents .shipsany__kv--slickImg .slick-prev, #shipsany .shipsany__kv.show .shipsany__kv--contents .shipsany__kv--slickImg .slick-next {
      opacity: 1; }
    #shipsany .shipsany__kv.show .shipsany__kv--contents .shipsany__kv--slickNav .slickNav--target > p {
      opacity: 1; }