@charset "UTF-8";
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

:root { --color-black: #111; --color-blue-: #225cff; --color-green: #06c755; --color-navy: #000048; --color-red: #ff334b; --color-white: #fff; --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; }

/* ---------------------------------------------
*  mv
--------------------------------------------- */
.mainVisual { background: #f5f5f5; min-height: 100% !important; position: relative; width: 100%; }
@media (max-width: 1023px) { .mainVisual .orangeBtn { margin-inline: auto; } }

@media (max-width: 1023px) { .mainVisual { height: auto !important; padding: 0; } }
.mainVisual__pankuzu { display: flex; flex-wrap: wrap; font-size: 1.2rem; margin: 0 auto; max-width: 1200px; padding: 10px 15px; }

@media (max-width: 1023px) { .mainVisual__pankuzu { display: none; } }

.mainVisual__pankuzu--list { color: #333; display: inline-block; font-family: var(--ff-ls-b); }

.mainVisual__pankuzu--list a { color: #333; display: inline-block; font-family: var(--ff-ls-m); }

.mainVisual__pankuzu--list:not(:last-of-type)::after { content: ">"; font-family: var(--ff-ls-m); padding: 0 8px; }

.mainVisual__outer { align-items: flex-start; -webkit-box-pack: stretch; display: flex; -ms-flex-pack: stretch; height: auto; justify-content: stretch; margin: 0 auto; max-width: 1200px; padding: 16px 20px; }

@media (max-width: 1023px) { .mainVisual__outer { display: block; padding: 0; } }
.mainVisual__img02 { max-width: 470px; width: 100%; }

@media (max-width: 1023px) { .mainVisual__img02 { max-width: 100%; } }
.mainVisual__inner { align-items: flex-start; -webkit-box-align: start; -webkit-box-pack: start; display: flex; -ms-flex-align: start; flex-direction: column; justify-content: flex-start; margin-left: 32px; max-width: 730px; text-align: left; }

@media (max-width: 1023px) { .mainVisual__inner { margin-left: 0; padding: 20px; } }
.mainVisual__label { font-family: var(--ff-ls-b); font-weight: 700; }

.mainVisual__label+.mainVisual__label { margin-top: 8px; }

@media (max-width: 1023px) { .mainVisual__H1title { font-size: 2.3rem; } }
.mainVisual__H1title--bold { color: #ff6951; }

.seminar__label--now { font-family: var(--ff-ls-b); }

.seminarMainArea__tit { font-family: var(--ff-ls-eb); letter-spacing: -.03em; }

.orangeBtn__arrow01 { font-family: var(--ff-ls-eb); font-size: 2.1rem; letter-spacing: -.01em; }
@media (max-width: 1023px) { .orangeBtn__arrow01 { font-size: 1.8rem; } }

.orangeBtn .orangeBtn__arrow01:after { transform: rotate(90deg); }
@media screen and (max-width: 1023px) { .orangeBtn a { font-size: 1.8rem; min-width: 270px; } }
/* ---------------------------------------------
*  セミナーのみどころ
--------------------------------------------- */
.c-about__list { display: flex; gap: 2.8571428571%; }
@media (max-width: 1023px) { .c-about__list { flex-direction: column; gap: 30px; } }
.c-about__list { justify-content: flex-start; margin-top: 30px; }
.c-about__item { flex: 1; text-align: center; }
.c-about__txt { font-family: var(--ff-ls-m); font-size: 1.6rem; }
@media (max-width: 1023px) { .c-about__txt { font-size: 1.4rem; margin-top: 16px; } }
.c-about__txt { margin-top: 21px; text-align: center; }
.c-about__img { box-shadow: 6px 6px 10px 0 rgba(0, 0, 0, .1); }

/* ---------------------------------------------
*  汎用
--------------------------------------------- */
.l-txt { font-family: var(--ff-ls-b); font-size: 2.4rem; }
@media (max-width: 1023px) { .l-txt { font-size: 1.6rem; margin-top: 20px; } }
.l-txt { margin-top: 40px; text-align: center; }

.l-txtGreen { color: var(--color-green); }

.l-h2title { align-items: center; display: flex; flex-direction: column; font-family: var(--ff-ls-b); font-size: 3.2rem; gap: 11px; }
@media (max-width: 1023px) { .l-h2title { font-size: 2.6rem; gap: 8px; padding-bottom: 18px; } }
.l-h2title { padding-bottom: 22px; position: relative; }
.l-h2title:after { background: var(--color-green); bottom: 0; content: ""; height: 4px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 25px; }

.l-h2title__label { color: var(--color-green); font-size: 1.6rem; }
@media (max-width: 1023px) { .l-h2title__label { font-size: 1.4rem; } }

.articleCarousel .swiper-container { margin-top: 70px; }

.pagePannel__company, .pagePannel__txt, .casePanel__icoBox { font-family: var(--ff-ls-b); }
@media screen and (max-width: 1023px) { .sp-menu-wrap--clone { display: none; } }