.test1 {
  background-color: black;
  width: 41.6666666667vw;
  max-width: 500px;
  padding: 1.6666666667vw 2.5vw;
  height: calc(100% - 3.3333333333vw); }

.kv {
  position: relative;
  height: 38.75vw; }
  .kv .kv_mask {
    background-image: url("../img/partner/kv-background.png");
    background-size: cover;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 10; }
    @media screen and (max-width: 769px) {
      .kv .kv_mask {
        background-image: url("../img/partner/kv-background-sp.png"); } }
  .kv .kv_main {
    z-index: 11;
    position: absolute;
    padding: 5.625vw 0vw 0vw 5.75vw;
    width: calc(100% - 5.75vw);
    height: calc(100% - 5.625vw); }
    .kv .kv_main .catch_copy_block {
      font-weight: bold;
      color: #fff;
      position: absolute;
      padding: 0vw 0vw 5.625vw 0vw;
      bottom: 0; }
      @media screen and (max-width: 769px) {
        .kv .kv_main .catch_copy_block {
          bottom: initial; } }
      .kv .kv_main .catch_copy_block.shopping {
        padding: 0vw 0vw 7.5vw 0vw; }
      .kv .kv_main .catch_copy_block .title_area p {
        font-size: 2.875vw;
        margin: 0vw 0vw 2.75vw 0vw;
        letter-spacing: 0.05em;
        font-weight: bold;
        border-bottom: 0.93vw solid #009fe8;
        line-height: 1.8vw; }
      .kv .kv_main .catch_copy_block .title_area .second {
        width: 25.125vw; }
      .kv .kv_main .catch_copy_block .title_area .third {
        width: 21vw; }
      .kv .kv_main .catch_copy_block .title_area span {
        font-family: Roboto Condensed;
        vertical-align: bottom; }
      .kv .kv_main .catch_copy_block .title_area strong {
        font-family: Roboto Condensed;
        font-size: 7.1875vw;
        vertical-align: -60%; }
      .kv .kv_main .catch_copy_block .title_area .big_size {
        font-size: 5vw; }
      .kv .kv_main .catch_copy_block .sub_title_area {
        font-size: 1vw;
        font-weight: bold;
        letter-spacing: 0.1em;
        line-height: 2.25; }
    .kv .kv_main .link_block {
      position: absolute;
      bottom: 0;
      left: 35vw;
      padding: 0vw 0vw 5.625vw 0vw; }
      .kv .kv_main .link_block .entry_area {
        font-weight: bold;
        font-size: 0.9375vw;
        display: flex;
        justify-content: left;
        text-align: center; }
        .kv .kv_main .link_block .entry_area .yellow_link {
          width: 13.75vw;
          margin-right: 1.31vw;
          border-radius: 0.5vw;
          transition: 1s; }
          .kv .kv_main .link_block .entry_area .yellow_link p {
            line-height: calc(3.125vw + 6px); }
          .kv .kv_main .link_block .entry_area .yellow_link .pen {
            display: block;
            height: 3.125vw;
            position: absolute;
            width: 0.875vw;
            height: 0.875vw;
            left: 0.675vw;
            top: 50%;
            transform: translateY(-50%); }
            .kv .kv_main .link_block .entry_area .yellow_link .pen img {
              height: 100%;
              width: 100%; }
          .kv .kv_main .link_block .entry_area .yellow_link .black_arrow {
            position: absolute;
            width: 0.6vw;
            height: 0.79vw;
            right: 0.675vw;
            top: 50%;
            transform: translateY(-50%); }
            .kv .kv_main .link_block .entry_area .yellow_link .black_arrow img {
              height: 100%;
              width: 100%; }
        .kv .kv_main .link_block .entry_area .clear_link {
          position: relative;
          background-color: transparent;
          border: solid 3px #fff;
          color: #fff;
          width: calc(13.75vw - 6px);
          border-radius: 0.5vw;
          overflow: hidden; }
          .kv .kv_main .link_block .entry_area .clear_link .no_hover {
            display: block; }
          .kv .kv_main .link_block .entry_area .clear_link .hover {
            display: none; }
          .kv .kv_main .link_block .entry_area .clear_link a {
            color: white;
            display: block;
            position: relative; }
          .kv .kv_main .link_block .entry_area .clear_link::before {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            left: -100%;
            background-color: #fff;
            transition: 0.2s; }
          .kv .kv_main .link_block .entry_area .clear_link:hover a {
            color: #000; }
          .kv .kv_main .link_block .entry_area .clear_link:hover .no_hover {
            display: none; }
          .kv .kv_main .link_block .entry_area .clear_link:hover .hover {
            display: block; }
          .kv .kv_main .link_block .entry_area .clear_link:hover::before {
            left: 0; }
          .kv .kv_main .link_block .entry_area .clear_link p {
            line-height: 3.125vw; }
          .kv .kv_main .link_block .entry_area .clear_link .men_img {
            display: block;
            height: 3.125vw;
            position: absolute;
            width: 0.875vw;
            height: 0.875vw;
            left: 0.875vw;
            top: 50%;
            transform: translateY(-50%); }
            .kv .kv_main .link_block .entry_area .clear_link .men_img img {
              height: 100%;
              width: 100%; }
          .kv .kv_main .link_block .entry_area .clear_link .white_arrow {
            position: absolute;
            width: 0.6vw;
            height: 0.79vw;
            right: 0.675vw;
            top: 50%;
            transform: translateY(-50%); }
            .kv .kv_main .link_block .entry_area .clear_link .white_arrow img {
              height: 100%;
              width: 100%; }
      .kv .kv_main .link_block .app_area {
        display: flex;
        padding: 1.25vw 0vw 0vw 0vw; }
        .kv .kv_main .link_block .app_area .logo {
          width: 6.3125vw;
          max-width: none;
          height: 6.3125vw;
          max-height: none;
          margin-right: 1.25vw; }
          .kv .kv_main .link_block .app_area .logo img {
            height: 100%;
            width: 100%; }
        .kv .kv_main .link_block .app_area .go_app {
          color: #fff; }
          .kv .kv_main .link_block .app_area .go_app p {
            font-weight: bold;
            font-size: 1.0625vw;
            padding: 0.9375vw 0vw 0vw 0vw; }
          .kv .kv_main .link_block .app_area .go_app .app_banner {
            padding-top: 1.18vw; }
            .kv .kv_main .link_block .app_area .go_app .app_banner img {
              height: 3.125vw;
              width: 10.187vw;
              transition: 0.2s; }
              .kv .kv_main .link_block .app_area .go_app .app_banner img:hover {
                transition: 0.2s;
                opacity: 0.6; }
    .kv .kv_main .phone_block {
      position: absolute;
      right: 4.625vw;
      bottom: 0;
      height: 95%; }
      .kv .kv_main .phone_block img {
        height: 100%; }

.features {
  max-width: 1200px;
  margin: 0 auto;
  padding: 3.4166666667vw 0vw 5vw 0vw; }
  @media screen and (min-width: 1200px) {
    .features {
      padding: 41px 0px 60px 0px; } }
  @media screen and (max-width: 1200px) and (min-width: 769px) {
    .features {
      padding: 3.4166666667vw 1.6666666667vw 5vw 1.6666666667vw; } }
  .features .contents_block {
    opacity: 0; }
    @media screen and (max-width: 769px) {
      .features .contents_block {
        opacity: 1; } }
    .features .contents_block ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .features .contents_block ul .content {
        width: calc(30.5vw - 1.66vw);
        margin: 1.25vw 0vw;
        padding: 1.1666666667vw 0.8333333333vw; }
        @media screen and (min-width: 1200px) {
          .features .contents_block ul .content {
            margin: 15px 0px; } }
        @media screen and (min-width: 1200px) {
          .features .contents_block ul .content {
            padding: 14px 10px; } }
        @media screen and (min-width: 1200px) {
          .features .contents_block ul .content {
            width: calc(366px - 20px); } }
        .features .contents_block ul .content .content_top {
          display: flex; }
          .features .contents_block ul .content .content_top .content_image {
            height: 5.5vw;
            width: 7.33vw; }
            @media screen and (min-width: 1200px) {
              .features .contents_block ul .content .content_top .content_image {
                height: 66px;
                width: 88px; } }
            .features .contents_block ul .content .content_top .content_image img {
              height: 100%;
              width: 100%;
              object-fit: contain; }
          .features .contents_block ul .content .content_top .content_title {
            font-weight: bold;
            color: #206dc4;
            font-size: 1.8333333333vw;
            line-height: 1.4545454545;
            letter-spacing: 0.06em; }
            @media screen and (min-width: 1200px) {
              .features .contents_block ul .content .content_top .content_title {
                font-size: 22px; } }
        .features .contents_block ul .content .content_bottom {
          font-size: 1.3333333333vw;
          line-height: 1.9375;
          letter-spacing: 0.05em;
          margin: 1.25vw 0vw; }
          @media screen and (min-width: 1200px) {
            .features .contents_block ul .content .content_bottom {
              font-size: 16px; } }
          @media screen and (min-width: 1200px) {
            .features .contents_block ul .content .content_bottom {
              margin: 15px 0px; } }

.how,
.flow {
  padding: 3.3333333333vw 1.6666666667vw; }
  @media screen and (min-width: 1200px) {
    .how,
    .flow {
      padding: 40px 20px; } }
  .how .title_block,
  .flow .title_block {
    text-align: center; }
  .how .contents_block,
  .flow .contents_block {
    max-width: 1200px;
    margin: 0 auto;
    padding: 5.0833333333vw 0vw; }
    @media screen and (min-width: 1200px) {
      .how .contents_block,
      .flow .contents_block {
        padding: 61px 0px; } }
    .how .contents_block ul,
    .flow .contents_block ul {
      display: flex;
      justify-content: space-between; }
      .how .contents_block ul .arrow,
      .flow .contents_block ul .arrow {
        height: 3vw;
        width: 2.16vw;
        line-height: 22.16vw; }
        @media screen and (min-width: 1024px) {
          .how .contents_block ul .arrow,
          .flow .contents_block ul .arrow {
            height: 36px;
            width: 26px;
            line-height: 266px; } }
        .how .contents_block ul .arrow img,
        .flow .contents_block ul .arrow img {
          height: 100%;
          width: 100%;
          object-fit: contain; }
      .how .contents_block ul .content,
      .flow .contents_block ul .content {
        opacity: 0;
        width: 20.91vw; }
        @media screen and (min-width: 1024px) {
          .how .contents_block ul .content,
          .flow .contents_block ul .content {
            width: 251px; } }
        .how .contents_block ul .content .content_image,
        .flow .contents_block ul .content .content_image {
          height: 22.16vw; }
          @media screen and (min-width: 1024px) {
            .how .contents_block ul .content .content_image,
            .flow .contents_block ul .content .content_image {
              height: 266px; } }
          .how .contents_block ul .content .content_image img,
          .flow .contents_block ul .content .content_image img {
            height: 100%;
            width: 100%;
            object-fit: contain; }
        .how .contents_block ul .content .content_title,
        .flow .contents_block ul .content .content_title {
          position: relative; }
          .how .contents_block ul .content .content_title .step_number,
          .flow .contents_block ul .content .content_title .step_number {
            position: absolute;
            left: -2vw;
            top: 50%;
            transform: translateY(-50%);
            background-color: #ffd440;
            color: #206dc4;
            border-radius: 50%;
            width: 5.83vw;
            height: 5.83vw;
            text-align: center;
            font-family: Oswald;
            font-weight: bold;
            letter-spacing: 0.12em;
            font-size: 1.0833333333vw; }
            @media screen and (min-width: 1200px) {
              .how .contents_block ul .content .content_title .step_number,
              .flow .contents_block ul .content .content_title .step_number {
                font-size: 13px; } }
            @media screen and (min-width: 1200px) {
              .how .contents_block ul .content .content_title .step_number,
              .flow .contents_block ul .content .content_title .step_number {
                width: 70px;
                height: 70px; } }
            .how .contents_block ul .content .content_title .step_number .step,
            .flow .contents_block ul .content .content_title .step_number .step {
              padding: 0.9166666667vw 0vw 0vw 0vw; }
              @media screen and (min-width: 1200px) {
                .how .contents_block ul .content .content_title .step_number .step,
                .flow .contents_block ul .content .content_title .step_number .step {
                  padding: 11px 0px 0px 0px; } }
            .how .contents_block ul .content .content_title .step_number .size_up,
            .flow .contents_block ul .content .content_title .step_number .size_up {
              font-size: 2.5vw;
              padding: 0.4166666667vw 0vw 0vw 0vw; }
              @media screen and (min-width: 1200px) {
                .how .contents_block ul .content .content_title .step_number .size_up,
                .flow .contents_block ul .content .content_title .step_number .size_up {
                  font-size: 30px; } }
              @media screen and (min-width: 1200px) {
                .how .contents_block ul .content .content_title .step_number .size_up,
                .flow .contents_block ul .content .content_title .step_number .size_up {
                  padding: 5px 0px 0px 0px; } }
          .how .contents_block ul .content .content_title .step_number.business,
          .flow .contents_block ul .content .content_title .step_number.business {
            color: #009fe8; }
          .how .contents_block ul .content .content_title .title,
          .flow .contents_block ul .content .content_title .title {
            color: #000;
            font-weight: bold;
            background-color: #fff;
            font-size: 1.3333333333vw;
            letter-spacing: 0.05em;
            margin: 1.6666666667vw 1.6666666667vw;
            line-height: 3.16vw;
            border-radius: 0.5vw;
            padding-left: 2.5vw; }
            @media screen and (min-width: 1200px) {
              .how .contents_block ul .content .content_title .title,
              .flow .contents_block ul .content .content_title .title {
                font-size: 16px; } }
            @media screen and (min-width: 1200px) {
              .how .contents_block ul .content .content_title .title,
              .flow .contents_block ul .content .content_title .title {
                margin: 20px 20px; } }
            @media screen and (min-width: 1200px) {
              .how .contents_block ul .content .content_title .title,
              .flow .contents_block ul .content .content_title .title {
                line-height: 38px;
                padding-left: 30px; } }
        .how .contents_block ul .content .content_sentence p,
        .flow .contents_block ul .content .content_sentence p {
          font-size: 1.3333333333vw;
          line-height: 1.9375;
          letter-spacing: 0.03em; }
          @media screen and (min-width: 1200px) {
            .how .contents_block ul .content .content_sentence p,
            .flow .contents_block ul .content .content_sentence p {
              font-size: 16px; } }
          .how .contents_block ul .content .content_sentence p small,
          .flow .contents_block ul .content .content_sentence p small {
            font-size: 11px; }

.banner_link {
  padding: 6.75vw 0vw;
  background-image: url("../img/top/dot-wrapper.svg"); }
  @media screen and (min-width: 1200px) {
    .banner_link {
      padding: 81px 0px; } }
  .banner_link .banner_block {
    opacity: 0;
    margin: 0 auto;
    height: 26.666vw;
    width: 100vw;
    max-width: 1200px;
    max-height: 320px;
    position: relative; }
    .banner_link .banner_block .driver_image {
      position: absolute;
      left: 0;
      width: 21.16vw;
      max-width: 254px; }
      .banner_link .banner_block .driver_image img {
        width: 100%;
        height: 100%; }
    .banner_link .banner_block .banner_title {
      padding: 3.75vw 0vw;
      color: white;
      font-size: 4.3333333333vw;
      line-height: 1.5384615385;
      font-weight: 800;
      position: absolute;
      left: 22.33vw; }
      @media screen and (min-width: 1200px) {
        .banner_link .banner_block .banner_title {
          padding: 45px 0px; } }
      @media screen and (min-width: 1200px) {
        .banner_link .banner_block .banner_title {
          font-size: 52px; } }
      @media screen and (min-width: 1024px) {
        .banner_link .banner_block .banner_title {
          left: 268px; } }
    .banner_link .banner_block .arrow_image {
      position: absolute;
      left: 36.83vw;
      height: 100%; }
      @media screen and (min-width: 1024px) {
        .banner_link .banner_block .arrow_image {
          left: 442px; } }
      .banner_link .banner_block .arrow_image img {
        height: 100%; }
    .banner_link .banner_block .phone_image {
      position: absolute;
      left: 51.25vw;
      bottom: 0;
      height: 95%; }
      @media screen and (min-width: 1024px) {
        .banner_link .banner_block .phone_image {
          left: 615px; } }
      .banner_link .banner_block .phone_image img {
        height: 100%; }
    .banner_link .banner_block .link_block {
      padding: 1.6666666667vw 3vw 0vw 0vw;
      position: absolute;
      right: 0;
      max-width: 386px; }
      @media screen and (min-width: 1200px) {
        .banner_link .banner_block .link_block {
          padding: 20px 36px 0px 0px; } }
      .banner_link .banner_block .link_block .logo_image {
        max-width: 120px;
        max-height: 120px;
        height: 10vw;
        width: 10vw;
        margin: 0 auto; }
        .banner_link .banner_block .link_block .logo_image img {
          display: block;
          text-align: center;
          height: 100%;
          width: 100%; }
      .banner_link .banner_block .link_block .main_link {
        width: 29.16vw;
        max-width: 350px;
        border-radius: 0.5vw;
        margin: 1.25vw 0 1.25vw auto; }
        .banner_link .banner_block .link_block .main_link p {
          font-size: 1.6666666667vw;
          text-align: center;
          line-height: 5vw;
          font-weight: bold; }
          @media screen and (min-width: 1200px) {
            .banner_link .banner_block .link_block .main_link p {
              font-size: 20px; } }
          @media screen and (min-width: 1024px) {
            .banner_link .banner_block .link_block .main_link p {
              line-height: 60px; } }
        .banner_link .banner_block .link_block .main_link .pen {
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          left: 5%;
          height: 4.8vw;
          width: 4.8vw;
          max-width: 18px;
          max-height: 18px; }
          .banner_link .banner_block .link_block .main_link .pen img {
            max-width: 100%;
            height: 100%; }
        .banner_link .banner_block .link_block .main_link .black_arrow {
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          right: 5%;
          height: 3.38vw;
          width: 2.56vw;
          max-width: 9.6px;
          max-height: 12.68px; }
          .banner_link .banner_block .link_block .main_link .black_arrow img {
            width: 100%;
            height: 100%; }
      .banner_link .banner_block .link_block .app_link img {
        max-width: 164px;
        max-height: 48px;
        width: 13.6vw;
        height: 4vw;
        transition: 0.2s; }
        .banner_link .banner_block .link_block .app_link img:hover {
          opacity: 0.6;
          transition: 0.2s; }

.voice,
.case {
  max-width: 1200px;
  margin: 0 auto;
  padding: 3.4166666667vw 1.6666666667vw 10.1666666667vw 1.6666666667vw; }
  @media screen and (min-width: 1200px) {
    .voice,
    .case {
      padding: 41px 20px 122px 20px; } }
  .voice .contents_block ul .content:not(:last-of-type),
  .case .contents_block ul .content:not(:last-of-type) {
    margin: 0vw 0vw 5vw 0vw; }
    @media screen and (min-width: 1200px) {
      .voice .contents_block ul .content:not(:last-of-type),
      .case .contents_block ul .content:not(:last-of-type) {
        margin: 0px 0px 60px 0px; } }
  .voice .contents_block ul .content,
  .case .contents_block ul .content {
    opacity: 0;
    display: flex;
    color: #fff; }
    .voice .contents_block ul .content .case_name,
    .case .contents_block ul .content .case_name {
      position: absolute;
      right: 6.25%;
      top: 11.1%;
      background-color: #009fe8;
      color: #009fe8;
      font-weight: bold;
      line-height: 4.16vw;
      color: #fff;
      padding: 0vw 1.8333333333vw;
      font-size: 1.6666666667vw; }
      @media screen and (min-width: 1200px) {
        .voice .contents_block ul .content .case_name,
        .case .contents_block ul .content .case_name {
          padding: 0px 22px; } }
      @media screen and (min-width: 1200px) {
        .voice .contents_block ul .content .case_name,
        .case .contents_block ul .content .case_name {
          font-size: 20px; } }
      @media screen and (min-width: 1024px) {
        .voice .contents_block ul .content .case_name,
        .case .contents_block ul .content .case_name {
          line-height: 50px; } }
    .voice .contents_block ul .content .content_image,
    .case .contents_block ul .content .content_image {
      height: 30vw;
      width: 46.66vw; }
      @media screen and (min-width: 1200px) {
        .voice .contents_block ul .content .content_image,
        .case .contents_block ul .content .content_image {
          height: 360px;
          width: 560px; } }
      .voice .contents_block ul .content .content_image img,
      .case .contents_block ul .content .content_image img {
        height: 100%;
        width: 100%;
        object-fit: cover; }
    .voice .contents_block ul .content .content_sentence,
    .case .contents_block ul .content .content_sentence {
      position: relative;
      height: calc(30vw - 5.66vw);
      width: calc(100% - 46.66vw - 6.66vw);
      padding: 3.6666666667vw 3.3333333333vw 2vw 3.3333333333vw; }
      @media screen and (min-width: 1200px) {
        .voice .contents_block ul .content .content_sentence,
        .case .contents_block ul .content .content_sentence {
          height: calc(360px - 68px);
          width: calc(100% - 560px - 80px); } }
      @media screen and (min-width: 1200px) {
        .voice .contents_block ul .content .content_sentence,
        .case .contents_block ul .content .content_sentence {
          padding: 44px 40px 24px 40px; } }
      .voice .contents_block ul .content .content_sentence .name,
      .case .contents_block ul .content .content_sentence .name {
        font-weight: bold;
        font-size: 1.8333333333vw;
        letter-spacing: 0.03em; }
        @media screen and (min-width: 1200px) {
          .voice .contents_block ul .content .content_sentence .name,
          .case .contents_block ul .content .content_sentence .name {
            font-size: 22px; } }
        .voice .contents_block ul .content .content_sentence .name strong,
        .case .contents_block ul .content .content_sentence .name strong {
          font-size: 2.1666666667vw; }
          @media screen and (min-width: 1200px) {
            .voice .contents_block ul .content .content_sentence .name strong,
            .case .contents_block ul .content .content_sentence .name strong {
              font-size: 26px; } }
        .voice .contents_block ul .content .content_sentence .name a,
        .case .contents_block ul .content .content_sentence .name a {
          color: #000;
          text-decoration: underline; }
          .voice .contents_block ul .content .content_sentence .name a .link,
          .case .contents_block ul .content .content_sentence .name a .link {
            text-decoration: #000 !important;
            font-weight: 300;
            font-size: 1.5vw;
            margin: 1.6666666667vw 0vw 0vw 0vw; }
            @media screen and (min-width: 1200px) {
              .voice .contents_block ul .content .content_sentence .name a .link,
              .case .contents_block ul .content .content_sentence .name a .link {
                font-size: 18px; } }
            @media screen and (min-width: 1200px) {
              .voice .contents_block ul .content .content_sentence .name a .link,
              .case .contents_block ul .content .content_sentence .name a .link {
                margin: 20px 0px 0px 0px; } }
            @media screen and (max-width: 769px) {
              .voice .contents_block ul .content .content_sentence .name a .link,
              .case .contents_block ul .content .content_sentence .name a .link {
                font-size: 3.7333333333vw; } }
  @media screen and (max-width: 769px) and (min-width: 375px) {
    .voice .contents_block ul .content .content_sentence .name a .link,
    .case .contents_block ul .content .content_sentence .name a .link {
      font-size: 14px; } }

      .voice .contents_block ul .content .content_sentence .main,
      .case .contents_block ul .content .content_sentence .main {
        margin: 1.6666666667vw 0vw;
        font-size: 1.25vw;
        line-height: 2.0666666667;
        letter-spacing: 0.05em; }
        @media screen and (min-width: 1200px) {
          .voice .contents_block ul .content .content_sentence .main,
          .case .contents_block ul .content .content_sentence .main {
            margin: 20px 0px; } }
        @media screen and (min-width: 1200px) {
          .voice .contents_block ul .content .content_sentence .main,
          .case .contents_block ul .content .content_sentence .main {
            font-size: 15px; } }
        @media screen and (max-width: 769px) {
          .voice .contents_block ul .content .content_sentence .main,
          .case .contents_block ul .content .content_sentence .main {
            margin: 8vw 0vw; } }
  @media screen and (max-width: 769px) and (min-width: 375px) {
    .voice .contents_block ul .content .content_sentence .main,
    .case .contents_block ul .content .content_sentence .main {
      margin: 30px 0px; } }

  .voice .contents_block .other_case,
  .case .contents_block .other_case {
    position: relative;
    background-color: #ffd440;
    color: #000;
    text-align: center;
    border-radius: 0.7vw;
    font-size: 1.5vw;
    margin: 5vw auto;
    margin-bottom: 0;
    font-weight: bold;
    max-width: 430px;
    width: 35.83vw;
    line-height: 3.3333333333; }
    @media screen and (min-width: 1200px) {
      .voice .contents_block .other_case,
      .case .contents_block .other_case {
        font-size: 18px; } }
    @media screen and (min-width: 1200px) {
      .voice .contents_block .other_case,
      .case .contents_block .other_case {
        padding: 60px auto; } }
    .voice .contents_block .other_case img,
    .case .contents_block .other_case img {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 5%;
      display: block;
      height: 30%; }

.faq {
  max-width: 1200px;
  margin: 0 auto;
  padding: 1.75vw 0vw 7.75vw 0vw; }
  @media screen and (min-width: 1200px) {
    .faq {
      padding: 21px 0px 93px 0px; } }
  .faq .contents_block ul .content {
    padding: 2.5vw 2.5vw;
    opacity: 0; }
    @media screen and (min-width: 1200px) {
      .faq .contents_block ul .content {
        padding: 30px 30px; } }
    .faq .contents_block ul .content .question {
      line-height: 2.7777777778;
      display: flex;
      background-color: #e8f0f9; }
      .faq .contents_block ul .content .question .number {
        width: 6.25vw;
        text-align: center;
        font-weight: bold;
        color: #fff;
        font-size: 1.5vw;
        letter-spacing: 0.03em; }
        @media screen and (min-width: 1024px) {
          .faq .contents_block ul .content .question .number {
            width: 75px; } }
        @media screen and (min-width: 1200px) {
          .faq .contents_block ul .content .question .number {
            font-size: 18px; } }
      .faq .contents_block ul .content .question .main {
        padding: 0vw 0vw 0vw 1.6666666667vw;
        letter-spacing: 0.05em;
        font-size: 1.3333333333vw; }
        @media screen and (min-width: 1200px) {
          .faq .contents_block ul .content .question .main {
            padding: 0px 0px 0px 20px; } }
        @media screen and (min-width: 1200px) {
          .faq .contents_block ul .content .question .main {
            font-size: 16px; } }
    .faq .contents_block ul .content .answer {
      display: flex; }
      .faq .contents_block ul .content .answer .number {
        width: 16.25vw;
        max-width: 75px;
        text-align: center;
        font-weight: bold;
        color: #206dc4;
        font-size: 1.5vw;
        line-height: 1.7222222222;
        padding: 1.6666666667vw 0vw 0vw 0vw;
        letter-spacing: 0.03em; }
        @media screen and (min-width: 1200px) {
          .faq .contents_block ul .content .answer .number {
            font-size: 18px; } }
        @media screen and (min-width: 1200px) {
          .faq .contents_block ul .content .answer .number {
            padding: 20px 0px 0px 0px; } }
      .faq .contents_block ul .content .answer .main {
        padding: 1.6666666667vw 0vw 0vw 1.6666666667vw;
        letter-spacing: 0.05em;
        font-size: 1.3333333333vw;
        line-height: 1.9375; }
        @media screen and (min-width: 1200px) {
          .faq .contents_block ul .content .answer .main {
            padding: 20px 0px 0px 20px; } }
        @media screen and (min-width: 1200px) {
          .faq .contents_block ul .content .answer .main {
            font-size: 16px; } }
        .faq .contents_block ul .content .answer .main p a {
          text-decoration: underline;
          color: #206DC4;
          letter-spacing: 0.05em; }
        .faq .contents_block ul .content .answer .main p small {
          font-size: 1vw; }
          @media screen and (min-width: 1200px) {
            .faq .contents_block ul .content .answer .main p small {
              font-size: 12px; } }
          @media screen and (max-width: 769px) {
            .faq .contents_block ul .content .answer .main p small {
              font-size: 11px; } }

.lease_link, .shopping_link {
  padding: 7.25vw 0vw;
  background-image: url("../img/top/dot-wrapper.svg"); }
  @media screen and (min-width: 1200px) {
    .lease_link, .shopping_link {
      padding: 87px 0px; } }
  .lease_link .banner_block, .shopping_link .banner_block {
    max-width: 1000px;
    max-height: 200px;
    width: 83.33vw;
    height: 16.666vw;
    margin: 0 auto;
    opacity: 0; }
    .lease_link .banner_block img, .shopping_link .banner_block img {
      width: 100%;
      height: auto;
      transition: 0.2s; }
      .lease_link .banner_block img:hover, .shopping_link .banner_block img:hover {
        opacity: 0.6;
        transition: 0.2s; }

@media screen and (max-width: 769px) {
  .kv {
    height: 106.6vw; }
    .kv .kv_mask {
      background-position: 35%; }
    .kv .kv_main {
      padding: 14.9333333333vw 0vw 0vw 5.3333333333vw;
      width: calc(100% - 5.33vw);
      height: calc(100% - 14.933vw); }
      .kv .kv_main .catch_copy_block {
        padding: 0vw 0vw 9.0666666667vw 0vw; }
        .kv .kv_main .catch_copy_block .title_area p {
          font-size: 6.1333333333vw;
          margin: 0vw 0vw 5.3333333333vw 0vw;
          border-bottom: 1.86vw #009fe8 solid;
          line-height: 4vw;
          letter-spacing: 0.05em; }
        .kv .kv_main .catch_copy_block .title_area .first {
          font-size: 4.8vw;
          width: 64.13vw;
          line-height: 2.5vw; } }
        @media screen and (max-width: 769px) and (max-width: 769px) {
          .kv .kv_main .catch_copy_block .title_area .first {
            width: 58vw; } }
@media screen and (max-width: 769px) {
          .kv .kv_main .catch_copy_block .title_area .first strong {
            font-size: 10.6666666667vw; }
          .kv .kv_main .catch_copy_block .title_area .first .big_size {
            font-size: 8.5333333333vw; }
        .kv .kv_main .catch_copy_block .title_area .second {
          width: 53vw; } }
        @media screen and (max-width: 769px) and (max-width: 769px) {
          .kv .kv_main .catch_copy_block .title_area .second {
            width: 51vw; } }
@media screen and (max-width: 769px) {
        .kv .kv_main .catch_copy_block .title_area .third {
          width: 46vw; } }
        @media screen and (max-width: 769px) and (max-width: 769px) {
          .kv .kv_main .catch_copy_block .title_area .third {
            width: 44vw; } }
@media screen and (max-width: 769px) {
        .kv .kv_main .catch_copy_block .sub_title_area {
          font-size: 3.2vw;
          line-height: 2.1666666667; }
      .kv .kv_main .phone_block {
        height: 56%;
        right: 2.66vw; }
      .kv .kv_main .link_block {
        padding: 6.9333333333vw 5.3333333333vw;
        top: 100%;
        left: 0;
        width: calc(100% - 10.6666666667vw); }
        .kv .kv_main .link_block .entry_area {
          font-size: 3.7333333333vw;
          justify-content: space-between; }
          .kv .kv_main .link_block .entry_area .yellow_link {
            width: 42.66vw;
            border-radius: 1.33vw; }
            .kv .kv_main .link_block .entry_area .yellow_link p {
              line-height: calc(16vw + 1.06vw); }
            .kv .kv_main .link_block .entry_area .yellow_link .pen {
              height: 3.73vw;
              width: 3.73vw;
              left: 5%; }
            .kv .kv_main .link_block .entry_area .yellow_link .black_arrow {
              width: 2.56vw;
              height: 3.38vw;
              right: 5%; }
          .kv .kv_main .link_block .entry_area .clear_link {
            width: calc(42.66vw - 1.06vw);
            border: solid #fff 0.53vw;
            border-radius: 1.33vw; }
            .kv .kv_main .link_block .entry_area .clear_link p {
              line-height: 16vw; }
            .kv .kv_main .link_block .entry_area .clear_link .white_arrow {
              width: 2.56vw;
              height: 3.38vw;
              right: 5%; }
            .kv .kv_main .link_block .entry_area .clear_link .men_img {
              width: 4.26vw;
              height: 4.26vw;
              left: 5%;
              position: absolute;
              top: 50%;
              transform: translateY(-50%); }
              .kv .kv_main .link_block .entry_area .clear_link .men_img img {
                width: 100%;
                height: 100%; }
        .kv .kv_main .link_block .app_area {
          padding-top: 4.53vw; }
          .kv .kv_main .link_block .app_area .logo {
            width: 19vw;
            height: 19vw;
            max-width: none;
            max-height: none; }
          .kv .kv_main .link_block .app_area .go_app p {
            font-size: 3.3333333333vw; }
          .kv .kv_main .link_block .app_area .go_app .app_banner {
            padding-top: 4.73vw; }
            .kv .kv_main .link_block .app_area .go_app .app_banner img {
              width: 32.864vw;
              height: 10.133vw; }

  .kv_link_area {
    height: 56vw; }

  .features .contents_block ul {
    justify-content: center; }
    .features .contents_block ul .content {
      width: calc(77.33vw - 5.333vw);
      height: calc(77.33vw - 5.333vw);
      border: solid 3px #206dc4;
      padding: 5.3333333333vw 5.3333333333vw;
      margin: 0vw 2.6666666667vw; }
      .features .contents_block ul .content .content_top {
        display: block; }
        .features .contents_block ul .content .content_top .content_title {
          font-size: 4.2666666667vw;
          text-align: center;
          padding: 4vw 4vw; }
        .features .contents_block ul .content .content_top .content_image {
          width: 24vw;
          height: 24vw;
          margin: 0 auto; }
          .features .contents_block ul .content .content_top .content_image img {
            transform: scale(0.9); }
      .features .contents_block ul .content .content_bottom {
        font-size: 3.2vw; }

  .how,
  .flow {
    padding: 0vw 5.3333333333vw; }
    .how .title_block h2,
    .flow .title_block h2 {
      line-height: 1.5; }
    .how .contents_block ul,
    .flow .contents_block ul {
      display: block; }
      .how .contents_block ul .content,
      .flow .contents_block ul .content {
        margin: 0 auto;
        width: 79.2vw; }
        .how .contents_block ul .content .content_image,
        .flow .contents_block ul .content .content_image {
          height: 66.93vw; }
        .how .contents_block ul .content .content_title .title,
        .flow .contents_block ul .content .content_title .title {
          font-size: 4.8vw;
          line-height: 10.13vw;
          padding-left: 15.86vw;
          border-radius: 2vw; }
        .how .contents_block ul .content .content_title .step_number,
        .flow .contents_block ul .content .content_title .step_number {
          width: 18.66vw;
          height: 18.66vw; }
          .how .contents_block ul .content .content_title .step_number .step,
          .flow .contents_block ul .content .content_title .step_number .step {
            font-size: 3.4666666667vw;
            padding-top: 3vw; }
          .how .contents_block ul .content .content_title .step_number .size_up,
          .flow .contents_block ul .content .content_title .step_number .size_up {
            font-size: 8vw; }
        .how .contents_block ul .content .content_sentence p,
        .flow .contents_block ul .content .content_sentence p {
          font-size: 3.7333333333vw;
          padding: 6.4vw 0vw; }
      .how .contents_block ul .arrow,
      .flow .contents_block ul .arrow {
        height: 9.6vw;
        width: 7vw;
        margin: 0 auto 6.4vw;
        transform: rotate(90deg);
        line-height: 9.6vw; }
        .how .contents_block ul .arrow img,
        .flow .contents_block ul .arrow img {
          height: 100%;
          width: 100%; }

  .voice,
  .case {
    padding: 0vw 5.3333333333vw; }
    .voice .contents_block ul .content,
    .case .contents_block ul .content {
      display: block; }
      .voice .contents_block ul .content .content_image,
      .case .contents_block ul .content .content_image {
        width: 100%;
        height: 57.33vw; }
      .voice .contents_block ul .content .content_sentence,
      .case .contents_block ul .content .content_sentence {
        padding: 6.4vw 5.3333333333vw;
        height: auto;
        width: calc(100% - 10.66vw); }
        .voice .contents_block ul .content .content_sentence .name,
        .case .contents_block ul .content .content_sentence .name {
          font-size: 3.7333333333vw; }
          .voice .contents_block ul .content .content_sentence .name p strong,
          .case .contents_block ul .content .content_sentence .name p strong {
            font-size: 4.8vw; }
        .voice .contents_block ul .content .content_sentence .main,
        .case .contents_block ul .content .content_sentence .main {
          font-size: 3.4666666667vw;
          line-height: 2; }
    .voice .contents_block .other_case,
    .case .contents_block .other_case {
      max-width: none; }

  .banner_link {
    padding: 7.4666666667vw 5.3333333333vw; }
    .banner_link .banner_block {
      width: 100%;
      height: 42.66vw; }
      .banner_link .banner_block .driver_image {
        height: 100%;
        width: 26.4%; }
        .banner_link .banner_block .driver_image img {
          width: auto; }
      .banner_link .banner_block .banner_title {
        right: 3.2vw;
        left: auto;
        font-size: 5.0666666667vw; }
      .banner_link .banner_block .arrow_image {
        display: none; }
      .banner_link .banner_block .phone_image {
        display: none; }
      .banner_link .banner_block .link_block {
        padding: 0vw 3.2vw 2.6666666667vw 0vw;
        bottom: 0;
        max-width: none; }
        .banner_link .banner_block .link_block .logo_image {
          display: none; }
        .banner_link .banner_block .link_block .main_link {
          width: 57.33vw;
          border-radius: 2vw;
          max-width: none; }
          .banner_link .banner_block .link_block .main_link p {
            line-height: 10.66vw;
            font-size: 3.4666666667vw; }
          .banner_link .banner_block .link_block .main_link .pen,
          .banner_link .banner_block .link_block .main_link .black_arrow {
            max-width: none;
            max-height: none; }
        .banner_link .banner_block .link_block .app_link {
          padding-top: 3.2vw; }
          .banner_link .banner_block .link_block .app_link img {
            width: 27.65vw;
            height: 8.53vw;
            max-width: none;
            max-height: none; }

  .faq .contents_block ul .content {
    padding: 0vw 5.3333333333vw; }
    .faq .contents_block ul .content .question {
      padding: 2.6666666667vw 2.6666666667vw;
      border-top: 1px solid #206dc4;
      border-bottom: 1px solid #206dc4; }
      .faq .contents_block ul .content .question .number {
        height: 8vw;
        line-height: 8vw;
        width: 50px;
        font-size: 4.2666666667vw;
        letter-spacing: 0.03em; }
      .faq .contents_block ul .content .question .main {
        width: calc(100% - 50px);
        font-size: 3.7333333333vw;
        line-height: 1.8571428571; }
    .faq .contents_block ul .content .answer {
      padding: 5.3333333333vw 3.2vw; }
      .faq .contents_block ul .content .answer .number {
        height: 8vw;
        line-height: 8vw;
        width: 11.466vw;
        font-size: 4.2666666667vw;
        letter-spacing: 0.03em; }
      .faq .contents_block ul .content .answer .main {
        font-size: 3.7333333333vw;
        line-height: 1.8571428571; }
        .faq .contents_block ul .content .answer .main .answer_link {
          color: #009fe8; }

  .lease_link .banner_block {
    width: 89.33vw;
    height: 30.72vw;
    max-height: none;
    max-width: none; }

  .shopping_link .banner_block {
    width: 89.33vw;
    height: 30.72vw;
    max-height: none;
    max-width: none; } }
  @media screen and (max-width: 769px) and (max-width: 769px) {
    .shopping_link .banner_block {
      height: 40vw; } }

.slick-dots {
  width: 90%;
  left: 5%; }

.slick-dots li.slick-active button:before,
.slick-dots li button:before {
  color: #206dc4;
  font-size: 40px;
  line-height: 0.8;
  text-align: center; }

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