@charset "UTF-8";
/* Reset.css */
body { color: #333; font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "a-otf-ud-shin-go-pr6n", "meiryo", sans-serif; -webkit-text-size-adjust: 100%; }

.clearfix:after { clear: both; content: ""; display: block; }

/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, main, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { border: 0; font: inherit; font-size: 100%; margin: 0; padding: 0; vertical-align: baseline; }

body { line-height: 1.6; }

ol, ul { list-style: none; }

a { text-decoration: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

img { height: auto; width: 100%; }

:root { --color-black: #000; --color-blue: #f3f7ff; --color-blue-1: #f3f7ff; --color-blue-2: #225cff; --color-gray: #aaa; --color-gray-2: #f7f7f7; --color-green: #06c755; --color-red: #f03; --color-white: #fff; --design-width: 1440px; --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; }

body { font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "a-otf-ud-shin-go-pr6n", "meiryo", sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

html { scroll-behavior: smooth; }

img { height: auto; max-width: 100%; width: auto; }

/* ---------------------------------------------
*  l-h2title
--------------------------------------------- */
.l-h2title { color: var(--color-black); font-family: var(--ff-ls-b); font-size: 2rem; }
@media (max-width: 1023px) { .l-h2title { font-size: 1.5rem; line-height: 1.3333333333; } }
.l-h2title { line-height: 1.8125; text-align: center; }
@media (max-width: 1023px) { .l-h2title-circle span { padding-left: 0; } }
.l-h2title-circle span { padding-left: 26px; position: relative; }
.l-h2title-circle span::before { background: var(--color-red); border-radius: 50%; content: ""; height: 10px; }
@media (max-width: 1023px) { .l-h2title-circle span::before { display: none; } }
.l-h2title-circle span::before { left: 0; position: absolute; top: 50%; transform: translateY(-50%); width: 10px; }
.l-h2title-left { text-align: left; }

/* ---------------------------------------------
*  l-contents
--------------------------------------------- */
@media (max-width: 1023px) { .l-contents { padding-inline: 2.6666666667%; } }
.l-contents { padding-inline: 1.3888888889%; }
.l-contents__inner { margin-inline: auto; max-width: 1200px; }

/* ---------------------------------------------
*  main
--------------------------------------------- */
.l-main { overflow: hidden; position: relative; }
.l-main:before { background: url(/sites/default/files/media/jp/service/yahoo-ads/displayads-auc/lp/expandreach/img/img_bg-1.png) center center no-repeat; background-size: contain; content: ""; height: 312px; }
@media (max-width: 1023px) { .l-main:before { display: none; } }
.l-main:before { position: absolute; right: -330px; top: 1317px; width: 587px; z-index: 2; }

/* ---------------------------------------------
*  header
--------------------------------------------- */
.l-header { box-sizing: border-box; left: 50%; overflow: hidden; padding-block: 12px; position: fixed; top: 0; transform: translateX(-50%); transition: background-color .1s ease-out, transform .1s ease-out; width: 100%; z-index: 10; }
@media (max-width: 1023px) { .l-header { background: var(--color-white); border-radius: 0; box-shadow: 0 6px 6px 0 rgba(0, 0, 0, .16); height: 47px; left: 0; overflow: visible; padding-block: 0; top: 0; transform: none; width: 100%; } }
.l-header.bgWhite { background: var(--color-white); }
.l-header__logo { line-height: 1; }
@media (max-width: 1023px) { .l-header__logo img { max-width: 61px; width: 100%; } }
.l-header-container { align-items: center; display: flex; height: 44px; justify-content: space-between; padding-inline: 3.75% 5.3472222222%; }
@media (max-width: 1023px) { .l-header-container { height: 47px; padding-inline: 3.7333333333% 1.6%; } }
@media (max-width: 1023px) { .l-header-logo img { max-width: 80px; width: 100%; } }
.l-header-menu { max-width: 1040px; width: 100%; }
@media (max-width: 1023px) { .l-header-menu { inset: 50px 0 calc(100% - 50px); overflow-y: auto; overscroll-behavior-y: none; position: fixed; scrollbar-width: none; transition: bottom .3s, visibility .3s; visibility: hidden; } }
.l-header-nav { align-items: center; display: flex; gap: 5.56%; justify-content: space-between; }
@media (max-width: 1023px) { .l-header-nav { flex-direction: column; gap: 0; } }
.l-header-nav__item { position: relative; }
@media (max-width: 1023px) { .l-header-nav__item { border-bottom: 1px solid #dbdbdb; width: 100%; } }
@media (max-width: 1023px) { .l-header-nav__item:after { border-right: 1px solid var(--color-white); border-top: 1px solid var(--color-white); content: ""; display: inline-block; height: 4px; position: absolute; right: 32px; top: 46%; transform: rotate(45deg) translateY(-50%); width: 4px; } }
@media (min-width: 1024px) { .l-header-nav__item-2 .l-header-nav__link { font-size: min(13px, .9027777778vw); } }
.l-header-nav__list { align-items: center; display: flex; gap: min(24px, 1.6666666667vw); }
@media (max-width: 1023px) { .l-header-nav__list { align-items: flex-start; flex-direction: column; gap: 0; width: 100%; } }
.l-header-nav__link { color: var(--color-black); display: block; font-family: var(--ff-ls-b); font-size: .8125rem; line-height: 1.6153846154; position: relative; }
@media (max-width: 1023px) { .l-header-nav__link { padding: 14px 20px 13px 22px; } }
.l-header-nav__link-sp { display: none; }
@media (max-width: 1023px) { .l-header-nav__link-sp { align-items: center; background: var(--color-blue-2); border-radius: 22px; color: var(--color-white); display: flex; font-family: var(--ff-ls-b); font-size: .625rem; justify-content: center; line-height: 1.7; margin-left: auto; padding: 5px 13px; } }
.l-header-nav__link:hover { opacity: .7; }
.l-header-nav__link-2 { align-items: center; background: var(--color-blue-2); border-radius: 30px; color: var(--color-white); display: flex; font-family: var(--ff-ls-b); font-size: min(14px, .9722222222vw); height: 44px; justify-content: center; width: 232px; }

@media screen and (min-width: 1024px) { .l-header.bgWhite { background: var(--color-white); box-shadow: 0 6px 6px 0 rgba(0, 0, 0, .16); top: 0; } }
@media screen and (max-width: 1200px) { .l-header-menu::-webkit-scrollbar { display: none; } }
.l-header-nav__list-2, .l-header-nav__list-2 .l-header-nav__item { flex: 0 0 auto; }

@media (max-width: 1023px) { .l-header-nav__list-2 .l-header-nav__item:nth-of-type(2) { display: none; } }

/*  l-header-menu
    --------------------------------------------- */
@media screen and (min-width: 1024px) { .l-header-menu { display: block !important; padding-inline: 8px 10px; } }
@media (max-width: 1023px) { .l-header-menu { inset: 40px 0 calc(100% - 50px); overflow-y: auto; overscroll-behavior-y: none; position: fixed; scrollbar-width: none; transition: bottom .3s, visibility .3s; visibility: hidden; }
.l-header-menu::-webkit-scrollbar { display: none; }
.is-menu-opened .l-header { background: var(--color-white); }
.is-menu-opened .l-header-menu { bottom: 0; top: 40px; visibility: visible; } }
@media (max-width: 1023px) { .l-header-menu__container { background-color: var(--color-white); box-shadow: 0 3px 6px rgba(0, 0, 0, .16); box-sizing: border-box; height: auto; overflow-y: auto; padding: 0 15px 30px; }
.is-animating .l-header-menu__container { scrollbar-width: none; top: 0; }
.is-animating .l-header-menu__container::-webkit-scrollbar { display: none; } }
/*  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 (max-width: 1023px) { .l-header-menu-button { animation: fadeAnim .3s forwards; display: block; margin: 5px 0 3px 8px; opacity: 0; padding: 0; width: 33px; } }
.l-header-menu-button::after { bottom: 0; color: #00003e; content: normal; font-size: 10px; left: 50%; line-height: 1; position: absolute; text-align: center; transform: translateX(-50%); white-space: nowrap; width: 100%; }

@media (max-width: 1023px) { .l-header-menu-button::after { animation: rotateAnim1 .3s forwards; } }
@media (max-width: 1023px) { .is-menu-opened .l-header-menu-button::after { animation: rotateAnim2 .3s forwards; } }
@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: 12px; margin-inline: auto; position: relative; width: 17px; }

.l-header-menu-button__txt { color: var(--color-black); display: inline-block; font-family: var(--ff-ls-b); font-size: .5rem; line-height: 1; margin-top: 4px; }

.is-menu-opened .l-header-menu-button__txt-1 { display: none; }

.l-header-menu-button__txt-2 { display: none; }

.is-menu-opened .l-header-menu-button__txt-2 { display: inline-block; }

.l-header-menu-button__line { background-color: var(--color-black); 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); }

.l-header__login-link { align-items: center; background-color: #e4e8f0; color: #000048; display: flex; flex-direction: column; font-family: "LINESeedJPStd Bold"; font-size: .625rem; height: 72px; justify-content: center; line-height: 1; position: absolute; right: 0; text-decoration: none; top: 0; transition: all .2s var(--transition-default); width: 63px; }

.l-header__login-link::before { align-items: center; background: url(/sites/default/files/media/jp/img/common/icon_login.svg) center center no-repeat; background-size: contain; content: ""; display: flex; height: 20px; justify-content: center; line-height: 1; margin-bottom: 6px; margin-right: 3px; width: 23px; }

.l-header__login-link:hover { opacity: .8; text-decoration: none; }

@media (max-width: 1023px) { .l-header__login-link { display: none; } }
@media (min-width: 1024px) { .l-header-nav__list-2 .l-header-nav__ebook a { align-items: center; background: #fff; border: 2px solid #000; border-radius: 30px; display: flex; height: 40px; justify-content: center; line-height: 1; padding-inline: 17px; }
.l-header-nav__list-2 { gap: 10px; } }
/* ---------------------------------------------
*  KV
--------------------------------------------- */
.c-kv { height: 720px; }

.c-kv { padding-inline: 20px; padding-top: 17px; position: relative; }
@media (max-width: 1023px) { .c-kv { height: 590px; padding-inline: 8px; padding-top: 49px; } }
.c-kv__bg { overflow: hidden; position: relative; }
.c-kv__bg::before { background: url(/sites/default/files/media/jp/service/yahoo-ads/displayads-auc/lp/expandreach/img/bg_kv_2.png) center center no-repeat; background-size: contain; bottom: 0; content: ""; }
.c-kv__bg::before { inset: 0; left: 50%; position: absolute; transform: translateX(-50%); width: 1773px; z-index: 0; }
@media (max-width: 1023px) { .c-kv__bg::before { background: url(/sites/default/files/media/jp/service/yahoo-ads/displayads-auc/lp/expandreach/img/bg_kv_2_sp.png) center center no-repeat; background-size: contain; height: 338px; left: unset; opacity: .5; right: -90px; top: 170px; transform: unset; width: 720px; } }
.c-kv__bg:after { background-image: linear-gradient(180deg, rgb(255, 255, 255), rgba(255, 255, 255, 0)); content: ""; inset: 0; position: absolute; width: 100%; z-index: 0; }
.c-kv__bg--img { aspect-ratio: 1/1; border-radius: 29px; height: 720px; }
.c-kv__bg--img { -o-object-fit: cover; object-fit: cover; width: 100%; }
@media (max-width: 1023px) { .c-kv__bg--img { height: 590px; } }
.c-kv__inner { align-items: center; bottom: 0; display: flex; flex-direction: column; }
.c-kv__inner { left: 50%; max-width: 1148px; position: absolute; transform: translateX(-50%); width: 100%; }
@media (max-width: 1023px) { .c-kv__inner { height: 590px; } }
.c-kv__h1title { max-width: 658px; width: 100%; }
@media (max-width: 1023px) { .c-kv__h1title { margin-top: 35px; text-align: center; } }
.c-kv__btn { margin-top: 40px; }
@media (max-width: 1023px) { .c-kv__btn { margin-top: 24px; } }
.c-kv__ui { margin-top: 42px; }
@media (max-width: 1023px) { .c-kv__ui { margin-top: 34px; } }

.c-kv__ui img { max-width: 1148px; width: 100%; }
@media (max-width: 1023px) { .c-kv__ui img { max-width: 344px; } }
.c-kv__link { align-items: center; background: var(--color-blue-2); border: 3px solid var(--color-white); border-radius: 40px; box-shadow: 0 10px 10px 0 rgba(34, 92, 255, .15); color: var(--color-white); display: flex; font-family: var(--ff-ls-b); font-size: 1.125rem; justify-content: center; padding: 13px 46px 12px; transition: opacity .3s ease-out; }
.c-kv__link:hover { opacity: .8; }

/* ---------------------------------------------
*   c-scroll
--------------------------------------------- */
.c-scroll { bottom: -40px; }
@media (max-width: 1023px) { .c-scroll { display: none; } }
.c-scroll { left: 3.75%; position: absolute; }

.c-scroll___txt { color: var(--color-black); font-family: var(--ff-ls-b); font-size: .75rem; text-align: center; text-orientation: mixed; writing-mode: vertical-rl; }

.c-scroll__down { background: #8d8d8d; height: 89px; margin: 10px auto 0; width: 2px; }

@media (max-width: 1023px) { .c-scroll__down { height: 46px; width: 1px; } }
.c-scroll__down-inner { animation: scrollDown 3s ease infinite; background: var(--color-black); height: 89px; margin: 0 auto; width: 2px; }

@media (max-width: 1023px) { .c-scroll__down-inner { height: 46px; width: 1px; } }
@keyframes scrollDown { 0% { transform: scaleY(0); transform-origin: top; }
45% { transform: scaleY(1); transform-origin: top; }
55% { transform: scaleY(1); transform-origin: bottom; }
100% { transform: scaleY(0); transform-origin: bottom; } }
/* ---------------------------------------------
*  集客・認知獲得
--------------------------------------------- */
@media (max-width: 1023px) { .c-prolog { padding-top: 24px; } }
.c-prolog { padding-inline: 1.3888888889%; padding-top: 56px; position: relative; }
.c-prolog::after { background: url(/sites/default/files/media/jp/service/yahoo-ads/displayads-auc/lp/expandreach/img/bg_c-prolog.png) top center repeat-y; bottom: 0; content: ""; height: 392px; }
@media (max-width: 1023px) { .c-prolog::after { background: url(/sites/default/files/media/jp/service/yahoo-ads/displayads-auc/lp/expandreach/img/bg_c-prolog_sp.png) top center no-repeat; background-size: cover; height: 664px; width: 100%; } }
.c-prolog::after { left: 50%; position: absolute; transform: translateX(-50%); width: 100%; z-index: 0; }
.c-prolog__inner { margin-inline: auto; max-width: 1200px; position: relative; z-index: 1; }
.c-prolog__list { display: flex; gap: 1.0416666667%; }
@media (max-width: 1023px) { .c-prolog__list { flex-direction: column; gap: 16px; margin-top: 24px; } }
.c-prolog__list { justify-content: center; margin-block: 32px; }
.c-prolog__item { background: var(--color-white); border-radius: 20px; box-shadow: 0 3px 50px 0 rgba(0, 0, 0, .07); flex: 1; }
@media (max-width: 1023px) { .c-prolog__item { border-radius: 10px; padding: 21px 26px; } }
.c-prolog__item { padding: 40px 36px; }
.c-prolog__desc { background: rgba(34, 92, 255, .1); border-radius: 4px; color: var(--color-blue-2); font-family: var(--ff-ls-b); font-size: .875rem; padding: 3px 13px; }
.c-prolog__txt { font-family: var(--ff-ls-b); font-size: 1.1875rem; }
@media (max-width: 1023px) { .c-prolog__txt { font-size: 1.25rem; margin-top: 8px; } }
.c-prolog__txt { letter-spacing: .02em; line-height: 1.6; margin-top: 13px; }
@media (max-width: 1023px) { .c-prolog__list-2 { margin-top: 10px; } }
.c-prolog__list-2 { margin-top: 20px; }
.c-prolog__item-2 { font-family: var(--ff-ls-b); font-size: .9375rem; }
@media (max-width: 1023px) { .c-prolog__item-2 { font-family: var(--ff-ls-m); } }
.c-prolog__item-2 { letter-spacing: .05em; padding-left: 15px; position: relative; }
.c-prolog__item-2::before { background: var(--color-blue-2); border-radius: 50%; content: ""; height: 7px; }
@media (max-width: 1023px) { .c-prolog__item-2::before { top: 8px; } }
.c-prolog__item-2::before { left: 0; position: absolute; top: 7px; width: 7px; }
.c-prolog__item-2+.c-prolog__item-2 { margin-top: 10px; }
.c-prolog img { display: block; }
.c-prolog img { margin-inline: auto; max-width: 1035px; width: 100%; }
@media (max-width: 1023px) { .c-prolog img { max-width: 300px; } }

/* ---------------------------------------------
*  ３つの強み
--------------------------------------------- */
.c-strength { overflow: hidden; padding-top: 80px; position: relative; }
@media (max-width: 1023px) { .c-strength { padding-top: 40px; } }

@media (max-width: 1023px) { .c-strength::before { background: url(/sites/default/files/media/jp/service/yahoo-ads/displayads-auc/lp/expandreach/img/img_bg-2_sp.png) center center no-repeat; background-size: contain; content: ""; height: 126px; left: -164px; position: absolute; top: 55px; width: 268px; z-index: 2; } }
.c-strength__list {display: grid; grid-column-gap: 24px; grid-row-gap: 24px; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, auto); margin-top: 40px;  }
@media (max-width: 1023px) { .c-strength__list { grid-row-gap: 32px; grid-template-columns: 1fr; grid-template-rows: repeat(3, auto); margin-top: 25px; } }

.c-strength__item {background: var(--color-white); border-radius: 20px; box-shadow: 0 3px 50px 0 rgba(0, 0, 0, .07); overflow: hidden; padding: 38px 36px 30px; position: relative;  }
@media (max-width: 1023px) { .c-strength__item { padding: 24px 19px 19px; } }
.c-strength__item--img { position: absolute; right: 0; top: 0; }
.c-strength__item-1 { padding-bottom: 0; }
.c-strength__item-2--img { margin-top: 56px; max-width: 527px; width: 100%; }
.c-strength__h3title { font-family: var(--ff-ls-b); font-size: 1.5rem; }
.c-strength__h3title { letter-spacing: .02em; line-height: 1.4583333333; }
.c-strength__txt { font-family: var(--ff-ls-m); font-size: .875rem; letter-spacing: .03em; line-height: 1.8571428571; margin-top: 16px; }
.c-strength__ui { animation: marquee 25s linear infinite; bottom: -77px; display: flex; gap: 40px; }
.c-strength__ui { position: absolute; transform: translate3d(0, 0, 0); width: -moz-max-content; width: max-content; will-change: transform; }
.c-strength__ui img {display: block; flex: 0 0 auto; width: 154px;  }
.c-strength__ui-2 { animation-delay: -10s; }
.c-strength__list-2 { display: flex; gap: 1.1111111111%; }
.c-strength__list-2 { justify-content: center; margin-top: 30px; }
.c-strength__item-4 { align-items: center; border-radius: 7px; display: flex; flex: 1; flex-direction: column; }
.c-strength__item-4 { padding: 28px 38px; }
.c-strength__item-4 img { margin-top: 52px; }
.c-strength__item-4--left { background: url(/sites/default/files/media/jp/service/yahoo-ads/displayads-auc/lp/expandreach/img/bg_c-strength__item-2.png) center center no-repeat; background-size: cover; }
.c-strength__item-4--right { background: rgba(34, 92, 255, .04); }
.c-strength__h4title { font-family: var(--ff-ls-b); font-size: 1.25rem; letter-spacing: .05em; line-height: 1.6; padding-left: 15px; position: relative; text-align: left; width: 100%; }
.c-strength__h4title::before { background: var(--color-black); border-radius: 50%; content: ""; height: 7px; left: 0; position: absolute; top: 50%; transform: translateY(-50%); width: 7px; }
.c-strength__h4title-white { color: var(--color-white); }
.c-strength__h4title-white::before { background: var(--color-white); }
.c-strength__txt-white { color: var(--color-white); }

@media (min-width: 1024px) { .c-strength__item-1 { grid-area: 1/1/2/2; } }
@media (min-width: 1024px) { .c-strength__item-2 { grid-area: 1/2/2/3; } }
@media (max-width: 1023px) { .c-strength__item-2--img { display: block; margin-inline: auto; margin-top: 30px; } }
@media (min-width: 1024px) { .c-strength__item-3 { grid-area: 2/1/3/3; } }
@media (max-width: 1023px) { .c-strength__h3title { font-size: 1.25rem; } }
@media (max-width: 1023px) { .c-strength__ui { bottom: -20px; gap: 22px; } }
@media (max-width: 1023px) { .c-strength__ui img { width: 98px; } }
@media (max-width: 1023px) { .c-strength__list-2 { flex-direction: column; grid-gap: 24px; } }
@media (max-width: 1023px) { .c-strength__item-4 { padding: 24px 29px; } }
@media (min-width: 1024px) { .c-strength__item-4 .c-strength__txt { min-height: 78px; } }
@media (max-width: 1023px) { .c-strength__item-4 .c-strength__txt { margin-top: 8px; } }
@media (max-width: 1023px) { .c-strength__item-4 img { margin-top: 12px; max-width: 275px; width: 100%; } }
@keyframes marquee { from { transform: translate3d(0, 0, 0); }
to { transform: translate3d(-50%, 0, 0); } }
.splide__list { height: auto; }

.splide-wrapper { margin-bottom: -80px; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); margin-top: 80px; width: 100vw; }
@media (max-width: 1023px) { .splide-wrapper { margin-bottom: -22px; margin-top: 40px; } }

.splide__slide img { height: auto; max-width: 154px; -o-object-fit: contain; object-fit: contain; width: 100%; }
@media (max-width: 1023px) { .splide__slide img { max-width: 97px; } }

/* ---------------------------------------------
*  みんなが使うLINEとも連携可能
--------------------------------------------- */
.c-line-integration { background: url(/sites/default/files/media/jp/service/yahoo-ads/displayads-auc/lp/expandreach/img/bg_c-line-integration.svg) bottom center repeat-x; background-size: contain; overflow: hidden; padding-block: 80px 83px; position: relative; }
@media (max-width: 1023px) { .c-line-integration { padding-block: 50px 102px; } }
@media (max-width: 1023px) { .c-line-integration:before { background: url(/sites/default/files/media/jp/service/yahoo-ads/displayads-auc/lp/expandreach/img/img_c-line-integration_sp.png) center center no-repeat; background-size: contain; bottom: 10px; content: ""; height: 115px; left: unset; position: absolute; right: -100px; width: 292px; z-index: 1; } }
.c-line-integration .l-contents__inner { position: relative; }
.c-line-integration .l-contents__inner:before { background: url(/sites/default/files/media/jp/service/yahoo-ads/displayads-auc/lp/expandreach/img/img_c-line-integration.png) center center no-repeat; background-size: contain; bottom: -100px; content: ""; height: 226px; position: absolute; right: 75.5%; width: 630px; z-index: 2; }
@media (max-width: 1023px) { .c-line-integration .l-contents__inner:before { display: none; } }
.c-line-integration__title { align-items: center; display: flex; flex-direction: column; gap: 2px; justify-content: center; }
.c-line-integration__h2title { font-family: var(--ff-ls-b); font-size: 1.75rem; letter-spacing: .02em; line-height: 1.25; text-align: center; }
.c-line-integration__h2title-green { color: var(--color-green); font-family: var(--ff-ls-eb); font-size: 2.25rem; }
.c-line-integration__list { align-items: start; display: grid; gap: 24px; grid-template-columns: 1fr 1fr; margin-top: 35px; }
@media (max-width: 1023px) { .c-line-integration__list { gap: 10px; grid-template-columns: 1fr; } }
.c-line-integration__item { border-radius: 20px; position: relative; }
.c-line-integration__item:after { color: rgba(0, 0, 0, .05); font-family: var(--ff-ls-b); font-size: 4.8125rem; line-height: 1.7012987013; position: absolute; right: 25px; top: 0; }
@media (max-width: 1023px) { .c-line-integration__item:after { right: 0; top: -15px; } }
.c-line-integration__item img { display: block; }
.c-line-integration__right-list { display: grid; gap: 24px; }
@media (max-width: 1023px) { .c-line-integration__right-list { gap: 10px; } }
.c-line-integration__item-1 { background: var(--color-green); padding: 34px 60px 50px 48px; }
@media (max-width: 1023px) { .c-line-integration__item-1 { padding: 40px 23px; } }
.c-line-integration__item-1 .c-line-integration__h3title { color: var(--color-white); }
.c-line-integration__item-1 .c-line-integration__txt { color: var(--color-white); }
.c-line-integration__item-1 img { margin-inline: auto; margin-top: 42px; }
@media (max-width: 1023px) { .c-line-integration__item-1 img { margin-inline: auto; margin-top: 24px; max-width: 355px; width: 100%; } }
.c-line-integration__item-1:after { content: "01"; }
.c-line-integration__item-2 { background: var(--color-white); box-shadow: 0 3px 50px 0 rgba(0, 0, 0, .07); padding: 34px 80px 0 48px; }
@media (max-width: 1023px) { .c-line-integration__item-2 { padding: 40px 23px 0; } }
.c-line-integration__item-2 img { max-width: 102px; width: 100%; }
@media (max-width: 1023px) { .c-line-integration__item-2 img { margin-inline: auto; margin-top: 24px; } }
.c-line-integration__item-2:after { content: "02"; }
.c-line-integration__item-3 { background: var(--color-white); box-shadow: 0 3px 50px 0 rgba(0, 0, 0, .07); padding: 34px 46px 30px 48px; }
@media (max-width: 1023px) { .c-line-integration__item-3 { padding: 40px 23px; } }
.c-line-integration__item-3:after { content: "03"; }
.c-line-integration__item-3 img { display: block; margin-inline: auto; margin-top: 40px; max-width: 493px; width: 100%; }
@media (max-width: 1023px) { .c-line-integration__item-3 img { margin-inline: auto; margin-top: 24px; max-width: 273px; width: 100%; } }
.c-line-integration__h3title { font-family: var(--ff-ls-b); font-size: 1.5rem; letter-spacing: .02em; line-height: 1.3333333333; text-align: left; }
.c-line-integration__txt { font-family: var(--ff-ls-b); font-size: .875rem; letter-spacing: .03em; line-height: 1.7857142857; margin-top: 14px; text-align: left; }
.c-line-integration__txt sup { font-size: .625rem; vertical-align: top; }
.c-line-integration__flex { display: flex; gap: 35px; margin-top: 11px; }
@media (max-width: 1023px) { .c-line-integration__flex { flex-direction: column; } }
.c-line-integration__flex .c-line-integration__txt { margin-top: 0; }
.c-line-integration__notes { align-items: flex-start; color: var(--color-white); -moz-column-gap: 4px; column-gap: 4px; display: flex; font-family: var(--ff-ls-m); font-size: .75rem; margin-top: 6px; }
@media (max-width: 1023px) { .c-line-integration__notes { font-size: .625rem; } }
.c-line-integration__notes:before { content: "※"; }

/* ---------------------------------------------
*  ディスプレイ広告の導入効果
--------------------------------------------- */
.c-display-effects { padding-top: 80px; }
.c-display-effects__list { display: flex; gap: 1.0416666667%; justify-content: center; margin-top: 40px; }
@media (max-width: 1023px) { .c-display-effects__list { display: grid; grid-column-gap: 8px; grid-row-gap: 10px; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, auto); margin-top: 24px; } }
.c-display-effects__item { align-items: center; background: var(--color-blue); border-radius: 20px; display: flex; flex-direction: column; justify-content: center; padding: 32px 36px; }
.c-display-effects__title { text-align: center; }
.c-display-effects__contents { text-align: center; }
@media (max-width: 1023px) { .c-display-effects__item-1 { flex-direction: row; gap: 8%; grid-area: 1/1/2/3; justify-content: flex-start; padding: 16px 20px 16px 36px; } }
@media (max-width: 1023px) { .c-display-effects__item-2 { grid-area: 2/1/3/2; justify-content: space-between; padding: 17px 12px; } }
@media (max-width: 1023px) { .c-display-effects__item-3 { grid-area: 2/2/3/3; justify-content: space-between; padding: 17px 12px; } }
@media (max-width: 1023px) { .c-display-effects__title { max-width: 68px; width: 100%; } }

.c-display-effects__label { color: var(--color-black); font-family: var(--ff-ls-b); font-size: 1.25rem; line-height: 1.15; }
@media (max-width: 1023px) { .c-display-effects__label { font-size: .875rem; } }
.c-display-effects__value { color: var(--color-blue-2); font-family: var(--ff-ls-b); font-size: 5.8125rem; line-height: 1.2717391304; }
@media (max-width: 1023px) { .c-display-effects__value { font-size: 3.5625rem; } }
.c-display-effects__unit { font-size: 3.3125rem; }
@media (max-width: 1023px) { .c-display-effects__unit { font-size: 1.75rem; } }
.c-display-effects__txt { font-family: var(--ff-ls-m); font-size: .875rem; letter-spacing: .03em; text-align: left; }
@media (max-width: 1023px) { .c-display-effects__txt { font-size: .75rem; } }
.c-display-effects__company { color: rgba(0, 0, 0, .4); font-size: .875rem; margin-top: 32px; text-align: right; }
@media (max-width: 1023px) { .c-display-effects__company { font-size: .75rem; margin-top: 2px; text-align: right; width: 100%; } }

/* ---------------------------------------------
*  CTA
--------------------------------------------- */
.c-cta { margin-top: 80px; }
.c-cta__inner { display: flex; }
.c-cta__inner { justify-content: center; }
@media (max-width: 1023px) { .c-cta__inner { flex-direction: column; } }
.c-cta__txtBlock { background: var(--color-black); display: flex; justify-content: end; width: 50%; z-index: 2; }
@media (max-width: 1023px) { .c-cta__txtBlock { width: 100%; } }
.c-cta__txtBlock--inner { align-items: flex-start; display: flex; flex-direction: column; max-width: 560px; padding: 104px 6.94% 103px 13.89%; }
@media (max-width: 1023px) { .c-cta__txtBlock--inner { padding: 32px 30px; } }
.c-cta__imgBlock { background: url(/sites/default/files/media/jp/service/yahoo-ads/displayads-auc/lp/expandreach/img/bg_cta.png) center center no-repeat; background-size: cover; overflow: hidden; position: relative; width: 50%; z-index: 0; }
@media (max-width: 1023px) { .c-cta__imgBlock { height: 158px; overflow: unset; width: 100%; } }
.c-cta__imgBlock:after { background: url(/sites/default/files/media/jp/service/yahoo-ads/displayads-auc/lp/expandreach/img/img_bg-1.png) center center no-repeat; background-size: contain; content: ""; height: 713px; left: -195px; position: absolute; top: 10px; width: 1483px; }
@media (max-width: 1023px) { .c-cta__imgBlock:after { background: url(/sites/default/files/media/jp/service/yahoo-ads/displayads-auc/lp/expandreach/img/img_bg-1_sp.png) center center no-repeat; background-size: contain; height: 305px; left: -88px; top: -55px; width: 648px; } }
.c-cta__imgBlock img { margin-left: 11.53%; margin-top: 120px; max-width: 552px; position: relative; width: 100%; z-index: 2; }
@media (max-width: 1023px) { .c-cta__imgBlock img { display: block; margin-inline: auto !important; margin-left: unset; margin-right: unset; margin-top: -26px; max-width: 288px; } }
.c-cta__h2title { color: var(--color-white); font-family: var(--ff-ls-b); font-size: 2rem; letter-spacing: .02em; line-height: 1.4375; text-align: left; }
@media (max-width: 1023px) { .c-cta__h2title { font-size: 1.5rem; line-height: 1.3333333333; margin-inline: auto; text-align: center; } }
.c-cta__h2title span { font-size: 1.25rem; }
@media (max-width: 1023px) { .c-cta__h2title span { font-size: .9375rem; } }
.c-cta__txt { color: var(--color-white); font-family: var(--ff-ls-b); font-size: .875rem; letter-spacing: .03em; line-height: 1.7857142857; text-align: left; width: 100%; }
@media (max-width: 1023px) { .c-cta__txt { margin-top: 12px; text-align: center; } }
.c-cta__btn { margin-top: 61px; text-align: left; width: 100%; }
@media (max-width: 1023px) { .c-cta__btn { margin-top: 24px; text-align: center; } }

.c-cta__link { align-items: center; align-items: center; background: var(--color-blue-2); border-radius: 300px; color: var(--color-white); display: flex; display: flex; font-family: var(--ff-ls-b); font-size: .875rem; font-size: 1rem; gap: 10px; height: 60px; justify-content: center; transition: opacity .3s ease-out; width: 272px; }
@media (max-width: 1023px) { .c-cta__link { margin-inline: auto; } }
.c-cta__link:hover { opacity: .8; }
.c-cta__txtLink { margin-top: 22px; padding-left: 47px; position: relative; transition: opacity .3s ease-out; }

@media (max-width: 1023px) { .c-cta__txtLink { margin-inline: auto; margin-top: 20px; padding-left: 0; } }
.c-cta__txtLink:after { border-right: 2px solid var(--color-white); border-top: 2px solid var(--color-white); content: ""; display: inline-block; height: 6px; transform: rotate(45deg); width: 6px; }
.c-cta__txtLink span { color: var(--color-white); font-family: var(--ff-ls-b); font-size: .9375rem; line-height: 2; }
.c-cta__txtLink:hover { opacity: .8; }

/* ---------------------------------------------
*  CTA−1
--------------------------------------------- */
@media (max-width: 1023px) { .c-cta-1 .c-cta__txtBlock { justify-content: center; order: 1; } }

/* ---------------------------------------------
*  CTA−２
--------------------------------------------- */

.c-cta-2 .c-cta__txtBlock { justify-content: start; order: 1; }
@media (max-width: 1023px) { .c-cta-2 .c-cta__txtBlock { justify-content: center; } }
.c-cta-2 .c-cta__imgBlock { text-align: right; }
.c-cta-2 .c-cta__imgBlock img { margin-left: 0; margin-right: 11.53%; }
@media (max-width: 1023px) { .c-cta-2 .c-cta__imgBlock img { display: block; margin-inline: auto; } }

/* ---------------------------------------------
*  検索広告との違い
--------------------------------------------- */
.c-difference { padding-top: 80px; }
.c-difference__txt { font-family: var(--ff-ls-m); font-size: .9375rem; letter-spacing: .05em; margin-top: 8px; text-align: center; }
@media (max-width: 1023px) { .c-difference__txt { line-height: 1.7142857143; margin-top: 10px; padding-inline: 3.2%; } }
.c-difference__list { display: flex; gap: 1.6666666667%; justify-content: center; margin-top: 40px; }
@media (max-width: 1023px) { .c-difference__list { flex-direction: column; gap: 24px; } }
.c-difference__item { flex: 1; }
.c-difference__container { display: flex; gap: 28px; padding: 27px 50px 28px; }
@media (max-width: 1023px) { .c-difference__container { align-items: flex-end; gap: 8px; justify-content: center; padding: 30px 16px 30px 22px; } }
.c-difference__contents--label { color: var(--color-white); font-family: var(--ff-ls-b); font-size: 1.25rem; letter-spacing: .02em; line-height: 1.6; padding-left: 17px; position: relative; }
@media (max-width: 1023px) { .c-difference__contents--label { font-size: .9375rem; } }
.c-difference__contents--label::before { background: var(--color-white); border-radius: 50%; content: ""; height: 8px; left: 0; opacity: .5; position: absolute; top: 50%; transform: translateY(-50%); width: 8px; }
.c-difference__contents--label span { font-size: .875rem; }
@media (max-width: 1023px) { .c-difference__contents--label span { font-size: .625rem; } }
.c-difference__contents--h3title { color: var(--color-white); font-family: var(--ff-ls-eb); font-size: 2.25rem; line-height: 1.25; margin-top: 12px; }
@media (max-width: 1023px) { .c-difference__contents--h3title { font-size: 1.75rem; line-height: 1.25; margin-top: 8px; } }
.c-difference__contents--txt { color: var(--color-white); font-family: var(--ff-ls-b); font-size: .875rem; line-height: 1.7857142857; margin-top: 12px; }
@media (max-width: 1023px) { .c-difference__contents--txt { font-size: .8125rem; line-height: 1.6153846154; margin-top: 8px; } }
.c-difference__contents--list { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 32px; }
@media (max-width: 1023px) { .c-difference__contents--list { margin-top: 20px; } }
.c-difference__contents--item { background: var(--color-white); border-radius: 3px; font-family: var(--ff-ls-b); font-size: .75rem; line-height: 2.25; padding-inline: 15px; }
@media (max-width: 1023px) { .c-difference__contents--item { font-size: .625rem; line-height: 1.3846153846; padding: 3px 6px 2px; } }
.c-difference__img { height: 288px; width: auto; }
@media (max-width: 1023px) { .c-difference__img { height: auto; max-width: 124px; width: 100%; } }
.c-difference__item-1 .c-difference__container { background: url(/sites/default/files/media/jp/service/yahoo-ads/displayads-auc/lp/expandreach/img/bg_c-difference_red.png) center center no-repeat; background-size: cover; border-radius: 29px; }
.c-difference__item-2 .c-difference__container { background: url(/sites/default/files/media/jp/service/yahoo-ads/displayads-auc/lp/expandreach/img/bg_c-difference_blue.png) center center no-repeat; background-size: cover; border-radius: 29px; }
.c-difference__txt-2 { align-items: center; display: flex; gap: 24px; justify-content: flex-start; margin-top: 22px; padding-left: 38px; }
@media (max-width: 1023px) { .c-difference__txt-2 { flex-direction: column; gap: 10px; margin-top: 15px; padding-left: 0; } }
.c-difference__txt-2 p { font-family: var(--ff-ls-b); font-size: 1.5rem; letter-spacing: .03em; line-height: 1.5; text-align: left; }
@media (max-width: 1023px) { .c-difference__txt-2 p { text-align: center; } }
/* ---------------------------------------------
*  広告費用・料金について
--------------------------------------------- */
.c-price { padding-block: 80px 115px; }
@media (max-width: 1023px) { .c-price { padding-block: 60px 45px; } }
.c-price__list { display: flex; justify-content: center; margin-top: 28px; }
@media (max-width: 1023px) { .c-price__list { flex-direction: column; margin-top: 30px; padding-inline: 2.1333333333%; } }
.c-price__item { align-items: center; display: flex; flex: 1; flex-direction: column; padding: 16px 45px; position: relative; }
@media (max-width: 1023px) { .c-price__item { padding: 20px 18px; } }
@media (min-width: 1024px) { .c-price__item:not(:last-of-type)::after { background: rgba(0, 0, 0, .2); content: ""; height: 100%; position: absolute; right: 0; top: 0; width: 1px; } }
@media (max-width: 1023px) { .c-price__item:after { background: rgba(0, 0, 0, .2); bottom: 0; content: ""; height: 1px; position: absolute; width: 100%; } }
@media (max-width: 1023px) { .c-price__contents { align-items: center; display: flex; gap: 15px; justify-self: flex-start; width: 100%; } }
.c-price__contents { text-align: center; }
@media (max-width: 1023px) { .c-price__contents img { max-width: 62px; width: 100%; } }
.c-price__h3title { color: var(--color-black); font-family: var(--ff-ls-b); font-size: 1.375rem; letter-spacing: .02em; line-height: 1.3333333333; margin-top: 24px; text-align: center; }
@media (max-width: 1023px) { .c-price__h3title { font-size: 1.25rem; line-height: 1.35; margin-top: 0; text-align: left; } }
.c-price__txt { font-family: var(--ff-ls-m); font-size: .875rem; letter-spacing: .03em; line-height: 1.7142857143; margin-top: 14px; text-align: left; }

/* ---------------------------------------------
*  3つのステップで広告掲載開始
--------------------------------------------- */
.c-step { background: var(--color-gray-2); padding-block: 45px 120px; }
@media (max-width: 1023px) { .c-step { padding-block: 40px; } }
.c-step__list { display: flex; gap: 3.0555555556%; justify-content: center; margin-top: 45px; }
@media (max-width: 1023px) { .c-step__list { gap: 11.7333333333%; justify-content: flex-start; margin-top: 0; overflow-x: scroll; padding-inline: 30px; padding-top: 50px; } }
.c-step__item { align-items: center; display: flex; flex: 1; flex-direction: column; position: relative; }
@media (max-width: 1023px) { .c-step__item { flex: none; max-width: 302px; } }
.c-step__item:not(:last-of-type)::after { border-bottom: 11px solid transparent; border-left: 15px solid var(--color-black); border-right: 0; border-style: solid; border-top: 11px solid transparent; content: ""; height: 0; position: absolute; right: -28px; top: 194px; width: 0; }
.c-step__title { background: var(--color-white); border-radius: 7px; box-shadow: 0 3px 50px 0 rgba(0, 0, 0, .1); padding-block: 15px; position: relative; text-align: center; width: 100%; }
.c-step__title-num { color: var(--color-red); font-family: var(--ff-ls-b); font-size: 1.9375rem; left: -10px; letter-spacing: .02em; position: absolute; top: -20px; }
.c-step__h3title { font-family: var(--ff-ls-b); font-size: 1.1875rem; letter-spacing: .03em; text-align: center; }
.c-step__img { margin-top: 31px; max-width: 368px; width: 100%; }
.c-step__txt { font-family: var(--ff-ls-m); font-size: .875rem; letter-spacing: .03em; margin-top: 24px; padding-inline: 24px; text-align: left; }
@media (max-width: 1023px) { .c-step__txt { padding-inline: 8px; } }
.c-step__txt a { color: #003e9a; font-family: var(--ff-ls-b); }
.c-step__acc { margin-top: 12px; width: 100%; }
@media (max-width: 1023px) { .c-step__acc { padding-bottom: 20px; } }
.c-step__acc--title { align-items: center; cursor: pointer; display: flex; font-family: var(--ff-ls-b); font-size: .875rem; gap: 10px; justify-content: flex-start; padding-inline: 24px; }
@media (max-width: 1023px) { .c-step__acc--title { padding-inline: 8px; } }
.c-step__acc--title:after { border-bottom: 2px solid var(--color-black); border-right: 2px solid var(--color-black); content: ""; display: inline-block; height: 4px; margin-bottom: 4px; transform: rotate(45deg); width: 4px; }
.c-step__acc--title.open:after { border-bottom: 2px solid var(--color-black); border-right: 2px solid var(--color-black); content: ""; display: inline-block; height: 4px; transform: rotate(225deg); width: 4px; }
.c-step__acc--detail { display: none; font-family: var(--ff-ls-m); font-size: .875rem; margin-top: 6px; padding-inline: 24px; text-align: left; }
@media (max-width: 1023px) { .c-step__acc--detail { padding-inline: 8px; } }
/* ---------------------------------------------
*  FAQ
--------------------------------------------- */
.c-faq { padding-top: 45px; }

.c-faq__list { display: flex; flex-direction: column; margin-top: 50px; }

.c-faq__item { border-radius: 10px; position: relative; text-align: justify; transition: background-color ease-out .3s; }

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

.c-faq__item--q.open { border-bottom: none; }

.c-faq__item button { align-items: center; background: var(--color-white); border: none; border-radius: 10px; color: var(--color-black); cursor: pointer; display: flex; font-family: var(--ff-ls-b); font-size: 1.125rem; gap: 30px; letter-spacing: .04em; line-height: 1.7; padding: 25px 68px 25px 5px; position: relative; text-align: left; transition: background-color ease-out .3s; width: 100%; }

.c-faq__icon { color: var(--color-black); height: 28px; position: absolute; right: 0; width: 28px; }
.c-faq__icon:after { background-color: var(--color-black); bottom: 0; content: ""; display: block; height: 2px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 28px; }
.c-faq__icon:before { background-color: var(--color-black); bottom: 0; content: ""; display: block; height: 28px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 2px; }
.c-faq__item--q.open .c-faq__icon:before { display: none; }
.c-faq__item--a { background: rgba(246, 122, 42, .1); border-bottom: 1.5px solid var(--color-black); display: none; padding: 24px 68px 24px 118px; position: relative; }
.c-faq__item--a .c-faq__icn { left: 45px; position: absolute; top: 24px; }
.c-faq__item--a-inner { font-size: .875rem; }
.c-faq__icn { flex-shrink: 0; }
.c-faq__icn._q { color: var(--color-green); }
.c-faq__icn._a { color: #ff6969; }
.c-faq__txt { font-family: var(--ff-ls-b); font-size: 1.125rem; gap: 10px; letter-spacing: .03em; padding-top: 8px; }
.c-faq__txt a { display: inline-block; }
@media (max-width: 1023px) { .c-faq__list { margin-top: 20px; } }
@media (max-width: 1023px) { .c-faq__icon { right: 18px; } }
@media (max-width: 1023px) { .c-faq__item--a .c-faq__icn { left: 18px; top: 16px; } }
@media (max-width: 1023px) { .c-faq__item--a { padding: 16px 18px 16px 70px; } }
@media (max-width: 1023px) { .c-faq__item button { font-size: 1rem; gap: 15px; padding: 11px 48px 11px 15px; } }
@media (max-width: 1023px) { .c-faq__icn { max-width: 36px; } }
@media (max-width: 1023px) { .c-faq__txt { font-size: 1rem; } }
@media (max-width: 1023px) { .c-faq__txt { padding-top: 0; } }
/* ---------------------------------------------
*  footer
------------------------------  --------------- */
.l-footer { background-color: var(--color-black); margin-top: 100px; padding-block: 65px; position: relative; }
.l-footer__container { align-items: center; display: flex; justify-content: space-between; margin-inline: auto; max-width: calc(var(--design-width) * 1px); padding-inline: 120px; }
.l-footer__copyright { color: var(--color-white); font-size: .75rem; }
@media screen and (max-width: 1023px) { .l-footer { margin-top: 0; padding-block: 30px; } }
@media screen and (max-width: 1023px) { .l-footer__container { display: block; max-width: none; padding-inline: 30px; } }
@media screen and (max-width: 1023px) { .l-footer__copyright { font-size: calc(12 / var(--design-width) * 100vw); letter-spacing: .03em; margin-top: 40px; text-align: center; } }
/*  l-footer-nav
  --------------------------------------------- */
.l-footer-nav__list { align-items: center; -moz-column-gap: 46px; column-gap: 46px; display: flex; }
.l-footer-nav__link { color: var(--color-white); display: block; font-family: var(--ff-ls-b); font-size: .8125rem; letter-spacing: .03em; width: -moz-fit-content; width: fit-content; }
@media screen and (max-width: 1023px) { .l-footer-nav__list { display: block; } }
@media screen and (max-width: 1023px) { .l-footer-nav__item+.l-footer-nav__item { margin-top: calc(12 / var(--design-width) * 100vw); } }
@media (hover: hover) and (pointer: fine) { .l-footer-nav__link { transition: opacity var(--hover-duration); }
.l-footer-nav__link:hover { opacity: var(--hover-opacity-ratio); } }
@media screen and (max-width: 1023px) { .l-footer-nav__link { font-size: .8125rem; margin-inline: auto; } }
/* ---------------------------------------------
*  追従ボタン
--------------------------------------------- */
.floatBtn { bottom: 20px; cursor: pointer; display: inline-block; opacity: 0; position: fixed; right: 20px; transition: opacity .5s ease, visibility .5s ease; visibility: hidden; width: 362px; z-index: 50; }
.floatBtn.is-visible { border: 4px solid var(--color-white-1); opacity: 1; visibility: visible; }
.floatBtn__img { max-width: min(362px, 100%); }
@media (max-width: 1023px) { .floatBtn { right: 14px; text-align: right; width: auto; } }
@media (max-width: 1023px) { .floatBtn__img { max-width: min(335px, 100%); } }
@media (hover: hover) { .floatBtn:hover { opacity: .8; } }
/* ---------------------------------------------
*  汎用
--------------------------------------------- */
.pc_only { display: block !important; }

@media (max-width: 1023px) { .pc_only { display: none !important; } }
.sp_only { display: none !important; }

@media (max-width: 1023px) { .sp_only { display: block !important; } }
.l-red { color: var(--color-red); font-family: var(--ff-ls-b); }

.l-blue { color: var(--color-blue-2); font-family: var(--ff-ls-b); }

.l-green { color: var(--color-green); font-family: var(--ff-ls-b); }

.l-bold { font-family: var(--ff-ls-b); }

.scrollUp { opacity: 0; transform: translateY(1px); transition: opacity .3s, transform .3s; }

.scrollUp.is-show { opacity: 1; transform: translateY(0px); } /*# sourceMappingURL=style_v2.css.map */