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

.release {
  max-width: 100%;
  width: calc(100% - 12.5vw);
  padding: 0vw 6.25vw 0vw 6.25vw;
  background: #009fe8;
  position: fixed;
  z-index: 100; }
  .release .release_text {
    font-size: 0.875vw;
    line-height: 3.5714285714;
    letter-spacing: 0.05em;
    color: #fff;
    position: relative; }
    .release .release_text a {
      color: #fff;
      text-decoration: underline; }
    .release .release_text .release_img {
      width: 1.125vw;
      max-width: none;
      position: absolute;
      right: -6%;
      top: 50%;
      transform: translateY(-50%); }
      .release .release_text .release_img img {
        width: 100%;
        height: 100%;
        box-sizing: border-box; }

.header_padding {
  height: 3.125vw;
  max-height: none; }

.basket_kv .kv_mask {
  background-image: url("../img/basket/kv_pc.png"); }
.basket_kv .kv_main .catch_copy_block .title_area p {
  border-bottom: 0.93vw solid #008CE4;
  font-size: 4.375vw;
  line-height: 3.0vw;
  font-weight: 900; }
.basket_kv .kv_main .catch_copy_block .title_area .first {
  width: 29vw;
  font-size: 2.375vw;
  line-height: 1.5vw; }
.basket_kv .kv_main .catch_copy_block .title_area .second {
  width: 29vw; }
.basket_kv .kv_main .catch_copy_block .title_area .third {
  width: 27vw; }
.basket_kv .kv_main .link_block {
  left: 42vw; }
  .basket_kv .kv_main .link_block .app_area .go_app p {
    font-size: 1.4375vw;
    padding: 0.3125vw 0vw 0vw 0vw; }

.kv_link_area {
  height: 29.8666666667vw;
  max-height: none; }

@media screen and (max-width: 1200px) and (min-width: 769px) {
  .truble {
    padding: 3.4166666667vw 1.6666666667vw 5vw 1.6666666667vw; } }
.truble .contents_block ul .content {
  padding: 0;
  position: relative; }
  .truble .contents_block ul .content .content_title {
    font-size: 1.5833333333vw;
    line-height: 1.3684210526;
    padding: 3.75vw 0vw 0vw 0vw; }
    @media screen and (min-width: 1200px) {
      .truble .contents_block ul .content .content_title {
        font-size: 19px; } }
    @media screen and (min-width: 1200px) {
      .truble .contents_block ul .content .content_title {
        padding: 45px 0px 0px 0px; } }
  .truble .contents_block ul .content .content_image {
    height: 17vw;
    max-height: 204px;
    width: 25.4166666667vw;
    max-width: 305px;
    padding: 1.9166666667vw 0vw;
    margin: 0 auto; }
    @media screen and (min-width: 1200px) {
      .truble .contents_block ul .content .content_image {
        padding: 23px 0px; } }
    .truble .contents_block ul .content .content_image img {
      height: 100%;
      width: 100%; }
  .truble .contents_block ul .content .case_number {
    background-color: #ffd440;
    position: absolute;
    top: -1.75vw;
    left: 50%;
    transform: translateX(-50%);
    font-size: 1.4166666667vw;
    width: 9vw;
    max-width: 108px;
    padding: 0.8333333333vw 0vw; }
    @media screen and (min-width: 1200px) {
      .truble .contents_block ul .content .case_number {
        font-size: 17px; } }
    @media screen and (min-width: 1200px) {
      .truble .contents_block ul .content .case_number {
        padding: 10px 0px; } }
    .truble .contents_block ul .content .case_number span {
      font-size: 2.0833333333vw;
      margin-left: 0.3vw; }
      @media screen and (min-width: 1200px) {
        .truble .contents_block ul .content .case_number span {
          font-size: 25px; } }
.truble .under_title_block {
  font-size: 2vw;
  font-weight: 400;
  padding: 2.25vw 0vw 0vw 0vw;
  line-height: 1.75;
  letter-spacing: 0.03em; }
  @media screen and (min-width: 1200px) {
    .truble .under_title_block {
      font-size: 24px; } }
  @media screen and (min-width: 1200px) {
    .truble .under_title_block {
      padding: 27px 0px 0px 0px; } }
  .truble .under_title_block p {
    font-size: 100%; }

.basket_features {
  max-width: 100%;
  padding: 3.3333333333vw 0vw 7.75vw 0vw; }
  @media screen and (max-width: 1200px) and (min-width: 769px) {
    .basket_features {
      padding: 3.4166666667vw 1.6666666667vw 5vw 1.6666666667vw; } }
  @media screen and (min-width: 1200px) {
    .basket_features {
      padding: 40px 0px 93px 0px; } }
  .basket_features .contents_block {
    max-width: 1200px; }
    .basket_features .contents_block ul .content {
      padding: 0;
      padding: 1.0833333333vw 1.6666666667vw 2vw 1.6666666667vw;
      width: calc(28.75vw - 3.33vw);
      max-width: calc(345px - 40px); }
      @media screen and (min-width: 1200px) {
        .basket_features .contents_block ul .content {
          padding: 13px 20px 24px 20px; } }
      .basket_features .contents_block ul .content .content_top {
        padding: 2vw 0vw; }
        @media screen and (min-width: 1200px) {
          .basket_features .contents_block ul .content .content_top {
            padding: 24px 0px; } }
        .basket_features .contents_block ul .content .content_top .content_title {
          font-size: 1.5vw;
          margin: 0vw 0vw 0vw 1.25vw; }
          @media screen and (min-width: 1200px) {
            .basket_features .contents_block ul .content .content_top .content_title {
              font-size: 18px; } }
          @media screen and (min-width: 1200px) {
            .basket_features .contents_block ul .content .content_top .content_title {
              margin: 0px 0px 0px 15px; } }
      .basket_features .contents_block ul .content .content_bottom {
        margin: 0; }
        .basket_features .contents_block ul .content .content_bottom .small {
          font-size: 1vw;
          letter-spacing: 0em; }
          @media screen and (min-width: 1200px) {
            .basket_features .contents_block ul .content .content_bottom .small {
              font-size: 12px; } }

.traffic {
  padding: 3.75vw 0vw 4.3333333333vw 0vw; }
  @media screen and (min-width: 1200px) {
    .traffic {
      padding: 45px 0px 52px 0px; } }
  .traffic .contents_block {
    justify-content: space-between;
    flex-direction: row-reverse;
    padding: 0vw 0vw 5.8333333333vw 0vw; }
    @media screen and (min-width: 1200px) {
      .traffic .contents_block {
        padding: 0px 0px 70px 0px; } }
    .traffic .contents_block .text_area {
      text-align: left;
      width: 50%;
      padding: 0vw 3.3333333333vw 0vw 0vw;
      letter-spacing: 0.03em; }
      @media screen and (min-width: 1200px) {
        .traffic .contents_block .text_area {
          padding: 0px 40px 0px 0px; } }
      .traffic .contents_block .text_area .title {
        font-size: 2.6666666667vw;
        line-height: 1.59375; }
        @media screen and (min-width: 1200px) {
          .traffic .contents_block .text_area .title {
            font-size: 32px; } }
      .traffic .contents_block .text_area .sentence {
        padding: 2.5vw 0vw 0vw 0vw; }
        @media screen and (min-width: 1200px) {
          .traffic .contents_block .text_area .sentence {
            padding: 30px 0px 0px 0px; } }
        .traffic .contents_block .text_area .sentence .bold {
          padding: 1.6666666667vw 0vw 0vw 0vw; }
          @media screen and (min-width: 1200px) {
            .traffic .contents_block .text_area .sentence .bold {
              padding: 20px 0px 0px 0px; } }
    .traffic .contents_block .image_area {
      width: 50vw;
      max-width: 600px;
      height: 33.3333333333vw;
      max-height: 400px;
      max-width: 600px;
      margin: 0; }

.started .contents_block ul .content .content_title .title {
  font-size: 1.25vw;
  height: 4vw;
  max-height: 48px;
  line-height: 1.4;
  display: flex;
  align-items: center; }
  @media screen and (min-width: 1200px) {
    .started .contents_block ul .content .content_title .title {
      font-size: 15px; } }

.faq {
  max-width: 100%; }
  .faq .contents_block {
    max-width: 1200px;
    margin: auto; }
    .faq .contents_block ul .content .question {
      background-color: #d1e7f7; }
    .faq .contents_block ul .content .answer .number {
      background-color: #fff;
      padding: 1.6666666667vw 0vw 0vw 0vw;
      line-height: 100%; }
      @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 {
      width: 100%;
      background-color: #fff;
      padding: 1.6666666667vw 1.6666666667vw 1.6666666667vw 1.6666666667vw; }
      @media screen and (min-width: 1200px) {
        .faq .contents_block ul .content .answer .main {
          padding: 20px 20px 20px 20px; } }

.basket_banner_link .banner_block .driver_image {
  height: 100%;
  width: 50.25vw;
  max-width: 603px; }
  @media screen and (max-width: 679px) {
    .basket_banner_link .banner_block .driver_image {
      width: 53.3333333333vw;
      max-width: 200px; } }
.basket_banner_link .banner_block .banner_title {
  font-size: 4.5vw;
  left: 2vw;
  line-height: 0.7;
  padding: 5.5vw 0vw 0vw 0vw; }
  @media screen and (min-width: 1200px) {
    .basket_banner_link .banner_block .banner_title {
      font-size: 54px; } }
  @media screen and (min-width: 1200px) {
    .basket_banner_link .banner_block .banner_title {
      padding: 66px 0px 0px 0px; } }
  @media screen and (min-width: 1024px) {
    .basket_banner_link .banner_block .banner_title {
      left: 48px; } }
  .basket_banner_link .banner_block .banner_title p {
    margin: 0vw 0vw 3.3333333333vw 0vw;
    border-bottom: 0.93vw solid #008CE4; }
    @media screen and (min-width: 1200px) {
      .basket_banner_link .banner_block .banner_title p {
        margin: 0px 0px 40px 0px; } }
  .basket_banner_link .banner_block .banner_title .first {
    font-size: 2.4166666667vw; }
    @media screen and (min-width: 1200px) {
      .basket_banner_link .banner_block .banner_title .first {
        font-size: 29px; } }
.basket_banner_link .banner_block .link_block {
  padding: 4.9166666667vw 3.3333333333vw 0vw 0vw;
  width: 37.5vw;
  max-width: 450px; }
  @media screen and (min-width: 1200px) {
    .basket_banner_link .banner_block .link_block {
      padding: 59px 40px 0px 0px; } }
  .basket_banner_link .banner_block .link_block .logo_image {
    margin: 0;
    display: flex;
    width: auto;
    height: auto;
    max-width: none;
    max-height: none; }
    .basket_banner_link .banner_block .link_block .logo_image p {
      font-weight: 900;
      font-size: 4vw;
      letter-spacing: 0.02em;
      line-height: 1.2708333333;
      padding: 0vw 0vw 0vw 1.25vw; }
      @media screen and (min-width: 1200px) {
        .basket_banner_link .banner_block .link_block .logo_image p {
          font-size: 48px; } }
      @media screen and (min-width: 1200px) {
        .basket_banner_link .banner_block .link_block .logo_image p {
          padding: 0px 0px 0px 15px; } }
    .basket_banner_link .banner_block .link_block .logo_image img {
      display: block;
      height: 9.9166666667vw;
      max-height: 119px;
      width: 9.9166666667vw;
      max-width: 119px; }
      @media screen and (max-width: 769px) {
        .basket_banner_link .banner_block .link_block .logo_image img {
          display: none; } }
  .basket_banner_link .banner_block .link_block .app_link {
    text-align: left;
    padding: 2.5833333333vw 0vw; }
    @media screen and (min-width: 1200px) {
      .basket_banner_link .banner_block .link_block .app_link {
        padding: 31px 0px; } }
    .basket_banner_link .banner_block .link_block .app_link img {
      height: 5.8333333333vw;
      max-height: 70px;
      width: 17.5vw;
      max-width: 210px;
      object-fit: contain; }

@media screen and (max-width: 769px) {
  .release {
    height: 18.6666666667vw;
    max-height: none;
    display: flex;
    align-items: center; }
    .release .release_text {
      font-size: 2.9333333333vw;
      line-height: 1.8181818182;
      padding: 0vw 1.6vw 0vw 0vw;
      position: relative; }
      .release .release_text .release_img {
        width: 3.0666666667vw;
        max-width: none;
        top: 30%;
        right: -3%; }

  .header_padding {
    height: 18.6666666667vw;
    max-height: none; }

  .basket_kv .kv_main {
    background-image: url("./../img/basket/kv_sp.png");
    background-size: cover; }
    .basket_kv .kv_main .catch_copy_block {
      padding: 0vw 0vw 24.5333333333vw 0vw; }
      .basket_kv .kv_main .catch_copy_block .title_area p {
        font-size: 7.7333333333vw;
        border-bottom: 1.6vw solid #008CE4;
        line-height: 5.0vw; }
      .basket_kv .kv_main .catch_copy_block .title_area .first {
        width: 50.69vw;
        font-size: 4.2666666667vw;
        line-height: 1.8vw; }
      .basket_kv .kv_main .catch_copy_block .title_area .second {
        width: 50.69vw; }
      .basket_kv .kv_main .catch_copy_block .title_area .third {
        width: 48.0vw; }
    .basket_kv .kv_main .link_block {
      left: 0;
      padding: 0;
      width: calc(100% - 5.33vw); }
      .basket_kv .kv_main .link_block .app_area {
        padding: 5.3333333333vw 0vw 0vw 5.3333333333vw; }
        .basket_kv .kv_main .link_block .app_area .go_app {
          margin-left: 1vw; }
          .basket_kv .kv_main .link_block .app_area .go_app p {
            font-size: 4.8vw; }
          .basket_kv .kv_main .link_block .app_area .go_app .app_banner {
            padding-top: 3.7vw; }

  .basket_features {
    padding: 0vw 0vw 13.3333333333vw 0vw; }
    .basket_features .contents_block {
      margin: 0; }
      .basket_features .contents_block ul {
        justify-content: center; }
        .basket_features .contents_block ul .content {
          padding: 5.3333333333vw 5.3333333333vw 5.3333333333vw 5.3333333333vw;
          max-width: none; }
          .basket_features .contents_block ul .content .content_top .content_title {
            font-size: 4.2666666667vw;
            padding: 5.3333333333vw 0vw; }
          .basket_features .contents_block ul .content .content_bottom {
            font-size: 3.2vw; }
            .basket_features .contents_block ul .content .content_bottom .small {
              font-size: 2.4vw; }

  .truble {
    padding: 0; }
    .truble .title_block .sub_title {
      line-height: 1.5; }
    .truble .title_block h2 {
      line-height: 1.5; }
    .truble .contents_block {
      margin: 0vw 5.3333333333vw; }
      .truble .contents_block ul .content {
        border: none;
        width: 100%;
        height: 100%; }
        .truble .contents_block ul .content:not(:last-of-type) {
          margin: 0vw 0vw 13.6vw 0vw; }
        .truble .contents_block ul .content .case_number {
          font-size: 4.5333333333vw;
          width: 28.8vw;
          max-width: none;
          padding: 2.4vw 0vw;
          top: -4.75vw; }
          .truble .contents_block ul .content .case_number span {
            font-size: 6.6666666667vw; }
        .truble .contents_block ul .content .content_title {
          font-size: 5.0666666667vw;
          padding: 10.6666666667vw 0vw 0vw 0vw; }
        .truble .contents_block ul .content .content_image {
          width: 78.6666666667vw;
          max-width: none;
          height: 52.616vw;
          max-height: none;
          padding: 5.6vw 0vw; }
    .truble .under_title_block {
      margin: 0vw 5.3333333333vw;
      padding: 7.2vw 0vw 12vw 0vw; }

  .traffic {
    padding: 0vw 0vw 13.3333333333vw 0vw; }
    .traffic .contents_block {
      margin: 0vw 5.3333333333vw; }
      .traffic .contents_block .image_area {
        width: 100%;
        height: 59.5546666667vw;
        max-height: none; }
      .traffic .contents_block .text_area {
        width: 100%; }
        .traffic .contents_block .text_area .title {
          font-size: 5.3333333333vw; }
        .traffic .contents_block .text_area .sentence {
          font-size: 3.7333333333vw;
          line-height: 1.8571428571;
          letter-spacing: 0.05em; }

  .started .contents_block ul .content .content_title .title {
    height: 14.1333333333vw;
    max-height: none;
    font-size: 4.2666666667vw; }

  .basket_banner_link .banner_block .arrow_image {
    display: block;
    left: 23.83vw; }
  .basket_banner_link .banner_block .banner_title {
    font-size: 4.8vw;
    padding: 13.3333333333vw 0vw 0vw 0vw; }
    .basket_banner_link .banner_block .banner_title p {
      margin: 0vw 0vw 4vw 0vw; }
    .basket_banner_link .banner_block .banner_title .first {
      font-size: 2.6666666667vw;
      width: 38%; }
    .basket_banner_link .banner_block .banner_title .second {
      width: 38%; }
    .basket_banner_link .banner_block .banner_title .third {
      width: 38%; }
  .basket_banner_link .banner_block .link_block .logo_image {
    text-align: center; }
    .basket_banner_link .banner_block .link_block .logo_image p {
      font-size: 4.5333333333vw;
      width: 100%; }
  .basket_banner_link .banner_block .link_block .app_link {
    text-align: center;
    padding: 1.8666666667vw 0vw; }
    .basket_banner_link .banner_block .link_block .app_link img {
      height: 10.424vw;
      max-height: none;
      width: 33.784vw;
      max-width: none;
      margin: 0.5333333333vw 0vw; }

  .faq .contents_block ul .content {
    margin: 0vw 0vw 9.3333333333vw 0vw; }
    .faq .contents_block ul .content .answer {
      background-color: #fff; } }

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