@charset "UTF-8";
:root { --color-black: #000; --color-gray-1: #f7f7f7; --color-green: #06c755; --color-navy: #000048; --color-orange: #f77911; --color-red: #f03; --color-white: #fff; --ff-B: "UD新ゴ B", sans-serif; --ff-DB: "UD新ゴ DB", sans-serif; --ff-M: "UD新ゴ M", sans-serif; --ff-ls-b: "LINESeedJPStd Bold", sans-serif; --ff-ls-eb: "LINESeedJPStd ExtraBold", sans-serif; --ff-ls-r: "LINESeedJPStd Regular", sans-serif; --ff-ls-t: "LINESeedJPStd Thin", sans-serif; }
html, body { color: var(--color-black); font-family: var(--ff-ls-r); }
h2, h3 { font-weight: normal; }
/* ---------------------------------------------
*    c-kv
--------------------------------------------- */
.c-kv { height: 645px; padding-inline: 8.33% 2.78%; position: relative; width: 100%; }
@media screen and (max-width: 1023px) { .c-kv { height: auto; padding-inline: 0; } }
.c-kv__inner { display: flex; gap: 4.93%; height: 645px; margin-inline: auto; max-width: 1280px; }
@media screen and (max-width: 1023px) { .c-kv__inner { flex-direction: column; height: auto; } }
.c-kvImg-Area { max-width: 669px; padding-top: 40px; }
.c-kvImg-Area img { border-radius: 19px; }
@media screen and (max-width: 1023px) { .c-kvImg-Area { max-width: 100%; padding-top: 0; }
.c-kvImg-Area img { width: 100%; } }
.c-kv__txt { flex: 1; padding-top: 25px; }
@media screen and (max-width: 1023px) { .c-kv__txt { order: 1; padding-inline: 20px; padding-top: 40px; } }
.c-kvList { display: flex; gap: 24px; }
@media screen and (max-width: 1023px) { .c-kvList { display: none; } }
.c-kvList__item { display: inline-block; font-size: 1.2rem; position: relative; }
.c-kvList__item:not(:first-of-type)::before { border-right: 1px solid var(--color-black); border-top: 1px solid var(--color-black); content: ""; display: block; height: 4px; left: -15px; position: absolute; top: 6px; transform: rotate(45deg); width: 4px; }
.c-kvList__txt { color: var(--color-black); font-family: var(--ff-ls-r); }
.c-kv-H1title { color: var(--color-green); font-family: var(--ff-ls-eb); font-size: 5.5rem; letter-spacing: .065em; margin-top: 132px; }
@media screen and (max-width: 1023px) { .c-kv-H1title { font-size: 3.1rem; margin-top: 0; text-align: center; } }
.c-kv-H1title span { letter-spacing: -.1em; }
.c-kv-H1title-br { display: none; }
@media screen and (min-width: 1024px) and (max-width: 1420px) { .c-kv-H1title-br { display: block; } }
.c-kvtxt { font-family: var(--ff-ls-b); letter-spacing: .06em; line-height: calc(30 / 16); margin-top: 29px; max-width: 474px; }
@media screen and (max-width: 1023px) { .c-kvtxt { font-family: var(--ff-ls-r); font-size: 1.4rem; letter-spacing: .03em; line-height: calc(24 / 14); margin-inline: auto; margin-top: 24px; } }
.c-kvLink-Area { margin-top: 64px; }
@media screen and (max-width: 1023px) { .c-kvLink-Area { margin-top: 32px; text-align: center; } }
.c-kvLink { align-items: center; background: var(--color-green); border: 3px solid var(--color-white); border-radius: 999em; box-shadow: 10px 10px 40px rgba(6, 199, 85, .15); color: var(--color-gray-1); display: flex; font-family: var(--ff-ls-b); font-size: 2.2rem; height: 68px; justify-content: center; letter-spacing: .03em; transition: background-color .3s ease-out, transform .3s ease-out; width: 335px; }
@media screen and (max-width: 1023px) { .c-kvLink { font-size: 1.6rem; height: 62px; margin-inline: auto; max-width: 280px; width: 100%; } }
@media (hover: hover) and (pointer: fine) { .c-kvLink:hover { background: var(--color-white); border: 3px solid var(--color-green); color: var(--color-green); text-decoration: none; } }
/* ---------------------------------------------
*    c-news
--------------------------------------------- */
.c-news { margin-inline: auto; margin-top: 20px; padding-inline: 20px; }
.c-news__inner { align-items: center; background: #f7f7f7; border-radius: 6px; display: flex; gap: 8px; justify-content: flex-start; margin-inline: auto; max-width: 1200px; padding-block: 7px; padding-left: 24px; }
@media screen and (max-width: 1023px) { .c-news__inner { align-items: flex-start; flex-direction: column; gap: 12px; padding-inline: 15px; } }
.c-news__list { align-items: center; display: flex; gap: 25px; }
@media screen and (max-width: 1023px) { .c-news__list { gap: 10px; } }
.c-news__label { align-items: center; background: var(--color-navy); border-radius: 4px; color: #fff; display: flex; font-family: var(--ff-ls-b); font-size: 1.3rem; height: 29px; justify-content: center; letter-spacing: .03em; line-height: 1; padding-inline: 13px; }
@media screen and (max-width: 1023px) { .c-news__label { font-size: 1.1rem; height: 24px; padding-inline: 12px; width: 72px; } }
.c-news__label-02 { color: #f77910; font-family: var(--ff-ls-b); font-size: 1.5rem; }
@media screen and (max-width: 1023px) { .c-news__label-02 { font-size: 1.1rem; } }
.c-news__txt { align-items: center; display: flex; gap: 8px; justify-content: center; }
.c-news__txt--link { color: #111; font-family: var(--ff-ls-r); font-size: 1.5rem; letter-spacing: .06em; }
@media screen and (max-width: 1023px) { .c-news__txt--link { font-size: 1.2rem; } }
.c-kvE1__btnTxt { color: #fff; font-family: "UD新ゴ DB"; font-size: 1.4rem; letter-spacing: .01em; margin-bottom: 4px; margin-top: 40px; max-width: 353px; text-align: center; }
.c-kvE1__btnTxt--bold { font-family: "UD新ゴ B"; font-size: 2rem; }
@media screen and (max-width: 1023px) { .c-kvE1__btnTxt { font-size: 1.3rem; max-width: none; text-align: center; } }
/* ---------------------------------------------
*    c-company
--------------------------------------------- */
.c-company-H2title { color: var(--color-green); display: flex; font-family: var(--ff-ls-b); font-size: 2rem; gap: 10px; justify-content: center; letter-spacing: .06em; position: relative; text-align: center; }
@media screen and (max-width: 1023px) { .c-company-H2title span { display: none; }
.c-company-H2title::before { background: url(/sites/default/files/media/jp/service/line-notification-messages/img/img_c-company-H2title_line.svg) center center no-repeat; bottom: 0; content: ""; height: 50px; left: 14px; margin: auto 0; position: absolute; top: 0; width: 9px; }
.c-company-H2title::after { background: url(/sites/default/files/media/jp/service/line-notification-messages/img/img_c-company-H2title_line.svg) center center no-repeat; bottom: 0; content: ""; height: 50px; margin: auto 0; position: absolute; right: 14px; top: 0; transform: scale(-1, 1); width: 9px; } }
.c-company-list { align-items: center; display: flex; gap: 61px; justify-content: center; margin-top: 20px; }
@media screen and (max-width: 1023px) { .c-company-list { column-gap: 33px; flex-wrap: wrap; row-gap: 18px; } }
/* ---------------------------------------------
*    c-about
--------------------------------------------- */
.c-about { padding-top: 104px; }
@media screen and (max-width: 1023px) { .c-about { padding-top: 80px; } }
.c-about__inner { display: flex; gap: 6.04%; justify-content: center; }
@media screen and (max-width: 1023px) { .c-about__inner { flex-direction: column; } }
.c-about__ttl { flex: 1; width: 55.63%; }
@media screen and (max-width: 1023px) { .c-about__ttl { width: 100%; } }
.c-about__H2title { font-family: var(--ff-ls-b); font-size: 3.2rem; letter-spacing: .03em; }
@media screen and (max-width: 1023px) { .c-about__H2title { font-size: 2.6rem; } }
.c-about-H2title__subTxt { color: var(--color-green); font-size: 2rem; }
@media screen and (max-width: 1023px) { .c-about-H2title__subTxt { font-size: 1.6rem; } }
.c-about__txt { letter-spacing: .06em; line-height: calc(34 / 16); margin-top: 32px; }
@media screen and (max-width: 1023px) { .c-about__txt { font-size: 1.4rem; margin-top: 24px; } }
.c-about__caution { font-size: 1.4rem; margin-top: 32px; }
@media screen and (max-width: 1023px) { .c-about__caution { font-size: 1.2rem; margin-top: 20px; } }
.c-about__caution-txt { letter-spacing: .06em; padding-left: 1em; text-indent: -1em; }
.c-about__caution-txt::before { content: "※"; }
.c-about__imgArea { padding-top: 21px; }
@media screen and (max-width: 1023px) { .c-about__imgArea { padding-top: 40px; text-align: center; } }
.c-about__img { max-width: 312px; width: 100%; }
@media screen and (max-width: 1023px) { .c-about__img { max-width: 335px; } }
/* ---------------------------------------------
*    c-feature
--------------------------------------------- */
.c-feature__list { margin-top: 32px; }
.c-feature__item { background: var(--color-gray-1); border-radius: 6px; position: relative; }
.c-feature__item:not(:first-of-type) { margin-top: 24px; }
.c-feature__item-inner { display: flex; gap: 93px; justify-content: center; margin-inline: auto; max-width: 980px; }
@media screen and (max-width: 1023px) { .c-feature__item-inner { flex-direction: column; gap: 24px; padding: 32px 32px 0; } }
.c-feature__ttl { flex: 1; padding-block: 38px; }
@media screen and (max-width: 1023px) { .c-feature__ttl { padding-block: 0; } }
.c-feature__num { font-family: var(--ff-ls-b); font-size: 2.1rem; }
@media screen and (max-width: 1023px) { .c-feature__num { font-size: 1.6rem; } }
.c-feature__num span { color: var(--color-green); margin-right: 21px; }
@media screen and (max-width: 1023px) { .c-feature__num span { margin-right: 16px; } }
.c-feature__txt { font-family: var(--ff-ls-b); font-size: 3rem; margin-top: 10px; }
@media screen and (max-width: 1023px) { .c-feature__txt { font-size: 2.1rem; letter-spacing: .06em; margin-top: 8px; } }
.c-feature__txt-green { color: var(--color-green); }
.c-feature__txt sup { font-family: var(--ff-ls-r); font-size: 1rem; }
.c-feature__imgArea { display: flex; flex-direction: column; justify-content: center; }
@media screen and (max-width: 1023px) { .c-feature__imgArea { margin-inline: auto; max-width: 170px; padding-bottom: 32px; } }
.c-feature__imgArea-1 { justify-content: flex-end; }
@media screen and (max-width: 1023px) { .c-feature__imgArea-1 { padding-bottom: 0; } }
.c-feature__caution { display: inline-block; font-size: 1.4rem; letter-spacing: .06em; margin-top: 16px; padding-left: 1em; text-indent: -1em; }
@media screen and (max-width: 1023px) { .c-feature__caution { font-size: 1.2rem; margin-top: 12px; } }
.c-feature__caution:before { content: "※"; }
/* ---------------------------------------------
*    c-useCase
--------------------------------------------- */
.splide__inner { margin-inline: auto; overflow: hidden; }
.splide__track { overflow: visible; }
.splide__slider { margin-inline: auto; margin-top: 35px; max-width: 1200px; position: relative; }
@media screen and (max-width: 1023px) { .splide__slider { margin-top: 0; } }
.splide__slide { max-width: 385px; width: 100%; }

.contents--caseStudy__company { height: 100%; }

.splide__arrow { background: none; border: none; cursor: pointer; height: 153px; padding: 0; position: absolute; top: 50%; transform: translateY(-50%); width: 68px; z-index: 1; }
@media screen and (max-width: 1023px) { .splide__arrow { height: auto; width: 45px; } }
@media screen and (max-width: 1023px) { .splide__arrow img { width: 35px; } }
.splide__arrows { margin-inline: auto; max-width: 940px; }
.splide__arrow--prev { left: -34px; }
@media screen and (max-width: 1023px) { .splide__arrow--prev { left: 8%; transform: translateX(-50%); } }
.splide__arrow--next { right: -34px; }
@media screen and (max-width: 1023px) { .splide__arrow--next { right: 8%; transform: translateX(50%); } }
.splide__pagination { gap: 15px; margin-top: 35px; }
.splide__pagination__page { background: rgba(0, 0, 72, .2); border: 2px solid var(--color-navy) f; border-radius: 50%; display: inline-block; height: 8px; margin: 0 .1rem; padding: 0; position: relative; width: 8px; }
.splide__pagination__page.is-active { background: var(--color-navy); height: 9px; width: 9px; }

.c-useCase { margin-inline: calc(50% - 50vw); }
.c-useCase__h2titleArea { padding-inline: 40px; }
.c-useCase__h2titleArea .l-H2title { margin-inline: auto; max-width: 1200px; }

.c-useCase__h3title { font-family: var(--ff-ls-b); font-size: 2.6rem; letter-spacing: .05em; text-align: center; }
@media screen and (max-width: 1023px) { .c-useCase__h3title { display: none; } }
.c-useCase__inner { background: var(--color-gray-1); margin-top: 32px; padding-block: 49px; }
@media screen and (max-width: 1023px) { .c-useCase__inner { margin-top: 10px; padding-block: 42px; } }
.c-useCase [role="tabpanel"] { display: flex; opacity: 1; }
.c-useCase__body { display: flex; flex-direction: column; min-height: 324px; }
.c-useCase__body-txt { background: var(--color-white); border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; height: 100%; padding: 20px 28px 30px; }
@media screen and (max-width: 1023px) { .c-useCase__body-txt { min-height: 212px; } }
.c-useCase__body-title { font-family: var(--ff-ls-b); font-size: 2rem; text-align: left; }
@media screen and (max-width: 1023px) { .c-useCase__body-title { font-size: 1.8rem; text-align: center; } }
.c-useCase__body-list { margin-top: 12px; }
.c-useCase__body-list>ul { display: flex; flex-wrap: wrap; gap: 10px; justify-content: flex-start; }
@media screen and (max-width: 1023px) { .c-useCase__body-list>ul { justify-content: center; } }
.c-useCase__body-item { background: var(--color-green); border-radius: 3px; color: var(--color-white); font-size: 1.5rem; min-width: 156px; padding-block: 5px; text-align: center; }
/* ---------------------------------------------
*    c-caseStudy
--------------------------------------------- */
@media screen and (min-width: 1024px) { .c-caseStudy .swiper-wrapper { gap: 25px; } }

@media (min-width: 1024px) { .c-caseStudy .carouseSWPanelList .swiper-slide { flex: 1; margin-right: 0; max-width: 100%; }
.c-caseStudy .pagePannel__img { max-height: 254px; }
.c-caseStudy .articleCarousel .swiper-container { padding-bottom: 0; } }
.c-caseStudy__link { margin-top: 25px; text-align: center; }
.c-caseStudy__txtLink { color: var(--color-black); font-family: var(--ff-ls-b); font-size: 1.4rem; position: relative; }
.c-caseStudy__txtLink:after { border-right: 2px solid var(--color-orange); border-top: 2px solid var(--color-orange); content: ""; display: block; height: 3px; position: absolute; right: -12px; top: 8px; transform: rotate(45deg); width: 3px; }
/* ---------------------------------------------
*    l-H2title
--------------------------------------------- */
.l-H2title { font-family: var(--ff-ls-b); font-size: 3.2rem; letter-spacing: .05em; padding-left: 26px; position: relative; }
@media screen and (max-width: 1023px) { .l-H2title { font-size: 2.6rem; } }
.l-H2title:before { background: var(--color-green); border-radius: 50%; bottom: 0; content: ""; height: 10px; left: 0; margin: auto 0; position: absolute; top: -3px; width: 10px; }
@media screen and (max-width: 1023px) { .l-H2title:before { height: 8px; margin: 0; top: 15px; width: 8px; } }
/* ---------------------------------------------
*    l-cta
--------------------------------------------- */
.l-cta { align-items: center; display: flex; height: 368px; position: relative; }
@media screen and (max-width: 1023px) { .l-cta { height: 403px; } }
.l-cta__bg { height: 268px; position: absolute; width: 100%; z-index: -1; }
@media screen and (max-width: 1023px) { .l-cta__bg { border-radius: 11px; height: 323px; } }
.l-cta__bg-img { height: 100%; object-fit: cover; width: 100%; }
@media screen and (max-width: 1023px) { .l-cta__bg-img { border-radius: 11px; } }
.l-cta__inner { align-items: center; display: flex; gap: 110px; justify-content: center; margin-inline: auto; max-width: 1000px; padding-inline: 10px; }
@media screen and (max-width: 1023px) { .l-cta__inner { flex-direction: column; gap: 40px; height: 323px; max-width: 100%; padding-block: 72px; padding-inline: 28px 27px; } }
.l-cta__inner-txt { color: var(--color-white); font-family: var(--ff-ls-eb); font-size: 3.2rem; letter-spacing: .06em; }
@media screen and (max-width: 1023px) { .l-cta__inner-txt { font-size: 2.6rem; text-align: center; } }
.l-ctaLink { align-items: center; background: var(--color-white); border: 3px solid var(--color-white); border-radius: 999em; color: var(--color-navy); display: flex; font-family: var(--ff-ls-b); font-size: 2.2rem; justify-content: center; letter-spacing: .06em; padding-block: 18px 15px; transition: background-color .3s ease-out, transform .3s ease-out; width: 329px; }
@media screen and (max-width: 1023px) { .l-ctaLink { font-size: 1.6rem; padding-inline: 60px; width: 100%; } }
@media (hover: hover) and (pointer: fine) { .l-ctaLink:hover { background: var(--color-navy); color: var(--color-white); text-decoration: none; } }
/* ---------------------------------------------
*    l-contents
--------------------------------------------- */
.l-contents { padding-top: 100px; }
@media screen and (max-width: 1023px) { .l-contents { padding-top: 80px; } }
/* ---------------------------------------------
*    faq
--------------------------------------------- */
.qa-sec { display: flex; flex-direction: column; gap: 10px; margin-top: 32px; }

@media (min-width: 768px) { .qa-sec { margin-top: 48px; padding-left: 0; padding-right: 0; } }
@media (min-width: 1024px) { .qa-sec { padding-left: 0; padding-right: 0; } }
.qa-sec__item { background-color: #f2f4f8; border-radius: 5px; position: relative; text-align: justify; transition: background-color ease-out .3s; }

@media (min-width: 768px) { .qa-sec__item { border-radius: 10px; } }
.qa-sec__item.is-hover { background-color: #e1e8f7; }

.qa-sec__item.is-hover button { background-color: #e1e8f7; }

.qa-sec__item.open button:before { transform: translate(-50%, -50%) rotate(0); }

.qa-sec__item--q button { align-items: center; background-color: #f2f4f8; border: none; border-radius: 10px; -webkit-box-align: center; color: #000; display: flex; -ms-flex-align: center; font-family: var(--ff-ls-b); font-size: 14px; gap: 8px; letter-spacing: .04em; line-height: 1.7; padding: 20px 56px 16px 20px; position: relative; text-align: left; transition: background-color ease-out .3s; width: 100%; }

@media (min-width: 768px) { .qa-sec__item--q button { cursor: pointer; font-size: 18px; padding: 16px 68px 14px 32px; } }
.qa-sec__item--q button .icn { color: #06c755; flex-shrink: 0; font-family: var(--ff-ls-b); font-size: 2.1428571429em; }

@media (min-width: 768px) { .qa-sec__item--q button .icn { font-size: 1.6666666667em; } }
.qa-sec__item--q 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; }

@media (min-width: 600px) { .qa-sec__item--q button:before { right: 25px; } }
@media (min-width: 768px) { .qa-sec__item--q button:before { content: ""; right: 32px; } }
.qa-sec__item--a { display: flex; font-size: 14px; gap: 15px; padding: 0 56px 25px 20px; }

.qa-sec__item--a p:not(:first-of-type) { margin-top: 12px; }

.qa-sec__item--a li:before { content: "・"; }

@media (min-width: 1024px) { .qa-sec__item--a { align-items: center; -webkit-box-align: center; -ms-flex-align: center; } }
.qa-sec__item--a .icn { color: #ff6969; flex-shrink: 0; font-family: var(--ff-ls-b); font-size: 2.1428571429em; }

.qa-sec__item--a .strong { font-family: var(--ff-ls-b); }

@media (min-width: 768px) { .qa-sec__item--a { padding: 0 68px 24px 32px; } }
.qa-sec__item--a a { color: #06c755; font-family: var(--ff-ls-r); }

.qa-sec__item--small { font-size: .75rem; }
/* ---------------------------------------------
*    追従メニュー
--------------------------------------------- */
.c-menu { animation-duration: .5s; background: var(--color-gray-1); border: 2px solid var(--color-black); border-bottom-left-radius: 6px; border-top-left-radius: 6px; position: fixed; right: 0; text-align: center; top: 250px; z-index: 999; }
@media screen and (max-width: 1023px) { .c-menu { display: none; } }
.c-menu__title { background: var(--color-white); border: 2px solid var(--color-black); border-radius: 22px; display: inline-block; font-family: var(--ff-ls-b); font-size: 1.2rem; margin-top: 28px; padding: 4px 15px; }
.c-menu__list { display: flex; flex-direction: column; gap: 8px; padding: 24px 24px 26px; text-align: left; }
.c-menu__item { font-family: var(--ff-ls-b); font-size: 1.4rem; }
.c-menu__item a { color: var(--color-black); font-family: var(--ff-ls-b); }
.c-menu__close { border-top: 1px solid var(--color-black); font-family: var(--ff-ls-b); padding-block: 12px; text-align: center; }
.c-menu__item a.is-current { color: var(--color-green); position: relative; }
.c-menu__close { cursor: pointer; }
@media screen and (max-width: 1023px) { .sp-menu-wrap--clone { display: none; } }
@media screen and (min-width: 1024px) { .c-spMenu { display: none; } }
@media screen and (max-width: 1023px) { .c-spMenu { align-items: center; background: var(--color-white); bottom: 0; display: flex; height: 59px; opacity: 0; position: fixed; transform: translateY(150px); transition: all .5s; visibility: hidden; width: 100%; z-index: 999; }
.c-spMenu>ul { display: flex; flex: 1 0 0; gap: 0 5px; margin: 0 5px; }
.c-spMenu>ul li { width: 100%; }
.c-spMenu__dl-cta { align-items: center; background: var(--color-green); border-radius: 999em; color: var(--color-white); display: flex; font-family: var(--ff-ls-b); font-size: 1.3rem; height: 47px; justify-content: center; width: 100%; }
.c-spMenu__contents { align-items: center; background: #e4e8f0; display: flex; height: 59px; justify-content: center; margin-left: auto; width: 73px; }
.is-active { opacity: 1; transform: translateY(0); visibility: visible; } }
.backBtn a { font-family: var(--ff-ls-b); font-size: 1.7rem; padding-block: 13px 12px; padding-inline: 29px 70px; }
.backBtn__arrow01:before { right: 29px; }
@media screen and (max-width: 1023px) { .backBtn__arrow01:before { right: 29px; } }
.scrollUp { opacity: 0; transform: translateY(1px); transition: opacity 1s, transform 1s; }
.scrollUp.is-show { opacity: 1; transform: translateY(0px); }