:root { --color-black: #000; --color-black-2: #111; --color-blue: #587cf7; --color-blue-2: #1a75ff; --color-gray: #f7f7f7; --color-red: #f03; --color-white-1: #fff; --contents-side-padding: 20; --contents-width: 1200; --design-width: 1440; --ff-ls-b: "LINESeedJPStd Bold"; --ff-ls-eb: "LINESeedJPStd ExtraBold"; --ff-ls-m: "LINESeedJPStd Regular"; --ff-ls-t: "LINESeedJPStd Thin"; --hover-duration: .3s; --hover-opacity-ratio: .6; --p-inline: 20px; --px: calc(1rem / 16); --px02: calc(1rem / 10); --root-fz: 16; --transition: background-color .3s ease-out, transform .3s ease-out; }

@media screen and (max-width: 1023px) { :root { --contents-side-padding: 30; --contents-width: 335; --design-width: 375; --fixed-header-height: 0; --line-height: 1.5; --minwidth: 320; } }

button { appearance: none; background: none; border: none; border-radius: 0; box-shadow: none; cursor: pointer; font-family: var(--ff-ls-m); margin: 0; padding: 0; text-indent: .01px; touch-action: manipulation; }

ol, ul { list-style: none; }

/* --------------------------------------------- * l-wrapper --------------------------------------------- */
.l-wrapper { position: relative; }

/* --------------------------------------------- * l-contents__inner --------------------------------------------- */
.l-contents__inner { margin-inline: auto; max-width: 1200px; position: relative; }

/* --------------------------------------------- * l-txt__red --------------------------------------------- */
.l-txt__red { color: var(--color-red); }

/* --------------------------------------------- * l-txt__bold --------------------------------------------- */
.l-txt__bold { font-family: var(--ff-ls-b); }

/* --------------------------------------------- * l-header --------------------------------------------- */
.l-header { box-sizing: border-box; left: 50%; overflow: hidden; padding-right: 32px; position: fixed; transform: translateX(-50%); width: 100%; z-index: 9; }

@media screen and (max-width: 1023px) { .l-header { background: var(--color-white-1); border-radius: 0; box-shadow: none; height: 54px; left: 0; overflow: visible; padding-right: 0; top: 0; transform: none; width: 100%; } }

.l-header::before { box-shadow: 0 6px 15px rgba(0, 0, 0, .16); content: ""; display: block; height: 100%; left: 0; pointer-events: none; position: absolute; top: 0; width: 100%; z-index: 9999; }

@media screen and (min-width: 1025px) { .l-header::before { content: normal; } }

/* l-header-container --------------------------------------------- */
.l-header-container { align-items: center; display: flex; height: 100%; }

@media screen and (min-width: 1025px) and (max-width: 1140px) { .l-header-container { padding-inline: 3.0701754386vw 0; } }

@media screen and (max-width: 1023px) { .l-header-container { padding-inline: 16px 0; } }

/* l-header-logo --------------------------------------------- */
.l-header-logo { margin-right: auto; width: 215px; }

@media screen and (min-width: 1024px) { .l-header-logo { background: var(--color-white-1); border-bottom-right-radius: 20px; flex-shrink: 0; padding: 34px 29px 24px 26px; } }

@media screen and (max-width: 1023px) { .l-header-logo { width: 110px; } }

.l-header-logo__link { display: block; }

@media (hover: hover) and (pointer: fine) { .l-header-logo__link[href] { transition: opacity .3s; }

.l-header-logo__link[href]:hover { opacity: .8; } }

.l-header-logo__link img { height: auto; max-width: 160px; width: 100%; }

/* l-header-button --------------------------------------------- */
.l-header-button { display: block; flex-shrink: 0; height: 100%; margin-left: 35px; }

@media screen and (min-width: 1025px) and (max-width: 1140px) { .l-header-button { margin-left: 3.0701754386vw; } }

@media screen and (max-width: 1023px) { .l-header-button { align-items: center; display: flex; margin-left: 0; } }

.l-header-button__link { align-items: center; background-color: var(--color-blue); border: 2px solid var(--color-white-1); border-radius: 27px; box-shadow: 0 6px 15px rgba(25, 117, 255, .25); color: #fff; display: inline-flex; font-family: var(--ff-ls-b); font-size: min(16px, 14 / var(--design-width) * 100vw); height: 100%; justify-content: center; letter-spacing: .03em; padding: 14px 46px 14px 29px; position: relative; }

@media screen and (max-width: 1023px) { .l-header-button__link { border: 2px solid var(--color-blue); border-radius: 3px; box-shadow: none; font-size: .875rem; height: auto; line-height: 1.8571428571; padding: 5px 23px; } }

@media (hover: hover) and (pointer: fine) { .l-header-button__link { transition: background-color .3s ease-in-out, color .3s ease-in-out; }

.l-header-button__link:hover { background-color: var(--color-white-1); color: var(--color-blue-2); } }

.l-header-button__link:after { border-right: 2px solid var(--color-white-1); border-top: 2px solid var(--color-white-1); content: ""; display: inline-block; height: 8px; position: absolute; right: 27px; transform: rotate(45deg); width: 8px; }

@media screen and (max-width: 1023px) { .l-header-button__link:after { display: none; } }

@media (hover: hover) and (pointer: fine) { .l-header-button__link:hover::after { border-right: 2px solid var(--color-blue-2); border-top: 2px solid var(--color-blue-2); } }

/* l-header-menu --------------------------------------------- */
@media screen and (min-width: 1025px) { .l-header-menu { background: var(--color-white-1); border-radius: 4px; box-shadow: 0 8px 14px 0 rgba(0, 0, 0, .08); display: block !important; padding: 16px 60px; } }

@media screen and (max-width: 1023px) { .l-header-menu { inset: 54px 0 calc(100% - 54px); overflow-y: auto; overscroll-behavior-y: none; position: fixed; scrollbar-width: none; transition: bottom .5s, visibility .5s; visibility: hidden; }

.l-header-menu::-webkit-scrollbar { display: none; }

.is-menu-opened .l-header-menu { bottom: 0; visibility: visible; } }

@media screen and (max-width: 1023px) { .l-header-menu__container { background-color: #f7f7f7; box-sizing: border-box; height: auto; overflow-y: auto; padding: 0 20px 30px; }

.is-animating .l-header-menu__container { scrollbar-width: none; }

.is-animating .l-header-menu__container::-webkit-scrollbar { display: none; } }

/* l-header-nav --------------------------------------------- */
.l-header-nav__list { display: flex; gap: min(25px, 25 / var(--design-width) * 100vw); }

@media screen and (max-width: 1023px) { .l-header-nav__list { display: block; } }

@media screen and (max-width: 1023px) { .l-header-nav__item { border-bottom: 1px solid #dbdbdb; } }

.l-header-nav__link { font-family: var(--ff-ls-b); font-size: min(14px, 14 / var(--design-width) * 100vw); letter-spacing: .02em; position: relative; text-decoration: none; }

@media screen and (max-width: 1023px) { .l-header-nav__link { display: block; font-size: .875rem; letter-spacing: .06em; padding: 20px 20px 20px 5px; } }

@media (hover: hover) and (pointer: fine) { .l-header-nav__link:hover { text-decoration: underline; } }

.l-header-nav__link::after { background: url(../img/icn_arr.svg) center no-repeat; background-size: contain; content: normal; height: 7px; position: absolute; right: 5px; top: 50%; transform: translateY(-50%); width: 14px; }

@media screen and (max-width: 1023px) { .l-header-nav__link::after { content: ""; } }

/* l-header-menu-button --------------------------------------------- */
.l-header-menu-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; border: 0; border-radius: 0; box-shadow: none; cursor: pointer; display: none; margin: 2px 10px 0 11px; outline: none; padding: 0 9px 15px; position: relative; touch-action: manipulation; }

@media screen and (max-width: 1023px) { .l-header-menu-button { animation: fadeAnim .3s forwards; display: block; opacity: 0; } }

.l-header-menu-button::after { bottom: 0; color: #00003e; content: normal; font-size: 10px; font-weight: 700; left: 50%; line-height: 1; position: absolute; text-align: center; transform: translateX(-50%); white-space: nowrap; width: 100%; }

@media screen and (max-width: 1023px) { .l-header-menu-button::after { animation: rotateAnim1 .3s forwards; content: "メニュー"; } }

@media screen and (max-width: 1023px) { .is-menu-opened .l-header-menu-button::after { animation: rotateAnim2 .3s forwards; content: "閉じる"; } }

@keyframes fadeAnim { 0% { opacity: 0; }

99% { opacity: 0; }

100% { opacity: 1; } }

@keyframes rotateAnim1 { 0% { transform: translateX(-70%) rotate(30deg); }

100% { transform: translateX(-50%) rotate(0deg); } }

@keyframes rotateAnim2 { 0% { transform: translateX(-30%) rotate(-30deg); }

100% { transform: translateX(-50%) rotate(0deg); } }

.l-header-menu-button__lines { display: block; height: 18px; position: relative; width: 22px; }

.l-header-menu-button__line { background-color: #00003e; border-radius: 9999px; display: block; height: 0; left: 0; padding-top: 2px; position: absolute; transition: .3s; width: 100%; }

.l-header-menu-button__line--top { top: 0; }

.is-menu-opened .l-header-menu-button__line--top { top: 50%; transform: translateY(-50%) rotate(-45deg); }

.l-header-menu-button__line--center { margin-top: -1px; top: 50%; }

.is-menu-opened .l-header-menu-button__line--center { background-color: rgba(0, 0, 0, 0); }

.l-header-menu-button__line--bottom { bottom: 0; }

.is-menu-opened .l-header-menu-button__line--bottom { bottom: 50%; transform: translateY(50%) rotate(45deg); }

/* ===== セクション全体 ===== */
.c-kv { background-color: var(--color-white-1); background-image: url("/sites/default/files/media/jp/service/yahoo-ads/lp/ld202508/img/img_kv_bg-2.svg"); background-position: top center; background-repeat: repeat-x; background-size: auto; height: min(708px, 708 / var(--design-width) * 100vw); position: relative; }

@media (max-width: 1023px) { .c-kv { background-image: url("/sites/default/files/media/jp/service/yahoo-ads/lp/ld202508/img/img_kv_bg-2_sp.svg"); background-position: top center; height: auto; } }

.c-kv__inner { display: flex; height: min(708px, 708 / var(--design-width) * 100vw); }

@media (max-width: 1023px) { .c-kv__inner { flex-direction: column; height: auto; } }

.c-kv__copy { padding-left: min(120px, 120 / var(--design-width) * 100vw); padding-top: min(127px, 127 / var(--design-width) * 100vw); width: 44.44%; }

@media (max-width: 1023px) { .c-kv__copy { padding-left: 0; padding-top: min(70px, 70 / var(--design-width) * 100vw); width: 100%; } }

.c-kv__copy-inner { align-items: flex-start; left: 0; margin: 0 auto; max-width: 1200px; padding-left: min(20px, 20 / var(--design-width) * 100vw); position: absolute; right: min(120px, 120 / var(--design-width) * 100vw); width: 100%; }

@media (max-width: 1023px) { .c-kv__copy-inner { padding-inline: min(5px, 5 / var(--design-width) * 100vw); position: relative; } }

.c-kv__eyebrow { font-family: var(--ff-ls-b); font-size: min(24px, 24 / var(--design-width) * 100vw); }

@media (max-width: 1023px) { .c-kv__eyebrow { font-size: calc(18 * var(--px)); padding-inline: min(15px, 15 / var(--design-width) * 100vw); } }

.c-kv__title { font-family: var(--ff-ls-eb); font-size: min(60px, 60 / var(--design-width) * 100vw); line-height: calc(79 / 60); margin-top: 10px; }

@media (max-width: 1023px) { .c-kv__title { font-size: calc(32 * var(--px)); padding-inline: min(15px, 15 / var(--design-width) * 100vw); } }

@media (min-width: 1024px) { .c-kv__img-sp { display: none; } }

.c-kv__img-sp { margin-top: 22px; text-align: center; }

.c-kv__cta { margin-top: 30px; }

@media (max-width: 1023px) { .c-kv__cta { margin-top: 0; padding-inline: min(30px, 30 / var(--design-width) * 100vw); text-align: center; } }

.c-kv__link { align-items: center; background: var(--color-blue-2); border: 4px solid var(--color-white-1); border-radius: 40px; box-shadow: 0 8px 14px 0 rgba(25, 117, 255, .25); color: var(--color-white-1); display: flex; font-family: var(--ff-ls-b); font-size: min(20px, 20 / var(--design-width) * 100vw); gap: min(18px, 18 / var(--design-width) * 100vw); height: 82px; justify-content: center; letter-spacing: .03em; max-width: 362px; transition: var(--transition); }

@media (max-width: 1023px) { .c-kv__link { border: 3px solid var(--color-white-1); font-size: min(18px, 18 / var(--design-width) * 100vw); gap: min(8px, 8 / var(--design-width) * 100vw); height: 62px; margin-inline: auto; } }

@media (hover: hover) and (pointer: fine) { .c-kv__link:hover { background: var(--color-white-1); border: 4px solid var(--color-blue-2); color: var(--color-blue-2); text-decoration: none; } }

.c-kv__link-arrow { align-items: center; background: var(--color-white-1); border-radius: 50%; display: flex; height: 30px; justify-content: center; padding-right: 2px; position: relative; width: 30px; }

@media (max-width: 1023px) { .c-kv__link-arrow { height: 24px; width: 24px; } }

.c-kv__link-arrow::before { border-right: 2px solid var(--color-blue-2); border-top: 2px solid var(--color-blue-2); content: ""; display: block; height: 7px; transform: rotate(45deg); width: 7px; }

@media (max-width: 1023px) { .c-kv__link-arrow::before { height: 5px; width: 5px; } }

@media (hover: hover) and (pointer: fine) { .c-kv__link:hover .c-kv__link-arrow { background: var(--color-blue-2); }

.c-kv__link:hover .c-kv__link-arrow:before { border-right: 2px solid var(--color-white-1); border-top: 2px solid var(--color-white-1); } }

.c-kv__note { color: var(--color-black); font-family: var(--ff-ls-b); font-size: min(15px, 15 / var(--design-width) * 100vw); letter-spacing: .03em; margin-top: 30px; padding-left: 35px; }

@media (max-width: 1023px) { .c-kv__note { font-size: calc(14 * var(--px)); margin-top: 16px; padding-left: 0; } }

@media (hover: hover) and (pointer: fine) { .c-kv__note a:hover { text-decoration: underline; } }

.c-kv__visual { overflow: hidden; position: relative; width: 55.56%; }

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

.c-kv__bg img { height: 666px; margin-top: -30px; object-fit: cover; object-position: left bottom; width: 100%; }

.c-kv__img { bottom: 34px; margin-right: -40px; position: absolute; }

.c-kv__img img { max-width: 843px; width: 100%; }

/* --------------------------------------------- * 新KV (p-sa-kv) --------------------------------------------- */
.p-sa-kv { background-color: #fff; overflow: hidden; position: relative; }

/* パンくず */
.p-sa-kv__breadcrumb { margin: 0 auto; max-width: 1440px; padding: 16px 120px; }

.p-sa-kv__breadcrumb-list { align-items: center; color: #000; display: flex; font-family: "LINESeedJPStd Regular", sans-serif; font-size: 12px; font-weight: 400; gap: 0; list-style: none; margin: 0; padding: 0; }

.p-sa-kv__breadcrumb-list li { align-items: center; display: flex; }

.p-sa-kv__breadcrumb-list li+li::before { color: #000; content: ">"; font-size: 10px; margin: 0 8px; }

.p-sa-kv__breadcrumb-list a { color: #000; text-decoration: none; }

.p-sa-kv__breadcrumb-list a:hover { text-decoration: underline; }

/* パンくず最後の項目（検索広告）のみBold */
.p-sa-kv__breadcrumb-list li:last-child { font-family: "LINESeedJPStd Bold", sans-serif; }

/* KV inner */
.p-sa-kv__inner { align-items: center; display: flex; margin: 0 auto; max-width: 1440px; min-height: 480px; padding: 0 0 80px 120px; }

/* 左カラム */
.p-sa-kv__copy { flex-shrink: 0; padding: 20px 0 40px; width: 480px; }

.p-sa-kv__eyebrow { display: none; }

.p-sa-kv__title { margin-bottom: 16px; }

.p-sa-kv__title img { display: block; height: auto; width: 405px; }

.p-sa-kv__text { color: #111; font-family: "LINESeedJPStd Regular", sans-serif; font-size: 16px; font-weight: 400; line-height: 1.7; margin-bottom: 24px; }

/* 吹き出し */
.p-sa-kv__balloon { align-items: center; display: flex; gap: 7px; margin-bottom: 10px; }

.p-sa-kv__balloon-line { background: #111; flex-shrink: 0; height: 1px; width: 20px; }

.p-sa-kv__balloon-line:first-child { transform: rotate(60deg); }

.p-sa-kv__balloon-line:last-child { transform: rotate(-60deg); }

.p-sa-kv__balloon-text { color: #111; font-family: "LINESeedJPStd Bold", sans-serif; font-size: 13px; font-weight: 700; line-height: 1.5; text-align: center; white-space: nowrap; }

/* ボタン */
.p-sa-kv__btn { align-items: center; background: #f77911; border: 2px solid #f77911; border-radius: 35px; color: #fff; display: inline-flex; font-family: "LINESeedJPStd Bold", sans-serif; font-size: 20px; font-weight: 700; gap: 10px; height: 70px; justify-content: center; margin-bottom: 16px; text-decoration: none; transition: all .3s ease-out; width: 292px; }

.p-sa-kv__btn-icon { height: 24px; transition: filter .3s ease-out; width: 24px; }

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

.p-sa-kv__btn:hover .p-sa-kv__btn-icon { content: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 26C20.1797 26 26 20.1797 26 13C26 5.8203 20.1797 0 13 0C5.8203 0 0 5.8203 0 13C0 20.1797 5.8203 26 13 26Z' fill='%23F77911'/%3E%3Cpath d='M12.002 10.5L15.002 13.5L12.002 16.5' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }

/* ダウンロードリンク */
.p-sa-kv__dl-link { align-items: center; color: #111; display: inline-flex; font-family: "LINESeedJPStd Bold", sans-serif; font-size: 16px; font-weight: 700; gap: 6px; padding-left: 44px; text-decoration: none; transition: opacity .3s ease-out; }

.p-sa-kv__dl-link:hover { opacity: .7; text-decoration: none; }

/* 右カラム：ビジュアル */
.p-sa-kv__visual { align-items: center; display: flex; flex: 1; justify-content: flex-start; margin-top: -51px; min-width: 0; overflow: visible; position: relative; }

.p-sa-kv__visual img { display: block; height: auto; max-width: none; width: 865px; }

/* 吹き出しリンク（PC・SP共通） */
.p-sa-kv__balloon-link { color: #111; text-decoration: underline; }

.p-sa-kv__balloon-link:hover { text-decoration: none; }

/* DLリンク PC/SP出しわけ */
.p-sa-kv__dl-link-sp { display: none; }

/* SP画像（上部） */
.p-sa-kv__visual-sp { display: none; }

/* PC only / SP hide */
.pc-only { display: block; }

.sp-only { display: none; }

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

.sp-only { display: block !important; }

/* KV SP */
.p-sa-kv { background-image: none; }

.p-sa-kv__visual-sp { display: block; overflow: hidden; width: 100%; }

.p-sa-kv__visual-sp img { display: block; height: auto; width: 100%; }

.p-sa-kv__inner { flex-direction: column; min-height: auto; padding: 30px 20px 40px; }

.p-sa-kv__copy { margin: 0 auto; max-width: 100%; padding: 0; text-align: center; width: 335px; }

.p-sa-kv__eyebrow { display: none; }

.p-sa-kv__title { text-align: center; }

.p-sa-kv__title img { margin: 0 auto; width: 335px; }

.p-sa-kv__text { font-size: 15px; text-align: center; }

.p-sa-kv__balloon { justify-content: center; }

.p-sa-kv__balloon-text { font-size: 12px; }

.p-sa-kv__btn { display: flex; font-size: 17px; height: 58px; margin: 0 auto 16px; max-width: 286px; width: 286px; }

.p-sa-kv__btn-icon { display: none; }

.p-sa-kv__dl-link { justify-content: center; }

.p-sa-kv__dl-link-pc { display: none; }

.p-sa-kv__dl-link-sp { display: inline; }

.p-sa-kv__visual { display: none; } }

/* KV 1440px以下でVW計算による縮小（縦横比維持） */
@media screen and (min-width: 1024px) and (max-width: 1439px) { .p-sa-kv__breadcrumb { padding: calc(16 / 1440 * 100vw) calc(120 / 1440 * 100vw); }

.p-sa-kv__breadcrumb-list { font-size: calc(12 / 1440 * 100vw); }

.p-sa-kv__inner { min-height: calc(480 / 1440 * 100vw); padding-left: calc(120 / 1440 * 100vw); }

.p-sa-kv__copy { padding: calc(20 / 1440 * 100vw) 0 calc(40 / 1440 * 100vw); width: calc(480 / 1440 * 100vw); }

.p-sa-kv__title img { width: calc(405 / 1440 * 100vw); }

.p-sa-kv__title { margin-bottom: calc(16 / 1440 * 100vw); }

.p-sa-kv__text { font-size: calc(16 / 1440 * 100vw); margin-bottom: calc(24 / 1440 * 100vw); }

.p-sa-kv__balloon { gap: calc(10 / 1440 * 100vw); margin-bottom: calc(10 / 1440 * 100vw); }

.p-sa-kv__balloon-line { width: calc(20 / 1440 * 100vw); }

.p-sa-kv__balloon-text { font-size: calc(13 / 1440 * 100vw); }

.p-sa-kv__btn { border-radius: calc(35 / 1440 * 100vw); font-size: calc(20 / 1440 * 100vw); gap: calc(10 / 1440 * 100vw); height: calc(70 / 1440 * 100vw); margin-bottom: calc(16 / 1440 * 100vw); width: calc(292 / 1440 * 100vw); }

.p-sa-kv__btn-icon { height: calc(24 / 1440 * 100vw); width: calc(24 / 1440 * 100vw); }

.p-sa-kv__dl-link { font-size: calc(16 / 1440 * 100vw); gap: calc(6 / 1440 * 100vw); }

.p-sa-kv__visual img { width: calc(865 / 1440 * 100vw); } }

/* --------------------------------------------- * 集客・売上に関して、こんなお悩みありませんか？ --------------------------------------------- */
.c-lead { background: var(--color-gray); padding-block: 50px 61px; padding-inline: 20px; }

@media (max-width: 1023px) { .c-lead { margin-top: 40px; padding-block: 40px; } }

.c-lead__h2title { font-family: var(--ff-ls-b); font-size: calc(32 * var(--px)); letter-spacing: .02em; line-height: calc(58 / 32); text-align: center; }

@media (max-width: 1023px) { .c-lead__h2title { font-size: calc(20 * var(--px)); letter-spacing: .02em; line-height: calc(28 / 20); } }

.c-lead__list { display: flex; gap: min(16px, 16 / var(--design-width) * 100vw); justify-content: center; margin-top: 40px; }

@media (max-width: 1023px) { .c-lead__list { display: grid; gap: min(16px, 16 / var(--design-width) * 100vw); grid-template-columns: repeat(2, 1fr); } }

@media (min-width: 1024px) { .c-lead__item:nth-of-type(2n) { padding-top: 32px; } }

.c-lead__txt01 { font-family: var(--ff-ls-b); font-size: calc(32 * var(--px)); padding-top: 72px; position: relative; text-align: center; }

@media (max-width: 1023px) { .c-lead__txt01 { font-size: calc(17 * var(--px)); } }

.c-lead__txt01:before { border-color: var(--color-red) transparent transparent transparent; border-left: 13.5px solid transparent; border-right: 13.5px solid transparent; border-top: 17px solid var(--color-red); content: ""; height: 0; left: 50%; position: absolute; top: 35px; transform: translateX(-50%); width: 0; }

.c-lead__txt01-red { color: var(--color-red); font-family: var(--ff-ls-eb); font-size: calc(52 * var(--px)); letter-spacing: .03em; }

@media (max-width: 1023px) { .c-lead__txt01-red { font-size: calc(32 * var(--px)); } }

/* --------------------------------------------- * Yahoo!広告検索広告とは？ --------------------------------------------- */
.c-about { background: #0452e5; overflow: hidden; padding-block: 86px 90px; padding-inline: 20px; position: relative; }

@media (max-width: 1023px) { .c-about { padding-block: 40px; } }

.c-about:before { background: url(/sites/default/files/media/jp/service/yahoo-ads/searchads/img/icon_about_bg02.png) center center repeat-x; content: ""; height: 907px; left: 50%; opacity: .2; position: absolute; top: 0; transform: translateX(-50%); width: 100%; }

@media (max-width: 1023px) { .c-about:before { background: url(/sites/default/files/media/jp/service/yahoo-ads/searchads/img/icon_about_bg02_sp.png) center center repeat-x; background-size: cover; height: 100%; } }

.c-about:after { background: url(/sites/default/files/media/jp/service/yahoo-ads/searchads/img/icon_about_bg01.svg) center center no-repeat; bottom: 0; content: ""; height: 157px; left: 50%; position: absolute; transform: translateX(-50%); width: 1217px; }

@media (max-width: 1023px) { .c-about:after { display: none; } }

.c-about__container { display: flex; gap: min(40px, 40 / var(--design-width) * 100vw); position: relative; z-index: 5; }

@media (max-width: 1023px) { .c-about__container { align-items: center; flex-direction: column; } }

.c-about__uiImg { margin-left: -140px; max-width: 870px; width: 100%; }

@media (max-width: 1023px) { .c-about__uiImg { margin-left: -86px; min-width: 443px; order: 1; } }

@media (max-width: 1023px) { .c-about__body { text-align: center; } }

.c-about__subTxt { background: var(--color-black); color: var(--color-white-1); font-family: var(--ff-ls-eb); font-size: calc(18 * var(--px02)); letter-spacing: .01em; line-height: calc(54 / 18); padding-inline: 6px; }

@media (max-width: 1023px) { .c-about__subTxt { font-size: calc(12 * var(--px02)); } }

.c-about__h2title { color: var(--color-white-1); font-family: var(--ff-ls-eb); font-size: calc(32 * var(--px02)); letter-spacing: .03em; }

@media (max-width: 1023px) { .c-about__h2title { font-family: var(--ff-ls-b); font-size: calc(20 * var(--px02)); } }

.c-about__h2title-big { display: block; font-size: calc(54 * var(--px02)); line-height: calc(72 / 54); }

@media (max-width: 1023px) { .c-about__h2title-big { font-family: var(--ff-ls-eb); font-size: calc(32 * var(--px02)); } }

.c-about__h2title-big--s { display: block; font-size: calc(24 * var(--px02)); line-height: calc(72 / 54); }

@media (max-width: 1023px) { .c-about__h2title-big { font-family: var(--ff-ls-eb); font-size: calc(24 * var(--px02)); }

.c-about__h2title-big--s { display: block; font-size: calc(16 * var(--px02)); line-height: calc(72 / 54); } }

.c-about__txt { color: var(--color-white-1); font-family: var(--ff-ls-b); letter-spacing: .02em; line-height: calc(38 / 20); }

@media (max-width: 1023px) { .c-about__txt { text-align: left; } }

.c-about__txt:first-of-type { margin-top: 42px; }

@media (max-width: 1023px) { .c-about__txt:first-of-type { margin-top: 20px; } }

.c-about__txt:not(:first-of-type) { margin-top: 24px; }

@media (max-width: 1023px) { .c-about__txt:not(:first-of-type) { margin-top: 14px; } }

.c-about__txt-big { background: #ffe500; border-radius: 3px; color: #000; display: inline-block; font-size: calc(30 * var(--px02)); line-height: calc(49 / 32); margin-top: 10px; padding-inline: 10px; padding-top: 2px; }

@media (max-width: 1023px) { .c-about__txt-big { font-size: calc(18 * var(--px02)); line-height: calc(38 / 18); } }

.c-about__cta { margin-top: 56px; position: relative; text-align: center; z-index: 5; }

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

.c-about__link { align-items: center; background: var(--color-black); border: 2px solid var(--color-black); border-radius: 40px; color: var(--color-white-1); display: flex; font-family: var(--ff-ls-b); font-size: calc(21 * var(--px02)); gap: min(8px, 8 / var(--design-width) * 100vw); margin-inline: auto; max-width: 385px; padding-block: 22px; padding-inline: 43px 36px; transition: var(--transition); }

@media (max-width: 1023px) { .c-about__link { font-size: calc(18 * var(--px02)); justify-content: center; padding-block: 14px; padding-inline: 37px; } }

@media (hover: hover) and (pointer: fine) { .c-about__link:hover { background: var(--color-white-1); color: var(--color-black); } }

.c-about__link-arrow { align-items: center; background: var(--color-white-1); border-radius: 50%; display: flex; height: 30px; justify-content: center; padding-right: 2px; position: relative; width: 30px; }

@media (max-width: 1023px) { .c-about__link-arrow { display: none; } }

@media (hover: hover) and (pointer: fine) { .c-about__link:hover .c-about__link-arrow { background: var(--color-black); } }

.c-about__link-arrow::before { border-right: 2px solid var(--color-black); border-top: 2px solid var(--color-black); content: ""; display: block; height: 7px; transform: rotate(45deg); width: 7px; }

@media (hover: hover) and (pointer: fine) { .c-about__link:hover .c-about__link-arrow::before { border-right: 2px solid var(--color-white-1); border-top: 2px solid var(--color-white-1); } }

/* モーダル */
.c-modal { display: none; inset: 0; position: fixed; z-index: 1000; }

.c-modal.is-active { display: block; }

.c-modal__overlay { background: rgba(0, 0, 0, .8); inset: 0; position: absolute; }

.c-modal__content { background: #fff; border-radius: 8px; left: 50%; max-width: 1000px; padding: 24px; position: absolute; top: 50%; transform: translate(-50%, -50%); z-index: 1; }

@media (max-width: 1023px) { .c-modal__content { max-width: 600px; width: 80%; } }

.c-modal__close { background: transparent; border: none; color: var(--color-white-1); cursor: pointer; font-size: calc(24 * var(--px02)); line-height: 1; position: absolute; right: 0; top: -30px; }

/* --------------------------------------------- * リスティング広告（検索広告）の特徴 --------------------------------------------- */
.c-feature { padding: 100px 20px 0; }

@media (max-width: 1023px) { .c-feature { padding-top: 40px; } }

.c-feature__title { text-align: center; }

.c-feature__subTxt { background: var(--color-red); color: var(--color-white-1); font-family: var(--ff-ls-eb); font-size: calc(18 * var(--px)); line-height: calc(54 / 18); padding-inline: 8px; }

@media (max-width: 1023px) { .c-feature__subTxt { font-size: calc(12 * var(--px)); line-height: 1; } }

.c-feature__h2title { font-family: var(--ff-ls-b); font-size: calc(40 * var(--px)); letter-spacing: .02em; margin-top: 22px; }

@media (max-width: 1023px) { .c-feature__h2title { font-size: calc(24 * var(--px)); letter-spacing: .02em; margin-top: 12px; } }

.c-feature__container { align-items: center; display: flex; gap: min(72px, 72 / var(--design-width) * 100vw); justify-content: center; margin-top: 72px; }

@media (max-width: 1023px) { .c-feature__container { flex-direction: column; gap: min(24px, 24 / var(--design-width) * 100vw); margin-top: 24px; }

.c-feature__container:not(:first-of-type) { margin-top: 40px; } }

.c-feature__container:nth-of-type(odd) .c-feature__container-img { order: 1; }

@media (max-width: 1023px) { .c-feature__container:nth-of-type(odd) .c-feature__container-img { order: unset; } }

.c-feature__container-img { max-width: 600px; width: 100%; }

.c-feature__h3title { font-family: var(--ff-ls-b); font-size: calc(32 * var(--px)); letter-spacing: .02em; }

@media (max-width: 1023px) { .c-feature__h3title { font-size: calc(20 * var(--px)); } }

.c-feature__body-txt { font-size: calc(14 * var(--px)); letter-spacing: .03em; line-height: calc(28 / 14); margin-top: 24px; }

@media (max-width: 1023px) { .c-feature__body-txt { line-height: calc(22 / 14); margin-top: 16px; } }

/* --------------------------------------------- * いますぐYahoo!広告検索広告をはじめる --------------------------------------------- */
.c-start { background-color: var(--color-blue-2); background-image: url("/sites/default/files/media/jp/service/yahoo-ads/lp/ld202508/img/img_start_bg.svg"); background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 22px; box-shadow: 0 16px 40px rgba(0, 0, 0, .12); color: var(--color-white-1); margin-inline: auto; margin-top: 100px; max-width: 1300px; overflow: clip; }

@media (max-width: 1023px) { .c-start { background-image: url("/sites/default/files/media/jp/service/yahoo-ads/lp/ld202508/img/img_start_bg_sp.svg"); border-radius: 10px; margin-top: 40px; width: 89.33%; } }

.c-start__inner { align-items: center; display: grid; gap: clamp(24px, 4vw, 64px); grid-template-columns: 1.1fr 1fr; padding-bottom: 57px; padding-left: 110px; padding-top: 67px; position: relative; }

@media (max-width: 1023px) { .c-start__inner { grid-template-columns: 1fr; padding: 40px 22px; } }

/* 左カラム */
.c-start__copy { max-width: 720px; }

@media (max-width: 1023px) { .c-start__copy { margin-inline: auto; text-align: center; } }

.c-start__title { font-family: var(--ff-ls-eb); font-size: 2.625rem; letter-spacing: .02em; line-height: calc(58 / 42); margin-top: 8px; }

@media (max-width: 1023px) { .c-start__title { font-size: calc(26 * var(--px)); text-align: center; } }

.c-start__sub { display: flex; font-family: var(--ff-ls-b); font-size: .75rem; gap: 4px; letter-spacing: .02em; margin-top: 16px; position: relative; }

@media (max-width: 1023px) { .c-start__sub { align-items: center; justify-content: center; margin-top: 23px; } }

.c-start__sub::before { content: "＼"; }

.c-start__sub::after { content: "／"; }

.c-start__cta { margin-top: 12px; }

@media (max-width: 1023px) { .c-start__cta { text-align: center; } }

.c-start__link { align-items: center; background: var(--color-black); border: 3px solid var(--color-black); border-radius: 40px; color: var(--color-white-1); display: inline-flex; font-family: var(--ff-ls-b); font-size: calc(18 * var(--px)); gap: min(13px, 13 / var(--design-width) * 100vw); justify-content: center; padding: 18px 53px; text-decoration: none; transition: var(--transition); }

@media (max-width: 1023px) { .c-start__link { font-size: calc(14 * var(--px)); gap: min(10px, 10 / var(--design-width) * 100vw); letter-spacing: .03em; padding: 16px 40px; } }

@media (hover: hover) and (pointer: fine) { .c-start__link:hover { background: var(--color-white-1); border: 3px solid var(--color-white-1); color: var(--color-black); } }

.c-start__link-arrow { align-items: center; background: var(--color-white-1); border-radius: 50%; display: flex; height: 30px; justify-content: center; padding-right: 2px; position: relative; width: 30px; }

@media (max-width: 1023px) { .c-start__link-arrow { height: 24px; width: 24px; } }

.c-start__link-arrow::before { border-right: 2px solid var(--color-black); border-top: 2px solid var(--color-black); content: ""; display: block; height: 7px; transform: rotate(45deg); width: 7px; }

@media (hover: hover) and (pointer: fine) { .c-start__link:hover .c-start__link-arrow { background: var(--color-black); }

.c-start__link:hover .c-start__link-arrow::before { border-right: 2px solid var(--color-white-1); border-top: 2px solid var(--color-white-1); } }

.btn--primary { background: var(--color-white-1); box-shadow: 0 10px 26px rgba(0, 0, 0, .12); color: var(--color-black); font-size: 1.125rem; }

.c-start__txt-link { color: var(--color-white-1); display: inline-block; font-family: var(--ff-ls-b); font-size: 1rem; letter-spacing: .03em; margin-top: 16px; padding-left: 18px; }

@media (max-width: 1023px) { .c-start__txt-link { display: block; font-size: calc(14 * var(--px)); margin-inline: auto; padding-left: 0; text-align: center; } }

@media (hover: hover) and (pointer: fine) { .c-start__txt-link:hover { text-decoration: underline; } }

/* 右カラム（モック画像） */
.c-start__visual { bottom: 0; position: absolute; right: 0; }

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

.c-start__img { max-width: 715px; width: 100%; }

@media (max-width: 1120px) and (min-width: 1024px) { .c-start__img { max-width: 610px; } }

/* --------------------------------------------- * そんなお悩みはありませんか？ --------------------------------------------- */
.c-problem { background: #333; color: var(--color-white-1); margin-top: 100px; padding-inline: 16px; position: relative; }

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

.c-problem::after { border-color: #333 transparent transparent transparent; border-radius: 2px; border-style: solid; border-width: 68px 38px 0 38px; bottom: -38px; content: ""; display: inline-block; left: 50%; position: absolute; transform: translateX(-50%); }

@media (max-width: 1023px) { .c-problem::after { border-width: 38px 20px 0 20px; bottom: -19px; } }

.c-problem__inner { margin-inline: auto; max-width: 1200px; padding-block: 56px; position: relative; }

@media (max-width: 1023px) { .c-problem__inner { padding-block: 40px 140px; } }

.c-problem__fig { bottom: 0; position: absolute; }

.c-problem__fig-left { left: 30px; }

@media (max-width: 1023px) { .c-problem__fig-left { left: unset; right: 30%; transform: translateX(50%); } }

.c-problem__fig-right { right: 30px; }

@media (max-width: 1023px) { .c-problem__fig-right { left: 30%; right: unset; transform: translateX(-50%); } }

.c-problem__fig img { height: 242px; width: 163px; }

@media (max-width: 1023px) { .c-problem__fig img { height: 133px; width: 90px; } }

.c-problem__txt { font-family: var(--ff-ls-b); font-size: calc(26 * var(--px)); letter-spacing: .02em; line-height: calc(58 / 26); text-align: center; }

@media (max-width: 1023px) { .c-problem__txt { font-size: calc(20 * var(--px)); line-height: calc(28 / 20); } }

.c-problem__txt+.c-problem__txt { margin-top: 24px; }

@media (max-width: 1023px) { .c-problem__txt+.c-problem__txt { margin-top: 16px; } }

/* --------------------------------------------- * Yahoo!広告 検索広告ならサポート体制が充実しているので、はじめてでも安心！ --------------------------------------------- */
.c-support { margin-top: 70px; }

@media (max-width: 1023px) { .c-support { margin-top: 44px; padding-inline: 20px; } }

.c-support__h2title { font-family: var(--ff-ls-b); font-size: calc(40 * var(--px)); text-align: center; }

@media (max-width: 1023px) { .c-support__h2title { font-size: calc(24 * var(--px)); } }

.c-support__container { background: var(--color-gray); border-radius: 20px; overflow: hidden; padding: 60px 88px; position: relative; }

@media (max-width: 1023px) { .c-support__container { padding: 150px 28px 32px; } }

.c-support__container-01 { margin-top: 45px; }

.c-support__container-01::before { background: url(/sites/default/files/media/jp/service/yahoo-ads/lp/ld202508/img/img_support_bg.png) center center no-repeat; background-size: contain; content: ""; height: 345px; left: 0; position: absolute; top: 0; width: 528px; }

@media (max-width: 1023px) { .c-support__container-01::before { background: url(/sites/default/files/media/jp/service/yahoo-ads/lp/ld202508/img/img_support_bg_sp.png) center center no-repeat; background-size: cover; content: ""; height: 122px; width: 100%; } }

.c-support__body { max-width: 536px; position: relative; }

.c-support__container-01 .c-support__body { margin-left: auto; }

@media (max-width: 1023px) { .c-support__container-01 .c-support__body { margin-left: 0; } }

.c-support__container-02 { align-items: center; display: flex; gap: min(52px, 52 / var(--design-width) * 100vw); justify-content: center; margin-top: 32px; }

@media (max-width: 1023px) { .c-support__container-02 { flex-direction: column; gap: min(29px, 29 / var(--design-width) * 100vw); padding: 32px 28px; } }

.c-support__container-02 img { max-width: 436px; width: 100%; }

.c-support__num { background: var(--color-black); color: var(--color-white-1); font-family: var(--ff-ls-b); font-size: calc(17 * var(--px)); letter-spacing: .01em; padding: 2px 12px; }

@media (max-width: 1023px) { .c-support__num { font-size: calc(12 * var(--px)); } }

.c-support__h3title { font-family: var(--ff-ls-b); font-size: calc(32 * var(--px)); margin-top: 18px; text-align: left; }

@media (max-width: 1023px) { .c-support__h3title { font-size: calc(20 * var(--px)); margin-top: 10px; } }

.c-support__txt { font-size: calc(14 * var(--px)); letter-spacing: .03em; margin-top: 24px; text-align: left; }

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

.c-support__img-block { margin-top: 35px; }

@media (max-width: 1023px) { .c-support__img-block { margin-top: 32px; } }

.c-support__img-block p { align-items: center; display: flex; font-family: var(--ff-ls-b); font-size: 1rem; gap: min(6px, 6 / var(--design-width) * 100vw); letter-spacing: .03em; }

@media (max-width: 1023px) { .c-support__img-block p { font-size: calc(14 * var(--px)); } }

.c-support__img-block p:before { background: var(--color-red); border-radius: 50%; content: ""; display: inline-block; height: 6px; position: relative; width: 6px; }

.c-support__img-block img { margin-top: 16px; }

@media (max-width: 1023px) { .c-support__img-block img { display: block; margin-inline: auto; } }

/* --------------------------------------------- * 「興味はあるけど、一度試してから考えたい…」そんな方におすすめ！ --------------------------------------------- */
.c-present { aspect-ratio: 1 / 1; background: url(/sites/default/files/media/jp/service/yahoo-ads/lp/ld202508/img/img_present_bg.png) center center repeat-x; background-size: cover; height: 546px; margin-top: 160px; position: relative; width: 100%; }

@media (max-width: 1023px) { .c-present { height: 464px; } }

.c-present__inner { padding-inline: var(--p-inline); }

.c-present__bubble { left: 50%; max-width: 660px; position: absolute; top: -116px; transform: translateX(-50%); width: 100%; }

@media (max-width: 1023px) { .c-present__bubble { max-width: 335px; top: -74px; } }

.c-present__container-bg { left: 50%; max-width: 1067px; position: absolute; top: 100px; transform: translateX(-50%); width: 100%; }

@media (max-width: 1023px) { .c-present__container-bg { padding-inline: 20px; text-align: center; } }

.c-present__container-bg img { aspect-ratio: 1 / 1; height: 388px; max-width: 1067px; object-fit: cover; width: 100%; }

@media (max-width: 1023px) { .c-present__container-bg img { height: 312px; max-width: 335px; } }

.c-present__cta { bottom: 110px; left: 50%; position: absolute; transform: translateX(-50%); width: 400px; }

@media (max-width: 1023px) { .c-present__cta { bottom: 90px; max-width: 290px; } }

.c-present__link { align-items: center; background-image: linear-gradient(90deg, rgba(247, 121, 17, 1), rgba(255, 1, 51, 1)); border: 4px solid var(--color-white-1); border-radius: 40px; color: var(--color-white-1); display: flex; font-family: var(--ff-ls-b); font-size: calc(22 * var(--px)); gap: min(14px, 14 / var(--design-width) * 100vw); justify-content: center; padding: 22px 10px; transition: var(--transition); }

@media (max-width: 1023px) { .c-present__link { font-size: calc(16 * var(--px)); padding-block: 16px; } }

@media (hover: hover) and (pointer: fine) { .c-present__link:hover { background: var(--color-white-1); border: 4px solid #fe102f; color: #fe102f; } }

.c-present__link-arrow { align-items: center; background: var(--color-white-1); border-radius: 50%; display: flex; height: 30px; justify-content: center; padding-right: 2px; position: relative; width: 30px; }

@media (max-width: 1023px) { .c-present__link-arrow { display: none; } }

@media (hover: hover) and (pointer: fine) { .c-present__link:hover .c-present__link-arrow { background: #fe102f; } }

.c-present__link-arrow::before { border-right: 2px solid #fe102f; border-top: 2px solid #fe102f; content: ""; display: block; height: 7px; transform: rotate(45deg); width: 7px; }

@media (hover: hover) and (pointer: fine) { .c-present__link:hover .c-present__link-arrow::before { border-right: 2px solid var(--color-white-1); border-top: 2px solid var(--color-white-1); } }

/* --------------------------------------------- * 広告掲載までの流れ --------------------------------------------- */
.c-flow { margin-top: 100px; }

@media (max-width: 1023px) { .c-flow { margin-top: 40px; padding-inline: 20px; } }

.c-flow__title { text-align: center; }

.c-flow__subTxt { background: var(--color-red); color: var(--color-white-1); font-family: var(--ff-ls-eb); font-size: calc(18 * var(--px)); line-height: calc(54 / 18); padding-inline: 8px; }

@media (max-width: 1023px) { .c-flow__subTxt { font-size: calc(12 * var(--px)); line-height: 1; } }

.c-flow__h2title { font-family: var(--ff-ls-b); font-size: calc(40 * var(--px)); letter-spacing: .02em; margin-top: 22px; }

@media (max-width: 1023px) { .c-flow__h2title { font-size: calc(24 * var(--px)); letter-spacing: .02em; margin-top: 12px; } }

.c-flow__item { align-items: center; display: flex; flex: 1; flex-direction: column; position: relative; }

.c-flow__item:not(:last-of-type)::after { border-color: transparent transparent transparent var(--color-black); border-style: solid; border-width: 7px 0 7px 12px; content: ""; display: inline-block; position: absolute; right: -28px; top: 20px; }

@media (max-width: 1023px) { .c-flow__item:not(:last-of-type)::after { bottom: -30px; left: 50%; right: unset; top: unset; transform: translateX(-50%) rotate(90deg); } }

.c-flow__list { background: #f2f4f8; border-radius: 20px; display: flex; gap: min(45px, 45 / var(--design-width) * 100vw); justify-content: center; margin-top: 36px; padding: 65px 60px 75px; position: relative; }

@media (max-width: 1023px) { .c-flow__list { border-radius: 8px; flex-direction: column; gap: min(60px, 60 / var(--design-width) * 100vw); margin-top: 24px; padding: 32px 24px; } }

.c-flow__h3title { background: var(--color-white-1); border-radius: 7px; font-family: var(--ff-ls-b); font-size: calc(17 * var(--px)); letter-spacing: .03em; padding: 14px 30px; position: relative; text-align: center; width: 100%; }

@media (max-width: 1023px) { .c-flow__h3title { font-size: calc(15 * var(--px)); } }

.c-flow__num { color: var(--color-red); font-family: var(--ff-ls-b); font-size: calc(28 * var(--px)); left: -8px; position: absolute; top: -15px; }

.c-flow__img { margin-top: 28px; }

.c-flow__txt { font-family: var(--ff-ls-m); font-size: calc(14 * var(--px)); margin-top: 26px; }

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

.c-flow__txt a { color: #003e9a; font-family: var(--ff-ls-b); letter-spacing: .03em; }

/* --------------------------------------------- * 成果を実感したお客様の声 --------------------------------------------- */
.c-voice { background: #f2f4f8; margin-top: 145px; padding-block: 88px; }

@media (max-width: 1023px) { .c-voice { margin-top: 40px; padding-block: 40px; padding-inline: 20px; } }

.c-voice__title { text-align: left; }

@media (max-width: 1023px) { .c-voice__title { text-align: center; } }

.c-voice__subTxt { background: var(--color-red); color: var(--color-white-1); font-family: var(--ff-ls-eb); font-size: calc(18 * var(--px)); line-height: calc(54 / 18); padding-inline: 8px; }

@media (max-width: 1023px) { .c-voice__subTxt { font-size: calc(12 * var(--px)); line-height: calc(42 / 12); } }

.c-voice__h2title { font-family: var(--ff-ls-b); font-size: calc(40 * var(--px)); letter-spacing: .02em; margin-top: 22px; }

@media (max-width: 1023px) { .c-voice__h2title { font-size: calc(24 * var(--px)); margin-top: 12px; } }

.c-voice__list { display: grid; gap: min(48px, 48 / var(--design-width) * 100vw); grid-template-columns: repeat(2, 1fr); margin-top: 38px; }

@media (max-width: 1023px) { .c-voice__list { gap: min(24px, 24 / var(--design-width) * 100vw); grid-template-columns: 1fr; } }

.c-voice__item { background: var(--color-white-1); border-radius: 9px; box-shadow: 0 40px 40px 0 rgba(0, 0, 0, .1); overflow: hidden; position: relative; }

.c-voice__body { padding-inline: 40px; padding-top: 32px; }

@media (max-width: 1023px) { .c-voice__body { padding-inline: 24px; padding-top: 24px; } }

.c-voice__body-h3title { font-family: var(--ff-ls-b); font-size: calc(28 * var(--px)); letter-spacing: .055em; line-height: calc(38 / 28); }

@media (max-width: 1023px) { .c-voice__body-h3title { font-size: calc(23 * var(--px)); line-height: calc(31 / 23); } }

.c-voice__body-txt { font-family: var(--ff-ls-m); font-size: calc(14 * var(--px)); letter-spacing: .03em; line-height: calc(25 / 14); margin-top: 14px; }

.c-voice__company { background: var(--color-black); display: flex; gap: min(40px, 40 / var(--design-width) * 100vw); height: 110px; justify-content: flex-start; margin-top: 40px; position: relative; }

@media (max-width: 1023px) { .c-voice__company { align-items: center; display: flex; gap: min(16px, 16 / var(--design-width) * 100vw); height: 96px; justify-content: space-between; margin-top: 24px; padding: 24px 16px; } }

.c-voice__company-body { color: var(--color-white-1); padding-left: 40px; padding-top: 16px; }

@media (max-width: 1023px) { .c-voice__company-body { max-width: 230px; padding-left: 0; padding-top: 0; } }

.c-voice__company-name { font-family: var(--ff-ls-b); font-size: calc(19 * var(--px)); }

@media (max-width: 1023px) { .c-voice__company-name { font-size: calc(14 * var(--px)); } }

.c-voice__company-desc { font-family: var(--ff-ls-m); font-size: calc(14 * var(--px)); }

@media (max-width: 1023px) { .c-voice__company-desc { font-size: calc(12 * var(--px)); } }

.c-voice__company-img { bottom: 18px; position: absolute; right: 40px; }

@media (max-width: 1023px) { .c-voice__company-img { bottom: unset; position: relative; right: unset; width: 60px; } }

/* --------------------------------------------- * よくある質問 --------------------------------------------- */
.c-faq { padding-block: 100px; }

@media (max-width: 1023px) { .c-faq { padding-block: 40px; padding-inline: 20px; } }

.c-faq__title { text-align: center; }

.c-faq__subTxt { background: var(--color-red); color: var(--color-white-1); font-family: var(--ff-ls-eb); font-size: calc(18 * var(--px)); line-height: calc(54 / 18); padding-inline: 8px; }

@media (max-width: 1023px) { .c-faq__subTxt { font-size: calc(12 * var(--px)); line-height: calc(42 / 12); } }

.c-faq__h2title { font-family: var(--ff-ls-b); font-size: calc(40 * var(--px)); letter-spacing: .02em; margin-top: 22px; }

@media (max-width: 1023px) { .c-faq__h2title { font-size: calc(24 * var(--px)); margin-top: 12px; } }

/* --------------------------------------------- * c-block-faq --------------------------------------------- */
.c-block-faq { margin-top: min(40px, 40 / var(--design-width) * 100vw); position: relative; }

@media screen and (max-width: 1023px) { .c-block-faq { margin-top: calc(15 / var(--design-width) * 100vw); } }

/* --------------------------------------------- * c-acc-faq --------------------------------------------- */
.c-acc-faq { position: relative; }

.c-acc-faq__item { border-bottom: 1.5px solid var(--color-black); }

@media screen and (max-width: 1023px) { .c-acc-faq__item { border-width: calc(1 / var(--design-width) * 100vw); } }

.c-acc-faq__item.is-open .c-acc-faq__head::before { transform: rotate(90deg); }

.c-acc-faq__head { cursor: pointer; position: relative; text-align: left; transition: all .3s ease; width: 100%; }

@media (hover: hover) and (pointer: fine) and (hover: hover) and (pointer: fine) { .c-acc-faq__head:hover { transition: opacity var(--hover-duration); }

.c-acc-faq__head:hover:hover { opacity: var(--hover-opacity-ratio); } }

.c-acc-faq__head::before, .c-acc-faq__head::after { background-color: var(--color-black-2); content: ""; height: min(28px, 28 / var(--design-width) * 100vw); position: absolute; right: min(20px, 20 / var(--design-width) * 100vw); top: 33%; transition: transform .3s ease, opacity .3s ease; width: min(2px, 2 / var(--design-width) * 100vw); }

@media screen and (max-width: 1023px) { .c-acc-faq__head::before, .c-acc-faq__head::after { height: calc(23 / var(--design-width) * 100vw); right: calc(11 / var(--design-width) * 100vw); width: calc(1.5 / var(--design-width) * 100vw); } }

.c-acc-faq__head::after { transform: rotate(90deg); }

.c-acc-faq__head-txt { color: var(--color-black-2); display: block; font-family: var(--ff-ls-b); font-size: calc(18 * var(--px)); line-height: 1.6666666667; padding-block: min(30px, 30 / var(--design-width) * 100vw); padding-inline: calc(75 / 1200 * 100%) calc(40 / 1200 * 100%); position: relative; transition: .3s ease; }

@media screen and (max-width: 1023px) { .c-acc-faq__head-txt { display: block; font-size: calc(14 * var(--px)); line-height: 1.5714285714; padding-block: calc(15 / var(--design-width) * 100vw); padding-inline: calc(45 / 344 * 100%) calc(60 / 344 * 100%); width: 100%; } }

.c-acc-faq__head-txt::before { background: url(https://www.lycbiz.com/sites/default/files/media/jp/service/yahoo-ads/lp/lp202507/img/svg/icon_q.svg) no-repeat center/contain; content: ""; height: min(44px, 44 / var(--design-width) * 100vw); left: min(6px, 6 / var(--design-width) * 100vw); position: absolute; top: 50%; transform: translateY(-50%); width: min(44px, 44 / var(--design-width) * 100vw); }

@media screen and (max-width: 1023px) { .c-acc-faq__head-txt::before { height: calc(28 / var(--design-width) * 100vw); left: 0; width: calc(28 / var(--design-width) * 100vw); } }

.c-acc-faq__body { background-color: #eaeaea; color: var(--color-black-2); padding-block: min(32px, 32 / var(--design-width) * 100vw); padding-inline: calc(115 / 1200 * 100%) calc(61 / 1200 * 100%); position: relative; z-index: 2; }

@media screen and (max-width: 1023px) { .c-acc-faq__body { padding-block: calc(16 / var(--design-width) * 100vw); padding-inline: calc(60 / var(--design-width) * 100vw) calc(23 / var(--design-width) * 100vw); } }

.c-acc-faq__body::before { background: url(https://www.lycbiz.com/sites/default/files/media/jp/service/yahoo-ads/lp/lp202507/img/svg/icon_a.svg) no-repeat center/contain; content: ""; height: min(44px, 44 / var(--design-width) * 100vw); left: min(45px, 45 / var(--design-width) * 100vw); position: absolute; top: 50%; transform: translateY(-50%); width: min(44px, 44 / var(--design-width) * 100vw); }

@media screen and (max-width: 1023px) { .c-acc-faq__body::before { height: calc(28 / var(--design-width) * 100vw); left: calc(20 / var(--design-width) * 100vw); top: 17%; transform: none; width: calc(28 / var(--design-width) * 100vw); } }

.c-acc-faq__body p { font-family: var(--ff-ls-b); font-size: calc(18 * var(--px)); line-height: 1.6666666667; }

@media screen and (max-width: 1023px) { .c-acc-faq__body p { font-size: calc(14 * var(--px)); } }

.c-acc-faq__body p+p { margin-top: min(8px, 8 / var(--design-width) * 100vw); }

@media screen and (max-width: 1023px) { .c-acc-faq__body p+p { margin-top: calc(20 / var(--design-width) * 100vw); } }

.c-acc-faq__body a { text-decoration: underline; }

@media (hover: hover) and (pointer: fine) { .c-acc-faq__body a:hover { text-decoration: none; } }

/* js-acc-target --------------------------------------------- */
.js-acc-target { --acc-body-height: 0; height: 0; overflow: hidden; }

.js-acc-scope.is-close .js-acc-target { animation: closeAccAnim .5s forwards; }

.js-acc-scope.is-open .js-acc-target { animation: openAccAnim .5s forwards; }

@keyframes openAccAnim { 0% { height: 0; visibility: hidden; }

99% { height: var(--acc-body-height); visibility: visible; }

100% { height: auto; } }

@keyframes closeAccAnim { 0% { height: var(--acc-body-height); visibility: visible; }

100% { height: 0; visibility: hidden; } }

/* --------------------------------------------- * フッター --------------------------------------------- */
.c-footer { background-color: var(--color-blue); background-image: url("/sites/default/files/media/jp/service/yahoo-ads/lp/ld202508/img/img_fotter_bg.png"); background-position: top center; background-repeat: repeat-x; background-size: auto; padding-block: 100px 44px; }

@media screen and (max-width: 1023px) { .c-footer { background-image: url("/sites/default/files/media/jp/service/yahoo-ads/lp/ld202508/img/img_fotter_bg_sp.svg"); background-size: cover; padding-block: 55px 35px; padding-inline: 20px; } }

.c-footer__title { text-align: center; }

.c-footer__img { margin-inline: auto; }

.c-footer__h2title { color: var(--color-white-1); font-family: var(--ff-ls-eb); font-size: calc(48 * var(--px)); letter-spacing: .06em; line-height: calc(69 / 48); margin-top: 20px; }

@media screen and (max-width: 1023px) { .c-footer__h2title { font-size: calc(26 * var(--px)); line-height: calc(38 / 26); margin-top: 8px; } }

.c-footer__container { margin-top: 16px; text-align: center; }

.c-footer__sub { color: var(--color-white-1); display: flex; font-family: var(--ff-ls-b); font-size: calc(12 * var(--px)); gap: 4px; justify-content: center; letter-spacing: .02em; position: relative; }

@media (max-width: 1023px) { .c-footer__sub { align-items: center; justify-content: center; margin-top: 23px; } }

.c-footer__sub::before { content: "＼"; }

.c-footer__sub::after { content: "／"; }

.c-footer__cta { margin-top: 16px; }

.c-footer__link { align-items: center; background: var(--color-black); border: 3px solid var(--color-black); border-radius: 40px; color: var(--color-white-1); display: inline-flex; font-family: var(--ff-ls-b); font-size: calc(20 * var(--px)); gap: min(13px, 13 / var(--design-width) * 100vw); justify-content: center; padding: 23px 43px; text-decoration: none; transition: var(--transition); }

@media (max-width: 1023px) { .c-footer__link { font-size: calc(16 * var(--px)); padding: 18px 40px; } }

@media (hover: hover) and (pointer: fine) { .c-footer__link:hover { background: var(--color-white-1); border: 3px solid var(--color-white-1); color: var(--color-black); } }

.c-footer__link-arrow { align-items: center; background: var(--color-white-1); border-radius: 50%; display: flex; height: 30px; justify-content: center; padding-right: 2px; position: relative; width: 30px; }

@media (hover: hover) and (pointer: fine) { .c-footer__link:hover .c-footer__link-arrow { background: var(--color-black); }

.c-footer__link:hover .c-footer__link-arrow::before { border-right: 2px solid var(--color-white-1); border-top: 2px solid var(--color-white-1); } }

.c-footer__link-arrow::before { border-right: 2px solid var(--color-black); border-top: 2px solid var(--color-black); content: ""; display: block; height: 7px; transform: rotate(45deg); width: 7px; }

.c-footer__txt-link { color: var(--color-white-1); display: inline-block; font-family: var(--ff-ls-b); font-size: calc(16 * var(--px)); margin-top: 33px; }

@media (max-width: 1023px) { .c-footer__txt-link { font-size: calc(14 * var(--px)); margin-top: 16px; } }

@media (hover: hover) and (pointer: fine) { .c-footer__txt-link:hover { text-decoration: underline; } }

.l-footer__link { display: flex; margin-top: 100px; }

@media (max-width: 1023px) { .l-footer__link { align-items: center; flex-direction: column; margin-top: 40px; } }

.l-footer__nav-list { display: flex; gap: min(40px, 40 / var(--design-width) * 100vw); }

@media (max-width: 1023px) { .l-footer__nav-list { align-items: center; flex-direction: column; gap: min(16px, 16 / var(--design-width) * 100vw); } }

.l-footer__nav-item { color: var(--color-white-1); font-family: var(--ff-ls-b); font-size: calc(12 * var(--px)); }

.l-footer__copyright { color: var(--color-white-1); font-family: var(--ff-ls-m); font-size: calc(10 * var(--px)); margin-left: auto; }

@media screen and (max-width: 1023px) { .l-footer__copyright { margin-left: 0; margin-top: 40px; } }

/* --------------------------------------------- * 共通セクションタイトル --------------------------------------------- */
.p-section-ttl { color: #000048; font-family: var(--ff-ls-eb); font-size: 40px; font-weight: 800; line-height: 1.4; text-align: center; }

@media screen and (max-width: 1023px) { .p-section-ttl { font-size: 26px; text-align: center; } }

/* --------------------------------------------- * 共通リンクパーツ --------------------------------------------- */
.p-sa-link { align-items: center; color: #000; display: inline-flex; font-family: var(--ff-ls-b); font-size: 16px; font-weight: 700; gap: 6px; text-decoration: none; transition: opacity .3s ease-out; }

.p-sa-link:hover { opacity: .6; }

.p-sa-link__arrow { background: url("/sites/default/files/media/jp/service/yahoo-ads/searchads/img/icon_arrow.svg") no-repeat center / contain; display: inline-block; flex-shrink: 0; height: 8px; width: 5px; }

/* --------------------------------------------- * 検索広告の特徴・魅力 --------------------------------------------- */
.p-sa-feature { background-color: #f7f7f7; padding: 80px 0 100px; }

.p-sa-feature__cards { display: grid; gap: 30px; grid-template-columns: 1fr 1fr; margin-top: 50px; }

.p-sa-feature__card { background: #fff; border-radius: 20px; display: flex; flex-direction: column; overflow: hidden; }

.p-sa-feature__card--wide { grid-column: 1 / -1; }

.p-sa-feature__card-body { padding: 45px 50px 0; }

.p-sa-feature__card--wide .p-sa-feature__card-body { padding: 45px 50px 10px; }

.p-sa-feature__card-header { align-items: baseline; display: flex; gap: 12px; margin-bottom: 12px; }

.p-sa-feature__card-num { color: #225cff; flex-shrink: 0; font-family: var(--ff-ls-b); font-size: 22px; font-weight: 800; line-height: 1; }

.p-sa-feature__card-ttl { color: #111; font-family: var(--ff-ls-b); font-size: 28px; font-weight: 800; line-height: 1.5; }

.p-sa-feature__card-lead { color: #000; font-family: var(--ff-ls-m); font-size: 16px; font-weight: 400; line-height: 1.8; }

.p-sa-feature__card-link { margin-top: 16px; }

.p-sa-feature__card-fig { margin-top: auto; padding: 20px 0 0; text-align: center; }

.p-sa-feature__card--wide .p-sa-feature__card-fig { padding: 20px 70px 0; }

.p-sa-feature__card-fig img { display: block; height: auto; margin: 0 auto; max-width: 100%; }

.p-sa-feature__card--wide .p-sa-feature__card-fig img { width: 1060px; }

.p-sa-feature__card--half .p-sa-feature__card-fig img { width: 100%; }

.p-sa-feature__card--half:nth-child(2) .p-sa-feature__card-fig img { max-width: 365px; }

.p-sa-feature__card--half:nth-child(3) .p-sa-feature__card-fig img { max-width: 430px; }

/* SP */
@media screen and (max-width: 1023px) { .p-sa-feature { padding: 50px 0 60px; }

.p-sa-feature>.l-contents__inner { padding: 0 20px; }

.p-sa-feature__cards { gap: 20px; grid-template-columns: 1fr; margin-top: 24px; }

.p-sa-feature__card--wide { grid-column: auto; }

.p-sa-feature__card-body { padding: 24px 20px 0; }

.p-sa-feature__card--wide .p-sa-feature__card-body { padding: 24px 20px 0; }

.p-sa-feature__card-header { flex-direction: column; gap: 6px; }

.p-sa-feature__card-num { font-size: 16px; }

.p-sa-feature__card-ttl { font-size: 22px; }

.p-sa-feature__card-lead { font-size: 16px; }

.p-sa-feature__card--wide .p-sa-feature__card-fig { padding: 20px 0 0; }

.p-sa-feature__card--wide .p-sa-feature__card-fig img { width: 100%; }

.p-sa-feature__card--half .p-sa-feature__card-fig { padding: 20px 0 0; }

.p-sa-feature__card--half:nth-child(2) .p-sa-feature__card-fig img { max-width: 264px; }

.p-sa-feature__card--half:nth-child(3) .p-sa-feature__card-fig img { max-width: 294px; }

/* 横スクロールカード */
.p-sa-feature__scroll-wrap { margin: 20px -20px 0; overflow: hidden; position: relative; }

.p-sa-feature__scroll { animation: featureScrollLoop 20s linear infinite; display: flex; gap: 10px; padding: 10px 0 16px; width: max-content; }

.p-sa-feature__scroll::-webkit-scrollbar { display: none; }

@keyframes featureScrollLoop { 0% { transform: translateX(0); }

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

.p-sa-feature__scroll-card { border-radius: 6px; box-shadow: 5px 5px 30px rgba(0, 0, 0, .08); flex-shrink: 0; height: 89px; overflow: hidden; width: 174px; }

.p-sa-feature__scroll-card-header { align-items: center; background: #00003e; color: #fff; display: flex; font-family: var(--ff-ls-b); font-size: 10px; font-weight: 700; height: 28px; justify-content: center; }

.p-sa-feature__scroll-card-body { background: #fff; display: flex; flex-direction: column; gap: 2px; height: 61px; justify-content: center; padding: 6px 10px; }

.p-sa-feature__scroll-card-body p { align-items: center; color: #000; display: flex; font-family: var(--ff-ls-m); font-size: 10px; font-weight: 400; gap: 6px; line-height: 1.5; margin: 0; }

.p-sa-feature__scroll-card-body p img { flex-shrink: 0; height: 8px; width: 8px; } }

/* --------------------------------------------- * 初期設定サポート --------------------------------------------- */
.p-sa-support { padding: 80px 0 100px; }

.p-sa-support__card { align-items: center; border-radius: 20px; display: flex; margin-top: 50px; max-width: 1200px; overflow: hidden; }

.p-sa-support__body { flex-shrink: 0; padding: 50px 0 50px 60px; width: 500px; }

.p-sa-support__category { align-items: center; background: #225cff; border-radius: 6px; color: #fff; display: inline-flex; font-family: var(--ff-ls-b); font-size: 20px; font-weight: 800; height: 44px; justify-content: center; margin-bottom: 20px; width: 190px; }

.p-sa-support__ttl { color: #111; font-family: var(--ff-ls-b); font-size: 32px; font-weight: 800; line-height: 1.5; margin-bottom: 20px; }

.p-sa-support__ttl-blue { color: #225cff; }

.p-sa-support__lead { color: #000; font-family: var(--ff-ls-m); font-size: 16px; font-weight: 400; line-height: 1.8; margin-bottom: 30px; }

.p-sa-support__btn { align-items: center; background: #fff; border: 1px solid #00003e; border-radius: 100px; cursor: pointer; display: inline-flex; gap: 10px; padding: 12px 24px; text-decoration: none; transition: all .3s ease-out; }

.p-sa-support__btn:hover { background: #00003e; text-decoration: none; }

.p-sa-support__btn-txt { color: #00003e; font-family: var(--ff-ls-b); font-size: 13px; font-weight: 700; transition: color .3s ease-out; }

.p-sa-support__btn:hover .p-sa-support__btn-txt { color: #fff; }

.p-sa-support__btn-icon { background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 26C20.1797 26 26 20.1797 26 13C26 5.8203 20.1797 0 13 0C5.8203 0 0 5.8203 0 13C0 20.1797 5.8203 26 13 26Z' fill='%2300003E'/%3E%3Cpath d='M12.002 10.5L15.002 13.5L12.002 16.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; display: inline-block; height: 26px; transition: background-image .3s ease-out; width: 26px; }

.p-sa-support__btn:hover .p-sa-support__btn-icon { background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 26C20.1797 26 26 20.1797 26 13C26 5.8203 20.1797 0 13 0C5.8203 0 0 5.8203 0 13C0 20.1797 5.8203 26 13 26Z' fill='white'/%3E%3Cpath d='M12.002 10.5L15.002 13.5L12.002 16.5' stroke='%2300003E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }

.p-sa-support__fig { align-items: flex-end; display: flex; flex: 1; justify-content: center; min-width: 0; padding: 20px 30px 0 0; }

.p-sa-support__fig img { display: block; height: auto; max-width: 100%; width: 700px; }

/* SP */
@media screen and (max-width: 1023px) { .p-sa-support { overflow: hidden; padding: 50px 20px 60px; position: relative; }

.p-sa-support::after { background: url("/sites/default/files/media/jp/service/yahoo-ads/searchads/img/bg_support_sp.png") no-repeat right bottom / contain; bottom: 0; content: ""; height: 375px; pointer-events: none; position: absolute; right: 0; width: 375px; z-index: 0; }

.p-sa-support>.l-contents__inner { position: relative; z-index: 1; }

.p-sa-support__card { background: transparent; border-radius: 0; flex-direction: column; margin-top: 24px; }

.p-sa-support__body { padding-inline: 20px; width: 100%; }

.p-sa-support__category { font-size: 18px; height: 38px; width: 171px; }

.p-sa-support__ttl { font-size: 26px; }

.p-sa-support__lead { font-size: 16px; }

.p-sa-support__btn { font-size: 16px; height: 54px; justify-content: center; padding: 0; width: 318px; }

.p-sa-support__btn-txt { font-size: 16px; }

.p-sa-support__btn-icon { display: none; }

.p-sa-support__fig { display: none; } }

/* --------------------------------------------- * 広告費用/料金について --------------------------------------------- */
.p-sa-price { padding: 80px 0 100px; }

.p-sa-price__cards { display: grid; gap: 20px; grid-template-columns: 1fr 1fr; margin-top: 50px; }

.p-sa-price__card { background: #f2f4f8; border-radius: 20px; display: flex; flex-direction: column; padding: 40px 59px; }

.p-sa-price__card-ttl { border-bottom: 1px solid #000; color: #111; font-family: var(--ff-ls-b); font-size: 20px; font-weight: 800; line-height: 1.5; margin-bottom: 16px; padding-bottom: 12px; text-align: center; }

.p-sa-price__card-lead { color: #000; font-family: var(--ff-ls-m); font-size: 16px; font-weight: 400; line-height: 1.8; }

.p-sa-price__card-fig { margin-top: auto; padding-top: 24px; text-align: center; }

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

.p-sa-price__card:nth-child(1) .p-sa-price__card-fig img { width: 432px; }

.p-sa-price__card:nth-child(2) .p-sa-price__card-fig img { width: 392px; }

.p-sa-price__link-wrap { margin-top: 30px; text-align: center; }

/* SP */
@media screen and (max-width: 1023px) { .p-sa-price { background: none; padding: 50px 20px 60px; }

.p-sa-price__cards { gap: 40px; grid-template-columns: 1fr; margin-top: 24px; }

.p-sa-price__card { background: transparent; border-radius: 0; padding-inline: 20px; }

.p-sa-price__card-ttl { font-size: 20px; text-align: center; }

.p-sa-price__card-lead { font-size: 16px; }

.p-sa-price__card:nth-child(1) .p-sa-price__card-fig img { width: 315px; }

.p-sa-price__card:nth-child(2) .p-sa-price__card-fig img { width: 335px; }

.p-sa-price__link-wrap { display: none; } }

/* --------------------------------------------- * 汎用 --------------------------------------------- */
@media screen and (min-width: 1024px) { .sp-only { display: none; } }

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

/* -- p-support (サポート体制) -- */

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

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

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

.p-flow__body { align-items: center; display: flex; gap: 50px; margin-top: 50px; }

.p-flow__fig { flex-shrink: 0; margin: 0; width: 560px; }

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

.p-flow__text { flex: 1; }

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

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

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

/* SP */
@media screen and (max-width: 1023px) { .p-flow { background-color: #ecefff; padding: 55px 0 22px; }

.p-flow__inner { max-width: initial; padding: 0 0; }

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

.p-flow__fig { width: 100%; }

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

.p-flow__ttl { font-size: 24px; }

.p-flow__desc { font-size: 15px; }

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

/* ---------------------------------------------
*   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; text-decoration: underline; text-underline-offset: 2px; }

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

/* -- p-cta -- */

.p-cta { background-color: #000048; overflow: hidden; padding: 70px 0 83px; position: relative; }

/* 装飾三角形（左上） */
.p-cta::before { background: url("/sites/default/files/media/jp/service/ly-ads/displayads-auc/img/bg_cta02.svg") 0 0 no-repeat; background-size: contain; content: ""; height: 168px; left: 0; position: absolute; top: 0; width: 168px; z-index: 0; }

/* 装飾三角形（右下） */
.p-cta::after { background: url("/sites/default/files/media/jp/service/ly-ads/displayads-auc/img/bg_cta.svg") 0 0 no-repeat; background-size: contain; bottom: 0; content: ""; height: 168px; position: absolute; right: 0; width: 168px; z-index: 0; }

.p-cta__inner { margin: 0 auto; max-width: 1200px; padding: 0 20px; position: relative; text-align: center; z-index: 1; }

.p-cta__ttl { color: #fff; font-family: "LINESeedJPStd ExtraBold"; font-size: 40px; line-height: 1.6; margin: 0; }

/* ボタン */
.p-cta__btn-wrap { align-items: center; display: flex; flex-direction: column; margin-top: 28px; }

.p-cta__balloon { margin-bottom: 10px; }

.p-cta__balloon .p-sa-kv__balloon-text { color: #fff !important; font-size: 13px; }

.p-cta__balloon .p-sa-kv__balloon-link { color: #fff !important; }

.p-cta__balloon .p-sa-kv__balloon-line { background: #fff; }

.p-cta__btn { align-items: center; background-color: #f77911; border: 2px solid #f77911; border-radius: 50px; color: #fff; display: inline-flex; font-family: "LINESeedJPStd Bold"; font-size: 20px; gap: 20px; justify-content: space-between; letter-spacing: .03em; padding: 18px 15px 18px 44px; text-decoration: none !important; transition: all .3s ease-out; width: 370px; }

.p-cta__btn:hover { background-color: #fff; color: #f77911; }

.p-cta__btn:hover .p-cta__btn-arrow { background-color: #f77911; }

.p-cta__btn:hover .p-cta__btn-arrow::after { background-color: #fff; }

.p-cta__btn-arrow { align-items: center; background-color: #fff; border-radius: 50%; display: flex; flex-shrink: 0; height: 26px; justify-content: center; width: 26px; }

.p-cta__btn-arrow::after { background-color: #f77911; content: ""; display: block; height: 8px; -webkit-mask-image: url("/sites/default/files/media/jp/service/ly-ads/displayads-auc/img/icon_arrow.svg"); mask-image: url("/sites/default/files/media/jp/service/ly-ads/displayads-auc/img/icon_arrow.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; width: 5px; }

/* カード */
.p-cta__cards { display: flex; gap: 20px; justify-content: center; margin-top: 50px; }

.p-cta__card { background-color: #1a1a5a; border-radius: 10px; display: flex; flex-direction: column; padding: 28px 51px 28px 46px; position: relative; text-decoration: none !important; transition: background-color .3s, border-color .3s; width: 440px; }

.p-cta__card:hover { background-color: #fff; border-color: #fff; }

.p-cta__card-header { align-items: center; display: flex; gap: 14px; margin-left: -5px; }

.p-cta__card-icon { flex-shrink: 0; height: auto; width: 21px; }

.p-cta__card:hover .p-cta__card-icon { filter: brightness(0) saturate(100%) invert(11%) sepia(47%) saturate(5068%) hue-rotate(225deg) brightness(81%) contrast(122%); }

.p-cta__card-ttl { color: #fff; font-family: "LINESeedJPStd Bold"; font-size: 20px; margin: 0; }

.p-cta__card:hover .p-cta__card-ttl { color: #000048; }

.p-cta__card-desc { color: #fff; font-family: "LINESeedJPStd Regular"; font-size: 15px; line-height: 1.8; margin: 5px 0 0; text-align: left; }

.p-cta__card:hover .p-cta__card-desc { color: #000048; }

/* カード内矢印アイコン */
.p-cta__card-arrow { align-items: center; background-color: #fff; border-radius: 50%; display: flex; flex-shrink: 0; height: 26px; justify-content: center; position: absolute; right: 24px; top: 50%; transform: translateY(-50%); transition: background-color .3s; width: 26px; }

.p-cta__card-arrow::after { background-color: #000048; content: ""; display: block; height: 8px; -webkit-mask-image: url("/sites/default/files/media/jp/service/ly-ads/displayads-auc/img/icon_arrow.svg"); mask-image: url("/sites/default/files/media/jp/service/ly-ads/displayads-auc/img/icon_arrow.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; transition: background-color .3s; width: 5px; }

.p-cta__card:hover .p-cta__card-arrow { background-color: #000048; }

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

/* SP */
@media screen and (max-width: 1023px) { .p-cta { padding: 63px 0 67px; }

.p-cta::before { background-image: url(/sites/default/files/media/jp/service/ly-ads/displayads-auc/img/bg_cta02_sp.svg); height: 98px; width: 98px; }

.p-cta::after { background-image: url(/sites/default/files/media/jp/service/ly-ads/displayads-auc/img/bg_cta_sp.svg); height: 65px; width: 65px; }

.p-cta__ttl { font-size: 28px; line-height: 1.4; }

.p-cta__btn-wrap { margin-top: 30px; }

.p-cta__btn { font-size: 17px; justify-content: center; max-width: 290px; padding: 16px 0; width: 100%; }

.p-cta__btn-arrow { display: none; }

.p-cta__card-arrow { right: 28px; }

.p-cta__cards { align-items: center; flex-direction: column; gap: 22px; margin-top: 30px; }

.p-cta__card { max-width: 440px; padding: 8px 95px 8px 33px; width: 100%; }

.p-cta__card-header { gap: 9px; }

.p-cta__card-ttl { font-size: 16px; }

.p-cta__card-desc { font-size: 13px; line-height: 1.4; margin-top: 4px; } }

/* -- p-support (サポート体制) -- */

.p-support { background-color: #fff; padding: 150px 0 0; }

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

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

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

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

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

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

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

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

.p-support__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-support { padding: 52px 0 24px; }

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

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

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

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

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

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

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

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

.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: 20px; } }

.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 4; 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; text-decoration: none !important; transition: transform .3s ease, box-shadow .3s ease; }

/* .p-contents__card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0, 0, 72, 0.15);
} */

.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-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-category-label { align-items: center; color: #000; display: flex; font-family: "LINESeedJPStd Bold", sans-serif; font-size: 25px; font-weight: 700; gap: 12px; justify-content: center; line-height: 1; margin-bottom: 20px; text-align: center; }

.p-contents__card-category-label::before, .p-contents__card-category-label::after { background-color: #000; content: ""; display: inline-block; flex-shrink: 0; height: 10px; transform: rotate(45deg); width: 10px; }

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

.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: #ff5b00; 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; }

.backBtn__red a { background-image: linear-gradient(135deg, #225cff 50%, #fff 50%); border: 2px solid #225cff; }

.backBtn__red a span { color: #225cff; }

.backBtn__red .backBtn__arrow01:before { background: url(/sites/default/files/media/jp/service/yahoo-ads/searchads/img/icon_blue.svg) 0 0 no-repeat; }

.backBtn__red a:hover .backBtn__arrow01:before { background: url(/sites/default/files/media/jp/service/yahoo-ads/searchads/img/icon_blue_hover.svg) 0 0 no-repeat; }

.c-bner { margin: 50px auto 0; max-width: 980px; }

.c-fix-bner { bottom: 20px; position: fixed; right: 20px; width: 200px; z-index: 20; }

.counseling { background-color: #ecefff; margin-top: 40px; padding: 46px 20px 50px; }

@media (max-width: 1023px) { .counseling { padding: 20px 15px 40px; } }

.counseling__inner { margin: 0 auto; max-width: 976px; }

.counseling__h2title { text-align: center; }

.counseling__h2title img { max-width: 769px; width: 100%; }

.counseling__txt { line-height: 1.8125; margin-top: 23.5px; text-align: center; }

@media (max-width: 1023px) { .counseling__txt { text-align: left; } }

.counseling__notes { font-size: 1.4rem; line-height: 2.07143; margin-top: 22.5px; text-align: center; }

@media (max-width: 1023px) { .counseling__notes { font-size: 1rem; text-align: left; } }

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

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

.c-menu.is-open { bottom: 59px !important; display: block !important; top: auto !important; } }

.c-menu__title { background: #fff; border: 2px solid #000; border-radius: 22px; color: #000; 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; transition: opacity .3s; }

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

.c-menu__item a.is-current { color: #225cff; position: relative; }

.c-menu__close { cursor: pointer; }

.c-menu.is-closed { display: none !important; }

.c-menu-2 { animation-duration: .5s; background-color: #225cff; 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 !important; } }

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

.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; }

.c-spMenu.is-active { opacity: 1 !important; transform: translateY(0) !important; visibility: visible !important; z-index: 999 !important; } }

.backBtn { margin-block: 64px; }

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

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

.c-topBnr__inner { background-color: #225cff; }

.carouseSWPanelList .swiper-slide, .nonCarouseSWPanelList .swiper-slide { max-width: 378px; }

.pagePannel { border: none; }

.pagePannel__img { border-top-left-radius: 15px; border-top-right-radius: 15px; }

.swiper-slide .backBtn { margin-top: 3px; }

.articleCarousel .swiper-pagination-bullets { bottom: 30px; }

@media (max-width: 1023px) { .articleCarousel .swiper-container { margin-top: 30px; } }

@media (max-width: 1023px) { #lyb-footer .lyb-fixed-pagetop { z-index: 100; } }

.swiper { display: none; }

@media (max-width: 1023px) { .swiper { display: block; } }

.swiper-wrapper { -webkit-transition-timing-function: linear; transition-timing-function: linear; }

.swiper-slide img { height: 126px !important; width: auto !important; }

.l-breadcrumb-sp__list>li>a { font-family: "LINESeedJPStd Regular", sans-serif !important; }

.l-breadcrumb-sp__list>li:last-child { font-family: "LINESeedJPStd Bold", sans-serif !important; }

/* 追記 */
.c-btnE2 { background-color: #3873f5; border: 2px solid #fff; border-radius: 36px; box-shadow: 0 6px 15px rgba(0, 0, 0, .16); padding-block: 18px 15px; text-align: center; width: 354px; }

@media (max-width: 1023px) { .c-btnE2 { max-width: 310px; width: 100%; } }

.c-btnE2__txt { font-size: 2.1rem; font-weight: 700; letter-spacing: .06em; line-height: 1.4285714286; }

@media (max-width: 1023px) { .c-btnE2__txt { font-size: 1.8rem; } }

@media (hover: hover) and (pointer: fine) { .c-btnE2 { transition: opacity .3s ease-out; }

.c-btnE2:hover { background-color: #3873f5; opacity: .8; }

.c-btnE2:hover .c-btnE2__txt { color: #fff; } }

.c-kvE1__btn { text-align: center; }

.c-btn__txt { margin: 18px auto 0; }

.c-btn__txt span { color: #fff; font-family: "LINESeedJPStd Bold"; font-size: 1.4rem; font-weight: 600; letter-spacing: .06em; padding-bottom: 2px; position: relative; transition: opacity .3s ease-out; }

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

.c-btn__txt:hover span { opacity: .7; text-decoration: none; }

.c-btn__txt span:after { background: #fff; bottom: 0; content: ""; display: inline-block; height: 1px; left: 0; position: absolute; width: 100%; }

.ctaBlock__linkArea { align-items: flex-end; }

.ctaBlock__linkArea--btn { align-items: center; display: flex; flex-direction: column; }

.ctaArea__item { align-items: center; display: flex; flex-direction: column; width: 370px; }

@media (max-width: 1023px) { .ctaArea { padding: 38px 20px 42px; }

.ctaArea__item { width: 100%; } }

.campaignBlock { color: #fff; font-size: 1.4rem; }

@media (max-width: 1023px) { .campaignBlock { color: #fff; font-size: 1.1rem; letter-spacing: -.04em; margin-bottom: 8px; } }

.campaignBlock__link { border: none !important; color: #fff; display: inline !important; font-size: 1.5rem !important; text-decoration: underline; }

@media (max-width: 1023px) { .campaignBlock__link { font-size: 1.2rem !important; } }

.campaignBlock__link:hover { text-decoration: none; }

#lyb-footer .lyb-fixed-pagetop { z-index: 100; }

.counseling__item { width: 100%; }

.counseling .backBtn__red { margin-top: 30px; }

/*6万円CP*/
.promotion-link { align-items: center; color: #fff; column-gap: 4px; display: flex; font-size: 1.3rem; justify-content: center; line-height: 1.4; margin-top: 10px; text-align: center; }

.promotion-link a { border: none; color: #fff; display: inline-block; font-family: "LINESeedJPStd Bold", sans-serif; font-size: 1.4rem; height: auto; min-height: auto; width: auto; }

.promotion-link a:hover { opacity: .7; }

.promotion-link:before { content: "＼"; font-family: "LINESeedJPStd Bold", sans-serif; font-size: 1.6rem; }

.promotion-link:after { content: "／"; font-family: "LINESeedJPStd Bold", sans-serif; font-size: 1.6rem; }

.c-section-bnr { margin-top: 40px; width: 100%; }

.c-section-bnr img { width: 100%; }

@media (hover: hover) and (pointer: fine) and (hover: hover) and (pointer: fine) { .c-section-bnr__link { transition: opacity 300ms; }

.c-section-bnr__link:hover { opacity: .8; } }

@media screen and (min-width: 1024px) { .sp-menu-wrap .assist-nav__signup { display: block !important; opacity: 1 !important; } }

@media screen and (max-width: 1023px) { #lyb-footer .lyb-fixed-pagetop { display: none !important; }

.signup-img { max-width: 700px; width: 100%; } }

.floatButton { -webkit-animation-duration: .5s; animation-duration: .5s; bottom: 10px; display: none; position: fixed; right: 90px; z-index: 999; }

.floatButton__link { transition: opacity .3s ease-out; }

.floatButton__link:hover { opacity: .7; }

.floatButton__link img { max-width: 200px; width: 100%; }

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

.floatButton.is-visible { display: block; opacity: 1; pointer-events: auto; transition: opacity .3s ease; }
@media screen and (max-width: 1023px) { .floatButton__link { display: none; } }

.price { margin-top: 80px; }

@media screen and (max-width: 1023px) { .price { margin-top: 40px; } }

.c-topBnr__inner { align-items: center; background: #0020cb; display: flex; height: 55px; justify-content: center; }

@media screen and (max-width: 1023px) { .c-topBnr__inner { align-items: center; height: 50px; }

.c-topBnr__inner a { text-align: center; width: 100%; } }

@media screen and (max-width: 1023px) { .c-topBnr__inner img { height: 50px; width: auto; } }

@media screen and (min-width: 1024px) { .pc-only { display: inline-block; } }

.ctaBlock__contact:before, .ctaArea__contact:before { display: none; }

.c-amazonCampaign { margin-top: 40px; }

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

.c-amazonCampaign__txt span { color: #c9002f; }

.c-amazonCampaign__notes { font-family: "LINESeedJPStd Regular", sans-serif; font-size: 1.5rem; }

.c-amazonCampaign__notes::before { content: "※"; }

.pageTxt { color: #c80000; font-size: 1.2rem; margin-top: 12px; }

.tabBlock__body--itemTxt { text-align: left; }

.c-campaign__paypay-bnr { margin-bottom: 40px; margin-inline: auto; margin-top: 72px; max-width: 900px; text-align: center; }

@media (max-width: 1023px) { .c-campaign__paypay-bnr { margin: 5px 20px; } }
.c-campaign__paypay-bnr a { transition: opacity .3s ease-out; }

.c-campaign__paypay-bnr a:hover { opacity: .7; }
.p-sa-kv__breadcrumb-list a { font-family: "LINESeedJPStd Regular"; }
.c-menu { z-index: 20 !important; }
.p-sa-support { padding: 80px 0 20px !important; }
.p-sa-price { padding: 80px 0 20px !important; }
.p-flow { padding: 80px 0 20px !important; }
.p-support { padding: 80px 0 20px !important; }
.p-contents--2 { padding: 80px 0 20px !important; }
@media screen and (max-width: 1023px) { .p-sa-kv__dl-link { padding-left: 10px !important; } }
.pagePannel { border: 1px solid #d6d9e0 !important; }
.pagePannel__img { border-top-left-radius: 6px !important; border-top-right-radius: 6px !important; }
.articleCarousel .swiper-pagination-bullets { bottom: 0 !important; }
@media screen and (max-width: 1023px) { .p-sa-feature__scroll-card { box-shadow: 5px 5px 5px rgba(0, 0, 0, .04) !important; } }
@media screen and (max-width: 1023px) { .p-sa-kv__btn { box-shadow: 0 4px 20px 0 rgba(247, 121, 18, .15); } }
@media screen and (max-width: 1023px) { .sp-menu-wrap .assist-nav__signup.is-visible { display: list-item; } }
@media screen and (max-width: 1023px) { .sp-menu-wrap--clone p { display: none; }
.sp-menu-wrap--clone .assist-nav__login { display: none; }
.sp-menu-wrap--clone { background-color: unset; }
.sp-menu-wrap--clone>ul { margin: 5px; } }
@media screen and (max-width: 1023px) { .sp-menu-wrap--clone .assist-nav__signup a { background: none; border: none; font-size: 0; height: auto; } }
.l-breadcrumb-sp__list>li:last-child { font-family: "LINESeedJPStd Regular" !important; }
.p-contents__card-img img { transform: scale(1.001); -webkit-transition: all .4s ease; transition: all .4s ease; }
.p-contents__card:hover .p-contents__card-img img { transform: scale(1.05); }