@charset "UTF-8";

@media screen and (max-width: 960.98px) {
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
  .pc_none {
    display: block !important;
  }
  .sp_none {
    display: none !important;
  }
  .content {
    font-size: 3.46666667vw;
    line-height: 1.8461538462;
    color: #666;
  }

  /* 以下新規コード */

  .l-inner {
    max-width: none;
    padding-inline: 2.66666vw;
  }
  .p-hero_image img {
    height: 146.13333vw;
  }

  .l-lead {
    padding-top: 17.6vw;
    padding-bottom: 41.33333vw;
  }
  .p-lead_catchphrase {
    gap: 5.6vw;
  }
  .p-lead_catchphrase p {
    font-size: 3.2vw;
  }
  .p-lead_catchphrase h1 {
    font-size: 6.4vw;
  }
  .p-lead_text {
    margin-top: 1.86666vw;
  }
  .p-lead_text p {
    font-size: 2.93333vw;
    line-height: 2.3636;
    letter-spacing: -0.16vw;
  }
  .p-lead_text p + p {
    margin-top: 26px;
  }

  .c-bottomLink {
    bottom: 8.21333vw;
    width: calc(100% - 2.66666vw * 2);
  }
  .c-bottomLink_inner {
    background: rgba( 255, 255, 255, 0.3);
    padding-top: 13px;
    padding-bottom: 14px;
    border-radius: 35px;
  }
  .c-bottomLink_inner p {
    font-size: 3.73333vw;
    line-height: 1.4286;
  }

  .l-product {
    height: 195.73333vw;
  }

  .p-psItem_main {
    gap: 3.2vw;
    padding-bottom: 16.2vw;
  }
  .p-psItem_head strong {
    font-size: 6.4vw;
    line-height: 1.4166;
  }
  .p-psItem_head p.explainText,
  .p-psItem_head p.priceText {
    font-size: 3.4667vw;
    font-weight: 400;
    line-height: 1.86;
  }
  .p-psItem_script p {
    font-size: 3.4667vw;
    line-height: 1.8462;
  }
  .p-psItem_link {
    width: 74.66666vw;
    min-height: 13.86666vw;
    border-radius: 6.93333vw;
    font-size: 3.73333vw;
  }

  .p-proSwiper-prevBtn,
  .p-proSwiper-nextBtn {
    top: calc(100% - 74.66666vw) !important;
    bottom: auto;
    width: 2.93333vw;
    height: 2.93333vw;
  }
  .p-proSwiper-prevBtn {
    left: calc(50% - 24.53333vw) !important;
  }
  .p-proSwiper-nextBtn {
    right: calc(50% - 24.53333vw) !important;
  }

  .p-product_image {
    top: 40%;
    width: 27.2vw;
    height: 57.33333vw;
  }

  .p-product_circles {
    top: 38.4vw;
    width: 44.5333vw;
  }

  .l-material {
    padding-top: 8vw;
    padding-bottom: 14.66666vw;
  }
  .p-material_contents {
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 8.8vw 2.66666vw 3.2vw;
    border: 0.26666vw solid #707070;
  }
  .p-material_image {
    order: 2;
    width: 100%;
    margin-top: 5.33333vw;
  }
  .p-material_image img {
    height: 32vw;
  }
  .p-material_body {
    display: contents;
  }
  .p-material_body h2 {
    order: 1;
    font-size: 3.73333vw;
    line-height: 1.5;
    text-align: center;
  }
  .p-material_body p {
    order: 3;
    margin-top: 6.4vw;
    font-size: 2.66666vw;
    line-height: 1.9;
  }
  .p-material_body p.annotation {
    order: 4;
    margin-top: 1.33333vw;
    font-size: 1.6vw;
    line-height: 1.4;
    text-align: right;
  }

  .l-howToUse {
    padding-top: 0;
    padding-bottom: 16.8vw;
  }
  .p-howToUse_title h2 {
    font-size: 4.8vw;
    line-height: 1.35;
    letter-spacing: 0.10666vw;
  }

  .p-howToUse_contents {
    margin-top: 8vw;
    flex-direction: column;
    gap: 6.4vw;
  }
  .p-howToUse_images {
    width: 100%;
    gap: 1.6vw;
  }
  .p-howToUse_image {
    height: 62.4vw;
  }
  .p-howToUse_text p {
    padding-top: 0;
    font-size: 3.46666vw;
    line-height: 1.8462;
  }

  .l-voice {
    padding-top: 15.2vw;
    padding-bottom: 0;
  }
  .p-voice_title h2 {
    font-size: 4.26666vw;
    line-height: 1.35;
    margin-bottom: 20px;
  }
  .p-voice_buttonArea {
    margin-top: -0.53333vw;
    overflow-x: scroll;
    padding-inline: 0;
    padding-bottom: 4.5333vw;
  }
  .p-voice_buttons {
    gap: 2.93333vw;
    margin-inline: 2.66666vw;
    width: fit-content;
  }
  .p-voice_buttons li {
    width: 25.06666vw;
  }
  .p-voice_button {
    width: 100%;
    padding: 2.13333vw 2.13333vw 1.33333vw;
    border-radius: 1.33333vw;
    gap: 1.06666vw;
  }
  .p-voice_button.is-checked::after {
    bottom: -4.26666vw;
    width: 7.73333vw;
    height: 6.13333vw;
  }
  .p-voice_buttonImg img {
    width: 20.8vw;
    height: 24vw;
  }
  .p-voice_buttonPosition p {
    font-size: 2.13333vw;
  }
  .p-voice_buttonName p {
    font-size: 2.6vw;
  }
  .p-voice_mainCards {
    margin-top: 3.46666vw;
  }
  .p-vmCard {
    padding: 7.2vw 2.66666vw 5.6vw;
    border-radius: 1.33333vw;
    flex-direction: column;
    gap: 4.8vw;
  }
  .p-vmCard_head {
    padding-left: 3.46666vw;
    gap: 1.86666vw;
  }
  .p-vmCard_voiceArea {
    width: 100%;
    padding-top: 0;
  }
  .p-vmCard_image img {
    width: 28vw;
    height: 33.6vw;
  }
  .p-vmCard_headBody {
    padding-top: 1.33333vw;
    gap: 1.06666vw;
    width: 37.33333vw;
  }
  .p-vmCard_headText {
    padding-left: 3.2vw;
    gap: 1.33333vw;
  }
  .p-vmCard_position {
    font-size: 2.66666vw;
    line-height: 1.4;
  }
  .p-vmCard_name {
    color: #666666;
    font-size: 3.73333vw;
    line-height: 1.3571;
  }
  .p-vmCard_productImg {
    margin-top: -1.33333vw;
  }
  .p-vmCard_productImg img {
    width: 10.93333vw;
    height: 22.93333vw;
  }
  .p-vmCard_headCircle {
    bottom: 1.86666vw;
    right: auto;
    left: 6.93333vw;
    width: 17.86666vw;
    border: 0.13333vw solid #707070;
  }
  .p-vmCard_headCircle p {
    font-size: 3.2vw;
    line-height: 1.3333;
  }
  .p-vmCard_voiceArea {
    gap: 2.66666vw;
  }
  .p-vmCard_voiceItem.is-open.mb-14 {
    margin-bottom: -1.33333vw;
  }
  .p-vmCard_voiceItem.is-open.mb4Sp {
    margin-bottom: 1.06666vw;
  }
  .p-vmCard_voiceHead {
    padding: 1.06666vw 6.4vw 1.6vw 3.46666vw;
  }
  .p-vmCard_voiceHead::before,
  .p-vmCard_voiceHead::after {
    right: 3.46666vw;
  }
  .p-vmCard_voiceHead p {
    font-size: 2.66666vw;
  }
  .p-vmCard_voiceBody {
    padding: 1.33333vw 3.46666vw;
  }
  .p-vmCard_voiceBody p {
    font-size: 2.66666vw;
    font-weight: 300;
    letter-spacing: -0.00266vw;
  }
  .p-vmCard_voiceBody p span {
    display: inline;
  }

  .p-voice_pagination {
    margin-top: 4.53333vw;
    padding-bottom: 4.53333vw;
  }
  .p-voice_pagiNav {
    display: flex;
    justify-content: center;
    gap: 5.33333vw;
  }
  .p-voice-pagiNavBtn {
    width: 4vw;
    height: 3.73333vw;
    background: #FFFFFF;
  }
  .p-voice-prevBtn {
    clip-path: polygon(0 50%, 100% 100%, 100% 0);
  }
  .p-voice-nextBtn {
    clip-path: polygon(0 100%, 100% 50%, 0 0);
  }

  .l-profile {
    padding-top: 16.53333vw;
    padding-bottom: 12.2667vw;
  }
  .l-profile_inner {
    max-width: none;
    padding-inline: 5.33333vw;
  }
  .p-profile_contents {
    gap: 4.26666vw;
  }
  .p-profile_image {
    padding-top: 1.0667vw;
  }
  .p-profile_image img {
    width: 21.06666vw;
    height: 27.73333vw;
  }
  .p-profile_body {
    gap: 1.33333vw;
  }
  .p-profile_name {
    gap: 0.53333vw;
  }
  .p-profile_name p.ja {
    font-size: 3.2vw;
  }
  .p-profile_name p.en {
    font-size: 2.66666vw;
  }
  .p-profile_text p {
    font-size: 2.13333vw;
    line-height: 1.75;
  }

  .p-movie {
    padding-top: 9.6vw;
    padding-bottom: 21.33333vw;
    max-width: none;
  }
  .p-movie img {
    height: 54.66666vw;
  }
  .p-movie_youtube {
    width: 100%;
    aspect-ratio: 16 / 9;
  }
  .p-movie_youtube iframe {
    width: 100%;
    height: 100%;
  }

  .l-faq {
    padding-top: 0;
  }
  .p-faq_title h2 {
    font-size: 5.33333vw;
    line-height: 1.35;
  }
  .p-faq_list {
    margin-top: 13.33333vw;
    gap: 11.46666vw;
  }
  .p-faq_item {
    padding-bottom: 0;
    border-bottom: none;
  }
  .p-faq_itemQ,
  .p-faq_itemA_inner {
    gap: 3.2vw;
  }
  .p-faq_itemQ {
    padding-bottom: 2.66666vw;
    padding-right: 6.4vw;
    border-bottom: 0.13333vw solid #707070;
  }
  .p-faq_itemQ .text,
  .p-faq_itemA_inner .text {
    font-size: 2.66666vw;
    line-height: 1.6154;
    text-align: left;
  }
  .p-faq_itemQ::before,
  .p-faq_itemQ::after {
    top: 3.46666vw;
    right: 0.26666vw;
    width: 2.66666vw;
    height: 0.26666vw;
  }
  .icon {
    font-size: 5.33333vw;
    line-height: 1;
  }
  .p-faq_itemA {
    padding-top: 3.2vw;
  }
  .p-faq_itemA_inner .text {
    line-height: 1.6923;
  }

  /* DEVELOPER MSG */
  .l-developerMsg {
    padding-top: 15vw;
    padding-bottom: 20vw;
  }
  .l-developerMsg .l-inner {
    padding-inline: 6.4vw;
  }
  .p-developerMsg_title h2 {
    font-size: 4.8vw;
    line-height: 1.35;
  }
  .p-developerMsg_contents {
    margin-top: 8.66666vw;
    gap: 3.2vw;
  }
  .p-developerMsg_body {
    padding-top: 0;
    gap: 1.33333vw;
  }
  .p-developerMsg_image img {
    width: 22.4vw;
    height: 33.06666vw;
  }
  .p-developerMsg_role {
    font-size: 2.66666vw;
    line-height: 1.5;
  }
  .p-developerMsg_name {
    font-size: 4vw;
    line-height: 1.4;
  }
  .p-developerMsg_text p {
    font-size: 2.4vw;
    line-height: 1.8889;
  }

  /* COLLABORATION */
  .l-collaboration {
    padding-top: 12.8vw;
    padding-bottom: 21.33333vw;
  }
  .p-collaboration_title h2 {
    font-size: 5.33333vw;
    line-height: 1.35;
  }
  .p-collaboration_contents {
    margin-top: 6vw;
    flex-direction: row;
    gap: 4.53333vw;
    align-items: flex-start;
  }
  .p-collaboration_image img {
    width: 25.6vw;
  }
  .p-collaboration_body {
    gap: 2.13333vw;
    padding-top: 0;
  }
  .p-collaboration_name p.ja {
    font-size: 3.46666vw;
    line-height: 1.3846;
  }
  .p-collaboration_name p.en {
    font-size: 2.93333vw;
    line-height: 1.5454;
  }
  .p-collaboration_text p {
    font-size: 2.13333vw;
    line-height: 1.875;
  }
  .p-collaboration_box {
    margin-top: 16.53333vw;
    padding: 4.8vw 3.46666vw 4.53333vw;
    border-width: 0.26666vw;
  }
  .p-collaboration_boxTitle {
    font-size: 3.73333vw;
    line-height: 1.5714;
  }
  .p-collaboration_boxText {
    margin-top: 4vw;
    font-size: 2.93333vw;
    line-height: 2;
  }

  .p-voice_buttonText {
    height: 16vw;
  }

  .p-voice_text {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 3.466vw;
  }
}