@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%; }

body { font-family: "LINESeedJPStd Regular", sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; }

html { scroll-behavior: smooth; }

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

@font-face { font-display: swap; font-family: "LINESeedJPStd Regular"; font-style: normal; font-weight: normal; src: url(/static/jp/common/font/LINESeedJP_OTF_Rg.woff2) format("woff2"), url(/static/jp/common/font/LINESeedJP_OTF_Rg.woff) format("woff"); }
@font-face { font-display: swap; font-family: "LINESeedJPStd Thin"; font-style: normal; font-weight: normal; src: url(/static/jp/common/font/LINESeedJP_OTF_Th.woff2) format("woff2"), url(/static/jp/common/font/LINESeedJP_OTF_Th.woff) format("woff"); }
@font-face { font-display: swap; font-family: "LINESeedJPStd Bold"; font-style: normal; font-weight: normal; src: url(/static/jp/common/font/LINESeedJP_OTF_Bd.woff2) format("woff2"), url(/static/jp/common/font/LINESeedJP_OTF_Bd.woff) format("woff"); }
@font-face { font-display: swap; font-family: "LINESeedJPStd ExtraBold"; font-style: normal; font-weight: normal; src: url(/static/jp/common/font/LINESeedJP_OTF_Eb.woff2) format("woff2"), url(/static/jp/common/font/LINESeedJP_OTF_Eb.woff) format("woff"); }
:root { --color-black: #000; --color-gray: #f9f9f9; --color-green: #06c755; --color-green-2: #03c755; --color-orange: #f77911; --color-white-1: #fff; --contents-side-padding: 20; --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; }

@media screen and (max-width: 1023px) { :root { --contents-side-padding: 30; --contents-width: 335; --design-width: 375; --fixed-header-height: 0; --minwidth: 320; } }
/* ---------------------------------------------
*   l-header
--------------------------------------------- */
.l-header { background-color: #fff; box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, .16); height: 90px; position: fixed; top: 0; transition: transform .4s ease, opacity .4s ease; width: 100%; z-index: 50; }
@media (max-width: 1023px) { .l-header { box-shadow: unset; height: 54px; } }
.l-header.is-hidden { opacity: 0; transform: translateY(-100%); }
.l-header__inner { align-items: center; display: flex; height: 90px; line-height: 1; margin-inline: auto; max-width: 1363px; padding-inline: 10px; }
@media (max-width: 1023px) { .l-header__inner { height: 54px; justify-content: space-between; } }
@media (max-width: 1023px) { .l-header__btnLink { align-items: center; background: var(--color-orange); border-radius: 45px; color: var(--color-white-1); display: flex; font-family: var(--ff-ls-b); font-size: .75rem; justify-content: center; line-height: 2; padding: 6px 18px; } }
.l-header__logoImg { max-width: 236px; width: 100%; }
@media (max-width: 1023px) { .l-header__logoImg { max-width: 156px; } }
.l-header__btn { align-items: center; display: flex; gap: 20px; margin-left: auto; }
.l-header__btnLink { align-items: center; border: 3px solid var(--color-white-1); border-radius: 45px; display: flex; gap: min(10px, 10 / var(--design-width) * 100vw); height: 48px; justify-content: flex-start; position: relative; transition: opacity .3s ease-out; }
@media (max-width: 1023px) { .l-header__btnLink { gap: 0; height: 20px; justify-content: center; min-width: unset; width: 120px; } }
.l-header__btnLink:after { border-bottom: 2px solid var(--color-white-1); border-right: 2px solid var(--color-white-1); content: ""; display: inline-block; height: 5px; position: absolute; right: 22px; top: calc(50% - 2px); transform: rotate(45deg) translateY(-50%); width: 5px; }
@media (max-width: 1023px) { .l-header__btnLink:after { display: none; } }
.l-header__btnLink:hover { opacity: .8; }
.l-header__btnLink-navy { background: #003e9a; padding-inline: 30px 40px; }
@media (max-width: 1023px) { .l-header__btnLink-navy { padding-inline: 20px; } }
.l-header__btnLink-navy:after { content: ""; transform: rotate(315deg) translateY(-50%); }
.l-header__btnLink-orange { background: var(--color-orange); padding-inline: 8px 42px; }
@media (max-width: 1023px) { .l-header__btnLink-orange { display: none; } }
.l-header__icon { max-width: 34px; width: 100%; }
@media (max-width: 1023px) { .l-header__icon { display: none; } }
.l-header__txt { color: var(--color-white-1); font-family: var(--ff-ls-b); font-size: 1.125rem; }
@media (max-width: 1023px) { .l-header__txt { font-size: .875rem; } }

/* ---------------------------------------------
*   l-h2title
--------------------------------------------- */
.l-h2title__img { max-width: 900px; width: 100%; }
.l-h2title { color: var(--color-green); font-family: var(--ff-ls-eb); font-size: 2.625rem; text-align: center; }
@media (max-width: 1023px) { .l-h2title { font-size: 1.5rem; } }

/* ---------------------------------------------
*   c-kv
--------------------------------------------- */
.c-kv { background: var(--color-green-2); overflow: hidden; padding-bottom: min(80px, 80 / var(--design-width) * 100vw); padding-top: min(90px, 90 / var(--design-width) * 100vw); position: relative; }
@media (max-width: 1023px) { .c-kv { height: auto; padding-bottom: 40px; padding-inline: min(20px, 20 / var(--design-width) * 100vw); padding-top: min(54px, 54 / var(--design-width) * 100vw); } }
.c-kv:before { background: url(/sites/default/files/media/jp/service/line-mini-app/lp/2/img/bg_kv_pc.png) center center no-repeat; background-size: contain; bottom: 147px; content: ""; height: 726px; left: calc(50% - 58px); position: absolute; width: 1493px; }
@media (max-width: 1023px) { .c-kv:before { background: url(/sites/default/files/media/jp/service/line-mini-app/lp/2/img/bg_kv_sp.png) center bottom no-repeat; bottom: unset; height: 828px; left: 50%; top: 54px; transform: translateX(-50%); width: 1039px; } }
.c-kv__inner { align-items: center; display: flex; gap: min(12px, 12 / var(--design-width) * 100vw); justify-content: center; margin-inline: auto; margin-top: min(80px, 80 / var(--design-width) * 100vw); position: relative; width: min(1100px, 1350 / var(--design-width) * 100vw); }
@media (max-width: 1023px) { .c-kv__inner { flex-direction: column; gap: min(20px, 20 / var(--design-width) * 100vw); margin-top: 0; margin-top: min(30px, 30 / var(--design-width) * 100vw); width: 100%; } }
.c-kv__heading { text-align: left; }
@media (max-width: 1023px) { .c-kv__heading { order: 1; text-align: center; width: 100%; } }
.c-kv__catch { color: var(--color-white-1); font-family: var(--ff-ls-eb); font-size: min(36px, 36 / var(--design-width) * 100vw); }
@media (max-width: 1023px) { .c-kv__catch { font-size: min(20px, 20 / var(--design-width) * 100vw); } }
.c-kv__h1title { color: var(--color-white-1); font-family: var(--ff-ls-eb); font-size: min(74px, 74 / var(--design-width) * 100vw); letter-spacing: -.025em; line-height: 1.6081081081; }
@media (max-width: 1023px) { .c-kv__h1title { font-size: min(38px, 38 / var(--design-width) * 100vw); } }
.c-kv__lead { color: var(--color-white-1); font-family: var(--ff-ls-b); font-size: min(24px, 24 / var(--design-width) * 100vw); line-height: 1.7083333333; }
@media (max-width: 1023px) { .c-kv__lead { font-size: min(14px, 14 / var(--design-width) * 100vw); } }
.c-kv__lead sup { font-size: .875rem; vertical-align: text-top; }
@media (max-width: 1023px) { .c-kv__lead sup { font-size: .625rem; } }
.c-kv__img { width: min(539px, 539 / var(--design-width) * 100vw); }
@media (max-width: 1023px) { .c-kv__img { max-width: 335px; width: 100%; } }
.c-kv__img__kvImg { aspect-ratio: 1/1; height: min(580px, 580 / var(--design-width) * 100vw); -o-object-fit: contain; object-fit: contain; position: relative; width: 100%; z-index: -1; }
.c-kv .c-cta { margin-top: 20px; }
.c-kv .c-movie { bottom: min(32px, 32 / var(--design-width) * 100vw); position: absolute; right: min(40px, 40 / var(--design-width) * 100vw); }
@media (max-width: 1023px) { .c-kv .c-movie { display: none; } }
.c-kv__notes { bottom: 30px; color: var(--color-white-1); font-family: var(--ff-ls-m); font-size: .8125rem; position: absolute; right: 2.0833333333%; }
@media (max-width: 1023px) { .c-kv__notes { bottom: unset; font-size: .75rem; margin-top: 12px; position: relative; text-align: center; } }

/* ---------------------------------------------
*    youtube
--------------------------------------------- */
.c-movie { max-width: min(277px, 305 / var(--design-width) * 100vw); position: absolute; right: min(81px, 81 / var(--design-width) * 100vw); top: 0; transform: scale(1); transition: all .4s; z-index: 6; }
@media (max-width: 1023px) { .c-movie { left: 50%; max-width: 198px; right: 0; transform: translateX(-50%); } }
.c-movie:hover { transform: scale(1.05); transition: all .4s; }
@media (max-width: 1023px) { .c-movie:hover { transform: translateX(-50%); } }

.c-movie__youtube { display: block; height: auto; margin: 10px auto 0; position: relative; width: 100%; }

.c-movie__youtube a { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

.c-movie__youtube button { cursor: pointer; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; }

.c-movie iframe { border-radius: 4px; box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, .16); height: 146px; width: 260px; }

@media (min-width: 1024px) { .c-movie iframe { height: 106px; width: 189px; } }
@media (hover: hover) { .c-kv__cta--btn:hover { background-image: linear-gradient(90deg, white, white); border: 3px solid var(--color-orange); }
.c-kv__cta--btn:hover .c-kv__cta--btnTxt { color: var(--color-orange); }
.c-kv__cta--btn:hover::after { background: var(--color-orange); } }
/* ---------------------------------------------
*    c-contents
--------------------------------------------- */
.c-contents { padding-bottom: 100px; }
@media (max-width: 1023px) { .c-contents { padding-bottom: 50px; } }
.c-contents__inner { padding-inline: 20px; }
.c-contents__h2title { color: var(--color-green); font-family: var(--ff-ls-eb); font-size: 2.375rem; line-height: 1.4871794872; text-align: center; }
@media (max-width: 1023px) { .c-contents__h2title { font-size: 1.5rem; } }
.c-contents__h2title sup { font-family: var(--ff-ls-m); font-size: 1.1875rem; vertical-align: text-top; }

/* ---------------------------------------------
*   c-cta
--------------------------------------------- */
.c-cta { text-align: center; width: min(427px, 427 / var(--design-width) * 100vw); }
@media (max-width: 1023px) { .c-cta { width: 100%; } }
.c-cta__link { align-items: center; background: var(--color-orange); border: 4px solid var(--color-white-1); border-radius: 53px; box-shadow: 3px 12px 15px 0 rgba(16, 16, 16, .15); display: flex; gap: min(20px, 20 / var(--design-width) * 100vw); height: 82px; justify-content: flex-start; padding-left: min(34px, 34 / var(--design-width) * 100vw); position: relative; transition: opacity .3s ease-out; }
@media (max-width: 1023px) { .c-cta__link { border: 3px solid var(--color-white-1); gap: min(32px, 32 / var(--design-width) * 100vw); height: 60px; margin-inline: auto; max-width: 335px; padding-left: min(20px, 20 / var(--design-width) * 100vw); } }
.c-cta__link picture { line-height: 1; }
.c-cta__link:after { border-bottom: 4px solid var(--color-white-1); border-right: 4px solid var(--color-white-1); content: ""; display: inline-block; height: 8px; position: absolute; right: 37px; top: calc(50% - 4px); transform: rotate(45deg) translateY(-50%); width: 8px; }
@media (max-width: 1023px) { .c-cta__link:after { border-bottom: 3px solid var(--color-white-1); border-right: 3px solid var(--color-white-1); height: 5px; right: 20px; width: 5px; } }
.c-cta__link:hover { opacity: .7; }
.c-cta__icon { max-width: 49px; width: 100%; }
@media (max-width: 1023px) { .c-cta__icon { max-width: 56px; } }
.c-cta__txt { color: var(--color-white-1); font-family: var(--ff-ls-b); font-size: min(28px, 28 / var(--design-width) * 100vw); line-height: 2.0714285714; }
@media (max-width: 1023px) { .c-cta__txt { font-size: 1.25rem; line-height: 1.6; } }
.c-cta__contact { margin-top: 20px; }
@media (max-width: 1023px) { .c-cta__contact { margin-top: 16px; } }
.c-cta__contactLink { color: var(--color-white-1); font-family: var(--ff-ls-b); font-size: 1.5rem; padding-right: 12px; position: relative; }
@media (max-width: 1023px) { .c-cta__contactLink { font-size: 1rem; } }
.c-cta__contactLink span { text-decoration: underline; }
.c-cta__contactLink:hover span { text-decoration: none; }
.c-cta__contactLink:after { border-right: 2px solid var(--color-white-1); border-top: 2px solid var(--color-white-1); content: ""; display: inline-block; height: 7px; position: absolute; right: 0; top: 50%; transform: rotate(45deg) translateY(-50%); width: 7px; }

/* ---------------------------------------------
*    c-cta2
--------------------------------------------- */
.c-cta2 { background: var(--color-green); padding-block: 67px; }
@media (max-width: 1023px) { .c-cta2 { padding-block: 50px; } }
.c-cta2__inner { margin-inline: auto; padding-inline: 20px; }
.c-cta2__h2title { color: var(--color-white-1); font-family: var(--ff-ls-eb); font-size: 2rem; line-height: 1.53125; text-align: center; }
@media (max-width: 1023px) { .c-cta2__h2title { font-size: 1.5rem; line-height: 1.4166666667; } }
.c-cta2 .c-cta { margin-inline: auto; margin-top: 12px; }
.c-cta2 .c-cta__contactLink { color: var(--color-white-1); }
.c-cta2 .c-cta__contactLink:after { border-right: 2px solid var(--color-white-1); border-top: 2px solid var(--color-white-1); content: ""; display: inline-block; height: 3px; position: absolute; right: 0; top: 50%; transform: rotate(45deg) translateY(-50%); width: 3px; }

/* ---------------------------------------------
*    c-lead
--------------------------------------------- */
.c-lead { background: var(--color-gray); display: flow-root; padding-bottom: 50px; position: relative; }
@media (max-width: 1023px) { .c-lead { padding-bottom: 64px; } }
.c-lead__inner { position: relative; }
.c-lead__container { background: var(--color-white-1); margin-inline: auto; position: relative; width: 100%; z-index: 20; }
.c-lead__container:before { background: url(/sites/default/files/media/jp/service/line-mini-app/lp/4/img/icon_left_pc.svg) center center no-repeat; content: ""; height: 332px; left: 75px; position: absolute; top: 47px; width: 172px; z-index: 5; }
@media (max-width: 1023px) { .c-lead__container:before { background: url(/sites/default/files/media/jp/service/line-mini-app/lp/2/img/icon_left_sp.svg) center center no-repeat; height: 115px; left: 26px; top: 27px; width: 41px; } }
.c-lead__container:after { background: url(/sites/default/files/media/jp/service/line-mini-app/lp/4/img/icon_right_pc.svg) center center no-repeat; bottom: 65px; content: ""; height: 303px; position: absolute; right: 75px; width: 259px; z-index: 5; }
@media (max-width: 1023px) { .c-lead__container:after { background: url(/sites/default/files/media/jp/service/line-mini-app/lp/2/img/icon_right_sp.svg) center center no-repeat; height: 100px; right: 26px; top: 30px; width: 37px; } }
.c-lead__body { background: var(--color-white-1); margin-inline: auto; max-width: 1150px; padding: min(45px, 45 / var(--design-width) * 100vw) min(120px, 120 / var(--design-width) * 100vw) min(150px, 150 / var(--design-width) * 100vw); position: relative; }
@media (max-width: 1023px) { .c-lead__body { padding: 260px 20px 65px; } }
.c-lead__h2title { color: var(--color-green); font-family: var(--ff-ls-eb); font-size: 3rem; position: relative; text-align: center; }
@media (max-width: 1023px) { .c-lead__h2title { font-size: 1.5rem; } }
.c-lead__h2title span { border-bottom: 6px solid var(--color-green); display: inline-block; }
@media (max-width: 1023px) { .c-lead__h2title span { border-bottom: 4px solid var(--color-green); } }
.c-lead__h3title { color: var(--color-black); font-family: var(--ff-ls-b); font-size: 2.25rem; margin-top: 36px; text-align: center; }
@media (max-width: 1023px) { .c-lead__h3title { font-size: 1.125rem; margin-top: 20px; } }
.c-lead__txt { font-family: var(--ff-ls-m); font-size: 1.625rem; margin-top: 16px; text-align: center; }
@media (max-width: 1023px) { .c-lead__txt { font-size: .875rem; margin-top: 10px; } }
.c-lead__container-02 { margin-inline: auto; margin-top: -72px; max-width: 1200px; position: relative; z-index: 20; }
@media (max-width: 1023px) { .c-lead__container-02 { margin-top: -30px; padding-inline: min(20px, 20 / var(--design-width) * 100vw); } }
.c-lead__h2title-02 { margin-inline: auto; max-width: 900px; }
.c-lead__img { margin-top: 44px; text-align: center; }
@media (max-width: 1023px) { .c-lead__img { margin-top: 18px; } }
.c-lead__img img { max-width: 1006px; width: 100%; }
@media (max-width: 1023px) { .c-lead__img img { max-width: 317px; } }
/* ---------------------------------------------
*    c-cause
--------------------------------------------- */
.c-cause { background: var(--color-gray); display: flow-root; padding-bottom: 80px; padding-top: 60px; }
@media (max-width: 1023px) { .c-cause { padding-block: 30px 40px; padding-inline: min(20px, 20 / var(--design-width) * 100vw); } }
.c-cause__inner { margin-inline: auto; max-width: 950px; }
/* @media (max-width: 1023px) { .c-cause__inner { margin-top: -40px; } } */
.c-cause__list { display: grid; gap: 30px; grid-template-columns: repeat(2, 1fr); margin-inline: auto; margin-top: 8px; max-width: 950px; }
@media (max-width: 1023px) { .c-cause__list { grid-template-columns: repeat(1, 1fr); } }
.c-cause__h2title { text-align: center; }
.c-cause__item { align-items: center; background: var(--color-white-1); border: 1px solid #d9d9d9; border-radius: 16px; display: flex; flex-direction: column; padding: 30px 25px 0; text-align: center; }
@media (max-width: 1023px) { .c-cause__item { padding: 20px 20px 0; } }
.c-cause__lead { font-family: var(--ff-ls-b); font-size: 1.25rem; }
@media (max-width: 1023px) { .c-cause__lead { font-size: 1rem; } }
.c-cause__h3title { color: var(--color-green); font-family: var(--ff-ls-b); font-size: 2rem; margin-bottom: 20px; }
@media (max-width: 1023px) { .c-cause__h3title { font-size: 1.5rem; } }
.c-cause__img { height: 170px; width: auto; }
@media (max-width: 1023px) { .c-cause__img { height: 120px; } }

/* ---------------------------------------------
*    c-logo
--------------------------------------------- */
.c-logo { padding-block: 30px 20px; }
@media (max-width: 1023px) { .c-logo { padding-block: 16px 30px; } }
.c-logo__inner .c-contents__h2title { padding-inline: 20px; }
@media (max-width: 1023px) { .c-logo__inner .c-contents__h2title { font-size: 1.125rem; } }
.c-logo__note { display: block; font-size: .875rem; margin-top: 10px; padding-inline: 10px; text-align: center; }
@media (max-width: 1023px) { .c-logo__note { font-size: .625rem; } }
@media (max-width: 1023px) { .c-logo .c-movie { margin-top: min(16px, 16 / var(--design-width) * 100vw); padding-inline: min(40px, 40 / var(--design-width) * 100vw); } }
@media (min-width: 1024px) { .c-logo .c-movie { display: none; } }
@media (max-width: 1023px) { .c-logo .c-movie__youtube { align-items: center; display: flex; gap: min(16px, 16 / var(--design-width) * 100vw); justify-content: space-between; width: min(283px, 283 / var(--design-width) * 100vw); } }
@media (max-width: 1023px) { .c-logo .c-movie iframe { height: 76px; width: 135px; } }
@media (max-width: 1023px) { .c-logo .c-movie__youtube:before { background: url(/sites/default/files/media/jp/service/line-mini-app/lp-2/img/icon_movie_start_sp.svg) center center no-repeat; content: ""; height: 28px; left: min(54px, 54 / var(--design-width) * 100vw); margin: 0; position: absolute; top: 50%; transform: translateY(-50%); width: 29px; } }
@media (max-width: 1023px) { .c-logo .c-movie__txt { font-family: var(--ff-ls-b); padding-right: min(9px, 9 / var(--design-width) * 100vw); position: relative; }
.c-logo .c-movie__txt:after { border-right: 2px solid var(--color-black); border-top: 2px solid var(--color-black); content: ""; display: inline-block; height: 3px; position: absolute; right: 0; top: 50%; transform: rotate(45deg) translateY(-50%); width: 3px; } }
.c-logo .c-movie__txt span { text-decoration: underline; }

/* ---------------------------------------------
*    c-feature
--------------------------------------------- */
.c-feature__inner { margin-inline: auto; max-width: 1000px; }
.c-feature .c-contents__h2title { padding-inline: 20px; }
.c-feature__lead { font-size: 1rem; line-height: 1.875; margin-top: 16px; padding-inline: 20px; text-align: center; }
@media (max-width: 1023px) { .c-feature__lead { font-size: .875rem; margin-top: 10px; text-align: left; } }
.c-feature__list { display: flex !important; gap: min(60px, 60 / var(--design-width) * 100vw); height: auto; justify-content: center; margin-inline: auto !important; max-width: 834px; }
@media (max-width: 1023px) { .c-feature__list { gap: unset; } }
@media (max-width: 570px) { .c-feature__list { justify-content: unset; } }
.c-feature__item { flex: 1; }
@media (max-width: 1023px) { .c-feature__item { flex: unset; flex-shrink: 0; height: auto; max-width: 180px; padding-bottom: 20px !important; position: relative; width: 100%; } }
.c-feature__label { align-items: center; background: var(--color-green); border-radius: 33px; color: var(--color-white-1); display: flex; font-family: var(--ff-ls-eb); font-size: 1.5rem; height: 58px; justify-content: center; }
@media (max-width: 1023px) { .c-feature__label { font-size: 1.125rem; height: 48px; } }
.c-feature__img { margin-top: 30px; }
.c-feature__note { font-family: var(--ff-ls-b); font-size: 1.875rem; line-height: 1.6; margin-top: 50px; padding-inline: 20px; text-align: center; }
@media (max-width: 1023px) { .c-feature__note { font-size: 1.125rem; margin-top: 30px; } }
.c-feature .splide-feature { margin-top: 40px; }

/* ---------------------------------------------
*    c-reason
--------------------------------------------- */
.c-reason__inner { margin-inline: auto; max-width: 1100px; }
@media (max-width: 1023px) { .c-reason__content { order: 1; } }
.c-reason__item { display: flex; gap: min(145px, 145 / var(--design-width) * 100vw); margin-top: 60px; }
@media (max-width: 1023px) { .c-reason__item { align-items: center; flex-direction: column; gap: min(30px, 30 / var(--design-width) * 100vw); } }
.c-reason__catch { font-family: var(--ff-ls-b); font-size: 1.625rem; }
@media (max-width: 1023px) { .c-reason__catch { font-size: 1.125rem; } }
.c-reason__h3title { color: var(--color-green); font-family: var(--ff-ls-b); font-size: 2rem; }
@media (max-width: 1023px) { .c-reason__h3title { font-size: 1.25rem; } }
.c-reason__txt { line-height: 2; margin-top: 12px; }
@media (max-width: 1023px) { .c-reason__txt { font-size: .875rem; } }
.c-reason__img { max-width: 195px; width: 100%; }
@media (max-width: 1023px) { .c-reason__img { max-width: 160px; } }

/* ---------------------------------------------
*    scroll-btn
--------------------------------------------- */
.scroll-btn { bottom: 20px; cursor: pointer; opacity: 0; position: fixed; right: 20px; transition: opacity .5s ease, visibility .5s ease; visibility: hidden; width: 214px; z-index: 50; }
@media (max-width: 1023px) { .scroll-btn { right: 14px; width: 100px; } }

.scroll-btn.is-visible { opacity: 1; visibility: visible; }

.scroll-btn__img { max-width: min(214px, 100%); }
@media (max-width: 1023px) { .scroll-btn__img { max-width: min(100px, 100%); } }

@media (hover: hover) { .scroll-btn:hover { opacity: .8; } }
.c-lead__grid { display: grid; gap: min(108px, 108 / var(--design-width) * 100vw); grid-template-columns: repeat(3, 1fr); margin-inline: auto; margin-top: 38px; max-width: 1100px; }
@media (max-width: 1023px) { .c-lead__grid { gap: min(14px, 14 / var(--design-width) * 100vw); grid-template-columns: repeat(2, 1fr); margin-top: 18px; } }
.c-lead__grid--item { align-items: center; display: flex; flex-direction: column; }
.c-lead__grid--link { background: none; border: none; cursor: pointer; display: block; max-width: 220px; padding: 0; position: relative; transition: opacity .3s ease-out; width: 100%; }
.c-lead__grid--link::before { background: url(/sites/default/files/media/jp/service/line-mini-app/lp/4/img/icon_movie.svg) center center no-repeat; bottom: 0; content: ""; height: 67px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 67px; }
.c-lead__grid--link:hover { opacity: .7; }
.c-lead__grid--link img { max-width: 220px; width: 100%; }
@media (max-width: 500px) { .c-lead__grid--link img { max-width: 136px; width: 100%; } }
.c-lead__grid--txt { font-family: var(--ff-ls-b); font-size: 1.625rem; margin-top: 22px; text-align: center; }
@media (max-width: 1023px) { .c-lead__grid--txt { font-size: .875rem; margin-top: 10px; } }
@media (max-width: 1023px) { .c-lead__grid--main { display: flex; flex-direction: column; grid-column: 1 / -1; justify-content: center; margin-bottom: 16px; } }
.c-lead__grid--btn { align-items: center; background: #4d73ff; border: none; border-radius: 25px; color: var(--color-white-1); cursor: pointer; display: flex; font-family: var(--ff-ls-b); font-size: 1.375rem; gap: 8px; justify-content: center; margin-top: 20px; padding: 8px 22px; transition: opacity .3s ease-out; }
@media (max-width: 1023px) { .c-lead__grid--btn { font-size: 1.125rem; margin-top: 10px; padding: 7px 10px; } }
.c-lead__grid--btn:hover { opacity: .7; }
/* ---------------------------------------------
*    c-faq
--------------------------------------------- */
.c-faq { padding-block: 50px 62px; }
@media (max-width: 1023px) { .c-faq { padding-bottom: 40px; } }
.c-faq__inner { margin-inline: auto; max-width: 1000px; }
.c-faq__list { display: flex; flex-direction: column; gap: 10px; margin-top: 60px; }
@media (max-width: 1023px) { .c-faq__list { margin-top: 20px; } }
.c-faq__item { background: #f2f4f8; border-radius: 10px; position: relative; text-align: justify; transition: background-color ease-out .3s; }
.c-faq__item:hover { background-color: #e1e8f7; }
.c-faq__item:hover button { background-color: #e1e8f7; }
.c-faq__item button { align-items: center; background-color: #f2f4f8; border: none; border-radius: 10px; color: var(--color-black); cursor: pointer; display: flex; font-family: var(--ff-ls-b); font-size: 1.125rem; gap: 8px; letter-spacing: .04em; line-height: 1.7; padding: 16px 68px 14px 32px; position: relative; text-align: left; transition: background-color ease-out .3s; width: 100%; }
@media (max-width: 1023px) { .c-faq__item button { font-size: .875rem; padding: 11px 48px 11px 15px; } }
.c-faq__item button:before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218.828%22%20height%3D%2212.242%22%20viewBox%3D%220%200%2018.828%2012.242%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_155292%22%20data-name%3D%22%E3%83%91%E3%82%B9%20155292%22%20d%3D%22M342.177%2C15626.589l-2.828-2.828%2C9.414-9.414%2C9.414%2C9.414-2.828%2C2.828-6.586-6.586Z%22%20transform%3D%22translate(-339.349%20-15614.347)%22%20fill%3D%22%2306c755%22%2F%3E%3C%2Fsvg%3E"); background-size: cover; content: ""; height: 12px; position: absolute; right: 8px; top: 50%; transform: translate(-50%, -50%) rotate(180deg); transition: transform .3s ease; width: 18px; }
.c-faq__item--q.open button:before { transform: translate(-50%, -50%) rotate(0); }
.c-faq__item--a { display: none; padding: 0 68px 24px 32px; }
.c-faq__item--a-inner { align-items: center; display: flex; font-size: .875rem; gap: 15px; }
.c-faq__icn { flex-shrink: 0; font-family: var(--ff-ls-b); font-size: 1.875rem; }
@media (max-width: 1023px) { .c-faq__icn { font-size: 1.5rem; } }
.c-faq__icn._q { color: var(--color-green); }
.c-faq__icn._a { color: #ff6969; }
.c-faq__txt { display: flex; flex-direction: column; gap: 10px; }
.c-faq__txt a { display: inline-block; }

/* ---------------------------------------------
*    c-footer
--------------------------------------------- */
.c-footer { background: #404040; color: var(--color-white-1); padding-block: min(42px, 42 / var(--design-width) * 100vw); }
@media (max-width: 1023px) { .c-footer { padding-block: min(40px, 40 / var(--design-width) * 100vw); } }
.c-footer__inner { display: flex; flex-wrap: wrap; justify-content: center; margin-inline: auto; max-width: 1200px; }
@media (max-width: 1023px) { .c-footer__inner { justify-content: flex-start; } }
.c-footer__inner p { font-size: .875rem; padding-inline: min(16px, 16 / var(--design-width) * 100vw); text-align: center; }
@media (max-width: 1023px) { .c-footer__inner p { font-size: .6875rem; } }
.c-footer__list { display: flex; flex-wrap: wrap; font-family: var(--ff-ls-m); font-size: .875rem; justify-content: center; }
@media (max-width: 1023px) { .c-footer__list { font-size: .6875rem; justify-content: flex-start; } }
.c-footer__item { margin-bottom: min(4px, 4 / var(--design-width) * 100vw); padding-inline: min(16px, 16 / var(--design-width) * 100vw); text-align: center; text-decoration: none; transition: opacity .3s ease-out; }
.c-footer__item:not(:last-child) { border-right: 1px solid var(--color-white-1); }
.c-footer__item a { color: var(--color-white-1); }
.c-footer__item a:hover { opacity: .7; }
.c-footer__item:not(:first-child):after { background: url(https://www.linebiz.com/static/jp/LP/ads/2006/img/footer_icn.png) right top no-repeat; content: ""; display: inline-block; height: 15px; margin-left: 5px; width: 19px; }

/* ---------------------------------------------
*    splid
--------------------------------------------- */
.c-logo .splide__list { height: auto; }

.c-logo .splide__slide { align-items: center; display: flex; flex-shrink: 0; height: 100px; justify-content: center; margin-right: 40px !important; }

.c-logo .splide__slide img { height: 100%; -o-object-fit: contain; object-fit: contain; width: auto; }

/* ---------------------------------------------
*    c-panel
--------------------------------------------- */
.c-panel { overflow: hidden; }
.c-panel__contents { background: #fff; border: 1px solid #d6d9e0; border-radius: 6px; display: flex; flex-direction: column; height: 100%; min-height: 370px; transition: all .4s ease; }
@media (max-width: 1023px) { .c-panel__contents { min-height: 350px; } }
.c-panel__link { display: flex; flex-direction: column; height: 100%; min-height: 370px; overflow: hidden; width: 100%; }
.c-panel__img { display: block; max-height: 250px; transform: scale(1.001); transition: all .4s ease; }
.c-panel__detail { display: flex; flex: 1 0 0; flex-direction: column; padding: 20px 12px 25px; }
.c-panel__txt { color: var(--color-black); font-family: var(--ff-ls-b); font-size: .875rem; }
.c-panel__company { color: #7f7f9b; font-size: .75rem; margin-top: 8px; text-align: left; vertical-align: middle; }
.c-panel .splide-wrapper { margin-inline: auto; margin-top: 24px; position: relative; width: min(1000px, 1000 / var(--design-width) * 100vw); }
@media (max-width: 1023px) { .c-panel .splide-wrapper { width: 100%; } }
.c-panel .splide__track { overflow: visible; }
.c-panel .splide__list { height: -moz-fit-content; height: fit-content; }
@media (max-width: 1023px) { .c-panel .splide__list { align-items: start; } }

.c-panel .splide__slide { flex-shrink: 0; height: auto; max-width: 308px; padding-bottom: 20px !important; position: relative; width: 100%; }
.c-panel .splide__pagination { align-items: center; bottom: -30px; display: flex; flex-wrap: wrap; justify-content: center; left: 0; margin: 0; padding: 0 1em; pointer-events: none; position: absolute; right: 0; z-index: 1; }
.c-panel .splide__pagination__page { background-color: #00003e; border: none; border-radius: 50%; cursor: pointer; display: inline-block; height: 9px; margin: 9px; opacity: .4; padding: 0; position: relative; touch-action: manipulation; width: 9px; }
.c-panel .splide__pagination__page.is-active { opacity: 1; transform: none; }
.c-panel .splide__arrows { margin-inline: auto; }
.c-panel .splide__arrow { background: none; border: none; cursor: pointer; padding: 0; position: absolute; top: 50%; transform: translateY(-50%); }
@media (max-width: 1023px) { .c-panel .splide__arrow img { height: 66px; width: auto; } }
.c-panel .splide__arrow.prev { left: -12px; }
@media (max-width: 1023px) { .c-panel .splide__arrow.prev { left: 8%; transform: translateX(-50%); } }
.c-panel .splide__arrow.next { right: -12px; }
@media (max-width: 1023px) { .c-panel .splide__arrow.next { right: 8%; transform: translateX(50%); } }

@media (hover: hover) { .c-panel__link:hover { box-shadow: 2px 2px 8px rgba(90, 90, 90, .32); text-decoration: none; }
.c-panel__link:hover .c-panel__img { transform: scale(1.05); }
.pagePannel__inner:hover .c-panel__txt { text-decoration: none; }
.pagePannel__inner:hover .c-panel__company { text-decoration: none; } }
/* ---------------------------------------------
*    c-case
--------------------------------------------- */
/* .c-case {
  background: var(--color-gray);
} */
.c-case__inner { padding-inline: 20px; }
@media (max-width: 1023px) { .c-case__inner { display: none; } }

.c-case__txt { color: var(--color-black); font-family: var(--ff-ls-m); font-size: 1rem; margin-top: 14px; min-height: 85px; text-align: left; }
@media (max-width: 1023px) { .c-case__txt { font-size: .75rem; line-height: calc(22 / 12); margin-top: 10px; min-height: unset; } }

.c-case__txt2 { font-family: var(--ff-ls-eb); font-size: 1.375rem; margin-top: 32px; text-align: center; }
.c-case__btnLink { background: var(--color-orange); border: 4px solid var(--color-white-1); border-radius: 50px; box-shadow: 3px 12px 15px 0 rgba(16, 16, 16, .15) !important; display: block; margin-inline: auto; margin-top: 8px; padding-block: 20px 18px; position: relative; text-align: center; transition: opacity .3s ease-out; width: 427px; }
.c-case__btnLink:hover { opacity: .7; }
.c-case__btnLink span { color: var(--color-white-1); font-family: var(--ff-ls-eb); font-size: 1.75rem; }
.c-case__btnLink:after { border-bottom: 3px solid var(--color-white-1); border-right: 3px solid var(--color-white-1); content: ""; display: inline-block; height: 8px; position: absolute; right: 25px; top: calc(50% - 4px); transform: rotate(45deg) translateY(-50%); width: 8px; }
.c-case .splide__slide { max-width: 535px; width: 100% !important; }
@media (max-width: 1023px) { .c-case .splide__slide { max-width: 254px; padding-bottom: 0 !important; } }

.c-case .c-panel__img { border-top-left-radius: 15px; border-top-right-radius: 15px; max-height: 356px; }
.c-case .c-panel__link, .c-case .c-panel__contents { border-radius: 16px; }
.c-case__detail { display: flex; flex-direction: column; padding: 30px; }
@media (max-width: 1023px) { .c-case__detail { padding: 20px; } }
.c-case__label { display: flex; gap: 8px; }
.c-case__label li { background: #f7f7f7; border-radius: 4px; color: var(--color-black); font-family: var(--ff-ls-b); font-size: .875rem; padding: 4px 10px 3px; }
@media (max-width: 1023px) { .c-case__label li { font-size: .75rem; } }
.c-case__title { color: var(--color-green); font-family: var(--ff-ls-b); font-size: 1.25rem; letter-spacing: -.02em; margin-top: 10px; text-align: left; }
@media (max-width: 1023px) { .c-case__title { font-size: .8125rem; line-height: calc(22 / 13); } }
.c-case__company { color: #707070; display: inline-block; font-family: var(--ff-ls-b); font-size: .9375rem; margin-top: 32px; }
@media (max-width: 1023px) { .c-case__company { font-size: .625rem; margin-top: 20px; min-height: 33px; } }
.c-case__list { display: flex; gap: 8px; margin-top: 8px; }
@media (max-width: 1023px) { .c-case__list { margin-top: 10px; } }
.c-case__list li { background: var(--color-green-2); border-radius: 18px; color: var(--color-white-1); font-family: var(--ff-ls-b); font-size: .875rem; padding: 7px 16px 6px; }
@media (max-width: 1023px) { .c-case__list li { font-size: .75rem; padding: 5px 10px 4px; } }

.c-case .splide__pagination { display: none; }
@media (min-width: 1024px) { .c-case .splide-wrapper { margin-inline: auto; margin-top: 24px; position: relative; width: min(1380px, 1380 / var(--design-width) * 100vw); } }

/* ---------------------------------------------
*    c-contact
--------------------------------------------- */
.c-contact { background: #000047; border-radius: 16px; margin-bottom: 80px; margin-inline: auto; max-width: 1000px; }
@media (max-width: 1023px) { .c-contact { border-radius: 0; } }
.c-contact__inner { align-items: center; display: flex; justify-content: space-between; padding: 50px; }
@media (max-width: 1023px) { .c-contact__inner { flex-direction: column; padding: 40px 20px; } }
.c-contact__txtBlock { color: var(--color-white-1); }
.c-contact__h2title { font-family: var(--ff-ls-eb); font-size: 2.5rem; }
@media (max-width: 1023px) { .c-contact__h2title { font-size: 1.75rem; text-align: center; } }
.c-contact__h2title span { display: block; font-size: 1.625rem; }
@media (max-width: 1023px) { .c-contact__h2title span { font-size: 1.375rem; } }
.c-contact__txt { font-family: var(--ff-ls-b); font-size: 1.25rem; margin-top: 12px; }
@media (max-width: 1023px) { .c-contact__txt { font-size: 1rem; margin-top: 10px; text-align: center; } }
.c-contact__link { align-items: center; background: var(--color-white-1); border: 4px solid #000048; border-radius: 50px; display: flex; justify-content: center; padding: 15px 70px 12px; position: relative; transition: opacity .3s ease-out; }
@media (max-width: 1023px) { .c-contact__link { margin-top: 30px; padding: 15px; width: 280px; } }
.c-contact__link:after { border-bottom: 3px solid #000048; border-right: 3px solid #000048; content: ""; display: inline-block; height: 8px; position: absolute; right: 32px; top: calc(50% - 2px); transform: rotate(315deg) translateY(-50%); width: 8px; }
@media (max-width: 1023px) { .c-contact__link:after { border-bottom: 2px solid #000048; border-right: 2px solid #000048; height: 5px; right: 22px; width: 5px; } }
.c-contact__link:hover { opacity: .8; }
.c-contact__link span { color: #000048; font-family: var(--ff-ls-eb); font-size: 1.75rem; }
@media (max-width: 1023px) { .c-contact__link span { font-size: 1.25rem; } }
/* ---------------------------------------------
*    c-detail
--------------------------------------------- */
.c-detail { background: var(--color-white-1); padding: 60px 20px 87px; }
@media (max-width: 1023px) { .c-detail { padding-bottom: 40px; } }

.c-detail__inner { margin-inline: auto; max-width: 1200px; }
.c-detail__list { display: grid; grid-column-gap: 3%; grid-row-gap: 36px; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, auto); margin-top: 40px; }
@media (max-width: 1023px) { .c-detail__list { grid-row-gap: 14px; grid-template-columns: repeat(1, 1fr); grid-template-rows: repeat(1, auto); margin-inline: calc(50% - 50vw); margin-top: 40px; width: 100vw; } }
.c-detail__item { border: 1px solid #c8c8c8; border-radius: 12px; text-align: center; }
@media (max-width: 1023px) { .c-detail__item { border: none; } }

.c-detail__img { padding-inline: 30px; padding-top: 30px; }
@media (max-width: 1023px) { .c-detail__img { background: #f7f7f7; height: 56px; padding-top: 0; position: relative; } }

@media (max-width: 1023px) { .c-detail__img--inner { align-items: flex-end; border: none; bottom: 0; display: flex; justify-content: space-between; left: 50%; max-width: 293px; position: absolute; transform: translateX(-50%); width: 100%; } }
.c-detail__img img { display: block; margin-inline: auto; max-width: 160px; width: 100%; }
@media (max-width: 1023px) { .c-detail__img img { margin-inline: 0; max-width: 55px; } }
.c-detail__contents { border-top: 1px solid #c8c8c8; padding: 26px 30px 30px; text-align: left; }
@media (max-width: 1023px) { .c-detail__contents { border-top: none; margin-inline: auto; max-width: 293px; padding-block: 16px; } }
.c-detail__contents--h3title { color: var(--color-green); font-family: var(--ff-ls-b); font-size: 1.25rem; line-height: calc(36 / 20); }
@media (max-width: 1023px) { .c-detail__contents--h3title { display: none; } }
.c-detail__contents p { font-family: var(--ff-ls-m); font-size: 1rem; line-height: calc(30 / 16); margin-top: 3px; }
@media (max-width: 1023px) { .c-detail__contents p { font-size: .875rem; margin-top: 0; } }

.c-detail__img--h3title { display: none; }
@media (max-width: 1023px) { .c-detail__img--h3title { color: var(--color-green); display: block; font-family: var(--ff-ls-b); font-size: 1.125rem; margin-bottom: 13px; } }

/* ---------------------------------------------
*    c-more
--------------------------------------------- */
.c-more { padding: 80px 20px; }
@media (max-width: 1023px) { .c-more { padding: 40px 20px; } }
.c-more__inner { margin-inline: auto; max-width: 1100px; }
.c-more__list { display: flex; gap: 30px; justify-content: center; margin-top: 40px; }
@media (max-width: 1023px) { .c-more__list { flex-direction: column; } }
.c-more__item { background: #f7f7f7; border-radius: 16px; display: flex; flex: 1; flex-direction: column; padding: 50px; }
@media (max-width: 1023px) { .c-more__item { padding: 33px 20px; } }

.c-more__img { height: 218px; width: auto; }
@media (max-width: 1023px) { .c-more__img { height: auto; width: auto; } }
.c-more__h3title { font-family: var(--ff-ls-b); font-size: 1.75rem; margin-top: 36px; text-align: center; }
@media (max-width: 1023px) { .c-more__h3title { font-size: 1.25rem; margin-top: 10px; } }
.c-more__h3title--green { color: var(--color-green); }
.c-more__h3title--navy { color: #000048; }
.c-more__txt { font-family: var(--ff-ls-m); font-size: 1.25rem; margin-bottom: 24px; margin-top: 8px; text-align: center; }
@media (max-width: 1023px) { .c-more__txt { font-size: .875rem; } }

.c-more__btnLink { border: 4px solid var(--color-white-1); border-radius: 43px; display: inline-block; margin-inline: auto; margin-top: auto; max-width: 336px; padding-block: 16px 15px; position: relative; text-align: center; transition: opacity .3s ease-out; width: 100%; }
.c-more__btnLink:hover { opacity: .7; }
.c-more__btnLink span { color: var(--color-white-1); font-family: var(--ff-ls-b); font-size: 1.375rem; }
.c-more__btnLink--orange { background: var(--color-orange); position: relative; }
.c-more__btnLink--navy { background: #000048; position: relative; }
.c-more__btnLink--orange:after { border-bottom: 3px solid var(--color-white-1); border-right: 3px solid var(--color-white-1); content: ""; display: inline-block; height: 8px; position: absolute; right: 25px; top: calc(50% - 4px); transform: rotate(45deg) translateY(-50%); width: 8px; }
.c-more__btnLink--navy:after { border-bottom: 3px solid var(--color-white-1); border-right: 3px solid var(--color-white-1); content: ""; display: inline-block; height: 8px; position: absolute; right: 25px; top: calc(50% - 2px); transform: rotate(315deg) translateY(-50%); width: 8px; }
/* ---------------------------------------------
*    汎用
--------------------------------------------- */
.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; } }

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

.scrollUp.is-show { opacity: 1; transform: translateY(0px); }