/* ==========================================================
   page-multi override stylesheet (style-multi-main.css)
   page-multi/css/style_pc.scss + style_sp.scss を統合
   PC: min-width 1024px / SP: max-width 1023px
   ========================================================== */

/* ----------------------------------------------------------
   PC スタイル (min-width: 1024px)
   ---------------------------------------------------------- */
@media screen and (min-width: 1024px) {

  /* ===== Header Override ===== */
  .header {
    background: white !important;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  }

  .header .header_inner .global_nav_div .global_nav li a {
    color: #3c4d69 !important;
  }

  .header .header_inner .global_nav_div .cta li .trial_cta {
    background: #3c4d69 !important;
  }

  .header .header_inner .global_nav_div .cta li .download_cta {
    background: #e7442a !important;
    color: white !important;
    border: none !important;
  }

  /* ===== FV ===== */
  .fv .fv-inner-main {
    background: linear-gradient(-45deg, #fafafa, #fafafa);
  }

  .fv .fv-inner-main .fv-left {
    display: block;
    min-height: 520px;
    width: 100%;
  }

  .fv .fv-inner-main .fv-right {
    max-width: 650px !important;
    max-height: 600px !important;
    top: 60px !important;
    right: 100px !important;
  }

  .fv .fv-inner-main .fv-center-div {
    width: 500px;
    height: auto;
    top: 35% !important;
    left: 27% !important;
    background: none;
  }

  .fv .fv-inner-main .fv-center-div .fv-center-text .fv-center-p1 {
    font-size: 30px !important;
    text-align: left;
    margin: auto 0;
    color: #3c4d69;
  }

  .fv .fv-inner-main .fv-center-div .fv-center-text .fv-center-logo {
    padding-top: 20px;
  }

  .fv .fv-inner-main .fv-under-btn {
    padding-bottom: 60px;
  }

  .fv .fv-inner-main .fv-under-btn .fv-cta {
    display: flex;
    justify-content: center;
  }

  .fv .fv-inner-main .fv-under-btn .fv-cta .cta {
    display: flex;
  }

  .fv .fv-inner-main .fv-under-btn .fv-cta .cta li {
    list-style: none;
  }

  .fv .fv-inner-main .fv-under-btn .fv-cta .cta li .download_cta {
    position: relative;
    display: flex;
    border-radius: 36px;
    background: #3c4d69;
    color: #ffffff;
    border: solid 4px #ffffff;
    width: 272px;
    height: 75px;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    font-weight: 900;
    z-index: 1;
  }

  .fv .fv-inner-main .fv-under-btn .fv-cta .cta li .contact_cta {
    display: flex;
    border-radius: 36px;
    background: #F74F1F;
    color: #ffffff;
    border: solid 4px #ffffff;
    width: 272px;
    height: 75px;
    flex-flow: column;
    align-items: center;
    text-align: center;
    font-size: 24px;
    font-weight: 900;
    margin-left: 24px;
    position: relative;
    z-index: 1;
  }

  .fv .fv-inner-main .fv-under-btn .fv-cta .cta li .contact_cta .sub {
    padding-top: 5px;
    font-size: 14px !important;
    color: #ffffff;
  }

  .fv .fv-inner-main .fv-under-btn .fv-cta .cta li .contact_cta .main {
    color: #ffffff;
  }

  .fv .fv-inner-main .fv-center-div2 {
    width: 500px;
    height: 230px;
    top: 46% !important;
    left: 26% !important;
    background: none;
  }

  /* ===== Content 1 ===== */
  .lp-content-1-container {
    background: #fafafa;
  }

  .lp-content-1-container .content-1-inner .section-youtube {
    display: flex;
    justify-content: flex-start;
    flex-flow: column;
    align-items: center;
    margin-top: 40px;
    height: 500px;
  }

  .lp-content-1-container .content-1-inner .section-youtube .youtube-div {
    width: 100%;
    height: 100%;
    max-width: 888px;
    max-height: 503px;
  }

  .lp-content-1-container .content-1-inner .section-youtube .youtube-div .embed-youtube {
    height: 100%;
  }

  .lp-content-1-container .content-1-inner .content-1-card .content-1-card_li {
    padding-top: 40px;
    max-width: 300px;
  }

  .lp-content-1-container .content-1-inner .content-1-card .content-1-card_li div h3 {
    color: #64b8c1;
    font-size: 38px;
  }

  .lp-content-1-container .content-1-inner .content-1-card .content-1-card_li div div p {
    font-size: 16px;
  }

  /* ===== Content 2 ===== */
  .lp-content-2-container .lp-content-2-inner .content-2-card ul li .content-2-card-common {
    padding: 10px;
    height: 300px;
    filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.16));
  }

  .lp-content-2-container .lp-content-2-inner .content-2-card ul li .content-2-card-common .content-2-card-text {
    margin-top: 10px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  /* ===== Content 3 ===== */
  .lp-content-3-container {
    background: #fafafa;
  }

  .lp-content-3-container .lp-content-3-inner .content-3-card .content-3-card-up ul li div .content-3-card-titleConteiner {
    justify-content: center;
  }

  .lp-content-3-container .lp-content-3-inner .content-3-card .content-3-card-up ul li div .content-3-card-titleConteiner .content-3-card-title {
    font-size: 33px;
  }

  .lp-content-3-container .lp-content-3-inner .content-3-card .content-3-card-up ul li div .content-3-card-titleConteiner .content-3-card-title .font-color {
    color: #64b8c1;
  }

  .lp-content-3-container .lp-content-3-inner .content-3-card .content-3-card-up ul li div .content-3-card-subtitle {
    justify-content: center;
    font-size: 16px !important;
    text-align: center;
  }

  .lp-content-3-container .lp-content-3-inner .content-3-card .content-3-card-up ul li div .content-3-card-img-left {
    justify-content: center;
    width: auto;
    height: auto;
  }

  .lp-content-3-container .lp-content-3-inner .content-3-card .content-3-card-up ul li div .content-3-card-img {
    justify-content: center;
    width: auto;
    height: auto;
  }

  .lp-content-3-container .lp-content-3-inner .content-3-card .content-3-card-up ul .content-3-card-left {
    margin-left: 74px !important;
  }

  .lp-content-3-container .lp-content-3-inner .content-3-card .content-3-card-up ul .content-3-card-right {
    margin-left: 94px !important;
  }

  .lp-content-3-container .lp-content-3-inner .content-3-card .content-3-card-down ul li div .content-3-card-titleConteiner {
    justify-content: center;
  }

  .lp-content-3-container .lp-content-3-inner .content-3-card .content-3-card-down ul li div .content-3-card-titleConteiner .content-3-card-title {
    font-size: 33px;
  }

  .lp-content-3-container .lp-content-3-inner .content-3-card .content-3-card-down ul li div .content-3-card-titleConteiner .content-3-card-title .font-color {
    color: #64b8c1;
  }

  .lp-content-3-container .lp-content-3-inner .content-3-card .content-3-card-down ul li div .content-3-card-subtitle {
    justify-content: center;
    font-size: 16px !important;
    text-align: center;
  }

  .lp-content-3-container .lp-content-3-inner .content-3-card .content-3-card-down ul li div .content-3-card-img {
    justify-content: center;
    width: auto;
    height: auto;
  }

  .lp-content-3-container .lp-content-3-inner .content-3-card .content-3-card-down ul .content-3-card-left {
    margin-left: 74px !important;
  }

  .lp-content-3-container .lp-content-3-inner .content-3-card .content-3-card-down ul .content-3-card-right {
    margin-left: 94px !important;
  }

  /* ===== Content 6 ===== */
  .lp-content-6-container {
    background: linear-gradient(45deg, #fff1c6, #ffffff);
  }

  /* ===== Content 7 (FAQ) ===== */
  .lp-content-7-container {
    background: linear-gradient(-45deg, #fafafa, #fafafa) !important;
  }

  .lp-content-7-container .lp-content-7-inner .section-title-div {
    margin-bottom: 20px;
  }

  .lp-content-7-container .lp-content-7-inner .section-title-div .faq-icon {
    margin-right: 24px;
  }

  .lp-content-7-container .lp-content-7-inner .question-card {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 20px;
  }

  .lp-content-7-container .lp-content-7-inner .question-card ul {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    margin: 0 -10px !important;
    padding: 0 !important;
    list-style: none !important;
  }

  .lp-content-7-container .lp-content-7-inner .question-card ul li {
    display: inline-block !important;
    width: calc(50% - 20px) !important;
    max-width: calc(50% - 20px) !important;
    min-width: calc(50% - 20px) !important;
    margin: 0 10px 20px 10px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    vertical-align: top !important;
    float: none !important;
  }

  .lp-content-7-container .lp-content-7-inner .question-card ul li .card {
    height: 100% !important;
    min-height: 220px !important;
    display: flex !important;
    box-sizing: border-box !important;
    width: 100% !important;
  }

  .lp-content-7-container .lp-content-7-inner .question-card ul li .card .card-inner {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
  }

  .lp-content-7-container .lp-content-7-inner .question-card ul li .card .card-inner .question-div {
    margin-bottom: 10px;
    flex-shrink: 0;
  }

  .lp-content-7-container .lp-content-7-inner .question-card ul li .card .card-inner .question-discription {
    flex: 1 !important;
    display: flex !important;
    align-items: flex-start !important;
  }

  .lp-content-7-container .lp-content-7-inner .question-card ul li .card .card-inner .question-discription .question-content {
    width: 100% !important;
  }

  .lp-content-7-container .lp-content-7-inner .contact-cta .contact-link {
    color: #ffffff !important;
    background: #f74f1f !important;
  }

  /* ===== Footer Override ===== */
  .footer {
    background: #ffffff;
  }

  .footer .footer-inner .footer-up .footer-up-main .footer-subtitle {
    color: #3c4d69 !important;
    background: -webkit-linear-gradient(#b1f1f1, #5fbeed) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
  }

  .footer .footer-inner .footer-up .footer-up-main .footer-title h2 {
    color: #3c4d69 !important;
    background: -webkit-linear-gradient(top, #b1f1f1, #5fbeed 50%, #b1f1f1 50%, #5fbeed) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
  }

  .copyRight p {
    color: #3c4d69 !important;
  }

  .footer .footer-inner .footer-up .footer-up-main .footer-cta li .download_cta {
    color: #3c4d69 !important;
    background: linear-gradient(#b1f1f1 3%, #5fbeed) !important;
  }

  .footer .footer-inner .footer-up .footer-up-main .footer-cta li .contact_cta {
    color: #3c4d69 !important;
    background: linear-gradient(#b1f1f1 3%, #5fbeed) !important;
  }
}

/* ----------------------------------------------------------
   SP スタイル (max-width: 1023px)
   ---------------------------------------------------------- */
@media screen and (max-width: 1023px) {

  /* ===== Hamburger Override ===== */
  .hamburger_div {
    background: linear-gradient(to left, #fafafa, #fafafa) !important;
  }

  .hamburger_background_img {
    position: absolute;
    bottom: 24%;
    width: 100%;
    max-height: 210px;
  }

  /* ===== Header Override ===== */
  .header {
    background: rgba(255, 255, 255, 1) !important;
  }

  .header .header_inner .openbtn span {
    background: #3c4d69 !important;
  }

  .header .header_inner .openbtn p {
    color: #3c4d69 !important;
  }

  /* ===== FV ===== */
  .fv .fv-inner-main {
    background: linear-gradient(-45deg, #fafafa, #fafafa);
  }

  .fv .fv-inner-main .fv-left {
    display: block;
    min-height: 400px;
    width: 100%;
  }

  .fv .fv-inner-main .fv-right {
    width: 280px !important;
    height: auto;
    top: 60% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
  }

  .fv .fv-inner-main .fv-center-div {
    width: 330px !important;
    height: 160px !important;
    top: 26% !important;
    left: 50% !important;
    background: none !important;
  }

  .fv .fv-inner-main .fv-center-div .fv-center-text .fv-center-p1 {
    font-size: 18px !important;
    text-align: center !important;
    margin: auto 0;
    color: #3c4d69;
  }

  .fv .fv-inner-main .fv-center-div .fv-center-text .fv-center-logo {
    padding-top: 15px;
  }

  .fv .fv-inner-main .fv-under-btn {
    display: none !important;
    padding-bottom: 20px;
  }

  .fv .fv-inner-main .fv-under-btn .fv-cta {
    display: flex;
    justify-content: center;
  }

  .fv .fv-inner-main .fv-under-btn .fv-cta .cta {
    display: flex;
  }

  .fv .fv-inner-main .fv-under-btn .fv-cta .cta li {
    list-style: none;
  }

  .fv .fv-inner-main .fv-under-btn .fv-cta .cta li .download_cta {
    position: relative;
    display: flex;
    border-radius: 36px;
    background: #3c4d69;
    color: #ffffff;
    border: solid 4px #ffffff;
    width: 175px;
    height: 50px;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
    z-index: 1;
  }

  .fv .fv-inner-main .fv-under-btn .fv-cta .cta li .contact_cta {
    display: flex;
    border-radius: 36px;
    background: #F74F1F;
    color: #ffffff;
    border: solid 4px #ffffff;
    width: 175px;
    height: 50px;
    flex-flow: column;
    align-items: center;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    margin-left: 8px;
    position: relative;
    z-index: 1;
  }

  .fv .fv-inner-main .fv-under-btn .fv-cta .cta li .contact_cta .sub {
    padding-top: 5px;
    font-size: 8px !important;
    color: #ffffff;
  }

  .fv .fv-inner-main .fv-under-btn .fv-cta .cta li .contact_cta .main {
    color: #ffffff;
    font-size: 14px !important;
  }

  .fv .fv-inner-main .fv-center-div2 {
    width: 330px !important;
    height: 160px !important;
    top: 20% !important;
    left: 50% !important;
    background: none !important;
  }

  /* ===== Content 1 ===== */
  .lp-content-1-container {
    background: #fafafa;
  }

  .lp-content-1-container .content-1-inner .section-youtube {
    display: flex;
    justify-content: flex-start;
    flex-flow: column;
    align-items: center;
    margin: 20px 0 40px 0;
    height: 270px;
  }

  .lp-content-1-container .content-1-inner .section-youtube .youtube-div {
    width: 100%;
    height: 100%;
    max-width: 480px;
    max-height: 270px;
  }

  .lp-content-1-container .content-1-inner .section-youtube .youtube-div .embed-youtube {
    height: 100%;
  }

  .lp-content-1-container .content-1-inner .content-1-card ul {
    width: 340px;
    margin: 0 auto;
  }

  .lp-content-1-container .content-1-inner .content-1-card ul .content-1-card_li .content-1-card_li_div .content-1-card-content {
    margin-left: 9px !important;
  }

  .lp-content-1-container .content-1-inner .content-1-card ul .content-1-card_li .content-1-card_li_div .content-1-card-content .content-1-card-h3 {
    color: #64b8c1;
  }

  /* ===== Content 2 ===== */
  .content-2-card-text p {
    font-size: 16px !important;
  }

  /* ===== Content 3 ===== */
  .lp-content-3-container {
    background: #fafafa !important;
  }

  .lp-content-3-container .lp-content-3-inner .content-3-card .content-3-card-up ul li div .content-3-card-titleConteiner .content-3-card-title .font-color {
    color: #64b8c1;
  }

  .lp-content-3-container .lp-content-3-inner .content-3-card .content-3-card-up ul li div .content-3-card-subtitle {
    width: 332px !important;
  }

  .lp-content-3-container .lp-content-3-inner .content-3-card .content-3-card-up ul li div .content-3-card-img-left {
    display: block;
    margin: 0 auto;
    margin-top: 30px;
  }

  .lp-content-3-container .lp-content-3-inner .content-3-card .content-3-card-down ul li div .content-3-card-titleConteiner .content-3-card-title .font-color {
    color: #64b8c1;
  }

  .lp-content-3-container .lp-content-3-inner .content-3-card .content-3-card-down ul li div .content-3-card-subtitle {
    width: 332px !important;
  }

  /* ===== Content 6 ===== */
  .lp-content-6-container {
    background: linear-gradient(45deg, #fff1c6, #ffffff);
  }

  /* ===== Content 7 (FAQ) ===== */
  .lp-content-7-container {
    background: linear-gradient(-45deg, #fafafa, #fafafa) !important;
  }

  .lp-content-7-container .lp-content-7-inner .question-card {
    padding: 0 !important;
  }

  .lp-content-7-container .lp-content-7-inner .question-card ul li {
    margin-bottom: 0 !important;
    padding: 0 !important;
  }

  .lp-content-7-container .lp-content-7-inner .question-card ul li .card {
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    background: transparent !important;
    border-radius: 0 !important;
    filter: none !important;
  }

  .lp-content-7-container .lp-content-7-inner .question-card ul li .card .card-inner {
    border-radius: 10px !important;
    filter: drop-shadow(0 0 0.3rem #b2c4d6) !important;
    background-color: white !important;
    max-width: 100% !important;
    width: 85% !important;
    height: auto !important;
    min-height: 200px !important;
    margin: 0 auto 32px auto !important;
    padding: 25px 20px !important;
    box-sizing: border-box !important;
  }

  .lp-content-7-container .lp-content-7-inner .question-card ul li .card .card-inner .question-div {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    height: auto !important;
    min-height: 46px !important;
    border-bottom: 1px solid #c3c3c3 !important;
    padding-bottom: 16px !important;
    margin-bottom: 16px !important;
  }

  .lp-content-7-container .lp-content-7-inner .question-card ul li .card .card-inner .question-div .question-icon {
    flex-shrink: 0 !important;
    margin-right: 5px !important;
    width: auto !important;
    height: auto !important;
  }

  .lp-content-7-container .lp-content-7-inner .question-card ul li .card .card-inner .question-div .question-title {
    font-size: 16px !important;
    font-weight: bold !important;
    margin-left: 5px !important;
    line-height: 1.6 !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    flex: 1 !important;
    padding: 0 !important;
  }

  .lp-content-7-container .lp-content-7-inner .question-card ul li .card .card-inner .question-discription {
    padding-top: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  .lp-content-7-container .lp-content-7-inner .question-card ul li .card .card-inner .question-discription .question-content {
    font-size: 16px !important;
    font-weight: bold !important;
    line-height: 1.7 !important;
    padding: 0 !important;
    margin: 0 !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .lp-content-7-container .lp-content-7-inner .contact-cta {
    background: #f74f1f !important;
    margin-top: 40px !important;
  }

  .lp-content-7-container .lp-content-7-inner .contact-cta .contact-link {
    color: #ffffff !important;
  }

  /* ===== Footer Override ===== */
  .footer {
    background: #ffffff !important;
  }

  .footer .footer-inner .footer-up .footer-up-main .footer-subtitle {
    color: #3c4d69 !important;
    background: -webkit-linear-gradient(#b1f1f1, #5fbeed 140%) !important;
    background: linear-gradient(#b1f1f1, #5fbeed 140%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
  }

  .footer .footer-inner .footer-up .footer-up-main .footer-title h2 {
    color: #3c4d69 !important;
    background: -webkit-linear-gradient(top, #b1f1f1, #5fbeed 50%, #b1f1f1 50%, #5fbeed) !important;
    background: linear-gradient(to bottom, #b1f1f1, #5fbeed 50%, #b1f1f1 50%, #5fbeed) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
  }

  .footer .footer-inner .footer-up .footer-up-main .footer-cta li .download_cta {
    color: #3c4d69 !important;
    background: linear-gradient(135deg, #b1f1f1 5%, #5fbeed) !important;
  }

  .footer .footer-inner .footer-up .footer-up-main .footer-cta li .contact_cta {
    color: #3c4d69 !important;
    background: linear-gradient(135deg, #b1f1f1 5%, #5fbeed) !important;
  }
}