@charset "UTF-8";
/* common
=================================================================== */
/* layout
=================================================================== */
/* background
=================================================================== */
/* flex
=================================================================== */
/* animation delay
=================================================================== */
/* 3d
=================================================================== */
/* font
=================================================================== */
/* vw
=================================================================== */
/* form
=================================================================== */
#shipsany {
  /* vw
  ================================================*/
  /* concept
  =================================================================== */ }
  #shipsany.concept {
    /* main
    ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
    /* concept text
    ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
    /* concept
    ーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
    /* share
    ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */ }
    #shipsany.concept .pc__sticky .shipsany__wrapper {
      width: 100%; }
      #shipsany.concept .pc__sticky .shipsany__wrapper .pc__sticky--contents {
        margin-left: 0; }
    #shipsany.concept .concept__main {
      width: 410px;
      margin: 0 auto 73px; }
      #shipsany.concept .concept__main ul {
        position: relative;
        padding-top: calc(832 / 820 * 100%); }
        #shipsany.concept .concept__main ul li {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          z-index: 1; }
          #shipsany.concept .concept__main ul li .concept__main--line {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: .15;
            transition-duration: 0.4s;
            transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
            -ms-transition-duration: 0.4s;
            -ms-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
            -webkit-transition-duration: 0.4s;
            -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
            　-moz-transition-duration: 0.4s;
            -moz-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
            background-position: center center;
            background-repeat: no-repeat;
            background-size: 100% auto; }
          #shipsany.concept .concept__main ul li dl {
            position: absolute;
            text-align: center;
            line-height: 1.7;
            color: #8895b4;
            transform: translate3d(0, 80px, 0);
            -webkit-transform: translate3d(0, 80px, 0);
            opacity: 0;
            transition: transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1), opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 1.5s cubic-bezier(0.22, 0.94, 0.44, 1); }
            #shipsany.concept .concept__main ul li dl dt {
              font-size: 21px;
              margin-bottom: 15px; }
              #shipsany.concept .concept__main ul li dl dt span {
                position: relative;
                display: inline-block;
                border-bottom: 2px solid #8895b4; }
            #shipsany.concept .concept__main ul li dl dd {
              font-size: 12px;
              white-space: nowrap; }
          #shipsany.concept .concept__main ul li.concept__main--anyone .concept__main--line {
            background-image: url("/label/shipsany/images/pc/contents/concept/line--anyone.png"); }
          #shipsany.concept .concept__main ul li.concept__main--anyone dl {
            left: calc(343 / 410 * 100%);
            top: calc(280 / 416 * 100%); }
          #shipsany.concept .concept__main ul li.concept__main--anywhere .concept__main--line {
            background-image: url("/label/shipsany/images/pc/contents/concept/line--anywhere.png"); }
          #shipsany.concept .concept__main ul li.concept__main--anywhere dl {
            left: calc(316 / 410 * 100%);
            top: calc(10 / 416 * 100%); }
          #shipsany.concept .concept__main ul li.concept__main--anytime .concept__main--line {
            background-image: url("/label/shipsany/images/pc/contents/concept/line--anytime.png"); }
          #shipsany.concept .concept__main ul li.concept__main--anytime dl {
            right: calc(426 / 410 * 100%);
            top: calc(141 / 416 * 100%); }
          #shipsany.concept .concept__main ul li.active {
            z-index: 2; }
            #shipsany.concept .concept__main ul li.active .concept__main--line {
              opacity: 1; }
            #shipsany.concept .concept__main ul li.active dl {
              transform: translate3d(0, 0, 0);
              -webkit-transform: translate3d(0, 0, 0);
              opacity: 1; }
          #shipsany.concept .concept__main ul li.defult .concept__main--line {
            opacity: 1; }
    #shipsany.concept .concept__text--main {
      text-align: center;
      font-size: 18px;
      margin-bottom: 50px; }
    #shipsany.concept .concept__text--sub {
      text-align: center;
      margin-bottom: 90px; }
      #shipsany.concept .concept__text--sub p {
        position: relative;
        display: inline-block;
        font-size: 13px;
        padding: 15px 35px; }
        #shipsany.concept .concept__text--sub p:before, #shipsany.concept .concept__text--sub p:after {
          content: " ";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          width: 17px;
          height: 82px;
          background-position: center center;
          background-repeat: no-repeat;
          background-size: 100% auto; }
        #shipsany.concept .concept__text--sub p:before {
          background-image: url("/label/shipsany/images/pc/contents/concept/text--before.png"); }
        #shipsany.concept .concept__text--sub p:after {
          left: auto;
          right: 0;
          background-image: url("/label/shipsany/images/pc/contents/concept/text--after.png"); }
    #shipsany.concept .shipsany__concept {
      display: flex;
      flex-wrap: nowrap;
      justify-content: center;
      margin-bottom: 100px;
      /* concept--img
      ーーーーーーーーーーーーー */
      /* concept--text
      ーーーーーーーーーーーーー */ }
      #shipsany.concept .shipsany__concept .shipsany__concept--img {
        position: relative;
        width: 484px;
        margin-right: 62px; }
        #shipsany.concept .shipsany__concept .shipsany__concept--img .shipsany__concept--img--main {
          position: relative;
          padding-top: calc(1684 / 1316 * 100%);
          border: 1px solid rgba(0, 0, 0, 0.1); }
          #shipsany.concept .shipsany__concept .shipsany__concept--img .shipsany__concept--img--main li {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border-radius: 6px;
            overflow: hidden;
            opacity: 1; }
            #shipsany.concept .shipsany__concept .shipsany__concept--img .shipsany__concept--img--main li:after {
              content: " ";
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              top: -5%;
              left: 20%;
              width: calc(150 / 517 * 100%);
              height: calc(150 / 605 * 100%);
              background-position: center center;
              background-repeat: no-repeat;
              background-size: 100% auto; }
            #shipsany.concept .shipsany__concept .shipsany__concept--img .shipsany__concept--img--main li:first-child {
              display: block; }
            #shipsany.concept .shipsany__concept .shipsany__concept--img .shipsany__concept--img--main li span {
              display: block;
              height: 100%;
              background-position: center center;
              background-repeat: no-repeat;
              background-size: 100% auto; }
      #shipsany.concept .shipsany__concept .shipsany__concept--text {
        width: 370px;
        align-self: center; }
        #shipsany.concept .shipsany__concept .shipsany__concept--text .shipsany__concept--text--title {
          font-size: 12px;
          font-weight: bold;
          margin-bottom: 30px; }
        #shipsany.concept .shipsany__concept .shipsany__concept--text .shipsany__concept--text--list li {
          white-space: nowrap;
          font-size: 15px;
          line-height: 1.8;
          margin-bottom: 30px; }
    #shipsany.concept .any__contents--nav .shipsany__share {
      margin-top: 0;
      padding-top: 0; }

#shipsany.concept .shipsany__concept .shipsany__concept--img .shipsany__concept--img--main {
  border: none;
  border-radius: 8px;
  overflow: hidden; }
  #shipsany.concept .shipsany__concept .shipsany__concept--img .shipsany__concept--img--main > li {
    border-radius: 0; }