/* =========================LPページ全体の余白リセット========================= */

body.page-id-2233,body.page-id-2233 #page,body.page-id-2233 .site,body.page-id-2233 #content,body.page-id-2233 .site-content,body.page-id-2233 .content-area,body.page-id-2233 .site-main,body.page-id-2233 article,body.page-id-2233 .hentry,body.page-id-2233 .page,body.page-id-2233 .entry-content {margin: 0 !important;padding: 0 !important;}

/* =========================LPページのヘッダーだけ非表示========================= */

body.page-id-2233 #masthead,body.page-id-2233 header,body.page-id-2233 .site-header,body.page-id-2233 .site-branding,body.page-id-2233 .site-logo,body.page-id-2233 .custom-logo-link,body.page-id-2233 .site-title,body.page-id-2233 .site-description,body.page-id-2233 .main-navigation,body.page-id-2233 .navigation-main,body.page-id-2233 .nav-menu,body.page-id-2233 .menu-toggle {display: none !important;margin: 0 !important;padding: 0 !important;height: 0 !important;}

/* =========================LPページのタイトル・共有・いいねを非表示※フッターは残す========================= */

body.page-id-2233 .entry-header,body.page-id-2233 .entry-title,body.page-id-2233 h1.entry-title,body.page-id-2233 .sharedaddy,body.page-id-2233 .sd-sharing-enabled,body.page-id-2233 .sd-like,body.page-id-2233 .wpl-likebox,body.page-id-2233 .jp-relatedposts,body.page-id-2233 #jp-post-flair {display: none !important;margin: 0 !important;padding: 0 !important;height: 0 !important;}

/* =========================LP画像基本設定========================= */

.lp-image-page {position: relative;width: 100%;max-width: 786px;margin: -35px auto 0 !important;padding: 0 !important;line-height: 0;}

.lp-image-page > .lp-img,.lp-img-wrap > .lp-img {display: block;width: 100%;height: auto;margin: 0 !important;padding: 0 !important;border: none;vertical-align: bottom;}

/* =========================LP画像上CTA========================= */

.lp-img-wrap {position: relative;width: 100%;line-height: 0;}

.lp-cta-on-image {position: absolute;left: 50%;transform: translateX(-50%);display: block;width: 86%;max-width: 680px;z-index: 2;animation: ctaZoom 1.4s ease-in-out infinite;transform-origin: center center;}

.cta-01 {top: 10%;}

.cta-02 {top: 38%;}

.cta-03 {top: 10%;}

.cta-04 {top: 10%;}

.lp-cta-on-image img {display: block;width: 100%;height: auto;}

@keyframes ctaZoom {0% {transform: translateX(-50%) scale(1);}

50% {transform: translateX(-50%) scale(1.06);}

100% {transform: translateX(-50%) scale(1);}}

/* =========================LP追加イラスト：1枚目右上：所長========================= */

.lp-illust-wrap-01 {overflow: visible;}

.lp-illust-director-01 {position: absolute;right: -0.8%;top: 3.8%;width: min(27vw, 212px);height: auto;z-index: 3;pointer-events: none;}

/* =========================LP追加イラストカイト君：6枚目と7枚目の間、右側所長：11枚目の左側========================= */

.lp-illust-between {position: relative;width: 100%;height: 0;z-index: 3;}

.lp-illust-kaito img {position: absolute;right: -2.8%;top: -218px;width: min(29vw, 228px);height: auto;z-index: 3;pointer-events: none;}

.lp-illust-wrap-11 {overflow: visible;}

.lp-illust-director {position: absolute;left: 2.2%;top: 35%;width: min(24vw, 188px);height: auto;z-index: 3;pointer-events: none;}

/* =========================LP追従CTA========================= */

.lp-fixed-cta {position: fixed;left: 50%;bottom: 16px;transform: translateX(-50%);width: 86%;max-width: 680px;z-index: 9999;display: block;animation: fixedCtaZoom 1.4s ease-in-out infinite;}

.lp-fixed-cta img {display: block;width: 100%;height: auto;}

@keyframes fixedCtaZoom {0% {transform: translateX(-50%) scale(1);}

50% {transform: translateX(-50%) scale(1.06);}

100% {transform: translateX(-50%) scale(1);}}

/* =========================LPフッター表示調整※フッターは普通に読めるように戻す========================= */

body.page-id-2233 footer,body.page-id-2233 #colophon,body.page-id-2233 .site-footer,body.page-id-2233 .footer,body.page-id-2233 .footer-area,body.page-id-2233 .footer-widget-area,body.page-id-2233 .site-info,body.page-id-2233 #secondary {display: block !important;height: auto !important;visibility: visible !important;opacity: 1 !important;line-height: 1.6 !important;}

/* =========================LPスマホ調整========================= */

@media screen and (max-width: 768px) {body.page-id-2233,body.page-id-2233 #page,body.page-id-2233 .site,body.page-id-2233 #content,body.page-id-2233 .site-content,body.page-id-2233 .content-area,body.page-id-2233 .site-main,body.page-id-2233 article,body.page-id-2233 .hentry,body.page-id-2233 .page,body.page-id-2233 .entry-content {margin: 0 !important;padding: 0 !important;width: 100% !important;max-width: none !important;}

.lp-image-page {width: 100vw !important;max-width: none !important;margin: -3vh auto 0 !important;padding: 0 !important;line-height: 0 !important;}

.lp-image-page > .lp-img,.lp-img-wrap > .lp-img {width: 100vw !important;max-width: none !important;}

.lp-cta-on-image {width: 86% !important;max-width: none !important;}

.lp-cta-on-image img {width: 100% !important;max-width: 100% !important;}

.lp-illust-director-01 {right: -0.8%;top: 3.8%;width: 27vw;}

.lp-illust-kaito img {right: -2.8%;top: -27vw;width: 29vw;}

.lp-illust-director {left: 2.2%;top: 35%;width: 24vw;}

.lp-fixed-cta {width: 92% !important;max-width: none !important;bottom: 14px;}

.lp-fixed-cta img {width: 100% !important;max-width: 100% !important;}

body.page-id-2233 footer,body.page-id-2233 #colophon,body.page-id-2233 .site-footer,body.page-id-2233 .footer,body.page-id-2233 .footer-area,body.page-id-2233 .footer-widget-area,body.page-id-2233 .site-info,body.page-id-2233 #secondary {line-height: 1.6 !important;}}

/* =========================LPスマホ用フッター調整========================= */

@media screen and (max-width: 768px) {body.page-id-2233 footer,body.page-id-2233 #colophon,body.page-id-2233 .site-footer {padding: 32px 24px 40px !important;text-align: left !important;line-height: 1.8 !important;box-sizing: border-box !important;}

body.page-id-2233 footer *,body.page-id-2233 #colophon *,body.page-id-2233 .site-footer * {float: none !important;clear: both !important;max-width: 100% !important;line-height: 1.8 !important;text-align: left !important;box-sizing: border-box !important;word-break: keep-all !important;}

body.page-id-2233 footer img,body.page-id-2233 #colophon img,body.page-id-2233 .site-footer img {display: block !important;width: 120px !important;max-width: 120px !important;height: auto !important;margin: 16px 0 20px 0 !important;}

body.page-id-2233 footer p,body.page-id-2233 #colophon p,body.page-id-2233 .site-footer p,body.page-id-2233 footer div,body.page-id-2233 #colophon div,body.page-id-2233 .site-footer div {margin-left: 0 !important;margin-right: 0 !important;}

body.page-id-2233 footer,body.page-id-2233 #colophon,body.page-id-2233 .site-footer {font-size: 14px !important;}}

/* =========================フォームページだけヘッダー・フッター非表示========================= */

body.page-id-2408 #masthead,body.page-id-2408 header,body.page-id-2408 .site-header,body.page-id-2408 .site-branding,body.page-id-2408 .main-navigation,body.page-id-2408 nav,body.page-id-2408 footer,body.page-id-2408 #colophon,body.page-id-2408 .site-footer,body.page-id-2408 .footer,body.page-id-2408 .site-info {display: none !important;margin: 0 !important;padding: 0 !important;height: 0 !important;}

/* =========================フォームページ全体レイアウト========================= */

.cravis-diagnosis-page {max-width: 960px;margin: 72px auto 48px;padding: 0 20px;color: #3f3835;}

/* =========================フォームページ見出しエリア========================= */

.cravis-diagnosis-hero {text-align: center;margin-bottom: 28px;}

.cravis-diagnosis-label {display: inline-block;margin: 0 0 18px;padding: 7px 18px;border-radius: 999px;background: #ffe7df;color: #d94f61;font-size: 14px;font-weight: 700;}

.cravis-diagnosis-hero h1 {margin: 0 0 22px;font-size: 34px;font-weight: 600;line-height: 1.3;letter-spacing: 0;color: #302926;}

.cravis-diagnosis-hero p,.cravis-diagnosis-lead {margin: 0 auto;max-width: 760px;color: #6d625d;}

.cravis-diagnosis-lead {line-height: 1.7;}

.cravis-diagnosis-lead span {display: inline;}

.cravis-diagnosis-lead br {display: none;}

.sp-break br {display: none;}

/* =========================フォームページ入力カード========================= */

.cravis-diagnosis-card {padding: 44px;background: #fffaf7;border: 1px solid #f1ded5;border-radius: 18px;box-shadow: 0 18px 48px rgba(64, 45, 36, .10);}

/* =========================フォーム入力欄========================= */

.cravis-form__grid {display: grid;grid-template-columns: 1fr;gap: 22px;max-width: 640px;margin: 0 auto;}

.cravis-form label {display: block;}

.cravis-form label span {display: block;margin-bottom: 8px;font-size: 15px;font-weight: 700;}

.cravis-form em {margin-left: 6px;padding: 2px 7px;border-radius: 999px;background: #ef5a6f;color: #fff;font-size: 11px;font-style: normal;}

.cravis-form input,.cravis-form textarea {width: 100%;box-sizing: border-box;border: 1px solid #e4d6cf;border-radius: 10px;background: #fff;padding: 14px 16px;font-size: 16px;color: #302926;transition: border-color .2s ease, box-shadow .2s ease;}

.cravis-form textarea {min-height: 180px;resize: vertical;}

.cravis-form input,.cravis-form textarea {outline: none;border-color: #ef5a6f;box-shadow: 0 0 0 4px rgba(239, 90, 111, .16);}

.cravis-form__full {display: block;max-width: 640px;margin: 22px auto 0;}

.cravis-form__note {max-width: 640px;margin: 22px auto 0;padding: 14px 18px;border-radius: 10px;background: #fff;border: 1px solid #f1ded5;color: #6d625d;font-size: 14px;text-align: center;}

/* =========================フォーム送信ボタン========================= */

.cravis-form__submit {width: 100% !important;max-width: none !important;margin: 28px auto 0 !important;text-align: center !important;}

.cravis-form__submit p {margin: 0 !important;text-align: center !important;}

.cravis-form input[type="submit"],.cravis-form .wpcf7-submit {display: inline-block !important;width: auto !important;min-width: 260px;margin-left: auto !important;margin-right: auto !important;border: none;border-radius: 999px;background: linear-gradient(135deg, #ef5a6f, #e8455b);color: #fff;padding: 17px 34px;font-size: 17px;font-weight: 700;line-height: 1.4;cursor: pointer;text-align: center;box-shadow: 0 10px 24px rgba(232, 69, 91, .28);}

.cravis-form .cravis-form__submit input[type="submit"],.cravis-form .cravis-form__submit .wpcf7-submit {display: block !important;margin-left: auto !important;margin-right: auto !important;}

.cravis-form input[type="submit"],.cravis-form .wpcf7-submit {transform: translateY(-1px);box-shadow: 0 14px 30px rgba(232, 69, 91, .34);}

/* =========================フォームページスマホ調整========================= */

@media (max-width: 720px) {.cravis-diagnosis-page {margin: 32px auto 24px;padding: 0 16px;}

.cravis-diagnosis-hero {margin-bottom: 20px;}

.cravis-diagnosis-label {margin-bottom: 14px;font-size: 14px;}

.cravis-diagnosis-hero h1 {margin-bottom: 16px;font-size: 27px;font-weight: 600;line-height: 1.24;}

.sp-break br {display: inline;}

.cravis-diagnosis-lead {max-width: 340px;font-size: 15px;line-height: 1.45;}

.cravis-diagnosis-lead span {display: block;margin: 0;padding: 0;line-height: 1.45;}

.cravis-diagnosis-lead br {display: none !important;}

.cravis-diagnosis-card {padding: 24px 18px;border-radius: 14px;}

.cravis-form__grid,.cravis-form__full,.cravis-form__note {max-width: none;}

.cravis-form input[type="submit"],.cravis-form .wpcf7-submit {width: 100% !important;min-width: 0;}}