@charset "UTF-8";
/* Reset.css */

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

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

html { scroll-behavior: smooth; }

@font-face { font-family: "LINESeedJPStd Regular"; font-style: normal; font-weight: normal; src: url(https://www.lycbiz.com/static/jp/common/font/LINESeedJP_OTF_Rg.woff2) format("woff2"), url(/static/jp/common/font/LINESeedJP_OTF_Rg.woff) format("woff"); }
@font-face { font-family: "LINESeedJPStd Thin"; font-style: normal; font-weight: normal; src: url(https://www.lycbiz.com/static/jp/common/font/LINESeedJP_OTF_Th.woff2) format("woff2"), url(/static/jp/common/font/LINESeedJP_OTF_Th.woff) format("woff"); }
@font-face { font-family: "LINESeedJPStd Bold"; font-style: normal; font-weight: normal; src: url(https://www.lycbiz.com/static/jp/common/font/LINESeedJP_OTF_Bd.woff2) format("woff2"), url(/static/jp/common/font/LINESeedJP_OTF_Bd.woff) format("woff"); }
@font-face { font-family: "LINESeedJPStd ExtraBold"; font-style: normal; font-weight: normal; src: url(https://www.lycbiz.com/static/jp/common/font/LINESeedJP_OTF_Eb.woff2) format("woff2"), url(/static/jp/common/font/LINESeedJP_OTF_Eb.woff) format("woff"); }
body { color: #000; font-family: "LINESeedJPStd Regular", sans-serif; line-height: 1.6; -webkit-text-size-adjust: 100%; }
:root { --color-black: #000; --color-black-2: #111; --color-blue: #587cf7; --color-blue-2: #4e7dff; --color-navy: #000048; --color-white-1: #fff; --contents-side-padding: 20; --contents-width: 1200; --design-width: 1440; --ff-ls-b: "LINESeedJPStd Bold"; --ff-ls-eb: "LINESeedJPStd ExtraBold"; --ff-ls-m: "LINESeedJPStd Regular"; --ff-ls-t: "LINESeedJPStd Thin"; --ff-ud-db: "UD新ゴ DB", sans-serif; --ff-ud-m: "UD新ゴ B", sans-serif; --ff-ud-m: "UD新ゴ M", sans-serif; --hover-duration: .3s; --hover-opacity-ratio: .6; --root-fz: 16; }

@media screen and (max-width: 1023px) { :root { --contents-side-padding: 30; --contents-width: 335; --design-width: 375; --fixed-header-height: 0; --line-height: 1.5; --minwidth: 320; } }
/* ---------------------------------------------
*   l-header
--------------------------------------------- */
.l-header { background-color: var(--color-white-1); box-sizing: border-box; height: 91px; left: 50%; overflow: hidden; position: fixed; top: 0; transform: translateX(-50%); width: 100%; z-index: 9; }

@media screen and (max-width: 1023px) { .l-header { border-radius: 0; box-shadow: none; height: 50px; left: 0; overflow: visible; top: 0; transform: none; width: 100%; } }
.l-header::before { box-shadow: none; content: ""; display: block; height: 100%; left: 0; pointer-events: none; position: absolute; top: 0; width: 100%; z-index: 9999; }

@media screen and (min-width: 1024px) { .l-header::before { box-shadow: 0 6px 15px rgba(0, 0, 0, .16); content: normal; } }
/*  l-header-container
--------------------------------------------- */
.l-header-container { align-items: center; display: flex; height: 100%; padding-inline: calc(41 / var(--design-width) * 100vw) calc(38 / var(--design-width) * 100vw); }

@media screen and (min-width: 1024px) and (max-width: 1140px) { .l-header-container { padding-inline: calc(21 / var(--design-width) * 100vw) calc(18 / var(--design-width) * 100vw); } }
@media screen and (max-width: 1023px) { .l-header-container { padding-inline: 16px 0; } }
/*  l-header-logo
--------------------------------------------- */
.l-header-logo { flex-shrink: 0; margin-right: auto; margin-top: 2px; width: 302px; }

@media screen and (min-width: 1024px) and (max-width: 1250px) { .l-header-logo { width: 200px; } }
@media screen and (max-width: 1023px) { .l-header-logo { width: 163px; } }
.l-header-logo__link { display: block; }

@media (hover: hover) and (pointer: fine) { .l-header-logo__link[href] { transition: opacity .3s; }
.l-header-logo__link[href]:hover { opacity: .8; } }
.l-header-logo__link img { height: auto; width: 100%; }

/*  l-header-menu
--------------------------------------------- */
@media screen and (min-width: 1025px) { .l-header-menu { display: block !important; } }
@media screen and (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 .5s, visibility .5s; visibility: hidden; }
.l-header-menu::-webkit-scrollbar { display: none; }
.is-menu-opened .l-header-menu { bottom: 0; top: 50px; visibility: visible; } }
@media screen and (max-width: 1023px) { .l-header-menu__container { background-color: var(--color-white-1); box-shadow: 0 3px 6px rgba(0, 0, 0, .16); box-sizing: border-box; height: auto; overflow-y: auto; padding: 0 0 45px; }
.is-animating .l-header-menu__container { scrollbar-width: none; top: 0; }
.is-animating .l-header-menu__container::-webkit-scrollbar { display: none; } }
/*  l-header-nav
--------------------------------------------- */
.l-header-nav { display: flex; gap: calc(61 / var(--design-width) * 100vw); }
@media (max-width: 1023px) { .l-header-nav { flex-direction: column; gap: 0; } }

@media screen and (min-width: 1024px) and (max-width: 1250px) { .l-header-nav { gap: calc(30 / var(--design-width) * 100vw); } }
.l-header-nav__list { display: flex; gap: calc(35 / var(--design-width) * 100vw); }

@media screen and (max-width: 1023px) { .l-header-nav__list { display: block; } }
@media screen and (max-width: 1023px) { .l-header-nav__list-2 .l-header-nav__item { border: none; }
.l-header-nav__list-2 .l-header-nav__item:first-of-type { border: none; } }
@media screen and (max-width: 1023px) { .l-header-nav__item { border-bottom: 1px solid #e2e2e2; position: relative; }
.l-header-nav__item:first-of-type { border-top: 1px solid #e2e2e2; }
.l-header-nav__item-2:before { background: #587cf7; border-radius: 50%; content: ""; height: 5px; left: 30px; position: absolute; top: 50%; transform: translateY(-50%); width: 5px; }
.l-header-nav__item-2:after { border-right: 1px solid #000; border-top: 1px solid var(--color-black); content: ""; display: inline-block; height: 4px; position: absolute; right: 32px; top: 46%; transform: rotate(45deg) translateY(-50%); width: 4px; } }
.l-header-nav__link { color: var(--color-black); font-family: var(--ff-ls-b); font-size: 1rem; letter-spacing: .05em; position: relative; text-decoration: none; }

@media screen and (min-width: 1024px) and (max-width: 1300px) { .l-header-nav__link { font-size: .875rem; } }
@media screen and (max-width: 1023px) { .l-header-nav__link { display: block; font-family: var(--ff-ls-m); font-size: .9375rem; letter-spacing: .06em; padding: 14px 20px 13px 44px; } }
@media (hover: hover) and (pointer: fine) { .l-header-nav__link:hover { text-decoration: underline; } }
.l-header-nav__link-2 { padding-right: 30px; }
@media (max-width: 1023px) { .l-header-nav__link-2 { display: inline-block; margin-top: 45px; padding-block: 0; } }

.l-header-nav__link-2::after { background: url(/sites/default/files/media/jp/brand/connect-one/img/icn_link.svg) center no-repeat; background-size: contain; content: ""; height: 17px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 17px; }

@media screen and (max-width: 1023px) { .l-header-nav__link::after { content: ""; } }
/*  l-header-menu-button
--------------------------------------------- */
.l-header-menu-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; border: 0; border-radius: 0; box-shadow: none; cursor: pointer; display: none; margin: 2px 10px 0 11px; outline: none; padding: 0 9px 15px; position: relative; touch-action: manipulation; }

@media screen and (max-width: 1023px) { .l-header-menu-button { animation: fadeAnim .3s forwards; display: block; margin: 2px 20px 0 11px; opacity: 0; padding: 0; } }
.l-header-menu-button::after { bottom: 0; color: #00003e; content: normal; font-size: 10px; font-weight: 700; left: 50%; line-height: 1; position: absolute; text-align: center; transform: translateX(-50%); white-space: nowrap; width: 100%; }

@media screen and (max-width: 1023px) { .l-header-menu-button::after { animation: rotateAnim1 .3s forwards; } }
@media screen and (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; position: relative; width: 17px; }

.l-header-menu-button__line { background-color: #00003e; border-radius: 9999px; display: block; height: 0; left: 0; padding-top: 1px; 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-container
--------------------------------------------- */
.l-container { box-sizing: content-box; margin-inline: auto; max-width: 1200px; position: relative; }
/* ---------------------------------------------
*   l-h2title
--------------------------------------------- */
.l-h2title h2 { color: var(--color-black-2); font-family: var(--ff-ls-b); font-size: 2.6875rem; line-height: calc(65 / 43); margin-top: 18px; text-align: left; }
@media (max-width: 1110px) { .l-h2title h2 { font-size: 1.75rem; line-height: calc(39 / 28); } }
.l-h2title .l-h2title__white { color: var(--color-white-1); }
.l-h2title__sub { color: var(--color-blue-2); display: inline-block; font-family: var(--ff-ls-b); font-size: 1.25rem; letter-spacing: .03em; }
@media (max-width: 1023px) { .l-h2title__sub { font-size: 1rem; } }
/* ---------------------------------------------
*   l-txt
--------------------------------------------- */
.l-txt { font-size: 1rem; letter-spacing: .065em; line-height: calc(34 / 16); margin-top: 32px; }
@media (max-width: 1023px) { .l-txt { font-size: .9375rem; margin-top: 24px; } }
.l-txt-white { color: var(--color-white-1); }
/* ---------------------------------------------
*   c-kv
--------------------------------------------- */
.c-kv { height: 409px; overflow: hidden; padding-top: 91px; position: relative; }
@media (max-width: 1023px) { .c-kv { height: 230px; padding-top: 50px; } }
.c-kv__img { height: 409px; position: absolute; width: 100%; z-index: -1; }
@media (max-width: 1023px) { .c-kv__img { height: 230px; } }
.c-kv__img img { height: 100%; object-fit: cover; width: 100%; }
.c-kv__inner { left: 50%; position: absolute; text-align: center; top: 201px; transform: translateX(-50%); z-index: 5; }
@media (max-width: 1023px) { .c-kv__inner { padding-inline: 10px; top: 96px; width: 100%; } }
.c-kv__h1ttl { color: var(--color-white-1); font-family: var(--ff-ls-eb); font-size: 5rem; line-height: calc(95 / 80); }
@media (max-width: 1023px) { .c-kv__h1ttl { font-size: 2.5rem; line-height: calc(44 / 40); } }
.c-kv__inner-txt { color: var(--color-white-1); display: inline-block; font-family: var(--ff-ls-b); font-size: 1.6875rem; letter-spacing: .03em; margin-top: 24px; text-align: center; }
@media (max-width: 1023px) { .c-kv__inner-txt { font-size: 1.125rem; } }
/* ---------------------------------------------
*   c-new
--------------------------------------------- */
.c-new { background: rgba(242,244,248,.8) ; padding-block: 40px; }
.c-new .l-h2title { padding-inline: 20px; text-align: center; }
.c-new .l-h2title h2 { font-size: 1.75rem; margin-top: 8px; text-align: center; }
.c-new .splide-wrapper { margin-top: 28px; }
.c-new .splide__slide { flex-shrink: 0; height: auto; max-width: 385px ; min-height: 289px; position: relative; }
.c-new__contents { background: #fff; border-radius: 6px; display: flex; flex-direction: column; height: 100%; transition: all .4s
ease; }
@media (max-width: 1023px) { .c-new__contents { max-height: 300px; } }
.c-news__link { display: block; height: 100%; min-height: 289px; transition: opacity .3s ease-out; }
.c-news__link:hover { opacity: .8; }
.c-news__panel { align-items: flex-start; background: #4e7dff ; border-top-left-radius: 6px; border-top-right-radius: 6px; display: flex; justify-content: space-between; overflow: hidden; padding-inline: 28px 32px; padding-top: 20px; position: relative; }
.c-news__panel:before { background: url(/sites/default/files/media/jp/brand/connect-one/img/bg_new.svg)top center no-repeat; content: ""; height: 421px; left: 50%; position: absolute; top: -25px; transform: translateX(-50%); width: 421px; }
.c-news__panel img { display: block; height: 134px; margin-bottom: -10px; width: auto; z-index: 5; }
.c-news__title { position: relative; z-index: 5; }
.c-news__title>span { background: #ffd04e; border-radius: 14px; color: #000048; display: inline-block; font-family: var(--ff-ls-b); font-size: .8125rem ; height: 23px; line-height: 23px; padding-inline: 10px; text-align: center; }
.c-news__title p { color: var(--color-white-1); font-family: var(--ff-ls-b); font-size: 1.125rem; letter-spacing: .04em; line-height: calc(27 / 20); margin-top: 6px; }
@media (max-width: 1200px) { .c-news__title p { font-size: 1rem; } }
.c-news__title p span { color: var(--color-white-1); display: inline-block; font-family: var(--ff-ls-b); font-size: .875rem; letter-spacing: .04em; line-height: calc(21 / 15); }
@media (max-width: 1200px) { .c-news__title p span { font-size: .6875rem; } }
.c-news__detail { padding-block: 20px; padding-inline: 28px; }
.c-news__txt { color: var(--color-black); font-family: var(--ff-ls-b); font-size: 1.125rem ; }
.c-news__detail--innner { display: flex; gap: 12px; margin-top: 12px;
; }
.c-news__label { background: #4e7dff; border-radius: 3px; color: var(--color-white-1); font-family: var(--ff-ls-b); font-size: .9375rem; padding-block: 5px 6px; padding-inline: 10px; }
.c-new .splide__list { height: fit-content; }
.c-slider-1__arrow-outer button { background: none; border: none; cursor: pointer; position: absolute; top: 72px; }
@media (max-width: 1023px) { .c-slider-1__arrow-outer button { top: 100px; } }
@media (max-width: 1023px) { .c-slider-1__arrow-outer button img { max-width: 35px; width: 100%; } }
.c-slider-1__arrow-outer button.prev { left: 5.14%; }
@media (max-width: 1023px) { .c-slider-1__arrow-outer button.prev { left: 3%; } }
.c-slider-1__arrow-outer button.next { right: 5.14%; }
@media (max-width: 1023px) { .c-slider-1__arrow-outer button.next { right: 3%; } }
.splide__pagination { align-items: center; display: flex; flex-wrap: wrap; justify-content: center; margin-top: 20px; pointer-events: none; z-index: 1; }
.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; }
.splide__pagination__page.is-active { opacity: 1; transform: none; }
.splide:not(.is-overflow) .splide__pagination { display: flex; }
/* ---------------------------------------------
*   c-about
--------------------------------------------- */
.c-about { padding-block: 92px 72px; padding-inline: 20px; }
@media (max-width: 1023px) { .c-about { padding-block: 40px 80px; padding-inline: 30px; } }
@media (max-width: 1023px) { .c-about__h2ttl h2 { font-size: calc(35 / var(--root-fz) * 1rem); } }
.c-about__img { display: block; margin-inline: auto; margin-top: 60px; }
@media (max-width: 1023px) { .c-about__img { margin-top: 25px; text-align: center; width: 100%; }
.c-about__img img { margin: 0 calc(50% - 50vw); width: 100vw; } }
.c-about__notes { margin-top: 70px; text-align: right; }
@media (max-width: 1023px) { .c-about__notes { margin-top: 16px; text-align: left; } }
.c-about__notes-list { counter-reset: listnum; display: inline-block; }
.c-about__notes-item { display: flex; font-size: .75rem; gap: 10px; justify-content: flex-start; line-height: calc(21 / 12); }
@media (max-width: 1023px) { .c-about__notes-item { font-size: .5625rem; gap: 4px; } }
.c-about__notes-item::before { content: "※" counter(listnum); counter-increment: listnum; }
/* ---------------------------------------------
*   c-value
--------------------------------------------- */
.c-value { background: var(--color-navy); padding-block: 129px 80px; position: relative; }
@media (max-width: 1023px) { .c-value { padding-top: 80px; } }
.c-value .l-container { padding-inline: 20px; }
.c-value__container { margin-top: -105px; position: relative; }
@media (max-width: 1023px) { .c-value__container { margin-top: 0; } }
.c-value__container-img { height: 1026px; position: relative; width: 100%; z-index: -1; }
@media (max-width: 1023px) { .c-value__container-img { height: 1402px; } }
.c-value__container-img img { height: 100%; object-fit: contain; width: 100%; }
@media (max-width: 1023px) { .c-value__container-img img { object-fit: cover; position: absolute; top: -26px; } }
.c-value__body { align-items: center; color: var(--color-white-1); display: flex; justify-content: center; left: 0; margin: 0 auto; max-width: 1200px; position: absolute; right: 0; top: 216px; }
@media (max-width: 1023px) { .c-value__body { flex-direction: column; padding-inline: 30px; top: 34px; } }
.c-value__body-left { display: flex; flex-direction: column; gap: 32px; width: 34.42%; }
@media (max-width: 1023px) { .c-value__body-left { gap: 16px; width: 100%; } }
.c-value__body-left--contents { border: 1px solid var(--color-white-1); border-radius: 6px; padding: 22px 16px 23px 34px; }
@media (max-width: 1023px) { .c-value__body-left--contents { padding: 16px 16px 18px 30px; } }
.c-value__body-left--title { font-family: var(--ff-ls-b); font-size: 1.4375rem; letter-spacing: .02em; }
@media (max-width: 1023px) { .c-value__body-left--title { font-size: 1.1875rem; } }
.c-value__body-left--txt { font-family: var(--ff-ls-m); font-size: .9375rem; margin-top: 8px; }
@media (max-width: 1023px) { .c-value__body-left--txt { font-size: .8125rem; } }
.c-value__body-center { align-items: center; background: var(--color-white-1); border-radius: 50%; display: flex; flex: 1; flex-direction: column; gap: 12px; height: 270px; justify-content: flex-end; margin-left: 66px; width: 250px; }
@media (max-width: 1023px) { .c-value__body-center { gap: 24px; height: 220px; margin-left: 0; position: absolute; top: 570px; width: 220px; } }
.c-value__body-center--txt { color: var(--color-navy); font-family: var(--ff-ls-b); font-size: 1.25rem; letter-spacing: .03em; text-align: center; }
@media (max-width: 1023px) { .c-value__body-center--txt { font-size: .875rem; } }
.c-value__body-center--img { max-width: 160px; width: 100%; }
@media (max-width: 1023px) { .c-value__body-center--img { max-width: 100px; width: 100%; } }
.c-value__body-right { flex: 1; font-family: var(--ff-ls-b); font-size: 2.375rem; letter-spacing: .02em; margin-left: 180px; }
@media (max-width: 1023px) { .c-value__body-right { bottom: -640px; font-size: 2rem; margin-left: 0; position: absolute; } }
.c-value__notes { color: var(--color-white-1); font-family: var(--ff-ls-m); font-size: .75rem; letter-spacing: .065em; margin-inline: auto; margin-top: -32px; max-width: 1160px; padding-inline: 20px; padding-left: 1em; text-align: right; text-indent: -1em; }
@media (max-width: 1023px) { .c-value__notes { padding-inline: 30px; text-align: left; } }
.c-value__notes::before { content: "※"; }
/* ---------------------------------------------
*   c-useCase
--------------------------------------------- */
@media (max-width: 1023px) { .c-useCase { padding-inline: 20px; } }
.c-useCase__inner { padding-block: 130px; }
@media (max-width: 1023px) { .c-useCase__inner { padding-block: 80px; } }
.c-useCase__inner .l-h2title, .c-useCase__inner .l-h2title h2 { text-align: center; }
.c-useCase__container { background: #f7f7f7; border-radius: 6px; padding-block: 40px 53px; position: relative; }
@media (max-width: 1023px) { .c-useCase__container { padding-block: 40px 0; } }
.c-useCase__h3title { display: flex; gap: 26px; justify-content: flex-start; }
@media (max-width: 1023px) { .c-useCase__h3title { gap: 15px; } }
.c-useCase__h3title-num { max-width: 133px; width: 100%; }
@media (max-width: 1023px) { .c-useCase__h3title-num { max-width: 93px; width: 100%; } }
.c-useCase__h3 { align-items: center; color: var(--color-navy); display: flex; font-family: var(--ff-ls-b); font-size: 1.5rem; gap: 16px; letter-spacing: .02em; line-height: calc(47 / 24); }
@media (max-width: 1023px) { .c-useCase__h3 { font-size: 1.125rem; gap: 10px; line-height: calc(22 / 18); } }
.c-useCase__h3-icon { max-width: 43px; width: 100%; }
@media (max-width: 1023px) { .c-useCase__h3-icon { max-width: 26px; width: 100%; } }
.c-useCase__body { margin-inline: auto; max-width: 980px; }
.c-useCase__container:first-of-type { margin-top: 60px; }
.c-useCase__container:not(:first-of-type) { margin-top: 48px; }
.c-useCase__container-list { display: flex; gap: 64px; margin-top: -24px; position: relative; }
@media (max-width: 1023px) { .c-useCase__container-list { flex-direction: column; margin-top: 0; padding-inline: 38px; } }
.c-useCase__container-item { position: relative; }
.c-useCase__container-item:not(:first-of-type)::before { border-color: transparent transparent transparent var(--color-black); border-style: solid; border-width: 19px 0 19px 21px; content: ""; display: inline-block; left: -40px; position: absolute; top: 227px; }
@media (max-width: 1023px) { .c-useCase__container-item:not(:first-of-type)::before { border-color: var(--color-black) transparent transparent transparent; border-style: solid; border-width: 21px 19px 0 19px; content: ""; display: inline-block; left: 50%; position: absolute; top: -50px; transform: translateX(-50%); } }
.c-useCase__container-ui { padding-top: 69px; }
@media (max-width: 1023px) { .c-useCase__container-ui { padding-top: 32px; } }
.c-useCase__container-txt { font-family: var(--ff-ls-b); font-size: 1.5rem; letter-spacing: .03em; margin-top: 24px; text-align: center; }
@media (max-width: 1023px) { .c-useCase__container-txt { font-size: 1.25rem; margin-top: 16px; } }
.c-useCase__container-txt-blue { color: var(--color-blue-2); }
.c-useCase__imgSp { display: none; }
@media (max-width: 1023px) { .c-useCase__imgSp { display: block; margin-inline: auto; margin-top: 35px; max-width: 287px; width: 100%; } }
/* ---------------------------------------------
*   c-release
--------------------------------------------- */
.c-release .l-h2title { text-align: center; }
.c-release .l-h2title h2 { text-align: center; }
.c-release__inner { margin-top: 50px; }
.c-release__container { padding-block: 128px 130px; padding-inline: 20px; }
@media (max-width: 1023px) { .c-release__container { padding-block: 40px; } }
.c-release__container-1 { background: rgba(78, 125, 255, .1); }
.c-release__container-2 { background: rgba(78, 125, 255, .05); }
.c-release__body { margin-inline: auto; max-width: 1200px; }
.c-release__label { align-items: center; color: #4e7dff; display: flex; font-family: var(--ff-ls-b); font-size: 1.25rem; gap: 16px; justify-content: flex-start; }
@media (max-width: 1023px) { .c-release__label { align-items: flex-start; flex-direction: column; font-size: 1rem; gap: 8px; } }
.c-release__label span { background: #4e7dff; border-radius: 3px; color: var(--color-white-1); font-size: .9375rem; padding: 5px 16px; }
@media (max-width: 1023px) { .c-release__label span { font-size: .625rem ; padding: 5px 8px; } }
.c-release__label-1 { align-items: center; display: flex; gap: 10px; }
.c-release__h3title { color: var(--color-black); font-family: var(--ff-ls-b); font-size: 2.625rem; letter-spacing: .01em; margin-top: 18px; }
@media (max-width: 1023px) { .c-release__h3title { font-size: 1.125rem; margin-top: 4px; } }
.c-release__txt { letter-spacing: .06em; margin-top: 12px; }
@media (max-width: 1023px) { .c-release__txt { font-size: .9375rem; } }
.c-release__media { align-items: flex-start; display: flex; gap: 6.67%; justify-content: flex-start; margin-top: 58px; }
@media (max-width: 1023px) { .c-release__media { flex-direction: column; margin-top: 24px; } }
.c-release__img { display: block; max-width: 500px; width: 100%; }
@media (max-width: 1023px) { .c-release__img { margin-inline: auto; } }
.c-release__right { flex: 1; padding-top: 54px; }
@media (max-width: 1023px) { .c-release__right { flex: none; padding-top: 16px; width: 100%; } }
.c-release__item { font-family: var(--ff-ls-b); font-size: 1.25rem; letter-spacing: .04em; padding-left: 20px; position: relative; }
@media (max-width: 1023px) { .c-release__item { font-size: .875rem; } }
.c-release__item::before { background: #225cff ; border-radius: 50px; content: ""; height: 7px; left: 0; position: absolute; top: 50%; transform: translateY(-50%); width: 7px; }
.c-release__item+.c-release__item { margin-top: 16px; }
@media (max-width: 1023px) { .c-release__item+.c-release__item { margin-top: 8px; } }
.c-release__btn { margin-top: 66px; }
@media (max-width: 1023px) { .c-release__btn { margin-inline: auto; margin-top: 24px; } }
.c-release__link { align-items: center; background: var(--color-navy); border: 3px solid var(--color-white-1); border-radius: 60px; color: var(--color-white-1); display: flex; font-family: var(--ff-ls-b); font-size: 1.4375rem; gap: 16px; height: 91px; justify-content: flex-start; letter-spacing: .055em; margin-inline: auto; max-width: 305px; padding-left: 65px; transition: background-color .3s ease-out, transform .3s ease-out; }
@media (max-width: 1023px) { .c-release__link { font-size: 1.1875rem; gap: 17px; height: 75px; justify-content: center; padding-left: 0; } }
.c-release__link:after { background: url(/sites/default/files/media/jp/brand/connect-one/img/icon_dl.svg) center center no-repeat; content: ""; height: 21px; width: 17px; }
.c-release__link:hover { background: var(--color-white-1); border: 3px solid var(--color-navy); color: var(--color-navy); }
.c-release__link:hover::after { background: url(/sites/default/files/media/jp/brand/connect-one/img/icon_dl_navy.svg) center center no-repeat; content: ""; height: 21px; width: 17px; }
.c-release__link-2 { justify-content: center; padding-left: 0; }
.c-release__link-2:after { background: none; border-right: 2px solid  var(--color-white-1); border-top: 2px solid var(--color-white-1); display: inline-block; height: 12px; transform: rotate(45deg); width: 12px; }
.c-release__link-2:hover::after { background: none; border-right: 2px solid  var(--color-navy); border-top: 2px solid var(--color-navy); content: ""; height: 12px; transform: rotate(45deg); width: 12px; }
.c-release__txtLink { display: grid; grid-column-gap: 14px; grid-template-columns: auto 1fr; margin-top: 32px; }
@media (max-width: 1023px) { .c-release__txtLink {grid-row-gap: 4px;  grid-template-columns: 1fr; margin-inline: auto; margin-top: 16px; } }
.c-release__txtLink span { align-items: center; display: flex; font-family: var(--ff-ls-b); gap: 6px; }
.c-release__txtLink span:before { background: url(/sites/default/files/media/jp/brand/connect-one/img/icon_txtLink.svg) center center no-repeat; content: ""; display: block; height: 18px; width: 18px; }
.c-release__txtLink a { color: #4e7dff; }
@media (max-width: 1023px) { .c-release__txtLink a { font-size: .875rem; } }
.c-release__txtLink a:hover { text-decoration: underline; }
.c-release__notes { font-size: .875rem; letter-spacing: .065em; margin-top: 34px; text-align: left; }
@media (max-width: 1023px) { .c-release__notes { font-size: .625rem; margin-top: 8px; } }
/* ---------------------------------------------
*   c-ebook
--------------------------------------------- */
.c-ebook { padding-block: 90px; padding-inline: 20px; }
@media (max-width: 1023px) { .c-ebook { padding-block: 40px; } }
.c-ebook__inner { background: #4e7dff; border-radius: 21px; margin-inline: auto; max-width: 1200px; overflow: hidden; padding-block: 72px; position: relative; text-align: center; }
@media (max-width: 1023px) { .c-ebook__inner { padding: 40px 20px; } }
.c-ebook__inner:before { background: url(/sites/default/files/media/jp/brand/connect-one/img/bg_cta_circle.svg) center center no-repeat; content: ""; height: 1055px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 1055px; }
@media (max-width: 1023px) { .c-ebook__inner:before { display: none; } }
.c-ebook__contents { position: relative; z-index: 5; }
.c-ebook__h2title { color: var(--color-white-1); font-family: var(--ff-ls-b); font-size: 2rem; letter-spacing: .02em; }
@media (max-width: 1023px) { .c-ebook__h2title { font-size: 1.625rem; } }
.c-ebook__btn { margin-top: 50px; }
@media (max-width: 1023px) { .c-ebook__btn { margin-top: 24px; } }
.c-ebook__link { align-items: center; background: var(--color-white-1); border: 3px solid var(--color-white-1); border-radius: 60px; color: #4e7dff; display: flex; font-family: var(--ff-ls-b); font-size: 1.4375rem; gap: 16px; height: 91px; justify-content: flex-start; letter-spacing: .055em; margin-inline: auto; max-width: 305px; padding-left: 65px; transition: background-color .3s ease-out, transform .3s ease-out; }
@media (max-width: 1023px) { .c-ebook__link { font-size: 1.1875rem; gap: 17px; height: 75px; justify-content: center; padding-left: 0; } }
.c-ebook__link:after { background: url(/sites/default/files/media/jp/brand/connect-one/img/icon_dl-2_blue.svg) center center no-repeat; content: ""; height: 21px; width: 17px; }
.c-ebook__link:hover { background: #4e7dff; border: 3px solid var(--color-white-1); color: var(--color-white-1); }
.c-ebook__link:hover::after { background: url(/sites/default/files/media/jp/brand/connect-one/img/icon_dl-2_white.svg) center center no-repeat; content: ""; height: 21px; width: 17px; }


/* ---------------------------------------------
*   c-schedule
--------------------------------------------- */
.c-schedule { background: #f7f7f7; padding-block: 130px; }
@media (max-width: 1023px) { .c-schedule { padding-block: 80px; padding-inline: 20px; } }
.c-schedule__grid { display: grid; grid-template-columns: repeat(2, auto); grid-template-rows: repeat(2, auto); justify-content: space-between; }
@media (max-width: 1023px) { .c-schedule__grid { grid-template-columns: auto; grid-template-rows: repeat(3, auto); } }
.c-schedule__grid-1 { grid-area: 1 / 2 / 3 / 3; max-width: 655px; }
@media (max-width: 1023px) { .c-schedule__grid-1 { grid-area: 2 / 1 / 3 / 2; margin-top: 30px; } }
.c-schedule__grid-1--list { align-items: center; display: flex; flex-direction: column; gap: 54px; justify-content: center; }
.c-schedule__grid-1--item { background: var(--color-white-1); border-radius: 6px; padding: 32px 60px 40px; position: relative; }
@media (max-width: 1023px) { .c-schedule__grid-1--item { padding: 30px 21px 33px 35px; } }
.c-schedule__grid-1--item:not(:first-of-type)::before { border-color: #a3baff transparent transparent transparent; border-style: solid; border-width: 21px 19px 0 19px; content: ""; display: inline-block; left: 50%; position: absolute; top: -35px; transform: translateX(-50%); }
.c-schedule__grid-1--date { color: var(--color-blue-2); font-family: var(--ff-ls-b); font-size: 1rem; letter-spacing: .02em; }
.c-schedule__grid-1--date-2 { color: #a3baff; }
.c-schedule__grid-1--h3 { font-family: var(--ff-ls-b); font-size: 2rem; margin-top: 6px; }
@media (max-width: 1023px) { .c-schedule__grid-1--h3 { font-size: 1.625rem; } }
.c-schedule__grid-1--h3:not(:first-of-type) { margin-top: 24px; }
.c-schedule__grid-1--txt { font-family: var(--ff-ls-m); letter-spacing: .065em; line-height: calc(31 / 16); margin-top: 12px; }
@media (max-width: 1023px) { .c-schedule__grid-1--txt { font-size: .875rem; margin-top: 4px; } }
.c-schedule__grid-1--tag { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 32px; }
@media (max-width: 1023px) { .c-schedule__grid-1--tag { gap: 8px; margin-top: 22px; } }
.c-schedule__grid-1--tag li { background: rgba(78, 125, 255, .1); color: var(--color-blue-2); font-family: var(--ff-ls-b); font-size: 1rem; padding: 7px 20px 6px; text-align: center; }
@media (max-width: 1023px) { .c-schedule__grid-1--tag li { font-size: .875rem; } }
.c-schedule__grid-1--tag .-gray { background: rgba(0, 0, 0, .1); color: var(--color-black); }
.c-schedule__grid-2 { grid-area: 1 / 1 / 2 / 2; }
@media (max-width: 1023px) { .c-schedule__grid-2 { grid-area: 1 / 1 / 2 / 2; } }
.c-schedule__grid-3 { grid-area: 2 / 1 / 3 / 2; padding-top: 32px; width: 376px; }
@media (max-width: 1023px) { .c-schedule__grid-3 { grid-area: 3 / 1 / 4 / 2; padding-top: 64px; text-align: center; width: auto; } }
.c-schedule__grid-3--txt { font-family: var(--ff-ls-m); font-size: 1rem; }
.c-schedule__grid-3--btn { margin-top: 103px; }
@media (max-width: 1023px) { .c-schedule__grid-3--btn { margin-top: 22px; } }
.c-schedule__grid-3--link { align-items: center; background: var(--color-navy); border: 3px solid var(--color-white-1); border-radius: 60px; color: var(--color-white-1); display: flex; font-family: var(--ff-ls-b); font-size: 1.4375rem; gap: 16px; height: 91px; justify-content: flex-start; letter-spacing: .055em; max-width: 376px; padding-left: 65px; transition: background-color .3s ease-out, transform .3s ease-out; }
@media (max-width: 1023px) { .c-schedule__grid-3--link { font-size: 1.1875rem; gap: 17px; height: 75px; padding-left: 54px; } }
.c-schedule__grid-3--link:hover { background: var(--color-white-1); border: 3px solid var(--color-navy); color: var(--color-navy); }
.c-schedule__grid-3--link:after { background: url(/sites/default/files/media/jp/brand/connect-one/img/icon_dl.svg) center center no-repeat; content: ""; height: 21px; width: 17px; }
.c-schedule__grid-3--link:hover::after { background: url(/sites/default/files/media/jp/brand/connect-one/img/icon_dl_navy.svg) center center no-repeat; content: ""; height: 21px; width: 17px; }
/* ---------------------------------------------
*   c-img
--------------------------------------------- */
.c-img { line-height: 0; }
/* ---------------------------------------------
*   l-footer
--------------------------------------------- */
.l-footer { background-color: #000; padding-block: 65px; position: relative; }

@media screen and (max-width: 1023px) { .l-footer { padding-block: 30px; } }
.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; }

@media screen and (max-width: 1023px) { .l-footer__container { display: block; max-width: none; padding-inline: 30px; } }
.l-footer__copyright { color: var(--color-white-1); font-size: calc(12 / var(--root-fz) * 1rem); }

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

@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); } }
.l-footer-nav__link { color: var(--color-white-1); display: block; font-family: var(--ff-ud-db); font-size: calc(13 / var(--root-fz) * 1rem); letter-spacing: .03em; width: -moz-fit-content; width: fit-content; }

@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: calc(13 / var(--design-width) * 100vw); margin-inline: auto; } }
.scrollUp { opacity: 0; transform: translateY(1px); transition: opacity 2.5s, transform 2.5s; }
.scrollUp.is-show { opacity: 1; transform: translateY(0px); }

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