h1, h2, h3, h4, h5, h6, p, a { font: inherit; }

/* ==========================================================================
   LY広告 TOPページ スタイル
   ========================================================================== */
main { font-family: "LINESeedJPStd Regular"; font-feature-settings: "palt" 1; }

/* アンカーリンク：固定ヘッダー分のオフセット */
[id="feature"], [id="price"], [id="support"], [id="account"], [id="case"], [id="useful"], [id="faq"] { scroll-margin-top: 60px; }

/* -- p-kv -- */

.p-kv { aspect-ratio: 1440 / 752; background: url("/sites/default/files/media/jp/service/ly-ads/img/bg_kv.png") center no-repeat; background-size: cover; overflow: hidden; position: relative; --px: 1px; width: 100%; }

@media screen and (min-width: 1024px) { .p-kv { background-image: url("/sites/default/files/media/jp/service/ly-ads/img/bg_kv_sp.png"); --px: calc(100vw / 1440); } }

@media screen and (max-width: 1023px) { .p-kv { aspect-ratio: auto; height: 534px; position: relative; z-index: 2; } }

/* パンくず */
.p-kv__breadcrumb { align-items: center; color: #fff; display: flex; font-family: "LINESeedJPStd Bold", sans-serif; font-size: 12px; gap: 8px; left: 48px; position: absolute; text-shadow: 3px 2px 6px rgba(0, 0, 0, .4); top: 21px; z-index: 10; }

.p-kv__breadcrumb a { color: #fff; font-family: "LINESeedJPStd Regular", sans-serif; text-decoration: none; transition: opacity .2s ease; }

.p-kv__breadcrumb a:hover { opacity: .7; }

.p-kv__breadcrumb-sep { display: inline-block; height: 10px; opacity: .6; vertical-align: middle; width: 6px; }

.p-kv__breadcrumb-current { font-family: "LINESeedJPStd Bold", sans-serif; }

@media screen and (max-width: 1023px) { .p-kv__breadcrumb { font-size: 10px; left: 16px; top: 12px; } }

.p-kv__inner { align-items: stretch; display: flex; flex-direction: row; height: 100%; }

@media screen and (max-width: 1023px) { .p-kv__inner { align-items: center; flex-direction: column; height: initial; } }

/* フォトストリップ共通 */
.p-kv__strip { display: block; flex: 0 0 24.975%;
/* 315px / 1440px */
overflow: hidden; position: relative; }

@media screen and (max-width: 1023px) { .p-kv__strip { display: block; flex: none; -webkit-mask-image: none; mask-image: none; width: 100%; } }

.p-kv__strip-track { -webkit-backface-visibility: hidden; backface-visibility: hidden; display: flex; flex-direction: column; padding-top: 0; will-change: transform; }

.p-kv__strip-track--reverse { /* JS制御 */ }

.p-kv__strip-track--reverse .p-kv__strip-item img { border-radius: calc(8 * var(--px)) 0 0 calc(8 * var(--px)); }

.p-kv__strip-item { display: block; margin: 0; margin-bottom: calc(16 * var(--px)); }

.p-kv__strip-item img { border-radius: 0 calc(8 * var(--px)) calc(8 * var(--px)) 0; display: block; height: auto; width: 100%; }

@media screen and (max-width: 1023px) { .p-kv__strip-track { flex-direction: row; padding-top: 0; width: max-content; } }

@media screen and (max-width: 1023px) { .p-kv__strip-item { flex-shrink: 0; margin: 0; margin-right: 8px; padding: 0; width: 150px; } }

@media screen and (max-width: 1023px) { .p-kv__strip-item img { border-radius: 3px; height: auto; width: 150px; }

.p-kv__strip-track--reverse .p-kv__strip-item img { border-radius: 3px; } }

/* 中央テキストエリア */
.p-kv__body { align-items: center; display: flex; flex: 1; flex-direction: column; padding: calc(92 * var(--px)) calc(60 * var(--px)) calc(40 * var(--px)); text-align: center; }

@media screen and (max-width: 1023px) { .p-kv__body { align-items: center; display: flex; flex: 1; flex-direction: column; justify-content: center; padding: 42px 24px; width: 100%; } }

.p-kv__catch { color: #111; font-family: "LINESeedJPStd Bold"; font-size: calc(32 * var(--px)); letter-spacing: .02em; line-height: 1.6; margin: 0 0 calc(27 * var(--px)); }

@media screen and (max-width: 1023px) { .p-kv__catch { font-size: 24px; line-height: 1.3; margin-bottom: 16px; } }

.p-kv__title { margin: 0 auto calc(34 * var(--px)); width: calc(495 * var(--px)); }

@media screen and (max-width: 1023px) { .p-kv__title { margin-bottom: 34px; width: 300px; } }

.p-kv__title img { display: block; height: auto; width: 100%; }

.p-kv__desc { color: #333; font-size: calc(16 * var(--px)); line-height: 1.8; margin: 0 0 calc(43 * var(--px)); text-align: center; }

@media screen and (max-width: 1023px) { .p-kv__desc { display: none; } }

.p-kv__btn { align-items: center; background-color: #f77911; border: calc(2 * var(--px)) solid #f77911; border-radius: calc(50 * var(--px)); color: #fff; display: inline-flex; font-family: "LINESeedJPStd Bold"; font-size: calc(18 * var(--px)); height: calc(65 * var(--px)); justify-content: center; letter-spacing: .04em; margin-bottom: calc(26 * var(--px)); padding: 0 calc(65 * var(--px)) 0 calc(43 * var(--px)); position: relative; text-decoration: none; text-decoration: none !important; transition: background-color .3s ease, color .3s ease; }

@media screen and (max-width: 1023px) { .p-kv__btn { box-shadow: 0 4px 20px 0 rgba(247, 121, 18, .2); font-size: 17px; height: 58px; margin-bottom: 16px; max-width: none; padding: 0 24px; width: 286px; } }

.p-kv__btn:hover { background-color: #fff; color: #f77911; text-decoration: none !important; }

.p-kv__btn-icon { background-color: #fff; border-radius: 50%; display: block; height: calc(26 * var(--px)); position: absolute; right: calc(15 * var(--px)); top: 50%; transition: background-color .3s ease; translate: 0 -50%; width: calc(26 * var(--px)); }

@media screen and (max-width: 1023px) { .p-kv__btn-icon { display: none; } }

.p-kv__btn:hover .p-kv__btn-icon { background-color: #f77911; }

.p-kv__btn-icon::after { background-color: #f77911; content: ""; height: calc(10 * var(--px)); left: 50%; -webkit-mask: url("/sites/default/files/media/jp/service/ly-ads/img/icon_arrow.svg") no-repeat center / contain; mask: url("/sites/default/files/media/jp/service/ly-ads/img/icon_arrow.svg") no-repeat center / contain; position: absolute; top: 50%; transform: translate(-50%, -50%) rotate(-90deg); transition: background-color .3s ease; width: calc(10 * var(--px)); }

.p-kv__btn:hover .p-kv__btn-icon::after { background-color: #fff; }

.p-kv__download { align-items: center; color: #333; display: inline-flex; font-size: calc(16 * var(--px)); gap: calc(6 * var(--px)); text-decoration: underline; text-underline-offset: calc(3 * var(--px)); transition: opacity .2s ease; }

.p-kv__download:hover { opacity: .7; }

/* -- p-kv-bnr -- */

.p-kv-bnr { align-items: center; display: flex; flex-direction: row; gap: calc(16 * var(--px)); justify-content: center; margin: calc(-111 * var(--px)) auto 0; max-width: calc(1240 * var(--px)); padding: calc(16 * var(--px)) calc(20 * var(--px)); position: relative; --px: 1px; }

@media screen and (min-width: 1024px) and (max-width: 1239px) { .p-kv-bnr { --px: calc(100vw / 1240); } }

@media screen and (max-width: 1023px) { .p-kv-bnr { background-color: #000048; flex-direction: column; gap: 12px; margin: -28px auto 0; opacity: 1 !important; padding: 20px 22px 22px; } }

/* バッジ分離用ラップ */
.p-kv-bnr__item-wrap { position: relative; width: calc(592 / 1200 * 100%); }

.p-kv-bnr__item-wrap .p-kv-bnr__item { width: 100%; }

@media screen and (max-width: 1023px) { .p-kv-bnr__item-wrap { width: 100%; } }

.p-kv-bnr__item { align-items: center; background-color: #000048; border-radius: calc(10 * var(--px)); display: flex; gap: calc(10 * var(--px)); height: calc(157 * var(--px)); overflow: hidden; padding: 0 calc(36 * var(--px)) 0 calc(45 * var(--px)); position: relative; text-decoration: none; transition: background-color .2s ease, border-color .2s ease; width: calc(592 / 1200 * 100%); }

@media screen and (max-width: 1023px) { .p-kv-bnr__item { background-color: #fff; border: 2px solid #000048; border-radius: 12px; flex: none; height: auto; opacity: 1 !important; padding: 12px 14px 11px 24px; position: relative; width: 100%; z-index: 2; } }

@media screen and (max-width: 1023px) { .p-kv-bnr__item:last-child { /* border: none; */
border-radius: 12px; opacity: 1 !important; transform: translateY(0) !important; } }

.p-kv-bnr__item:hover { background-color: #225cff; border-color: #225cff; text-decoration: none !important; }

.p-kv-bnr__item:hover .p-kv-bnr__ttl { color: #fff; }

.p-kv-bnr__item:hover .p-kv-bnr__txt { color: #fff; }

.p-kv-bnr__item:hover .p-kv-bnr__ttl::before { background-color: #fff; }

@media screen and (min-width: 1024px) { .p-kv-bnr__item:hover .p-kv-bnr__item-arrow { background-color: #fff; border-color: #fff; transform: translateY(4px); }

.p-kv-bnr__item:hover .p-kv-bnr__item-arrow img { filter: brightness(0) saturate(100%) invert(27%) sepia(95%) saturate(4848%) hue-rotate(222deg) brightness(101%) contrast(104%); } }

@media screen and (max-width: 1023px) { .p-kv-bnr__item:hover .p-kv-bnr__item-icon img { filter: brightness(0) invert(1); } }

.p-kv-bnr__item-left { display: contents; }

@media screen and (max-width: 1023px) { .p-kv-bnr__item-left { align-items: flex-start; display: flex; flex-direction: column; flex-shrink: 0; gap: 0; justify-content: center; } }

.p-kv-bnr__item-badge { display: block; margin: 0; position: absolute; right: calc(34 * var(--px)); text-decoration: none; top: -2px; z-index: 2; }

.p-kv-bnr__item-badge img { display: block; height: calc(41 * var(--px)); width: calc(177 * var(--px)); }

.p-kv-bnr__item-badge .p-kv-bnr__item-badge-hover { display: none; }

.p-kv-bnr__item-badge:hover .p-kv-bnr__item-badge-default { display: none; }

.p-kv-bnr__item-badge:hover .p-kv-bnr__item-badge-hover { display: block; }

@media screen and (max-width: 1023px) { .p-kv-bnr__item-badge { display: none; } }

.p-kv-bnr__item-icon { align-items: center; display: none; justify-content: center; margin: 0; }

.p-kv-bnr__item-icon img { display: block; }

@media screen and (max-width: 1023px) { .p-kv-bnr__item-icon { display: flex; }

.p-kv-bnr__item-icon img { filter: brightness(.6) saturate(3); } }

.p-kv-bnr__item-body { flex: 1; }

.p-kv-bnr__ttl { align-items: center; color: #fff; display: flex; flex-wrap: wrap; gap: calc(12 * var(--px)); margin: 0 0 calc(10 * var(--px)); }

@media screen and (max-width: 1023px) { .p-kv-bnr__ttl { color: #000; margin-bottom: 0; } }

.p-kv-bnr__ttl::before { background-color: #7a99ff; background-position: center; background-repeat: no-repeat; background-size: contain; content: ""; display: block; flex-shrink: 0; transition: background-color .2s ease; }

.p-kv-bnr__item:first-child .p-kv-bnr__ttl::before { height: calc(25 * var(--px)); -webkit-mask: url("/sites/default/files/media/jp/service/ly-ads/img/bner_icon02.svg") no-repeat center / contain; mask: url("/sites/default/files/media/jp/service/ly-ads/img/bner_icon02.svg") no-repeat center / contain; width: calc(26 * var(--px)); }

.p-kv-bnr__item:last-child .p-kv-bnr__ttl::before { height: calc(28 * var(--px)); -webkit-mask: url("/sites/default/files/media/jp/service/ly-ads/img/bner_icon03.svg") no-repeat center / contain; mask: url("/sites/default/files/media/jp/service/ly-ads/img/bner_icon03.svg") no-repeat center / contain; width: calc(27 * var(--px)); }

@media screen and (max-width: 1023px) { .p-kv-bnr__ttl::before { display: none; } }

.p-kv-bnr__ttl--lg { font-family: "LINESeedJPStd ExtraBold"; font-size: calc(26 * var(--px)); line-height: 1.3; }

@media screen and (max-width: 1023px) { .p-kv-bnr__ttl--lg { color: #000048; font-size: 18px; } }

.p-kv-bnr__ttl--sm { font-family: "LINESeedJPStd Bold"; font-size: calc(18 * var(--px)); line-height: 1.3; }

@media screen and (max-width: 1023px) { .p-kv-bnr__ttl--sm { color: #000048; font-size: 12px; } }

.p-kv-bnr__txt { color: rgba(255, 255, 255, 1); font-family: "LINESeedJPStd Regular"; font-size: calc(15 * var(--px)); line-height: 1.7; margin: 0; }

@media screen and (max-width: 1023px) { .p-kv-bnr__txt { display: none; } }

.p-kv-bnr__item-arrow { align-items: center; background-color: #fff; border: calc(1 * var(--px)) solid rgba(255, 255, 255, .25); border-radius: 50%; display: flex; flex-shrink: 0; height: calc(40 * var(--px)); justify-content: center; transition: background-color .3s ease, border-color .3s ease, transform .3s ease; width: calc(40 * var(--px)); }

.p-kv-bnr__item-arrow img { display: block; height: calc(8 * var(--px)); width: calc(14 * var(--px)); }

@media screen and (max-width: 1023px) { .p-kv-bnr__item-arrow { background: none; border: none; border-radius: 0; height: auto; width: auto; } }

@media screen and (max-width: 1023px) { .p-kv-bnr__item-icon img { height: 21px; width: 22px; } }

/* -- p-anchor -- */

.p-anchor { padding-bottom: 20px; padding-inline: 20px; }

@media screen and (max-width: 1023px) { .p-anchor { display: none; } }

.p-anchor__inner { align-items: center; border-radius: 8px; box-shadow: 0 4px 25px rgba(0, 0, 72, .1); display: flex; height: 42px; margin: 18px auto 0; max-width: 1200px; width: 100%; }

@media screen and (max-width: 1023px) { .p-anchor__inner { -webkit-overflow-scrolling: touch; overflow-x: auto; padding: 0 16px; scrollbar-width: none; }

.p-anchor__inner::-webkit-scrollbar { display: none; } }

.p-anchor__label { align-items: center; background-color: #225cff; border-radius: 6px 0 0 6px; color: #fff; display: flex; flex-shrink: 0; font-family: "LINESeedJPStd ExtraBold"; font-size: 13px; height: 100%; justify-content: center; letter-spacing: .04em; width: 110px; }

.p-anchor__list { align-items: center; display: flex; flex-shrink: 0; gap: min(80px, 80 / 1440 * 100vw); list-style: none; margin: 0; max-width: min(1090px, 1090 / 1440 * 100vw); padding: 0; padding-inline: min(40px, 40 / 1440 * 100vw); width: 100%; }

.p-anchor__item a { color: #00003e; display: block; font-family: "LINESeedJPStd Bold"; font-size: min(15px, 15 / 1440 * 100vw); text-decoration: none; transition: color .2s ease; white-space: nowrap; }

/* @media screen and (max-width: 1110px) { .p-anchor__item a { font-size: 13px; } } */

.p-anchor__item a:hover { color: #225cff; }

/* -- p-intro -- */

.p-intro { background-color: #fff; padding: 80px 0 0; }

@media screen and (max-width: 1023px) { .p-intro { padding: 62px 0 57px; } }

.p-intro__inner { margin: 0 auto; max-width: 1247px; padding: 0 20px; }

@media screen and (max-width: 1023px) { .p-intro__inner { padding: 0 20px; } }

.p-intro__head { align-items: flex-start; display: flex; gap: 60px; justify-content: space-between; margin-bottom: 80px; }

@media screen and (max-width: 1023px) { .p-intro__head { flex-direction: column; gap: 34px; margin-bottom: 63px; padding: 0 10px; } }

.p-intro__ttl { color: #111; flex-shrink: 0; font-family: "LINESeedJPStd Bold"; font-size: 50px; line-height: 1.5; margin: 0; }

@media screen and (max-width: 1023px) { .p-intro__ttl { font-size: 32px; } }

.p-intro__ttl-accent { color: #225cff; font-family: "LINESeedJPStd ExtraBold", sans-serif; }

.p-intro__desc { color: #333; font-family: "LINESeedJPStd Regular"; font-size: 18px; line-height: 2; margin-top: 8px; }

@media screen and (max-width: 1023px) { .p-intro__desc { font-size: 15px; line-height: 1.8; padding-top: 0; } }

.p-intro__fig { margin: 0 auto; max-width: 1137px; }

@media screen and (max-width: 1023px) { .p-intro__fig { margin: 0 -14.5px; max-width: none; } }

.p-intro__fig img { display: block; height: auto; width: 100%; }

/* -- p-feature -- */

.p-feature { background-color: #fff; padding: calc(62 * var(--px)) 0 calc(30 * var(--px)); --px: 1px; }

@media screen and (min-width: 1024px) and (max-width: 1439px) { .p-feature { --px: calc(100vw / 1440); } }

@media screen and (max-width: 1023px) { .p-feature { padding: 43px 0 25px; } }

.p-feature__header { margin-bottom: calc(60 * var(--px)); padding: 0 calc(20 * var(--px)); text-align: center; }

@media screen and (max-width: 1023px) { .p-feature__header { margin-bottom: 0; } }

.p-feature__heading { color: #111; font-family: "LINESeedJPStd ExtraBold"; font-size: calc(40 * var(--px)); line-height: 1.5; margin: 0 0 calc(26 * var(--px)); }

@media screen and (max-width: 1023px) { .p-feature__heading { font-size: 26px; margin-bottom: 23px; } }

.p-feature__lead { color: #333; font-family: "LINESeedJPStd Regular"; font-size: calc(18 * var(--px)); line-height: 1.8; margin: 0; }

@media screen and (max-width: 1023px) { .p-feature__lead { font-size: 15px; text-align: left; }

.p-feature__lead br { display: none; } }

/* カード共通 */
.p-feature__card { margin-bottom: calc(50 * var(--px)); margin-inline: auto; max-width: 1440px; position: relative; }

@media screen and (max-width: 1023px) { .p-feature__card { margin-bottom: 119px; margin-inline: auto; max-width: initial; padding-inline: 6px; padding-top: 52px; } }

.p-feature__card:last-child { margin-bottom: 0; padding-top: 54px; }

.p-feature__card-inner { align-items: center; background-color: #000048; border-radius: calc(20 * var(--px)) 0 0 calc(20 * var(--px)); display: flex; gap: calc(26 * var(--px)); margin-left: auto; margin-right: 0; max-width: calc(1321 * var(--px)); min-height: calc(780 * var(--px)); overflow: visible; position: relative; }

/* ネイビー背景を右端まで画面外に伸ばす */
.p-feature__card-inner::before { background-color: #000048; border-radius: 30px; bottom: 0; content: ""; left: 0; position: absolute; right: auto; top: 0; width: 100vw; }

/* reverse: 左端まで伸ばす */
.p-feature__card--reverse .p-feature__card-inner::before { left: auto; right: 0; }

@media screen and (max-width: 1023px) { .p-feature__card-inner { border-radius: 20px; flex-direction: column; height: auto; margin: 0 auto; max-width: initial; min-height: auto; overflow: visible; width: auto; }

.p-feature__card-inner::before { display: none; } }

/* リバースカード（ディスプレイ広告） */
.p-feature__card--reverse .p-feature__card-inner { border-radius: 0 calc(20 * var(--px)) calc(20 * var(--px)) 0; margin-left: 0; margin-right: auto; }

@media screen and (max-width: 1023px) { .p-feature__card--reverse .p-feature__card-inner { border-radius: 20px; flex-direction: column; margin-inline: auto; } }

/* テキストエリア */
.p-feature__card-body { display: flex; flex: 1; flex-direction: column; justify-content: center; min-width: 0; padding: calc(130 * var(--px)) calc(100 * var(--px)) calc(120 * var(--px)) 0; }

@media screen and (max-width: 1023px) { .p-feature__card-body { flex: none; order: 1; padding: 47px 35px 192px; } }

.p-feature__card--reverse .p-feature__card-body { padding: calc(120 * var(--px)) 0 calc(120 * var(--px)) calc(120 * var(--px)); }

@media screen and (max-width: 1023px) { .p-feature__card--reverse .p-feature__card-body { padding: 48px 35px 182px; } }

.p-feature__card-suptitle { color: #fff; font-family: "LINESeedJPStd ExtraBold"; font-size: calc(46 * var(--px)); line-height: 1.4; margin: 0 0 calc(4 * var(--px)); }

@media screen and (max-width: 1023px) { .p-feature__card-suptitle { font-size: 27px; } }

.p-feature__card-title { color: #fff; font-family: "LINESeedJPStd ExtraBold"; font-size: calc(46 * var(--px)); line-height: 1.4; margin: 0 0 calc(25 * var(--px)); }

@media screen and (max-width: 1023px) { .p-feature__card-title { font-size: 27px; margin-bottom: 10px; } }

.p-feature__card-title--sm { font-family: "LINESeedJPStd Bold"; font-size: calc(28 * var(--px)); }

@media screen and (max-width: 1023px) { .p-feature__card-title--sm { font-size: 19px; } }

/* 青丸付きリスト */
.p-feature__card-note { list-style: none; margin: 0 0 calc(34 * var(--px)); padding: 0; }

.p-feature__card-note li { color: rgba(255, 255, 255, .8); font-family: "LINESeedJPStd Regular"; font-size: calc(18 * var(--px)); line-height: 1.6; padding-left: calc(23 * var(--px)); position: relative; }

.p-feature__card-note li::before { background-color: #7a99ff; border-radius: 50%; content: ""; height: calc(8 * var(--px)); left: 0; position: absolute; top: 50%; transform: translateY(-50%); width: calc(8 * var(--px)); }

@media screen and (max-width: 1023px) { .p-feature__card-note li { font-size: 11px; padding-left: 14px; } }

/* 本文 */
.p-feature__card-desc { color: #fff; font-family: "LINESeedJPStd Regular"; font-size: calc(18 * var(--px)); line-height: 2; margin: 0 0 calc(62 * var(--px)); }

@media screen and (max-width: 1023px) { .p-feature__card-desc { font-size: 15px; line-height: 1.95; margin-bottom: 44px; } }

/* ボタン */
.p-feature__card-btn { align-items: center; background-color: #fff; border: calc(2 * var(--px)) solid #fff; border-radius: calc(50 * var(--px)); color: #000048; display: inline-flex; font-family: "LINESeedJPStd Bold"; font-size: calc(18 * var(--px)); gap: calc(12 * var(--px)); height: calc(67 * var(--px)); justify-content: center; padding: 0 calc(67 * var(--px)) 0 calc(36 * var(--px)); position: relative; text-decoration: none; transition: background-color .3s ease, color .3s ease; width: fit-content; }

@media screen and (max-width: 1023px) { .p-feature__card-btn { font-size: 16px; gap: 22px; height: 54px; margin-inline: auto; max-width: none; padding: 0 11px 0 40px; width: 254px; } }

.p-feature__card-btn:hover { background-color: transparent; color: #fff; text-decoration: none !important; }

.p-feature__card-btn-icon { background-color: #000048; border-radius: 50%; display: block; flex-shrink: 0; height: calc(26 * var(--px)); position: absolute; right: calc(15 * var(--px)); top: 50%; transition: background-color .3s ease; translate: 0 -50%; width: calc(26 * var(--px)); }

@media screen and (min-width: 1024px) { .p-feature__card-btn:hover .p-feature__card-btn-icon { background-color: #fff; } }

.p-feature__card-btn-icon::after { background-color: #fff; content: ""; height: calc(10 * var(--px)); left: 50%; -webkit-mask: url("/sites/default/files/media/jp/service/ly-ads/img/icon_arrow.svg") no-repeat center / contain; mask: url("/sites/default/files/media/jp/service/ly-ads/img/icon_arrow.svg") no-repeat center / contain; position: absolute; top: 50%; transform: translate(-50%, -50%) rotate(-90deg); transition: background-color .3s ease; width: calc(10 * var(--px)); }

.p-feature__card-btn:hover .p-feature__card-btn-icon::after { background-color: #000048; }

@media screen and (max-width: 1023px) { .p-feature__card-btn-icon { background-color: transparent; position: relative; top: auto; translate: 0 0; } }

@media screen and (max-width: 1023px) { .p-feature__card-btn-icon::after { background-color: #000048; }

.p-feature__card-btn:hover .p-feature__card-btn-icon::after { background-color: #fff; }

.p-feature__card-btn-icon::after { top: 47%; } }

/* 画像エリア */
.p-feature__card-fig { align-items: center; display: flex; flex: 0 0 calc(697 * var(--px)); margin: 0; position: relative; right: calc(72 * var(--px)); }

@media screen and (max-width: 1023px) { .p-feature__card-fig { bottom: -123px; flex: none; left: 50%; margin: 0; padding: 0; position: absolute; right: auto; transform: translateX(-50%); width: 328px; } }

/* 画像エリア */
.p-feature__slider { background: url("/sites/default/files/media/jp/service/ly-ads/img/bg_slider.png") 0 0 no-repeat; background-color: #fff; background-size: 100% auto; border-radius: calc(20 * var(--px)); display: flex; flex: 0 0 calc(697 * var(--px)); height: calc(690 * var(--px)); margin: 0; overflow: hidden; position: relative; right: calc(72 * var(--px)); }

@media screen and (max-width: 1023px) { .p-feature__slider { background-image: url("/sites/default/files/media/jp/service/ly-ads/img/bg_slider_sp.png"); border-radius: 20px; bottom: -221px; flex: none; height: 365px; margin: 0; padding: 0; position: absolute; right: auto; transform: translateX(-50%); width: 328px; } }

.p-feature__card--reverse .p-feature__card-fig { left: calc(72 * var(--px)); right: auto; }

@media screen and (max-width: 1023px) { .p-feature__card--reverse .p-feature__card-fig { left: 50%; translate: -50% 0; } }

.p-feature__card-fig img { border-radius: calc(20 * var(--px)); display: block; height: auto; width: 100%; }

/* 注釈 */
.p-feature__card-notes { color: #999; display: block; font-family: "LINESeedJPStd Regular"; font-size: calc(12 * var(--px)); line-height: 1.6; margin: calc(25 * var(--px)) 0 0 auto; max-width: calc(640 * var(--px)); padding: 0 calc(20 * var(--px)) 0 0; }

@media screen and (max-width: 1023px) { .p-feature__card-notes { font-size: 8px; line-height: 1.7; margin: 242px auto 0; max-width: 328px; padding: 0 0 0 36px; } }

/* -- p-cta -- */

.p-cta { background-color: #225cff; padding: calc(60 * var(--px)) 0 calc(60 * var(--px)); --px: 1px; }

@media screen and (min-width: 1024px) and (max-width: 1239px) { .p-cta { --px: calc(100vw / 1240); } }

@media screen and (max-width: 1023px) { .p-cta { padding: 46px 0 45px; } }

.p-cta__inner { margin: 0 auto; max-width: calc(1240 * var(--px)); padding: 0 calc(20 * var(--px)); }

@media screen and (max-width: 1023px) { .p-cta__inner { padding-inline: 0; } }

/* 白カード */
.p-cta__card { align-items: center; background: url("/sites/default/files/media/jp/service/ly-ads/img/bg_cta.png") 0 0 no-repeat; background-size: cover; border-radius: calc(20 * var(--px)); display: flex; gap: calc(40 * var(--px)); margin-bottom: calc(44 * var(--px)); max-width: calc(1240 * var(--px)); padding: calc(13 * var(--px)) calc(95 * var(--px)) 0 calc(95 * var(--px)); }

@media screen and (max-width: 1023px) { .p-cta__card { background-image: url("/sites/default/files/media/jp/service/ly-ads/img/bg_cta_sp.png"); flex-direction: column; gap: 16px; height: 224px; justify-content: center; margin: 0 auto 24px; min-height: auto; padding: 0 24px; text-align: center; width: 351px; } }

.p-cta__card-fig { flex-shrink: 0; margin: 0; }

.p-cta__card-fig img { display: block; height: auto; translate: 0 calc(7 * var(--px)); width: calc(180 * var(--px)); }

@media screen and (max-width: 1023px) { .p-cta__card-fig { display: none; }

.p-cta__card-fig img { width: 64px; } }

.p-cta__card-ttl { color: #225cff; flex-shrink: 0; font-family: "LINESeedJPStd ExtraBold"; font-size: calc(45 * var(--px)); line-height: 1.4; margin: 0; margin-bottom: calc(15 * var(--px)); translate: 0 calc(-8 * var(--px)); }

@media screen and (max-width: 1023px) { .p-cta__card-ttl { flex: none; font-size: 28px; margin-bottom: 0; translate: 0 0; } }

.p-cta__card-btn { align-items: center; background-color: #f77911; border: calc(2 * var(--px)) solid #f77911; border-radius: calc(50 * var(--px)); color: #fff; display: inline-flex; flex-shrink: 0; font-family: "LINESeedJPStd Bold"; font-size: calc(20 * var(--px)); gap: calc(12 * var(--px)); height: calc(70 * var(--px)); justify-content: center; margin-bottom: calc(15 * var(--px)); padding: 0 calc(74 * var(--px)) 0 calc(41 * var(--px)); position: relative; text-decoration: none; transition: background-color .3s ease, color .3s ease; white-space: nowrap; }

@media screen and (max-width: 1023px) { .p-cta__card-btn { box-shadow: 0 4px 20px 0 rgba(247, 121, 18, .2); font-size: 18px; height: 58px; margin-bottom: 0; padding: 2px 24px 0; width: 286px; } }

.p-cta__card-btn:hover { background-color: #fff; color: #f77911; text-decoration: none !important; }

.p-cta__card-btn-icon { background-color: #fff; border-radius: 50%; display: block; flex-shrink: 0; height: calc(26 * var(--px)); position: absolute; right: calc(15 * var(--px)); top: 50%; transition: background-color .3s ease; translate: 0 -50%; width: calc(26 * var(--px)); }

.p-cta__card-btn:hover .p-cta__card-btn-icon { background-color: #f77911; }

.p-cta__card-btn-icon::after { background-color: #f77911; content: ""; height: calc(10 * var(--px)); left: 50%; -webkit-mask: url("/sites/default/files/media/jp/service/ly-ads/img/icon_arrow.svg") no-repeat center / contain; mask: url("/sites/default/files/media/jp/service/ly-ads/img/icon_arrow.svg") no-repeat center / contain; position: absolute; top: 50%; transform: translate(-50%, -50%) rotate(-90deg); transition: background-color .3s ease; width: calc(10 * var(--px)); }

.p-cta__card-btn:hover .p-cta__card-btn-icon::after { background-color: #fff; }

@media screen and (max-width: 1023px) { .p-cta__card-btn-icon { display: none; } }

/* 下部リンクエリア */
.p-cta__links { align-items: stretch; display: flex; gap: calc(114 * var(--px)); justify-content: center; }

@media screen and (max-width: 1023px) { .p-cta__links { flex-direction: row; flex-wrap: wrap; gap: 0; margin: 0 auto; position: relative; width: 351px; } }

.p-cta__link-item { align-items: center; display: flex; flex: none; flex-direction: column; gap: calc(16 * var(--px)); }

@media screen and (max-width: 1023px) { .p-cta__link-item { gap: 15px; } }

.p-cta__link-item:nth-child(2) { position: relative; }

.p-cta__link-item:nth-child(2)::before, .p-cta__link-item:nth-child(2)::after { background-color: rgba(255, 255, 255, 1); content: ""; height: calc(187 * var(--px)); position: absolute; top: 49%; transform: translateY(-50%); width: calc(2 * var(--px)); }

.p-cta__link-item:nth-child(2)::before { left: calc(-57 * var(--px)); }

.p-cta__link-item:nth-child(2)::after { right: calc(-57 * var(--px)); }

@media screen and (max-width: 1023px) { .p-cta__link-item:nth-child(2)::before, .p-cta__link-item:nth-child(2)::after { display: none; } }

.p-cta__link-item--banner { flex: none; }

@media screen and (max-width: 1023px) { .p-cta__link-item { box-sizing: border-box; flex: 0 0 50%; padding: 0 8px; position: relative; }

.p-cta__link-item:first-child::after { background-color: #e0e0e0; content: ""; height: 107px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; } }

@media screen and (max-width: 1023px) { .p-cta__link-item--banner { flex: 0 0 100%; padding-top: 30px; } }

.p-cta__link-ttl { align-items: center; color: #fff; display: flex; font-family: "LINESeedJPStd Bold", sans-serif; font-size: calc(24 * var(--px)); gap: calc(8 * var(--px)); margin-block: calc(20 * var(--px)) calc(15 * var(--px)); }

@media screen and (max-width: 1023px) { .p-cta__link-ttl { font-size: 15px; margin-block: 10px 0; } }

.p-cta__link-ttl::before { background-position: center; background-repeat: no-repeat; background-size: contain; content: ""; display: block; flex-shrink: 0; }

.p-cta__link-ttl--book::before { background-image: url("/sites/default/files/media/jp/service/ly-ads/img/icon_book.svg"); height: calc(24 * var(--px)); width: calc(30 * var(--px)); }

.p-cta__link-ttl--balloon::before { background-image: url("/sites/default/files/media/jp/service/ly-ads/img/icon_balloon.svg"); height: calc(25 * var(--px)); width: calc(27 * var(--px)); }

@media screen and (max-width: 1023px) { .p-cta__link-ttl--book::before { height: 15px; width: 19px; }

.p-cta__link-ttl--balloon::before { height: 15px; width: 16px; } }

.p-cta__link-btn { align-items: center; background-color: #fff; border: calc(2 * var(--px)) solid #fff; border-radius: calc(50 * var(--px)); box-sizing: border-box; color: #000048; display: inline-flex; font-family: "LINESeedJPStd Bold"; font-size: calc(18 * var(--px)); gap: calc(12 * var(--px)); height: calc(67 * var(--px)); padding: calc(1 * var(--px)) calc(28 * var(--px)) 0 calc(37 * var(--px)); position: relative; text-decoration: none; transition: background-color .3s ease, color .3s ease, border-color .3s ease; white-space: nowrap; width: calc(296 * var(--px)); }

@media screen and (max-width: 1023px) { .p-cta__link-btn { font-size: 14px; height: 41px; justify-content: center; padding: 1px 16px 0; white-space: nowrap; width: 154px; } }

.p-cta__link-btn:hover { background-color: #000048; border-color: #000048; color: #fff; text-decoration: none !important; }

@media screen and (max-width: 1023px) { .p-cta__link-btn:hover { background-color: #000048; border-color: #000048; color: #fff; } }

.p-cta__link-btn-icon { background-color: #000048; border-radius: 50%; display: block; flex-shrink: 0; height: calc(26 * var(--px)); position: absolute; right: calc(15 * var(--px)); top: 50%; transition: background-color .3s ease; translate: 0 -50%; width: calc(26 * var(--px)); }

.p-cta__link-btn:hover .p-cta__link-btn-icon { background-color: #fff; }

.p-cta__link-btn-icon::after { background-color: #fff; content: ""; height: calc(10 * var(--px)); left: 50%; -webkit-mask: url("/sites/default/files/media/jp/service/ly-ads/img/icon_arrow.svg") no-repeat center / contain; mask: url("/sites/default/files/media/jp/service/ly-ads/img/icon_arrow.svg") no-repeat center / contain; position: absolute; top: 50%; transform: translate(-50%, -50%) rotate(-90deg); transition: background-color .3s ease; width: calc(10 * var(--px)); }

.p-cta__link-btn:hover .p-cta__link-btn-icon::after { background-color: #000048; }

@media screen and (max-width: 1023px) { .p-cta__link-btn-icon { display: none; } }

/* バナー */
.p-cta__link-banner { border-radius: calc(10 * var(--px)); display: block; height: calc(179 * var(--px)); overflow: hidden; transition: opacity .3s ease; width: calc(315 * var(--px)); }

@media screen and (max-width: 1023px) { .p-cta__link-banner { height: 138px; margin: 0 auto; width: 343px; } }

.p-cta__link-banner:hover { opacity: .85; }

.p-cta__link-banner img { display: block; height: 100%; object-fit: cover; width: 100%; }

/* -- p-price -- */

.p-price { background-color: #ecefff; padding: 100px 0 52px; }

@media screen and (max-width: 1023px) { .p-price { padding: 50px 0 30px; } }

.p-price__inner { margin: 0 auto; max-width: 1240px; padding: 0 20px; }

@media screen and (max-width: 1023px) { .p-price__inner { padding: 0 10px; } }

.p-price__header { margin-bottom: 48px; text-align: center; }

@media screen and (max-width: 1023px) { .p-price__header { margin-bottom: 50px; } }

.p-price__heading { color: #111; font-family: "LINESeedJPStd ExtraBold"; font-size: 44px; line-height: 1.5; margin: 0 0 20px; }

@media screen and (max-width: 1023px) { .p-price__heading { font-size: 26px; margin-bottom: 25px; } }

.p-price__lead { color: #333; font-family: "LINESeedJPStd Regular"; font-size: 18px; line-height: 1.9; margin: 0; }

@media screen and (max-width: 1023px) { .p-price__lead { font-size: 15px; line-height: 1.8; padding-inline: 28px; } }

/* カード並び */
.p-price__cards { display: flex; gap: 16px; margin-bottom: 40px; }

@media screen and (max-width: 1023px) { .p-price__cards { flex-direction: column; gap: 16px; margin-bottom: 31px; } }

.p-price__card { background-color: #fff; border-radius: 16px; flex: 1 1 0; max-width: 592px; padding: 42px 65px; }

@media screen and (max-width: 1023px) { .p-price__card { flex: none; max-width: 100%; padding: 37px 29px; } }

/* カードヘッダー */
.p-price__card-head { align-items: center; display: flex; flex-wrap: wrap; gap: 12px; justify-content: space-between; margin-bottom: 20px; }

@media screen and (max-width: 1023px) { .p-price__card-head { align-items: start; flex-direction: column; } }

.p-price__card-ttl { align-items: center; color: #111; display: flex; font-family: "LINESeedJPStd Bold"; font-size: 24px; gap: 8px; line-height: 1; margin: 0; }

@media screen and (max-width: 1023px) { .p-price__card-ttl { font-size: 20px; } }

.p-price__card-ttl img { display: block; flex-shrink: 0; height: 28px; width: 28px; }

@media screen and (max-width: 1023px) { .p-price__card-ttl img { height: 25px; width: 25px; } }

.p-price__card-tags { display: flex; flex-wrap: wrap; gap: 14px; }

.p-price__card-tag { border: 1px solid #225cff; border-radius: 4px; color: #225cff; display: inline-block; font-family: "LINESeedJPStd Bold"; font-size: 14px; padding: 3px 13px 2px; white-space: nowrap; }

@media screen and (max-width: 1023px) { .p-price__card-tag { padding: 4px 12px 3px; } }

/* カード本文 */
.p-price__card-desc { color: #333; font-family: "LINESeedJPStd Regular"; font-size: 16px; line-height: 2; margin: 0 0 24px; }

@media screen and (max-width: 1023px) { .p-price__card-desc { font-size: 15px; line-height: 1.8; margin-bottom: 31px; } }

/* カード画像 */
.p-price__card-fig { margin: 0 auto; max-width: 400px; }

.p-price__card-fig img { display: block; height: auto; width: 100%; }

/* 課金方式リスト */
.p-price__charge-list { list-style: none; margin: 0; margin-top: 26px; padding: 0; }

@media screen and (max-width: 1023px) { .p-price__charge-list { margin-top: 34px; } }

.p-price__charge-item { align-items: center; display: flex; gap: 23px; padding: 7px 0; }

@media screen and (max-width: 1023px) { .p-price__charge-item { align-items: center; gap: 15px; } }

.p-price__charge-item:first-child { padding-top: 0; }

.p-price__charge-item:last-child { border-bottom: none; padding-bottom: 0; }

.p-price__charge-fig { flex-shrink: 0; height: 83px; margin: 0; width: 83px; }

.p-price__charge-fig img { display: block; height: 100%; object-fit: contain; width: 100%; }

@media screen and (max-width: 1023px) { .p-price__charge-fig { height: 70px; width: 70px; } }

.p-price__charge-body { flex: 1; min-width: 0; }

.p-price__charge-ttl { color: #111; font-family: "LINESeedJPStd Bold"; font-size: 18px; margin: 0 0 6px; }

@media screen and (max-width: 1023px) { .p-price__charge-ttl { font-size: 16px; margin: 1px 0 1px; } }

.p-price__charge-desc { color: #111; font-size: 16px; line-height: 1.4; margin: 0; }

@media screen and (max-width: 1023px) { .p-price__charge-desc { font-size: 14px; } }

/* 下部リンク */
.p-price__links { align-items: center; display: flex; font-family: "LINESeedJPStd Bold"; gap: 63px; justify-content: center; }

@media screen and (max-width: 1023px) { .p-price__links { align-items: flex-start; flex-direction: column; gap: 12px; margin: 0 auto 0; width: 238px; } }

.p-price__link { align-items: center; color: #111; display: inline-flex; font-size: 16px; gap: 6px; text-decoration: none; transition: color .3s ease; }

@media screen and (max-width: 1023px) { .p-price__link { font-size: 14px; } }

.p-price__link-icon { display: block; flex-shrink: 0; height: 8px; position: relative; width: 8px; }

.p-price__link-icon::after { background-color: #f77911; content: ""; height: 8px; left: 50%; -webkit-mask: url("/sites/default/files/media/jp/service/ly-ads/img/icon_arrow.svg") no-repeat center / contain; mask: url("/sites/default/files/media/jp/service/ly-ads/img/icon_arrow.svg") no-repeat center / contain; position: absolute; top: 50%; transform: translate(-50%, -50%) rotate(-90deg); width: 8px; }

/* ==========================================================================
   サポート体制
   ========================================================================== */

.p-support { background-color: #ecefff; padding: 52px 0 100px; }

@media screen and (max-width: 1023px) { .p-support { padding: 42px 0 60px; } }

.p-support__inner { margin: 0 auto; max-width: 1275px; padding-inline: 20px; }

@media screen and (max-width: 1023px) { .p-support__inner { padding-inline: 0; } }

.p-support__title { color: #000; font-family: "LINESeedJPStd ExtraBold"; font-size: 40px; line-height: 1.4; text-align: center; }

@media screen and (max-width: 1023px) { .p-support__title { font-size: 26px; line-height: 1.5; } }

.p-support__title-en { color: #7a99ff; display: block; font-size: 14px; letter-spacing: .1em; margin-bottom: 8px; }

.p-support__items { display: flex; flex-direction: column; margin-top: 40px; }

@media screen and (max-width: 1023px) { .p-support__items { display: block; margin-top: 45px; } }

.p-support__item { display: flex; }

@media screen and (max-width: 1023px) { .p-support__item { flex-direction: column-reverse; gap: 30px; } }

.p-support__item--01 { flex-direction: row-reverse; gap: 100px; }

@media screen and (max-width: 1023px) { .p-support__item--01 { flex-direction: column-reverse; gap: 30px; } }

.p-support__item--02 { gap: 60px; margin-top: 100px; }

@media screen and (max-width: 1023px) { .p-support__item--02 { flex-direction: column-reverse; gap: 30px; margin-top: 75px; } }

.p-support__item--03 { flex-direction: row-reverse; gap: 90px; margin-top: 70px; }

@media screen and (max-width: 1023px) { .p-support__item--03 { flex-direction: column-reverse; gap: 30px; margin-top: 75px; } }

.p-support__item-img { flex-shrink: 0; }

.p-support__item--01 .p-support__item-img { width: calc(636 / 1235 * 100%); }

.p-support__item--02 .p-support__item-img { width: calc(559 / 1235 * 100%); }

.p-support__item--03 .p-support__item-img { width: calc(600 / 1235 * 100%); }

@media screen and (max-width: 1023px) { .p-support__item--01 .p-support__item-img { margin: 0 auto; width: 97%; }

.p-support__item--02 .p-support__item-img { margin: 0 auto; width: 96%; }

.p-support__item--03 .p-support__item-img { margin: 17px auto 0; width: 96%; } }

.p-support__item-img img { display: block; height: auto; width: 100%; }

.p-support__item-body { flex: 1; min-width: 0; }

.p-support__item--01 .p-support__item-body { margin: 24px 0 0 17px; }

.p-support__item--02 .p-support__item-body { margin-top: 42px; }

.p-support__item--03 .p-support__item-body { margin: 22px 0 0 17px; }

@media screen and (max-width: 1023px) { .p-support__item--01 .p-support__item-body, .p-support__item--02 .p-support__item-body, .p-support__item--03 .p-support__item-body { margin: 0; padding-inline: 30px; } }

.p-support__item-label { align-items: center; color: #225cff; display: flex; font-family: "LINESeedJPStd Bold"; font-size: 18px; gap: 15px; line-height: 1.4; }

.p-support__item-label::before { background-color: #225cff; border-radius: 50%; content: ""; display: block; flex-shrink: 0; gap: 7px; height: 8px; width: 8px; }

@media screen and (max-width: 1023px) { .p-support__item-label { font-size: 16px; gap: 6px; } }

.p-support__item-heading { color: #000; font-family: "LINESeedJPStd Bold"; font-size: 36px; line-height: 1.5; margin-top: 19px; }

/* .p-support__item--01 .p-support__item-heading {} */

@media screen and (max-width: 1023px) { .p-support__item-heading { font-size: 24px; margin-top: 14px; } }

.p-support__item-text { color: #000; font-family: "LINESeedJPStd Regular"; font-size: 18px; line-height: 2; margin-top: 28px; }

.p-support__item-text--s { max-width: 460px; }

@media screen and (max-width: 1023px) { .p-support__item-text { font-size: 15px; letter-spacing: .03em; margin-top: 20px; }

.p-support__item-text--s { max-width: initial; } }

/* ボタン共通 */
.p-support__btn { align-items: center; background-color: #f77911; border: 1px solid #f77911; border-radius: 28px; color: #fff; display: inline-flex; font-family: "LINESeedJPStd Bold"; font-size: 16px; gap: 12px; height: 56px; justify-content: center; margin-top: 47px; padding: 1px 68px 0 38px; position: relative; text-decoration: none; text-decoration: none !important; transition: background-color .3s ease, color .3s ease, border-color .3s ease; white-space: nowrap; }

@media screen and (max-width: 1023px) { .p-support__btn { display: flex; font-size: 16px; gap: 6px; height: 53px; margin-inline: auto; margin-top: 30px; padding: 1px 26px 0 38px; width: fit-content; } }

.p-support__btn:hover { background-color: #fff; border-color: #f77911; color: #f77911; text-decoration: none !important; }

/* Navy variant (#000048) */
.p-support__btn--navy { background-color: #000048; border-color: #000048; color: #fff; }

.p-support__btn--navy:hover { background-color: #fff; border-color: #000048; color: #000048; text-decoration: none !important; }

/* Blue variant (#225CFF) */
.p-support__btn--blue { background-color: #225cff; border-color: #225cff; color: #fff; }

@media screen and (max-width: 1023px) { .p-support__btn--blue { padding: 1px 36px 0 47px; } }

.p-support__btn--blue:hover { background-color: #fff; border-color: #225cff; color: #225cff; text-decoration: none !important; }

/* ボタンアイコン共通 */
.p-support__btn-icon { background-color: #fff; border-radius: 50%; display: block; flex-shrink: 0; height: 26px; position: absolute; right: 15px; top: 50%; transition: background-color .3s ease; translate: 0 -50%; width: 26px; }

@media screen and (max-width: 1023px) { .p-support__btn-icon { background-color: unset; position: relative; right: auto; top: auto; translate: 0 0; } }

.p-support__btn:hover .p-support__btn-icon { background-color: #f77911; }

.p-support__btn-icon::after { background-color: #f77911; content: ""; height: 10px; left: 50%; -webkit-mask: url("/sites/default/files/media/jp/service/ly-ads/img/icon_arrow.svg") no-repeat center / contain; mask: url("/sites/default/files/media/jp/service/ly-ads/img/icon_arrow.svg") no-repeat center / contain; position: absolute; top: 50%; transform: translate(-50%, -50%) rotate(-90deg); transition: background-color .3s ease; width: 10px; }

@media screen and (max-width: 1023px) { .p-support__btn-icon::after { top: 48%; } }

.p-support__btn:hover .p-support__btn-icon::after { background-color: #fff; }

/* Navy icon variant */
.p-support__btn--navy .p-support__btn-icon { background-color: #fff; }

@media screen and (max-width: 1023px) { .p-support__btn--navy .p-support__btn-icon { background-color: transparent; } }

.p-support__btn--navy .p-support__btn-icon::after { background-color: #000048; }

@media screen and (max-width: 1023px) { .p-support__btn--navy .p-support__btn-icon::after { background-color: #fff; } }

@media screen and (min-width: 1024px) { .p-support__btn--navy:hover .p-support__btn-icon { background-color: #000048; } }

.p-support__btn--navy:hover .p-support__btn-icon::after { background-color: #fff; }

@media screen and (max-width: 1023px) { .p-support__btn--navy:hover .p-support__btn-icon { background-color: transparent; }

.p-support__btn--navy:hover .p-support__btn-icon::after { background-color: #000048; } }

/* Blue icon variant */
.p-support__btn--blue .p-support__btn-icon { background-color: #fff; }

@media screen and (max-width: 1023px) { .p-support__btn--blue .p-support__btn-icon { background-color: transparent; } }

.p-support__btn--blue .p-support__btn-icon::after { background-color: #225cff; }

@media screen and (max-width: 1023px) { .p-support__btn--blue .p-support__btn-icon::after { background-color: #fff; } }

.p-support__btn--blue:hover .p-support__btn-icon { background-color: #225cff; }

.p-support__btn--blue:hover .p-support__btn-icon::after { background-color: #fff; }

@media screen and (max-width: 1023px) { .p-support__btn--blue:hover .p-support__btn-icon { background-color: transparent; }

.p-support__btn--blue:hover .p-support__btn-icon::after { background-color: #225cff; } }

/* ==========================================================================
   お役立ちコンテンツ
   ========================================================================== */

.p-contents { padding: 100px 0 0; }

.p-contents--2 { padding: 100px 0 100px; }

@media screen and (max-width: 1023px) { .p-contents { padding: 60px 10px 0; }

.p-contents--2 { padding: 54px 10px 60px; }

.p-contents--p0 { padding-inline: 0; } }

.p-contents__inner { margin: 0 auto; max-width: 1240px; padding-inline: 20px; }

@media screen and (max-width: 1023px) { .p-contents__inner { padding-inline: 0; } }

.p-contents__title { color: #000; font-family: "LINESeedJPStd ExtraBold"; font-size: 40px; line-height: 1.4; text-align: center; }

@media screen and (max-width: 1023px) { .p-contents__title { font-size: 26px; } }

.p-contents__title-en { color: #7a99ff; display: block; font-size: 14px; letter-spacing: .1em; margin-bottom: 8px; }

.p-contents__cards { display: grid; gap: 36px; grid-template-columns: repeat(3, 1fr); margin-top: 48px; }

@media screen and (max-width: 1023px) { .p-contents__cards { gap: 40px; grid-template-columns: 1fr; margin-top: 46px; } }

.p-contents__card-item { display: grid; grid-row: span 3; grid-template-rows: subgrid; row-gap: 0; }

.p-contents__card { background-color: #f3f4f8; border-radius: 20px; display: grid; grid-row: span 2; grid-template-rows: subgrid; overflow: hidden; row-gap: 0; text-decoration: none !important; transition: opacity .3s ease; }

.p-contents__card:hover { opacity: .7; }

.p-contents__card-img { height: 250px; overflow: hidden; width: 100%; }

@media screen and (max-width: 1023px) { .p-contents__card-img { height: auto; overflow: hidden; width: 100%; } }

.p-contents__card-img img { border-radius: 20px 20px 0 0; display: block; height: 100%; object-fit: cover; width: 100%; }

.p-contents__card-body { padding: 24px 29px 24px; }

@media screen and (max-width: 1023px) { .p-contents__card-body { padding: 22px 26px 22px; } }

.p-contents__card-categories { display: flex; flex-wrap: wrap; gap: 8px; }

.p-contents__card-category { background-color: #225cff; border-radius: 4px; color: #fff; display: inline-block; font-size: 12px; line-height: 1; padding: 7px 14px; }

@media screen and (max-width: 1023px) { .p-contents__card-category { padding: 7px 8px; } }

.p-contents__card-title { color: #000; font-family: "LINESeedJPStd Bold"; font-size: 16px; line-height: 1.5; margin-top: 7px; text-decoration: none !important; }

.p-contents__card-text { color: #000; font-family: "LINESeedJPStd Regular"; font-size: 14px; line-height: 1.7; margin-top: 4px; text-decoration: none !important; }

.p-contents__card-link { margin-top: 23px; text-align: center; }

/* .p-contents__card:hover .p-contents__card-link {} */

/* ==========================================================================
   よくあるご質問
   ========================================================================== */
.p-faq { padding: 100px 0 0; }

@media screen and (max-width: 1023px) { .p-faq { padding: 60px 20px 0; } }

.p-faq__inner { margin: 0 auto; max-width: 1240px; padding-inline: 20px; }

@media screen and (max-width: 1023px) { .p-faq__inner { padding-inline: 0; } }

.p-faq__title { color: #000; font-family: "LINESeedJPStd ExtraBold"; font-size: 40px; line-height: 1.4; text-align: center; }

@media screen and (max-width: 1023px) { .p-faq__title { font-size: 24px; } }

.p-faq__list { display: flex; flex-direction: column; gap: 16px; margin-top: 48px; }

@media screen and (max-width: 1023px) { .p-faq__list { gap: 12px; margin-top: 32px; } }

/* アコーディオンアイテム */
.p-faq__item { background-color: #f2f4f8; border-radius: 16px; }

@media screen and (max-width: 1023px) { .p-faq__item { border-radius: 12px; } }

/* summary全体を押せるようにする */
.p-faq__question { align-items: center; cursor: pointer; display: flex; gap: 16px; list-style: none; padding: 32px 40px; width: 100%; }

@media screen and (max-width: 1023px) { .p-faq__question { padding: 24px 20px; } }

.p-faq__question::-webkit-details-marker { display: none; }

.p-faq__question::marker { content: ""; display: none; }

.p-faq__q-label { color: #000; flex-shrink: 0; font-family: "LINESeedJPStd Bold"; font-size: 32px; line-height: 1; }

@media screen and (max-width: 1023px) { .p-faq__q-label { font-size: 24px; } }

.p-faq__q-text { color: #000; flex: 1; font-family: "LINESeedJPStd Bold"; font-size: 18px; line-height: 1.6; min-width: 0; }

@media screen and (max-width: 1023px) { .p-faq__q-text { font-size: 16px; } }

.p-faq__q-toggle { align-items: center; display: flex; flex-shrink: 0; height: 24px; justify-content: center; position: relative; width: 24px; }

.p-faq__q-toggle::after { background-color: #225cff; content: ""; height: 14px; -webkit-mask: url("/sites/default/files/media/jp/service/ly-ads/img/icon_arrow.svg") no-repeat center / contain; mask: url("/sites/default/files/media/jp/service/ly-ads/img/icon_arrow.svg") no-repeat center / contain; transition: transform .3s ease; width: 14px; }

.p-faq__item[open] .p-faq__q-toggle::after { transform: rotate(180deg); }

/* 回答エリアはJS制御に寄せる */
.p-faq__answer { align-items: flex-start; display: flex; gap: 16px; margin-top: 0; max-height: 0; opacity: 0; overflow: hidden; padding: 0 40px; transition: max-height .35s ease, opacity .25s ease, margin-top .25s ease; }

@media screen and (max-width: 1023px) { .p-faq__answer { padding: 0 20px; } }

.p-faq__a-label { color: #225cff; flex-shrink: 0; font-family: "LINESeedJPStd Bold"; font-size: 32px; line-height: 1; }

@media screen and (max-width: 1023px) { .p-faq__a-label { font-size: 24px; } }

.p-faq__a-text { flex: 1; font-family: "LINESeedJPStd Regular"; min-width: 0; padding-bottom: 32px; }

@media screen and (max-width: 1023px) { .p-faq__a-text { padding-bottom: 24px; } }

.p-faq__a-text p { color: #000; font-family: "LINESeedJPStd Regular"; font-size: 16px; line-height: 1.8; }

@media screen and (max-width: 1023px) { .p-faq__a-text p { font-size: 14px; } }

.p-faq__a-text a { color: #003e9a; font-family: "LINESeedJPStd Bold"; text-decoration: underline; }

.p-faq__a-text a:hover { text-decoration: none; }

/* ==========================================================================
   アニメーション定義
   ========================================================================== */

@keyframes kv-strip-up { from { transform: translate3d(0, 0, 0); }

to { transform: translate3d(0, -50%, 0); } }

@keyframes kv-strip-left { from { transform: translate3d(0, 0, 0); }

to { transform: translate3d(-50%, 0, 0); } }

@keyframes kv-strip-down { from { transform: translate3d(0, -50%, 0); }

to { transform: translate3d(0, 0, 0); } }

/* アクセシビリティ: モーション低減設定への対応 */
@media (prefers-reduced-motion: reduce) { .p-kv__strip-track, .p-kv__strip-track--reverse { animation: none; } }

@media screen and (min-width: 1024px) { .pc-hide { display: none !important; } }

@media screen and (max-width: 1023px) { .sp-hide { display: none !important; } }

.c-img-loop-id9389 { display: flex; overflow: hidden; }

.c-img-loop-id9389__list { align-items: end; -webkit-animation: infiniteLoop 30s linear .5s infinite both; animation: infiniteLoop 30s linear .5s infinite both; display: flex; padding-bottom: calc(18 * var(--px)); }

@media screen and (max-width: 1023px) { .c-img-loop-id9389__list { padding-bottom: 15px; } }

.c-img-loop-id9389__item { width: calc(302 * var(--px)); }

@media screen and (max-width: 1023px) { .c-img-loop-id9389__item { width: 142px; } }
/* .c-img-loop-id9389__item:nth-of-type(1) { width: calc(302 * var(--px)); }

@media screen and (max-width: 1023px) { .c-img-loop-id9389__item:nth-of-type(1) { width: 142px; } } */
/* .c-img-loop-id9389__item:nth-of-type(2) { width: calc(289 * var(--px)); }

@media screen and (max-width: 1023px) { .c-img-loop-id9389__item:nth-of-type(2) { width: 137px; } } */

.c-img-loop-id9389__item.c-img-loop-id9389__item--s { margin-left: calc(30 * var(--px)); width: calc(230 * var(--px)); }

@media screen and (max-width: 1023px) { .c-img-loop-id9389__item.c-img-loop-id9389__item--s { margin-left: 13px; width: 109px; } }

@media screen and (max-width: 1023px) { .c-img-loop-id9389__item { width: 150px; } }

.c-img-loop-id9389__item img { display: block; height: auto; width: 100%; }

/* -- 右から左の場合 -- */
@-webkit-keyframes infiniteLoop { from { transform: translateX(0); }

to { transform: translateX(-100%); } }

@keyframes infiniteLoop { from { transform: translateX(0); }

to { transform: translateX(-100%); } }

/* -- 左から右の場合 -- */
@-webkit-keyframes infiniteLoop2 { from { transform: translateX(-100%); }

to { transform: translateX(0); } }

@keyframes infiniteLoop2 { from { transform: translateX(-100%); }

to { transform: translateX(0); } }

.c-link-lyd { align-items: center; color: #111; display: inline-flex; font-family: "LINESeedJPStd Bold"; font-size: 16px; gap: 6px; text-decoration: none; }

.c-link-lyd-icon { display: block; flex-shrink: 0; height: 8px; position: relative; width: 8px; }

.c-link-lyd-icon::after { background-color: #f77911; content: ""; height: 8px; left: 50%; -webkit-mask: url("/sites/default/files/media/jp/service/ly-ads/img/icon_arrow.svg") no-repeat center / contain; mask: url("/sites/default/files/media/jp/service/ly-ads/img/icon_arrow.svg") no-repeat center / contain; position: absolute; top: 32%; transform: translate(-50%, -50%) rotate(-90deg); width: 8px; }

/* ---------------------------------------------
*   c-block-step
--------------------------------------------- */
.c-block-step { background-color: #ecefff; border-radius: min(20px, 20 / 1440 * 100vw); margin-top: min(45px, 45 / 1440 * 100vw); padding-block: min(48px, 48 / 1440 * 100vw) min(75px, 75 / 1440 * 100vw); padding-inline: calc(40 / 1200 * 100%); position: relative; }

@media screen and (max-width: 1023px) { .c-block-step { border-radius: calc(3 / 375 * 100vw); margin-top: calc(35 / 375 * 100vw); padding-block: calc(10 / 375 * 100vw) calc(42 / 375 * 100vw); } }

.c-block-step__step-items { display: grid; grid-template-columns: repeat(3, 1fr); justify-content: space-between; }

@media screen and (max-width: 1023px) { .c-block-step__step-items { display: block; } }

.c-block-step__item { display: grid; grid-row: span 2; grid-template-rows: subgrid; position: relative; }

.c-block-step__item+.c-block-step__item { position: relative; }

.c-block-step__item+.c-block-step__item::before { background-image: url(/sites/default/files/media/jp/service/yahoo-ads/lp/lp202607/img/icon_step.svg); background-position: center; background-repeat: no-repeat; background-size: contain; content: ""; height: min(21px, 21 / 1440 * 100vw); left: -2.5%; position: absolute; top: min(170px, 170 / 1200 * 100vw); width: min(14px, 14 / 1440 * 100vw); z-index: 100; }

@media screen and (max-width: 1023px) { .c-block-step__item+.c-block-step__item::before { height: calc(15 / 375 * 100vw); left: 50%; top: -6.5%; transform: translateX(-50%) rotate(90deg); width: calc(18 / 375 * 100vw); } }

.c-block-step__item--1 .c-block-step__txt-wrap { width: calc(285 / 335 * 100%); }

@media screen and (max-width: 1023px) { .c-block-step__item--1 .c-block-step__txt-wrap { width: calc(290 / 375 * 100vw); } }

@media screen and (max-width: 1023px) { .c-block-step__item--2 { margin-top: 40px; } }

.c-block-step__item--2 .c-block-step__txt-wrap { width: calc(275 / 335 * 100%); }

@media screen and (max-width: 1023px) { .c-block-step__item--2 .c-block-step__txt-wrap { width: calc(290 / 375 * 100vw); } }

@media screen and (max-width: 1023px) { .c-block-step__item--3 { margin-top: 40px; } }

.c-block-step__item--3 .c-block-step__txt-wrap { width: calc(280 / 340 * 100%); }

@media screen and (max-width: 1023px) { .c-block-step__item--3 .c-block-step__txt-wrap { width: calc(290 / 375 * 100vw); } }

@media screen and (max-width: 1023px) { .c-block-step__item--3 .c-block-step__img { margin-left: 1%; width: 95%; } }

.c-block-step__img { width: 100%; }

@media screen and (max-width: 1023px) { .c-block-step__img { margin-left: -3%; width: 106%; } }

.c-block-step__img img { display: block; margin: 0 auto; width: 93%; }

.c-block-step__txt-wrap { margin-inline: auto; margin-top: min(26px, 26 / 1440 * 100vw); }

@media screen and (max-width: 1023px) { .c-block-step__txt-wrap { margin-top: 16px; } }

.c-block-step__txt { font-family: "LINESeedJPStd Regular"; font-size: min(14px, 14 / 1440 * 100vw); letter-spacing: .03em; line-height: 1.7142857143; }

@media screen and (max-width: 1023px) { .c-block-step__txt { font-size: 14px; line-height: 1.5714285714; } }

.c-block-step__txt-acc1 { color: var(--color-blue-2); font-family: "LINESeedJPStd Bold"; }

.c-block-step__txt-acc2 { color: var(--color-red-1); font-family: "LINESeedJPStd Bold"; }

.c-acc { margin-top: 26px; width: 100%; }

@media (max-width: 1023px) { .c-acc { margin-top: 26px; padding-bottom: 20px; } }

.c-acc__title { align-items: center; cursor: pointer; display: flex; font-family: "LINESeedJPStd Bold"; font-size: 1.5rem; gap: 10px; justify-content: flex-start; }

.c-acc__title:after { border-bottom: 2px solid #000; border-right: 2px solid #000; content: ""; display: inline-block; height: 4px; margin-bottom: 4px; transform: rotate(45deg); transition: transform .3s ease; width: 4px; }

.c-acc__title.open:after { border-bottom: 2px solid #000; border-right: 2px solid #000; content: ""; display: inline-block; height: 4px; transform: rotate(-135deg); width: 4px; }

.c-acc__detail { display: none; font-family: "LINESeedJPStd Regular"; font-size: 1.4rem; letter-spacing: .03em; line-height: 1.7142857143; margin-top: 6px; text-align: left; }

@media (max-width: 1023px) { .c-acc__detail { font-size: 14px; margin-top: 6px; } }

.c-acc__title { gap: 6px !important; }

@media screen and (max-width: 1023px) { .c-acc__title { font-size: 14px; gap: 6px !important; } }

.c-acc__title:after { background: url(/sites/default/files/media/jp/service/yahoo-ads/lp/lp202607/img/icon_acc.svg) 0 0 no-repeat !important; background-size: cover !important; border-bottom: none !important; border-right: none !important; /* position: absolute; */ content: ""; display: block !important; height: 5px !important; transform: rotate(-180deg) !important; width: 8px !important; }

@media screen and (max-width: 1023px) { .c-acc__title:after { height: 5px !important; width: 8px !important; } }

.c-acc__title.open:after { transform: rotate(0) !important; }

.c-acc__link { color: #252feb; font-family: "LINESeedJPStd Bold"; text-decoration: underline; text-underline-offset: 2px; transition: opacity .2s ease; }

.c-acc__link:hover { opacity: .7; }

@media screen and (max-width: 1023px) { .c-acc__link { text-underline-offset: 2px; } }

.c-fix-ber { bottom: 67px; position: fixed; right: 0; transition: opacity .3s; width: 414px; z-index: 20; }

@media (hover: hover) and (pointer: fine) { .c-fix-ber:hover { opacity: .8; } }

/* ---------------------------------------------
*   追従メニュー　既存より抜粋
--------------------------------------------- */
.c-menu { animation-duration: .5s; background: #f7f7f7; border-bottom: 2px solid #000058; border-bottom-left-radius: 6px; border-left: 2px solid #000058; border-top: 2px solid #000058; border-top-left-radius: 6px; position: fixed; right: 0; text-align: center; top: 24vh; z-index: 999; }

@media screen and (max-width: 1023px) { .c-menu { display: none; }

.c-menu.is-open { display: block; } }

.c-menu__title { background: #fff; border: 2px solid #000058; border-radius: 22px; display: inline-block; font-family: "LINESeedJPStd Bold", sans-serif; font-size: 1.2rem; margin-top: 28px; padding: 4px 15px; }

.c-menu__list { display: flex; flex-direction: column; gap: 8px; padding: 24px 24px 26px; text-align: left; }

.c-menu__item { font-family: "LINESeedJPStd Bold", sans-serif; font-size: 1.4rem; }

.c-menu__item a { color: #000058; font-family: "LINESeedJPStd Bold", sans-serif; }

.c-menu__close { border-top: 1px solid #000058; font-family: "LINESeedJPStd Bold", sans-serif; padding-block: 12px; text-align: center; }

.c-menu__item a.is-current { color: #06c755; position: relative; }

.c-menu__close { cursor: pointer; }

.c-menu-2 { animation-duration: .5s; background-color: #06c755; border-bottom: 2px solid #000058; border-bottom-left-radius: 6px; border-left: 2px solid #000058; border-top: 2px solid #000058; border-top-left-radius: 6px; display: block; padding: 13px 24px 13px 22px; position: fixed; right: 0; top: calc(385px + 26vh); transition: background-color .3s ease-out, transform .3s ease-out, color .3s; z-index: 999; }

@media screen and (max-width: 1023px) { .c-menu-2 { display: none; } }

.c-menu-2__txt { align-items: flex-end; color: #fff; display: flex; font-family: "LINESeedJPStd Bold", sans-serif; font-size: calc(15 / var(--root-fz) * 1rem); gap: 10px; transition: color .3s; }

.c-menu-2__txt::after { background: url(../img/icon_arw_white.svg) no-repeat center center/contain; content: ""; display: block; height: 10px; margin-bottom: 7px; transition: background-color .3s ease-out, transform .3s ease-out; width: 6px; will-change: auto; }

.c-menu-2:hover { background-color: #fff; text-decoration: none; }

.c-menu-2:hover .c-menu-2__txt { color: #06c755; }

.c-menu-2:hover .c-menu-2__txt::after { background-image: url(../img/icon_arw_green.svg); }

@media screen and (max-width: 1023px) { .sp-menu-wrap--clone { display: none; } }

@media screen and (min-width: 1024px) { .c-spMenu { display: none; }

.c-menu { display: none; } }

@media screen and (max-width: 1023px) { .c-spMenu { align-items: center; background: #fff; bottom: 0; box-shadow: 0 -2px 8px 0 rgba(0, 0, 0, .15); display: flex; height: 59px; opacity: 1; position: fixed; transform: translateY(150px); transition: all .5s;
/* visibility: hidden; */
width: 100%; z-index: 999; }

.c-spMenu>ul { display: flex; flex: 1 0 0; gap: 0 5px; margin: 0 5px; }

.c-spMenu>ul li { width: 100%; }

.c-spMenu__dl { align-items: center; border-radius: 999em; color: #fff; display: flex; font-family: "LINESeedJPStd Bold"; font-size: 1.3rem; height: 47px; justify-content: center; width: 100%; }

.c-spMenu__dl:hover { text-decoration: none; }

.c-spMenu__dl--blue { background: #003e9a; }

.c-spMenu__dl--orange { background: #f77911; }

.c-spMenu__contents { align-items: center; background: #e4e8f0; display: flex; height: 59px; justify-content: center; margin-left: auto; width: 73px; }

.is-active { opacity: 1; transform: translateY(0); visibility: visible; } }

.backBtn { margin-block: 64px; }

/* ==========================================================================
   ページ内アニメーション
   ========================================================================== */

/* --- 共通: 初期状態（非表示） --- */
.anim-fade-up { opacity: 0; transform: translateY(30px); transition: opacity .7s cubic-bezier(.22, 1, .36, 1), transform .7s cubic-bezier(.22, 1, .36, 1); }

.anim-fade-up.is-visible { opacity: 1; transform: translateY(0); }

/* --- KVテキスト: p-kv__body自体をフェードアップ --- */
.p-kv__body { opacity: 0; transform: translateY(30px); transition: opacity .6s cubic-bezier(.16, 1, .3, 1), transform .6s cubic-bezier(.16, 1, .3, 1); will-change: transform, opacity; }

.p-kv__body.is-visible { opacity: 1; transform: translateY(0); }

/* --- イントロ: 文字順次表示 --- */
.anim-char { display: inline-block; opacity: 0; transform: translateY(.2em); transition: opacity .6s cubic-bezier(.16, 1, .3, 1), transform .6s cubic-bezier(.16, 1, .3, 1); }

.anim-char.is-visible { opacity: 1; transform: translateY(0); }

/* --- スライドイン（PC: 左右 / SP: 下から） --- */
.anim-slide-right { opacity: 0; transform: translateX(60px); transition: opacity 1.4s cubic-bezier(.16, 1, .3, 1), transform 1.4s cubic-bezier(.16, 1, .3, 1); }

.anim-slide-right.is-visible { opacity: 1; transform: translateX(0); }

.anim-slide-left { opacity: 0; transform: translateX(-60px); transition: opacity 1.4s cubic-bezier(.16, 1, .3, 1), transform 1.4s cubic-bezier(.16, 1, .3, 1); }

.anim-slide-left.is-visible { opacity: 1; transform: translateX(0); }

@media screen and (max-width: 1023px) { .anim-slide-right, .anim-slide-left { transform: translateY(50px); }

.anim-slide-right.is-visible, .anim-slide-left.is-visible { transform: translateY(0); } }

/* --- ステップ: 順次下からスライドイン --- */
.anim-step { opacity: 0; transform: translateY(50px); transition: opacity 1.4s cubic-bezier(.16, 1, .3, 1), transform 1.4s cubic-bezier(.16, 1, .3, 1); }

.anim-step.is-visible { opacity: 1; transform: translateY(0); }

/* --- 汎用フェードスライドイン（下から） --- */
.anim-fade-up { opacity: 0; transform: translateY(40px); transition: opacity 1.4s cubic-bezier(.16, 1, .3, 1), transform 1.4s cubic-bezier(.16, 1, .3, 1); }

.anim-fade-up.is-visible { opacity: 1; transform: translateY(0); }

.c-campaign__bnr { margin-inline: auto; margin-top: 72px; max-width: 900px; text-align: center; }

@media (max-width: 1023px) { .c-campaign__bnr { margin-top: 56px; } }

.c-campaign__bnr a { transition: opacity .3s ease-out; }

.c-campaign__bnr a:hover { opacity: .7; }

.p-case { background-color: #fff; padding: 100px 0 0; }

.p-case__inner { margin: 0 auto; max-width: 1020px; padding: 0 20px; }

.p-case__main-ttl { text-align: center; }

.p-case__body { align-items: center; display: flex; gap: 60px; margin-top: 63px; }

.p-case__fig { flex-shrink: 0; margin: 0; width: calc(560 / 1200 * 100%); }

.p-case__fig img { display: block; height: auto; width: 100%; }

.p-case__text { flex: 1; margin-top: 40px; }

.p-case__subtitle { color: #225cff; font-family: "LINESeedJPStd ExtraBold"; font-size: 24px; line-height: 1.5; margin: 0; }

.p-case__ttl { color: #000; font-family: "LINESeedJPStd Bold"; font-size: 36px; line-height: 1.5; margin: 12px 0 0; }

.p-case__desc { color: #000; font-family: "LINESeedJPStd Regular"; font-size: 18px; line-height: 2; margin: 28px 0 0; }

/* SP */
@media screen and (max-width: 1023px) { .p-case { padding: 52px 0 24px; }

.p-case__inner { max-width: 300px; padding: 0; }

.p-case__body { flex-direction: column; gap: 0; margin-top: 30px; }

.p-case__fig { padding: 0 12px; width: 100%; }

.p-case__subtitle { font-size: 18px; }

.p-case__ttl { font-size: 24px; line-height: 1.4; margin-top: 11px; }

.p-case__text { margin-top: 21px; padding: 0 20px; }

.p-case__desc { font-size: 15px; line-height: 1.7; margin: 14px 0 0; } }