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