@charset "UTF-8";
/**************************************************
    sass
***************************************************/
/* -----------------------------------------------
	Variables
-------------------------------------------------- */
/* -----------------------------------------------
	Mixins
-------------------------------------------------- */
/* ---------- Media Query --------- */
/* ---------- CSS Hack --------- */
/* ---------- Common --------- */
/* ---------- Image --------- */
/* ---------- Arrow --------- */
/* ---------- Icon --------- */
/* ---------- Animation --------- */
/* -----------------------------------------------
  Functions
--------------------------------------------------*/
/* -----------------------------------------------
  Font
--------------------------------------------------*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/**************************************************
	base
***************************************************/
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: none;
}

img {
  image-rendering: -webkit-optimize-contrast;
}

/* -----------------------------------------------
	1. Body
-------------------------------------------------- */
html {
  font-size: 16px;
  font-size: min(16px, 1.25vw);
  background: #fff;
  visibility: hidden;
}
html.wf-active, html.loading-delay {
  visibility: visible;
}
@media (max-width: 768px) {
  html {
    font-size: 4.2666666667vw;
  }
}

body {
  background: #fff;
}
body.fixed {
  position: fixed;
  width: 100%;
  height: 100%;
}
@media (max-width: 768px) {
  body {
    width: 100vw;
  }
}

body, button, input, textarea, select {
  color: #000;
  font-weight: 400;
  font-family: "source-han-sans-japanese", sans-serif;
  line-height: 1.8;
  letter-spacing: 0.01em;
}
@media (max-width: 768px) {
  body, button, input, textarea, select {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}

::-moz-selection {
  background: rgba(255, 217, 0, 0.7);
  color: #fff;
}

::selection {
  background: rgba(255, 217, 0, 0.7);
  color: #fff;
}

/* -----------------------------------------------
	2. Elements
-------------------------------------------------- */
/* ---------- base ---------- */
h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  margin: 0;
}

img, svg, video {
  border: 0;
  vertical-align: bottom;
}

ol, ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

li {
  margin: 0;
  padding: 0;
}

dl, dt, dd {
  margin: 0;
  padding: 0;
}

figure {
  margin: 0;
}

/* ---------- text ---------- */
p {
  margin: 0 0 1em;
}
p:last-child {
  margin-bottom: 0;
}

a {
  color: #000;
  text-decoration: underline;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

a:hover {
  color: #ffd900;
  text-decoration: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

a[nohref] {
  color: inherit;
}
a[nohref]:hover {
  text-decoration: none;
}

a[href^="tel:"] {
  color: inherit;
}
@media (min-width: 769px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}

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

figure {
  margin: 0;
}

.caption, figcaption {
  display: block;
  margin-top: 1em;
  font-size: 0.88em;
}

/* ---------- plain ---------- */
ul.plain, ol.plain {
  margin-left: 1em;
  margin-bottom: 1em;
}

.plain ul, .plain ol {
  margin: 0 0 0 1em;
}

ul.plain {
  list-style-type: disc;
}
ul.plain ul {
  list-style-type: circle;
}
ul.plain ul ul {
  list-style-type: square;
}

ol.plain, ol.plain ol {
  list-style-type: decimal;
}

dl.plain {
  margin: 0 0 1em;
}
dl.plain dt {
  font-weight: bold;
}
dl.plain dd {
  margin-bottom: 1em;
}

/* -----------------------------------------------
	3. Helper Class
-------------------------------------------------- */
._w100p {
  width: 100%;
}

/* ---------- clear ---------- */
._clearfix {
  zoom: 1;
}
._clearfix:after {
  content: "";
  display: block;
  clear: both;
  overflow: auto;
}

._float-l {
  float: left;
}

._float-r {
  float: right;
}

._clear {
  clear: both;
}

._hidden {
  display: none;
}

._visible {
  display: block;
}

/* ---------- text ---------- */
._normal {
  font-weight: normal;
}

._bold {
  font-weight: bold;
}

._underline {
  text-decoration: underline;
}

._small {
  font-size: 88% !important;
}

._middle {
  font-size: 100% !important;
}

._large {
  font-size: 113% !important;
}

._valignt {
  vertical-align: top !important;
}

._valignm {
  vertical-align: middle !important;
}

._valignb {
  vertical-align: bottom !important;
}

._txtc, ._txtc th, ._txtc td {
  text-align: center !important;
}

._txtr, ._txtr th, ._txtr td {
  text-align: right !important;
}

._txtl, ._txtl th, ._txtl td {
  text-align: left !important;
}

._wordbreak {
  word-break: break-all !important;
}

._nowrap {
  white-space: nowrap !important;
}

._image-text {
  overflow: hidden !important;
}

._note {
  color: #999;
}

/* ---------- margin ---------- */
._zero {
  margin-bottom: 0 !important;
}

._half {
  margin-bottom: 0.67rem !important;
}

._default {
  margin-bottom: 1.33rem !important;
}

._double {
  margin-bottom: 2.67rem !important;
}

._first {
  margin-top: 0 !important;
}

._ml0 {
  margin-left: 0 !important;
}

._mt30 {
  margin-top: 30px;
}

/* ---------- devices ---------- */
@media (min-width: 769px) {
  .only-sp {
    display: none !important;
  }
}
@media (max-width: 768px) {
  .only-pc {
    display: none !important;
  }
}
@media screen and (max-width: 850px) {
  .only-pc-br {
    display: none;
  }
}
/**************************************************
    Header
***************************************************/
.site-header {
  width: calc(100% - 15.63rem);
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.site-header > .inner {
  max-width: 100%;
  position: relative;
  z-index: 999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.site-header .site-logo {
  width: calc(100vw - 6.25rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 0.625rem 0 0 1.25rem;
  margin: 0;
}
.site-header .site-logo > a {
  width: calc(100vw - 6.25rem);
  display: block;
}
.site-header .site-logo > a img {
  width: calc(100vw - 6.25rem);
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.site-header .global-nav {
  padding: 1.5625rem 6.875rem 0 1.875rem;
}
@media (max-width: 768px) {
  .site-header .global-nav {
    display: none;
  }
}
.site-header .global-nav > .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.site-header .global-nav > .inner > .item {
  margin-left: 1.875rem;
}
@media screen and (max-width: 1360px) {
  .site-header .global-nav > .inner > .item {
    margin-left: 1.25rem;
  }
}
.site-header .global-nav > .inner > .item > a {
  font-size: 1rem;
  font-weight: 500;
  color: #fff;
  text-decoration: none;
  display: block;
}
@media screen and (max-width: 1360px) {
  .site-header .global-nav > .inner > .item > a {
    font-size: 0.9375rem;
  }
}
.site-header .global-nav > .inner > .item > a:hover {
  text-decoration: underline;
}
.site-header .global-nav > .inner > .item.-facebook > a {
  font-size: 0.875rem;
  border: 1px solid #fff;
  border-radius: 100px;
  display: block;
  padding: 0.3125rem 1.25rem 0.375rem 1.25rem;
}
.site-header .global-nav > .inner > .item.-facebook > a::before {
  content: "";
  background: url(../images/icon/icon_facebook_blue.svg) no-repeat;
  background-size: 1.25rem 1.25rem;
  width: 1.25rem;
  height: 1.25rem;
  margin: -0.25rem 0.25rem 0 0;
  display: inline-block;
  vertical-align: middle;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.site-header .global-nav > .inner > .item.-facebook > a:hover {
  background: #1877f2;
  border: 1px solid #1877f2;
  text-decoration: none;
}
.site-header .global-nav > .inner > .item.-facebook > a:hover::before {
  background: url(../images/icon/icon_facebook_white.svg) no-repeat;
  background-size: 1.25rem 1.25rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.site-header .drawer-menu {
  width: 80px;
  height: 80px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 99;
  cursor: pointer;
  background: #1a1a19;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 1000px) {
  .site-header .drawer-menu {
    width: 60px;
    height: 60px;
  }
}
@media (max-width: 768px) {
  .site-header .drawer-menu {
    width: 60px;
    height: 60px;
  }
}
.site-header .drawer-menu > .item {
  width: 26px;
  height: 16px;
  display: block;
  position: relative;
}
.site-header .drawer-menu-line {
  width: 100%;
  height: 1px;
  background: #fff;
  display: block;
  position: absolute;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.site-header .drawer-menu-line.-top {
  top: -1px;
}
.site-header .drawer-menu-line.-top.-active {
  top: 5px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.site-header .drawer-menu-line.-center {
  top: 7px;
}
.site-header .drawer-menu-line.-center.-active {
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
}
.site-header .drawer-menu-line.-bottom {
  bottom: 0;
}
@media (max-width: 768px) {
  .site-header .drawer-menu-line.-bottom {
    bottom: 0;
  }
}
.site-header .drawer-menu-line.-bottom.-active {
  bottom: 10px;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}
.site-header .drawer-menu-content {
  width: calc(100vw - 15.63rem);
  height: 100vh;
  background: #ebebeb;
  position: fixed;
  top: 0;
  left: 15.625rem;
  z-index: 98;
  display: none;
  overflow: auto;
}
@media (max-width: 768px) {
  .site-header .drawer-menu-content {
    width: 100vw;
    left: 0;
  }
}
.site-header .drawer-menu-content .drawer-menu-content-wrap {
  width: 100%;
  height: auto;
  overflow: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 768px) {
  .site-header .drawer-menu-content .drawer-menu-content-wrap {
    display: block;
    overflow-y: scroll;
  }
  .site-header .drawer-menu-content .drawer-menu-content-wrap::-webkit-scrollbar {
    width: 5px;
  }
  .site-header .drawer-menu-content .drawer-menu-content-wrap::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.3);
  }
  .site-header .drawer-menu-content .drawer-menu-content-wrap::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1);
  }
}
.site-header .drawer-menu-content .drawer-menu-content-wrap .site-map-wrap {
  width: 100%;
  height: auto;
  padding: 5rem;
}
@media (max-height: 500px) {
  .site-header .drawer-menu-content .drawer-menu-content-wrap .site-map-wrap {
    overflow-y: scroll;
    height: 100%;
  }
  .site-header .drawer-menu-content .drawer-menu-content-wrap .site-map-wrap::-webkit-scrollbar {
    width: 5px;
  }
  .site-header .drawer-menu-content .drawer-menu-content-wrap .site-map-wrap::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.3);
  }
  .site-header .drawer-menu-content .drawer-menu-content-wrap .site-map-wrap::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1);
  }
}
@media (max-width: 768px) {
  .site-header .drawer-menu-content .drawer-menu-content-wrap .site-map-wrap {
    padding: 1.25rem;
    height: auto;
  }
}
.site-header .drawer-menu-content .drawer-menu-content-wrap .site-map-wrap .site-map {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 40px 1fr 40px 1fr 40px 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 40px;
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .site-header .drawer-menu-content .drawer-menu-content-wrap .site-map-wrap .site-map {
    -ms-grid-columns: 1fr 20px 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
}
.site-header .drawer-menu-content .drawer-menu-content-wrap .site-map-wrap .site-map .category {
  width: 100%;
  padding: 0;
}
/**************************************************
    Footer
***************************************************/
.site-footer {
  background: #ebebeb;
}
.site-footer > .inner {
  zoom: 1;
  width: 100%;
  max-width: 1680px;
  padding: 5rem 3.75rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.site-footer > .inner:after {
  content: "";
  display: block;
  clear: both;
  overflow: auto;
}
@media (max-width: 768px) {
  .site-footer > .inner {
    padding: 1.875rem 1.5625rem 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.site-footer .company-info {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 768px) {
  .site-footer .company-info {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    text-align: center;
    padding: 1.875rem 0;
  }
}
.site-footer .company-info > .logo {
  width: 15rem;
  margin-bottom: 2.5rem;
}
@media (max-width: 768px) {
  .site-footer .company-info > .logo {
    width: 9.375rem;
    margin: 0 auto 1.25rem;
  }
}
.site-footer .company-info > .logo a {
  display: block;
}
.site-footer .company-info > .name {
  font-size: 1rem;
  margin-bottom: 1.25rem;
  font-weight: 500;
}
@media (max-width: 768px) {
  .site-footer .company-info > .name {
    font-size: 0.875rem;
    margin-bottom: 0.625rem;
  }
}
.site-footer .company-info > .address {
  font-size: 0.875rem;
  color: #737373;
  font-weight: 300;
  line-height: 1.8;
}
@media (max-width: 768px) {
  .site-footer .company-info > .address {
    font-size: 0.75rem;
    margin-bottom: 0.5rem;
  }
}
.site-footer .company-info > .tel {
  font-size: 0.875rem;
  color: #737373;
  font-weight: 300;
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .site-footer .company-info > .tel {
    font-size: 0.75rem;
  }
}
.site-footer .company-info > .tel > a {
  text-decoration: none;
}
.site-footer .copyright {
  font-family: "presicav", sans-serif;
  margin-top: 0.75rem;
  font-weight: 300;
  display: block;
  background: #ffd900;
  text-align: center;
  padding: 2rem 1.875rem;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .site-footer .copyright {
    font-size: 0.625rem;
    padding: 0.9375rem 0.625rem;
  }
}
.site-footer .pagetop {
  position: fixed;
  bottom: 1.25rem;
  right: 1.25rem;
  margin: 0;
  z-index: 3;
}
.site-footer .pagetop a {
  font-size: 0.75rem;
  font-family: "IBM Plex Sans", sans-serif;
  background-color: #ffd900;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 50%;
  letter-spacing: 0.1em;
  text-decoration: none;
  color: #000;
}
.site-footer .pagetop a span {
  text-align: center;
  display: block;
}
.site-footer .pagetop a span::before {
  content: "\f078";
  display: block;
  font-family: "FontAwesome";
  color: #000;
  margin: 0;
  line-height: 1;
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}
.site-footer .pagetop a:hover {
  background-color: #000;
  text-decoration: none;
  color: #fff;
}
.site-footer .pagetop a:hover span::before {
  color: #fff;
}
.site-footer .pagetop.is-hidden {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

/**************************************************
    Content
***************************************************/
.site-content section > .inner, .site-content section.inner {
  zoom: 1;
  max-width: 1680px;
  padding: 7.5rem 3.75rem;
  margin: 0 auto;
  position: relative;
}
.site-content section > .inner:after, .site-content section.inner:after {
  content: "";
  display: block;
  clear: both;
  overflow: auto;
}
@media (max-width: 768px) {
  .site-content section > .inner, .site-content section.inner {
    padding: 2.5rem 1.25rem;
  }
}
.site-content section > .inner.pb0, .site-content section.inner.pb0 {
  padding-bottom: 0;
}
.site-content section > .inner.full, .site-content section.inner.full {
  max-width: 100%;
}
.site-content section > .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
@media (max-width: 768px) {
  .site-content section > .wrapper {
    display: block;
  }
}
.site-content section > .wrapper > .summary {
  width: 16.25rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 768px) {
  .site-content section > .wrapper > .summary {
    width: 100%;
  }
}
.site-content section > .wrapper > .summary > .inner {
  position: sticky;
  top: 2.5rem;
}
@media (max-width: 768px) {
  .site-content section > .wrapper > .summary > .inner {
    position: static;
    top: 0;
  }
}
.site-content section > .wrapper > .primary {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  padding-left: 3.75rem;
}
@media (max-width: 768px) {
  .site-content section > .wrapper > .primary {
    padding-left: 0;
  }
}
.site-content section.bg {
  background: #f8f8f8;
}

.page-category {
  width: 100%;
  height: 37.5rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 768px) {
  .page-category {
    height: 15.625rem;
  }
}
.page-category .category-title {
  position: relative;
  z-index: 3;
  text-align: center;
}
.page-category .category-title > .en {
  font-size: 2.875rem;
  font-family: "presicav", sans-serif;
  font-weight: 700;
  display: block;
  position: relative;
  color: #ffd900;
}
@media (max-width: 768px) {
  .page-category .category-title > .en {
    font-size: 2rem;
  }
}
.page-category .category-title > .ja {
  font-size: 1rem;
  font-weight: 400;
  display: block;
  color: #fff;
}
@media (max-width: 768px) {
  .page-category .category-title > .ja {
    line-height: 1.4;
  }
}
.page-category::after {
  content: "";
  background: #212120;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.7;
}
.page-category.-service {
  background: url(../images/bg/bg_service.jpg) no-repeat center center;
  background-size: cover;
}
.page-category.-training {
  background: url(../images/bg/bg_training.jpg) no-repeat center -5rem;
  background-size: cover;
}
.page-category.-e-learning {
  background: url(../images/bg/bg_e-learning.jpg) no-repeat center center;
  background-size: cover;
}
.page-category.-minnade {
  background: url(../images/bg/bg_minnade.jpg) no-repeat center center;
  background-size: cover;
}
.page-category.-consulting {
  background: url(../images/bg/bg_consulting.jpg) no-repeat center center;
  background-size: cover;
}
.page-category.-dx-support {
  background: url(../images/bg/bg_dx-support.jpg) no-repeat center center;
  background-size: cover;
}
.page-category.-manabi-dx {
  background: url(../images/bg/bg_manabi-dx.jpg) no-repeat center center;
  background-size: cover;
}
.page-category.-news {
  background: url(../images/bg/bg_news.jpg) no-repeat center center;
  background-size: cover;
}
.page-category.-case-study {
  background: url(../images/bg/bg_case-study.jpg) no-repeat center center;
  background-size: cover;
}
.page-category.-column {
  background: url(../images/bg/bg_column.jpg) no-repeat center center;
  background-size: cover;
}
.page-category.-company {
  background: url(../images/bg/bg_company.jpg) no-repeat center center;
  background-size: cover;
}
.page-category.-recruit {
  background: url(../images/bg/bg_recruit.jpg) no-repeat center center;
  background-size: cover;
}
.page-category.-faq {
  background: url(../images/bg/bg_faq.jpg) no-repeat center center;
  background-size: cover;
}
.page-category.-privacy {
  background: url(../images/bg/bg_privacy.jpg) no-repeat center center;
  background-size: cover;
}
.page-category.-contact {
  background: url(../images/bg/bg_contact.jpg) no-repeat center center;
  background-size: cover;
}
.page-category.-seminar {
  background: url(../images/bg/bg_seminar.jpg) no-repeat center center;
  background-size: cover;
}
.page-category.-download {
  background: url(../images/bg/bg_download.jpg) no-repeat center center;
  background-size: cover;
}

.page-introduction {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 2.1875rem;
}
@media (max-width: 768px) {
  .page-introduction {
    padding-top: 2.5rem;
    display: block;
  }
}
.page-introduction > .catch {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 768px) {
  .page-introduction > .catch > .title {
    margin-bottom: 1.875rem;
  }
}
.page-introduction > .catch > .title .ja {
  font-size: 2rem;
  font-weight: 200;
  display: block;
  letter-spacing: 0.1em;
  position: relative;
}
@media (max-width: 768px) {
  .page-introduction > .catch > .title .ja {
    font-size: 1.625rem;
  }
}
.page-introduction > .catch > .title .ja::before {
  content: "About";
  font-family: "presicav", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  display: block;
  color: #ffd900;
  margin-bottom: 1.25rem;
  position: absolute;
  top: -2.1875rem;
  left: 0;
}
.page-introduction > .catch > .title .ja > i {
  font-style: normal;
  position: relative;
  margin-bottom: 0.9375rem;
  display: inline-block;
}
.page-introduction > .catch > .title .ja > i::after {
  content: "";
  width: 100%;
  height: 1px;
  background: #000;
  display: block;
  margin-top: 0.625rem;
}
.page-introduction > .catch > .title .ja > i:last-child {
  margin-bottom: 0;
}
.page-introduction > .body {
  margin-left: 6.25rem;
}
@media (max-width: 768px) {
  .page-introduction > .body {
    margin-left: 0;
  }
}
.page-introduction > .body > p {
  font-size: 1rem;
  font-weight: 300;
  line-height: 2;
}

@media (max-width: 768px) {
  .side-nav {
    margin-bottom: 1.875rem;
  }
}
.side-nav > .title {
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 1.875rem;
}
@media (max-width: 768px) {
  .side-nav > .title {
    margin-bottom: 1.25rem;
  }
}
@media (max-width: 768px) {
  .side-nav > .list {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto !important;
    white-space: nowrap;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
    position: relative;
    padding-bottom: 0.625rem;
  }
  .side-nav > .list::-webkit-scrollbar {
    height: 5px;
    border-radius: 100px;
  }
  .side-nav > .list::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.3);
    border-radius: 100px;
  }
  .side-nav > .list::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 100px;
  }
}
.side-nav > .list > .item {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin-bottom: 0.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 768px) {
  .side-nav > .list > .item {
    font-size: 0.875rem;
    margin: 0 0.9375rem 0 0;
  }
}
.side-nav > .list > .item a {
  font-size: 1rem;
  font-weight: 400;
  color: #999;
  text-decoration: none;
}
@media (max-width: 768px) {
  .side-nav > .list > .item a {
    font-size: 0.875rem;
  }
}
.side-nav > .list > .item a.-active {
  text-decoration: none;
  color: #000;
}
.side-nav > .list > .item a:hover {
  text-decoration: underline;
  color: #000;
}
.side-nav > .list > .item > .attention {
  font-size: 0.625rem;
  font-weight: 300;
  line-height: 1;
  color: #d00000;
  border: 1px solid #d00000;
  border-radius: 100px;
  display: block;
  padding: 0.25rem 0.5rem;
  margin: 0.0625rem 0 0 0.625rem;
}
.side-nav > .list > .item > .attention.view_timer {
  display: none;
}
.side-nav > .list > .item:last-child {
  margin-bottom: 0;
}
.side-nav > .list > .item.mixitup-control-active a {
  text-decoration: none;
  color: #000;
}
.side-nav > .list.-link a {
  color: #000;
}
.side-nav > .list.-keyword {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: -0.625rem;
}
@media (max-width: 768px) {
  .side-nav > .list.-keyword {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    margin-bottom: 0;
  }
}
.side-nav > .list.-keyword > .item {
  margin: 0 0.625rem 0.625rem 0;
  display: block;
}
.side-nav > .list.-keyword > .item > a {
  font-size: 0.875rem;
  font-weight: 400;
  color: #999;
}
.side-nav > .list.-keyword > .item.mixitup-control-active a {
  color: #000;
}

.page-lower .site-header .global-nav > .inner > .item.-top {
  display: none;
}

.breadcrumb {
  width: 100%;
  max-width: 1680px;
  padding: 0 3.75rem;
  margin: -2.375rem auto;
  position: relative;
  z-index: 3;
}
@media (max-width: 768px) {
  .breadcrumb {
    padding: 0;
    margin: 0;
    overflow-x: auto !important;
    white-space: nowrap;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
  }
}
.breadcrumb .breadcrumb-list {
  padding: 1.5625rem 2.5rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
  border-radius: 100px;
  -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
}
@media (max-width: 768px) {
  .breadcrumb .breadcrumb-list {
    max-width: 100%;
    padding: 0.625rem 1.25rem;
    background: none;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
.breadcrumb .breadcrumb-list > li {
  font-size: 0.875rem;
  font-weight: 300;
  vertical-align: middle;
  position: relative;
  margin: 0;
}
@media (max-width: 768px) {
  .breadcrumb .breadcrumb-list > li {
    font-size: 0.75rem;
  }
}
.breadcrumb .breadcrumb-list > li a {
  color: #999;
  padding: 0;
  text-decoration: none;
}
.breadcrumb .breadcrumb-list > li a:hover {
  color: #ffd900;
}
.breadcrumb .breadcrumb-list > li::after {
  content: "";
  display: inline-block;
  -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
  width: 5px;
  height: 5px;
  border-right: 1px solid #390000;
  border-bottom: 1px solid #390000;
  margin: 0 0.625rem;
}
@media (max-width: 768px) {
  .breadcrumb .breadcrumb-list > li::after {
    margin: 0.1875rem 0.375rem 0;
    vertical-align: middle;
  }
}
@media (max-width: 768px) {
  .breadcrumb .breadcrumb-list > li:last-child {
    padding-right: 1.25rem;
  }
}
.breadcrumb .breadcrumb-list > li:last-child::after {
  display: none;
}

.site-map {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  margin-bottom: -5%;
}
@media (max-width: 768px) {
  .site-map {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 20px 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 0;
  }
}
.site-map .category {
  width: 25%;
  padding: 0 0 5% 5%;
}
@media (max-width: 768px) {
  .site-map .category {
    width: 100%;
    padding: 0;
  }
}
.site-map .category > .title {
  font-size: 0.9375rem;
  font-weight: 500;
  padding-bottom: 1.25rem;
  margin-bottom: 1.25rem;
  border-bottom: 1px solid #000;
}
@media (max-width: 768px) {
  .site-map .category > .title {
    font-size: 0.875rem;
    padding-bottom: 0.625rem;
    margin-bottom: 0.625rem;
  }
}
.site-map .category > .title a {
  text-decoration: none;
}
.site-map .category > .title a:hover {
  color: #000;
  text-decoration: underline;
}
.site-map .category > .list > .item {
  margin-bottom: 0.375rem;
}
@media (max-width: 768px) {
  .site-map .category > .list > .item {
    margin-bottom: 0;
  }
}
.site-map .category > .list > .item a {
  font-size: 0.875rem;
  font-weight: 400;
  color: #737373;
  line-height: 1.5;
  display: inline-block;
  text-decoration: none;
}
@media (max-width: 768px) {
  .site-map .category > .list > .item a {
    font-size: 0.75rem;
  }
}
.site-map .category > .list > .item a:hover {
  color: #000;
  text-decoration: underline;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #ffd900;
}

@media (max-width: 768px) {
  .swiper-container-horizontal > .swiper-pagination-bullets,
  .swiper-pagination-custom, .swiper-pagination-fraction {
    position: relative;
    bottom: 0;
    margin-top: 0.9375rem;
  }
}

.swiper-pagination-hero, .swiper-pagination-news, .swiper-pagination-case, .swiper-pagination-column, .swiper-pagination-sp1, .swiper-pagination-sp2, .swiper-pagination-sp3, .swiper-pagination-sp4, .swiper-pagination-lecture {
  text-align: center;
}

@media (min-width: 769px) {
  .swiper-pagination-sp1, .swiper-pagination-sp2, .swiper-pagination-sp3, .swiper-pagination-sp4 {
    display: none !important;
  }
}

.swiper-button-prev-hero, .swiper-button-prev-news, .swiper-button-prev-case, .swiper-button-prev-column, .swiper-button-prev-sp1, .swiper-button-prev-sp2, .swiper-button-prev-sp3, .swiper-button-prev-sp4, .swiper-button-prev-lecture,
.swiper-button-next-hero, .swiper-button-next-news, .swiper-button-next-case, .swiper-button-next-column, .swiper-button-next-sp1, .swiper-button-next-sp2, .swiper-button-next-sp3, .swiper-button-next-sp4, .swiper-button-next-lecture {
  background-image: none !important;
  width: 1.875rem !important;
  height: 1.875rem !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #ffd900;
  border-radius: 50%;
  text-align: center;
  vertical-align: middle;
  position: absolute;
  top: calc((100% - 1.88rem) / 2);
  z-index: 2;
}
.swiper-button-prev-hero.swiper-button-disabled, .swiper-button-prev-news.swiper-button-disabled, .swiper-button-prev-case.swiper-button-disabled, .swiper-button-prev-column.swiper-button-disabled, .swiper-button-prev-sp1.swiper-button-disabled, .swiper-button-prev-sp2.swiper-button-disabled, .swiper-button-prev-sp3.swiper-button-disabled, .swiper-button-prev-sp4.swiper-button-disabled, .swiper-button-prev-lecture.swiper-button-disabled,
.swiper-button-next-hero.swiper-button-disabled, .swiper-button-next-news.swiper-button-disabled, .swiper-button-next-case.swiper-button-disabled, .swiper-button-next-column.swiper-button-disabled, .swiper-button-next-sp1.swiper-button-disabled, .swiper-button-next-sp2.swiper-button-disabled, .swiper-button-next-sp3.swiper-button-disabled, .swiper-button-next-sp4.swiper-button-disabled, .swiper-button-next-lecture.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
@media (min-width: 769px) {
  .swiper-button-prev-hero, .swiper-button-prev-news, .swiper-button-prev-case, .swiper-button-prev-column, .swiper-button-prev-sp1, .swiper-button-prev-sp2, .swiper-button-prev-sp3, .swiper-button-prev-sp4, .swiper-button-prev-lecture,
  .swiper-button-next-hero, .swiper-button-next-news, .swiper-button-next-case, .swiper-button-next-column, .swiper-button-next-sp1, .swiper-button-next-sp2, .swiper-button-next-sp3, .swiper-button-next-sp4, .swiper-button-next-lecture {
    display: none !important;
  }
}

.swiper-button-prev-hero, .swiper-button-prev-news, .swiper-button-prev-case, .swiper-button-prev-column, .swiper-button-prev-sp1, .swiper-button-prev-sp2, .swiper-button-prev-sp3, .swiper-button-prev-sp4, .swiper-button-prev-lecture {
  left: 5px !important;
}
.swiper-button-prev-hero::before, .swiper-button-prev-news::before, .swiper-button-prev-case::before, .swiper-button-prev-column::before, .swiper-button-prev-sp1::before, .swiper-button-prev-sp2::before, .swiper-button-prev-sp3::before, .swiper-button-prev-sp4::before, .swiper-button-prev-lecture::before {
  font-family: "FontAwesome";
  content: "\f053";
  font-size: 0.75rem;
  color: #000;
  display: block;
  line-height: 1;
}

.swiper-button-next-hero, .swiper-button-next-news, .swiper-button-next-case, .swiper-button-next-column, .swiper-button-next-sp1, .swiper-button-next-sp2, .swiper-button-next-sp3, .swiper-button-next-sp4, .swiper-button-next-lecture {
  right: 5px !important;
}
.swiper-button-next-hero::before, .swiper-button-next-news::before, .swiper-button-next-case::before, .swiper-button-next-column::before, .swiper-button-next-sp1::before, .swiper-button-next-sp2::before, .swiper-button-next-sp3::before, .swiper-button-next-sp4::before, .swiper-button-next-lecture::before {
  font-family: "FontAwesome";
  content: "\f054";
  font-size: 0.75rem;
  color: #000;
  display: block;
  line-height: 1;
}

.modal-dga .fancybox-slide--iframe .fancybox-content {
  width: 100% !important;
  max-width: 53.3125rem !important;
  height: 100% !important;
  max-height: 30rem !important;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .modal-dga .fancybox-slide--iframe .fancybox-content {
    width: 20.9375rem !important;
    height: 11.75rem !important;
    max-height: inherit !important;
  }
}
.modal-dga .fancybox-slide--iframe .fancybox-content body {
  padding-top: 0;
}
@media (max-width: 768px) {
  .modal-dga .fancybox-slide--iframe .fancybox-content body {
    padding-top: 0;
  }
}

@media (max-width: 768px) {
  .fancybox-close-small {
    display: none;
  }
}

.video-wrap {
  position: relative;
  width: 100%;
  height: auto;
  margin: 0 auto;
  text-align: center;
}
.video-wrap video {
  width: 100%;
  height: auto;
  padding: 0;
  margin: 0 auto;
  cursor: pointer;
  outline: none;
  pointer-events: auto;
}

.youtube-wrap {
  width: 100%;
  aspect-ratio: 16/9;
}
.youtube-wrap iframe {
  width: 100%;
  height: 100%;
  border: none;
  padding: 0;
  margin: 0;
  display: block;
}

.modal-document-sample .fancybox-slide--iframe .fancybox-content {
  width: 100% !important;
  max-width: 56.25rem !important;
  max-height: -webkit-fit-content !important;
  max-height: -moz-fit-content !important;
  max-height: fit-content !important;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .modal-document-sample .fancybox-slide--iframe .fancybox-content {
    width: 20.9375rem !important;
  }
}

#modal-document-sample .main-modal-content {
  overflow: hidden;
  padding: 2.5rem;
}
@media (max-width: 768px) {
  #modal-document-sample .main-modal-content {
    padding: 0.9375rem;
  }
}
#modal-document-sample .main-modal-content .swiper-document-sample .swiper-pagination-progressbar,
#modal-document-sample .main-modal-content .swiper-document-sample .swiper-pagination-progressbar.swiper-pagination-horizontal {
  bottom: 0 !important;
  top: auto !important;
}
#modal-document-sample .main-modal-content .swiper-document-sample-thumbs {
  margin-top: 0.625rem;
}
@media (max-width: 768px) {
  #modal-document-sample .main-modal-content .swiper-document-sample-thumbs {
    margin-top: 0;
  }
}
#modal-document-sample .main-modal-content .swiper-document-sample-thumbs .swiper-wrapper .swiper-slide {
  cursor: pointer;
  height: 50%;
}
#modal-document-sample .main-modal-content .swiper-document-sample-thumbs .swiper-wrapper .swiper-slide img {
  height: auto;
  opacity: 0.5;
}
#modal-document-sample .main-modal-content .swiper-document-sample-thumbs .swiper-wrapper .swiper-slide-thumb-active img {
  opacity: 1;
}
#modal-document-sample .main-modal-content .h4-a, #modal-document-sample .main-modal-content #cookie #cookiefirst-policy-page h3, #cookie #cookiefirst-policy-page #modal-document-sample .main-modal-content h3 {
  font-size: 1.5rem;
}
@media (max-width: 768px) {
  #modal-document-sample .main-modal-content .h4-a, #modal-document-sample .main-modal-content #cookie #cookiefirst-policy-page h3, #cookie #cookiefirst-policy-page #modal-document-sample .main-modal-content h3 {
    font-size: 1rem;
  }
}
#modal-document-sample .main-modal-content .button-c, #modal-document-sample .main-modal-content .button-e {
  font-size: 1.375rem;
  font-weight: bold;
}
@media (max-width: 768px) {
  #modal-document-sample .main-modal-content .button-c, #modal-document-sample .main-modal-content .button-e {
    font-size: 1rem;
  }
}

.mixitup-page-list {
  text-align: center;
  margin: 3.75rem auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 768px) {
  .mixitup-page-list {
    margin: 1.875rem auto 0;
  }
}
.mixitup-page-list .mixitup-control {
  width: 2.5rem;
  height: 2.5rem;
  margin: 0 0.3125rem;
  font-size: 0.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #e5e5e5;
  border-radius: 100%;
  background: none;
  vertical-align: middle;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 768px) {
  .mixitup-page-list .mixitup-control {
    font-size: 0.75rem;
    width: 1.875rem;
    height: 1.875rem;
  }
}
.mixitup-page-list .mixitup-control.mixitup-control-prev, .mixitup-page-list .mixitup-control.mixitup-control-next {
  font-size: 1rem;
  border: none;
  margin: 0;
}
.mixitup-page-list .mixitup-control.mixitup-control-prev.mixitup-control-disabled, .mixitup-page-list .mixitup-control.mixitup-control-next.mixitup-control-disabled {
  color: #ccc;
}
.mixitup-page-list .mixitup-control.mixitup-control-active {
  background: #ffd900;
  border: 1px solid #ffd900;
  color: #000;
}
.mixitup-page-list .mixitup-control:not(:first-of-type):not(:last-of-type):hover {
  background: #ffd900;
  border: 1px solid #ffd900;
  color: #000;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

/* ==========================
フローティングバナー（追従バナー）
========================== */
.bl_floatingBanner, .bl_floatingBanner2 {
  position: fixed;
  right: 1.25rem;
  bottom: 6.25rem;
  max-width: 100%;
  z-index: 999;
}
.bl_floatingBanner.is-hidden, .bl_floatingBanner2.is-hidden {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.bl_floatingBanner.-none, .bl_floatingBanner2.-none {
  display: none !important;
}
.bl_floatingBanner.-block, .bl_floatingBanner2.-block {
  display: block !important;
}

.bl_floatingBanner.js_close, .bl_floatingBanner2.js_close {
  display: none;
}

.bl_floatingBanner_img {
  display: block;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.bl_floatingBanner_img:hover {
  opacity: 0.6;
}

.bl_floatingBanner_close, .bl_floatingBanner_close2 {
  width: 15px;
  height: 15px;
  position: absolute;
  right: 1px;
  top: -20px;
  cursor: pointer;
}

.bl_floatingBanner_close span:nth-of-type(1),
.bl_floatingBanner_close2 span:nth-of-type(1) {
  position: absolute;
  top: 7px;
  right: 0;
  width: 15px;
  height: 1px;
  background-color: #000;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.bl_floatingBanner_close span:nth-of-type(2),
.bl_floatingBanner_close2 span:nth-of-type(2) {
  position: absolute;
  top: 0;
  right: 7px;
  width: 1px;
  height: 15px;
  background-color: #000;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.bl_floatingBanner.js_close,
.bl_floatingBanner2.js_close {
  display: none;
}

.bl_floatingBanner, .bl_floatingBanner2 {
  max-width: 18.75rem;
}
@media (max-width: 768px) {
  .bl_floatingBanner, .bl_floatingBanner2 {
    max-width: 12.5rem;
  }
}
.bl_floatingBanner .swiper-bnr, .bl_floatingBanner .swiper-bnr2, .bl_floatingBanner2 .swiper-bnr, .bl_floatingBanner2 .swiper-bnr2 {
  -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.bl_floatingBanner .swiper-bnr .swiper-wrapper .swiper-slide, .bl_floatingBanner .swiper-bnr2 .swiper-wrapper .swiper-slide, .bl_floatingBanner2 .swiper-bnr .swiper-wrapper .swiper-slide, .bl_floatingBanner2 .swiper-bnr2 .swiper-wrapper .swiper-slide {
  max-width: 18.75rem;
  background: #fff;
}
@media (max-width: 768px) {
  .bl_floatingBanner .swiper-bnr .swiper-wrapper .swiper-slide, .bl_floatingBanner .swiper-bnr2 .swiper-wrapper .swiper-slide, .bl_floatingBanner2 .swiper-bnr .swiper-wrapper .swiper-slide, .bl_floatingBanner2 .swiper-bnr2 .swiper-wrapper .swiper-slide {
    max-width: 12.5rem;
  }
}
.bl_floatingBanner .swiper-bnr .swiper-wrapper .swiper-slide a, .bl_floatingBanner .swiper-bnr2 .swiper-wrapper .swiper-slide a, .bl_floatingBanner2 .swiper-bnr .swiper-wrapper .swiper-slide a, .bl_floatingBanner2 .swiper-bnr2 .swiper-wrapper .swiper-slide a {
  display: block;
}
.bl_floatingBanner .swiper-pagination-bnr, .bl_floatingBanner .swiper-pagination-bnr2, .bl_floatingBanner2 .swiper-pagination-bnr, .bl_floatingBanner2 .swiper-pagination-bnr2 {
  text-align: center;
}
.bl_floatingBanner .swiper-pagination-bnr span, .bl_floatingBanner .swiper-pagination-bnr2 span, .bl_floatingBanner2 .swiper-pagination-bnr span, .bl_floatingBanner2 .swiper-pagination-bnr2 span {
  margin: 0 0.25rem;
}

/**************************************************
    Secondary
***************************************************/
body {
  padding-left: 15.625rem;
}
@media (max-width: 768px) {
  body {
    padding-left: 0;
  }
}
body .global-secondary-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 15.625rem;
  height: 100vh;
  border-right: 1px solid #e5e5e5;
}
@media (max-height: 900px) {
  body .global-secondary-menu {
    overflow-y: scroll;
    overflow-x: hidden;
  }
  body .global-secondary-menu::-webkit-scrollbar {
    width: 5px;
  }
  body .global-secondary-menu::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.3);
  }
  body .global-secondary-menu::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1);
  }
}
@media (max-width: 768px) {
  body .global-secondary-menu {
    display: none;
  }
}
body .global-secondary-menu > .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100vh;
}
body .global-secondary-menu > .inner > .site-info {
  padding: 1.25rem 0.9375rem 1.25rem;
}
body .global-secondary-menu > .inner > .site-info .site-logo {
  width: 7.5rem;
  height: 7.5rem;
  margin: 0 auto 0.625rem;
}
body .global-secondary-menu > .inner > .site-info .site-logo a {
  display: block;
}
body .global-secondary-menu > .inner > .site-info .site-introduction {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.8;
  text-align: center;
}
body .global-secondary-menu .secondary-menu-head > .inner > .item, body .global-secondary-menu .secondary-menu-foot > .inner > .item, body .global-secondary-menu .secondary-menu-contact > .inner > .item {
  border-bottom: 1px solid #e5e5e5;
}
body .global-secondary-menu .secondary-menu-head > .inner > .item a, body .global-secondary-menu .secondary-menu-foot > .inner > .item a, body .global-secondary-menu .secondary-menu-contact > .inner > .item a {
  text-decoration: none;
  padding: 1.25rem 0.9375rem 1.25rem 1.25rem;
  display: block;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.4;
}
body .global-secondary-menu .secondary-menu-head > .inner > .item a.icon-contact .main, body .global-secondary-menu .secondary-menu-foot > .inner > .item a.icon-contact .main, body .global-secondary-menu .secondary-menu-contact > .inner > .item a.icon-contact .main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
body .global-secondary-menu .secondary-menu-head > .inner > .item a.icon-contact .main::before, body .global-secondary-menu .secondary-menu-foot > .inner > .item a.icon-contact .main::before, body .global-secondary-menu .secondary-menu-contact > .inner > .item a.icon-contact .main::before {
  content: "";
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 0.9375rem;
}
body .global-secondary-menu .secondary-menu-head > .inner > .item a.icon-minnade .main, body .global-secondary-menu .secondary-menu-head > .inner > .item a.icon-training .main, body .global-secondary-menu .secondary-menu-head > .inner > .item a.icon-e-learning .main, body .global-secondary-menu .secondary-menu-head > .inner > .item a.icon-consulting .main, body .global-secondary-menu .secondary-menu-head > .inner > .item a.icon-assessment .main, body .global-secondary-menu .secondary-menu-head > .inner > .item a.icon-seminar .main, body .global-secondary-menu .secondary-menu-head > .inner > .item a.icon-facebook .main, body .global-secondary-menu .secondary-menu-foot > .inner > .item a.icon-minnade .main, body .global-secondary-menu .secondary-menu-foot > .inner > .item a.icon-training .main, body .global-secondary-menu .secondary-menu-foot > .inner > .item a.icon-e-learning .main, body .global-secondary-menu .secondary-menu-foot > .inner > .item a.icon-consulting .main, body .global-secondary-menu .secondary-menu-foot > .inner > .item a.icon-assessment .main, body .global-secondary-menu .secondary-menu-foot > .inner > .item a.icon-seminar .main, body .global-secondary-menu .secondary-menu-foot > .inner > .item a.icon-facebook .main, body .global-secondary-menu .secondary-menu-contact > .inner > .item a.icon-minnade .main, body .global-secondary-menu .secondary-menu-contact > .inner > .item a.icon-training .main, body .global-secondary-menu .secondary-menu-contact > .inner > .item a.icon-e-learning .main, body .global-secondary-menu .secondary-menu-contact > .inner > .item a.icon-consulting .main, body .global-secondary-menu .secondary-menu-contact > .inner > .item a.icon-assessment .main, body .global-secondary-menu .secondary-menu-contact > .inner > .item a.icon-seminar .main, body .global-secondary-menu .secondary-menu-contact > .inner > .item a.icon-facebook .main {
  display: block;
  position: relative;
}
body .global-secondary-menu .secondary-menu-head > .inner > .item a.icon-minnade .main::after, body .global-secondary-menu .secondary-menu-head > .inner > .item a.icon-training .main::after, body .global-secondary-menu .secondary-menu-head > .inner > .item a.icon-e-learning .main::after, body .global-secondary-menu .secondary-menu-head > .inner > .item a.icon-consulting .main::after, body .global-secondary-menu .secondary-menu-head > .inner > .item a.icon-assessment .main::after, body .global-secondary-menu .secondary-menu-head > .inner > .item a.icon-seminar .main::after, body .global-secondary-menu .secondary-menu-head > .inner > .item a.icon-facebook .main::after, body .global-secondary-menu .secondary-menu-foot > .inner > .item a.icon-minnade .main::after, body .global-secondary-menu .secondary-menu-foot > .inner > .item a.icon-training .main::after, body .global-secondary-menu .secondary-menu-foot > .inner > .item a.icon-e-learning .main::after, body .global-secondary-menu .secondary-menu-foot > .inner > .item a.icon-consulting .main::after, body .global-secondary-menu .secondary-menu-foot > .inner > .item a.icon-assessment .main::after, body .global-secondary-menu .secondary-menu-foot > .inner > .item a.icon-seminar .main::after, body .global-secondary-menu .secondary-menu-foot > .inner > .item a.icon-facebook .main::after, body .global-secondary-menu .secondary-menu-contact > .inner > .item a.icon-minnade .main::after, body .global-secondary-menu .secondary-menu-contact > .inner > .item a.icon-training .main::after, body .global-secondary-menu .secondary-menu-contact > .inner > .item a.icon-e-learning .main::after, body .global-secondary-menu .secondary-menu-contact > .inner > .item a.icon-consulting .main::after, body .global-secondary-menu .secondary-menu-contact > .inner > .item a.icon-assessment .main::after, body .global-secondary-menu .secondary-menu-contact > .inner > .item a.icon-seminar .main::after, body .global-secondary-menu .secondary-menu-contact > .inner > .item a.icon-facebook .main::after {
  content: "";
  background: url(../images/icon/icon_arrow_black.svg) no-repeat;
  background-size: 0.3125rem 0.5rem;
  width: 0.3125rem;
  height: 0.5rem;
  display: block;
  position: absolute;
  top: calc((100% - 0.5rem) / 2);
  right: 0;
  opacity: 0.25;
}
body .global-secondary-menu .secondary-menu-head > .inner > .item a.icon-blank .main, body .global-secondary-menu .secondary-menu-foot > .inner > .item a.icon-blank .main, body .global-secondary-menu .secondary-menu-contact > .inner > .item a.icon-blank .main {
  display: block;
  position: relative;
}
body .global-secondary-menu .secondary-menu-head > .inner > .item a.icon-blank .main::after, body .global-secondary-menu .secondary-menu-foot > .inner > .item a.icon-blank .main::after, body .global-secondary-menu .secondary-menu-contact > .inner > .item a.icon-blank .main::after {
  content: "";
  background: url(../images/icon/icon_external.svg) no-repeat;
  background-size: 0.625rem 0.5625rem;
  width: 0.625rem;
  height: 0.5625rem;
  display: block;
  position: absolute;
  top: calc((100% - 0.56rem) / 2);
  right: 0;
  opacity: 0.25;
}
body .global-secondary-menu .secondary-menu-head > .inner > .item a.icon-contact, body .global-secondary-menu .secondary-menu-foot > .inner > .item a.icon-contact, body .global-secondary-menu .secondary-menu-contact > .inner > .item a.icon-contact {
  background: #ffd900;
  padding: 1.25rem 0.625rem 1.25rem 1.25rem;
  margin: 0 -1px;
}
body .global-secondary-menu .secondary-menu-head > .inner > .item a.icon-contact .main::before, body .global-secondary-menu .secondary-menu-foot > .inner > .item a.icon-contact .main::before, body .global-secondary-menu .secondary-menu-contact > .inner > .item a.icon-contact .main::before {
  background: url(../images/icon/icon_mail-b.svg) no-repeat;
  background-size: 2.5rem 1.75rem;
  width: 2.5rem;
  height: 1.75rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
body .global-secondary-menu .secondary-menu-head > .inner > .item a.icon-contact:hover, body .global-secondary-menu .secondary-menu-foot > .inner > .item a.icon-contact:hover, body .global-secondary-menu .secondary-menu-contact > .inner > .item a.icon-contact:hover {
  background: #000;
  color: #fff;
}
body .global-secondary-menu .secondary-menu-head > .inner > .item a.icon-contact:hover .main::before, body .global-secondary-menu .secondary-menu-foot > .inner > .item a.icon-contact:hover .main::before, body .global-secondary-menu .secondary-menu-contact > .inner > .item a.icon-contact:hover .main::before {
  background: url(../images/icon/icon_mail-b_white.svg) no-repeat;
  background-size: 2.5rem 1.75rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
body .global-secondary-menu .secondary-menu-head > .inner > .item a:hover, body .global-secondary-menu .secondary-menu-foot > .inner > .item a:hover, body .global-secondary-menu .secondary-menu-contact > .inner > .item a:hover {
  background: #f5f5f5;
  color: #000;
}
body .global-secondary-menu .secondary-menu-foot {
  margin: auto 0 0 0 !important;
}
body .global-secondary-menu .secondary-menu-foot > .inner {
  border-top: none;
}
body .global-secondary-menu .secondary-menu-foot > .inner > .item {
  border-top: 1px solid #fff;
  border-bottom: none;
}
body .global-secondary-menu .secondary-menu-foot > .inner > .item a {
  padding: 1.25rem 0.625rem 1.25rem 1.25rem;
  background: #f8f8f8;
}
body .global-secondary-menu .secondary-menu-foot > .inner > .item a:hover {
  background: #ebebeb;
  color: #000;
}
body .global-secondary-menu .secondary-menu-contact {
  border-top: none;
}
body .global-secondary-menu .secondary-menu-contact > .inner > .item {
  border-top: none;
  border-bottom: none;
}
body .global-secondary-menu .secondary-menu-contact > .inner > .item a {
  letter-spacing: -0.01em;
}
body .global-secondary-menu .special-content {
  margin: 0 -1px 0;
}
body .global-secondary-menu .special-content > .item {
  display: block;
}
body .global-secondary-menu .special-content > .item:hover {
  opacity: 0.8;
}
body#lp {
  padding-left: 0;
}

/**************************************************
    Entry
***************************************************/
.page-lower .related-article {
  margin: 0 auto;
}
.page-lower .related-article .h3-a {
  max-width: 100%;
  margin: 0 0 1.875rem;
}
.page-lower .entry-content {
  background: #e2e3e3;
  padding: 7.5rem 3.75rem;
}
.page-lower .entry-content._zero {
  padding-bottom: 0;
}
@media (max-width: 768px) {
  .page-lower .entry-content {
    padding: 2.5rem 1.25rem;
    margin-top: 1.25rem;
  }
}
.page-lower .entry-content > .inner {
  max-width: 980px;
  padding: 3.75rem;
  margin: 0 auto;
  background: #fff;
  border-radius: 20px;
  -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
}
@media (max-width: 768px) {
  .page-lower .entry-content > .inner {
    padding: 2.5rem 1.25rem;
  }
}
.page-lower .entry-content .entry-title {
  font-size: 30px;
  border-top: 3px solid #000;
  border-bottom: 3px solid #000;
  padding: 0.875rem 0;
  margin: 1.25rem 0;
  line-height: 1.4;
}
@media (max-width: 768px) {
  .page-lower .entry-content .entry-title {
    font-size: 1.375rem;
  }
}
.page-lower .entry-content .entry-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1.875rem;
}
@media (max-width: 768px) {
  .page-lower .entry-content .entry-data {
    display: block;
  }
}
.page-lower .entry-content .entry-data > .item {
  margin-left: 1.25rem;
}
@media (max-width: 768px) {
  .page-lower .entry-content .entry-data > .item {
    font-size: 0.875rem;
    margin-left: 0;
  }
}
.page-lower .entry-content .entry-data > .item:first-child {
  margin-left: 0;
}
.page-lower .entry-content .entry-image {
  margin: 1.875rem 0;
}
@media (max-width: 768px) {
  .page-lower .entry-content .entry-image {
    margin: 1.25rem 0;
  }
}
.page-lower .entry-content .entry-image-full {
  margin: 1.875rem 0;
}
.page-lower .entry-content .entry-image-full img {
  width: 100%;
  height: auto;
}
@media (max-width: 768px) {
  .page-lower .entry-content .entry-image-full {
    margin: 1.25rem 0;
  }
}
.page-lower .entry-content .image-blcok {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 768px) {
  .page-lower .entry-content .image-blcok {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.page-lower .entry-content .image-blcok > .body {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
@media (max-width: 768px) {
  .page-lower .entry-content .image-blcok > .body {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.page-lower .entry-content .image-blcok > .image {
  margin-left: 1.875rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
@media (max-width: 768px) {
  .page-lower .entry-content .image-blcok > .image {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin: 0 auto 1.25rem;
  }
}
.page-lower .entry-content .image-blcok > .image.-w300 {
  max-width: 18.75rem;
}
@media (max-width: 768px) {
  .page-lower .entry-content .image-blcok > .image.-w300 {
    max-width: 100%;
  }
}
.page-lower .entry-content .image-blcok.-left > .body {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
@media (max-width: 768px) {
  .page-lower .entry-content .image-blcok.-left > .body {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.page-lower .entry-content .image-blcok.-left > .image {
  margin: 0 1.875rem 0 0;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
@media (max-width: 768px) {
  .page-lower .entry-content .image-blcok.-left > .image {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media (max-width: 768px) {
  .page-lower .entry-content .image-blcok.-left > .image {
    margin: 0 auto 1.25rem;
  }
}
.page-lower .entry-content .company-about {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 1.875rem 0;
}
@media (max-width: 768px) {
  .page-lower .entry-content .company-about {
    display: block;
  }
}
.page-lower .entry-content .company-about .company-logo {
  display: block;
  background: #fff;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-right: 1.25rem;
}
@media (max-width: 768px) {
  .page-lower .entry-content .company-about .company-logo {
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }
}
.page-lower .entry-content .company-about .company-logo img {
  width: 100%;
}
.page-lower .entry-content .company-about .company-logo img.ms-ins {
  max-width: 27.5rem;
}
.page-lower .entry-content .company-about .company-logo img.smbc-interview {
  max-width: 9.375rem;
}
.page-lower .entry-content .company-about .company-logo img.obayashi {
  max-width: 12.5rem;
}
.page-lower .entry-content .company-about .company-logo img.mizuno {
  max-width: 6.25rem;
}
.page-lower .entry-content .company-about .company-logo img.js {
  max-width: 18.75rem;
}
.page-lower .entry-content .company-about .company-logo img.kddi {
  max-width: 7.5rem;
}
.page-lower .entry-content .company-about .company-logo img.konoike {
  max-width: 12.5rem;
}
.page-lower .entry-content .company-about .company-logo img.dexerials {
  max-width: 12.5rem;
}
.page-lower .entry-content .company-about .company-logo img.meiwa {
  max-width: 14.375rem;
}
.page-lower .entry-content .company-about .company-logo img.ehime {
  max-width: 3.125rem;
}
.page-lower .entry-content .company-about .company-logo img.toyota-body {
  max-width: 12.5rem;
}
.page-lower .entry-content .company-about .company-logo img.benichu {
  max-width: 8.75rem;
}
.page-lower .entry-content .company-about .company-logo img.fujicco {
  max-width: 8.75rem;
}
.page-lower .entry-content .company-about .company-logo img.ines {
  max-width: 8.125rem;
}
.page-lower .entry-content .company-about .company-logo img.senkogrouphd {
  max-width: 26.25rem;
}
@media (max-width: 768px) {
  .page-lower .entry-content .company-about .company-logo img {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .page-lower .entry-content .company-about .company-name {
    font-size: 0.875rem;
    text-align: center;
    margin-top: 0.625rem;
  }
}
.page-lower .entry-content .comment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1.875rem;
}
.page-lower .entry-content .comment .name {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  font-weight: bold;
}
.page-lower .entry-content .comment .name > .image {
  display: block;
  text-align: center;
  max-width: 7.5rem;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .page-lower .entry-content .comment .name > .image {
    max-width: 3.75rem;
  }
}
.page-lower .entry-content .comment .name > .text {
  display: block;
  text-align: center;
  margin: 0.375rem auto 0;
  font-weight: normal;
}
@media (max-width: 768px) {
  .page-lower .entry-content .comment .name > .text {
    font-size: 0.75rem;
  }
}
@media (max-width: 768px) {
  .page-lower .entry-content .comment .name {
    font-size: 0.875rem;
    line-height: 1.6;
  }
}
.page-lower .entry-content .comment .text {
  margin-left: 2.5rem;
  line-height: 2;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
@media (max-width: 768px) {
  .page-lower .entry-content .comment .text {
    font-size: 0.875rem;
    margin-left: 1.25rem;
    line-height: 1.6;
  }
}
.page-lower .entry-content .comment.-align-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#service.page-lower .course-detail, #dx-literacy.page-lower .course-detail, #generative-ai.page-lower .course-detail, #passport.page-lower .course-detail {
  text-align: center;
  margin: 0 auto 3.75rem;
}
@media (max-width: 768px) {
  #service.page-lower .course-detail, #dx-literacy.page-lower .course-detail, #generative-ai.page-lower .course-detail, #passport.page-lower .course-detail {
    margin: 0 auto 2.5rem;
  }
}
#service.page-lower .course-detail > .label, #dx-literacy.page-lower .course-detail > .label, #generative-ai.page-lower .course-detail > .label, #passport.page-lower .course-detail > .label {
  font-size: 0.75rem;
  font-weight: 200;
  color: #fff;
  width: 9.375rem;
  padding: 0.3125rem 0.625rem 0.375rem;
  margin: 0 auto 1.25rem;
  border-radius: 6px;
  display: block;
}
#service.page-lower .course-detail > .label.-lecture, #dx-literacy.page-lower .course-detail > .label.-lecture, #generative-ai.page-lower .course-detail > .label.-lecture, #passport.page-lower .course-detail > .label.-lecture {
  background: #08415c;
}
#service.page-lower .course-detail > .label.-workshop, #dx-literacy.page-lower .course-detail > .label.-workshop, #generative-ai.page-lower .course-detail > .label.-workshop, #passport.page-lower .course-detail > .label.-workshop {
  background: #2ca58d;
}
#service.page-lower .course-detail > .label.-lecture-workshop, #dx-literacy.page-lower .course-detail > .label.-lecture-workshop, #generative-ai.page-lower .course-detail > .label.-lecture-workshop, #passport.page-lower .course-detail > .label.-lecture-workshop {
  background: #5c0859;
}
#service.page-lower .course-detail > .label.-public, #dx-literacy.page-lower .course-detail > .label.-public, #generative-ai.page-lower .course-detail > .label.-public, #passport.page-lower .course-detail > .label.-public {
  background: #a5572c;
}
#service.page-lower .course-detail > .label.-live, #dx-literacy.page-lower .course-detail > .label.-live, #generative-ai.page-lower .course-detail > .label.-live, #passport.page-lower .course-detail > .label.-live {
  background: #ff9600;
}
#service.page-lower .course-detail > .label.-anime, #dx-literacy.page-lower .course-detail > .label.-anime, #generative-ai.page-lower .course-detail > .label.-anime, #passport.page-lower .course-detail > .label.-anime {
  background: #e57373;
}
#service.page-lower .course-detail > .label.-ai-voice, #dx-literacy.page-lower .course-detail > .label.-ai-voice, #generative-ai.page-lower .course-detail > .label.-ai-voice, #passport.page-lower .course-detail > .label.-ai-voice {
  background: #cccc00;
}
@media (max-width: 768px) {
  #service.page-lower .course-detail > .label, #dx-literacy.page-lower .course-detail > .label, #generative-ai.page-lower .course-detail > .label, #passport.page-lower .course-detail > .label {
    margin: 0 auto 0.9375rem;
  }
}
#service.page-lower .course-detail > .title, #dx-literacy.page-lower .course-detail > .title, #generative-ai.page-lower .course-detail > .title, #passport.page-lower .course-detail > .title {
  font-size: 2rem;
  font-weight: 400;
  display: inline-block;
  margin-bottom: 1.875rem;
}
@media (max-width: 768px) {
  #service.page-lower .course-detail > .title, #dx-literacy.page-lower .course-detail > .title, #generative-ai.page-lower .course-detail > .title, #passport.page-lower .course-detail > .title {
    font-size: 1.5rem;
    margin-bottom: 1.25rem;
  }
}
#service.page-lower .course-detail > .title::after, #dx-literacy.page-lower .course-detail > .title::after, #generative-ai.page-lower .course-detail > .title::after, #passport.page-lower .course-detail > .title::after {
  content: "";
  width: 100%;
  height: 1px;
  background: #000;
  display: block;
  margin-top: 0.625rem;
}
@media (max-width: 768px) {
  #service.page-lower .course-detail > .title::after, #dx-literacy.page-lower .course-detail > .title::after, #generative-ai.page-lower .course-detail > .title::after, #passport.page-lower .course-detail > .title::after {
    margin-top: 0.9375rem;
  }
}
#service.page-lower .course-detail > .tag-list, #dx-literacy.page-lower .course-detail > .tag-list, #generative-ai.page-lower .course-detail > .tag-list, #passport.page-lower .course-detail > .tag-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 768px) {
  #service.page-lower .course-detail > .tag-list, #dx-literacy.page-lower .course-detail > .tag-list, #generative-ai.page-lower .course-detail > .tag-list, #passport.page-lower .course-detail > .tag-list {
    display: block;
    text-align: center;
  }
}
#service.page-lower .course-detail > .tag-list > .item, #dx-literacy.page-lower .course-detail > .tag-list > .item, #generative-ai.page-lower .course-detail > .tag-list > .item, #passport.page-lower .course-detail > .tag-list > .item {
  font-size: 0.875rem;
  font-weight: 200;
  color: #999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 768px) {
  #service.page-lower .course-detail > .tag-list > .item, #dx-literacy.page-lower .course-detail > .tag-list > .item, #generative-ai.page-lower .course-detail > .tag-list > .item, #passport.page-lower .course-detail > .tag-list > .item {
    display: block;
    text-align: center;
  }
}
#service.page-lower .course-detail > .tag-list > .item::after, #dx-literacy.page-lower .course-detail > .tag-list > .item::after, #generative-ai.page-lower .course-detail > .tag-list > .item::after, #passport.page-lower .course-detail > .tag-list > .item::after {
  content: "";
  width: 1px;
  height: 1em;
  display: block;
  background: #ccc;
  margin: 0 0.9375rem;
}
@media (max-width: 768px) {
  #service.page-lower .course-detail > .tag-list > .item::after, #dx-literacy.page-lower .course-detail > .tag-list > .item::after, #generative-ai.page-lower .course-detail > .tag-list > .item::after, #passport.page-lower .course-detail > .tag-list > .item::after {
    display: none;
  }
}
#service.page-lower .course-detail > .tag-list > .item:last-child::after, #dx-literacy.page-lower .course-detail > .tag-list > .item:last-child::after, #generative-ai.page-lower .course-detail > .tag-list > .item:last-child::after, #passport.page-lower .course-detail > .tag-list > .item:last-child::after {
  display: none;
}
#service.page-lower .course-about, #dx-literacy.page-lower .course-about, #generative-ai.page-lower .course-about, #passport.page-lower .course-about {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 1720px) {
  #service.page-lower .course-about, #dx-literacy.page-lower .course-about, #generative-ai.page-lower .course-about, #passport.page-lower .course-about {
    display: block;
  }
}
#service.page-lower .course-about > .thumbnail, #dx-literacy.page-lower .course-about > .thumbnail, #generative-ai.page-lower .course-about > .thumbnail, #passport.page-lower .course-about > .thumbnail {
  max-width: 47.5rem;
}
@media screen and (max-width: 1780px) {
  #service.page-lower .course-about > .thumbnail, #dx-literacy.page-lower .course-about > .thumbnail, #generative-ai.page-lower .course-about > .thumbnail, #passport.page-lower .course-about > .thumbnail {
    max-width: 43.75rem;
  }
}
@media screen and (max-width: 1720px) {
  #service.page-lower .course-about > .thumbnail, #dx-literacy.page-lower .course-about > .thumbnail, #generative-ai.page-lower .course-about > .thumbnail, #passport.page-lower .course-about > .thumbnail {
    max-width: 58.75rem;
    margin: 0 auto 2.5rem;
  }
}
@media (max-width: 768px) {
  #service.page-lower .course-about > .thumbnail, #dx-literacy.page-lower .course-about > .thumbnail, #generative-ai.page-lower .course-about > .thumbnail, #passport.page-lower .course-about > .thumbnail {
    margin-bottom: 1.875rem;
  }
}
#service.page-lower .course-about > .thumbnail img, #dx-literacy.page-lower .course-about > .thumbnail img, #generative-ai.page-lower .course-about > .thumbnail img, #passport.page-lower .course-about > .thumbnail img {
  width: 100%;
  height: auto;
  border-radius: 10px;
  -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
}
#service.page-lower .course-about > .body, #dx-literacy.page-lower .course-about > .body, #generative-ai.page-lower .course-about > .body, #passport.page-lower .course-about > .body {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  margin-left: 3.75rem;
}
@media screen and (max-width: 1720px) {
  #service.page-lower .course-about > .body, #dx-literacy.page-lower .course-about > .body, #generative-ai.page-lower .course-about > .body, #passport.page-lower .course-about > .body {
    margin-left: 0;
  }
}
#service.page-lower .course-about > .body > .head, #dx-literacy.page-lower .course-about > .body > .head, #generative-ai.page-lower .course-about > .body > .head, #passport.page-lower .course-about > .body > .head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1.25rem;
}
#service.page-lower .course-about > .body > .head > .en, #dx-literacy.page-lower .course-about > .body > .head > .en, #generative-ai.page-lower .course-about > .body > .head > .en, #passport.page-lower .course-about > .body > .head > .en {
  font-family: "presicav", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  color: #ffd900;
  margin-right: 1.25rem;
}
#service.page-lower .course-about > .body > .head > .time, #dx-literacy.page-lower .course-about > .body > .head > .time, #generative-ai.page-lower .course-about > .body > .head > .time, #passport.page-lower .course-about > .body > .head > .time {
  font-size: 0.875rem;
  font-weight: 300;
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: middle;
}
#service.page-lower .course-about > .body > .head > .time::before, #dx-literacy.page-lower .course-about > .body > .head > .time::before, #generative-ai.page-lower .course-about > .body > .head > .time::before, #passport.page-lower .course-about > .body > .head > .time::before {
  content: "";
  background: url(../images/icon/icon_time.svg) no-repeat;
  background-size: 1rem 1rem;
  width: 1rem;
  height: 1rem;
  display: block;
  margin: 0.0625rem 0.5rem 0 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
#service.page-lower .course-about > .body > .lead, #dx-literacy.page-lower .course-about > .body > .lead, #generative-ai.page-lower .course-about > .body > .lead, #passport.page-lower .course-about > .body > .lead {
  line-height: 2;
}
#service.page-lower .course-about > .body > .tag-list, #dx-literacy.page-lower .course-about > .body > .tag-list, #generative-ai.page-lower .course-about > .body > .tag-list, #passport.page-lower .course-about > .body > .tag-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -0.3125rem;
}
#service.page-lower .course-about > .body > .tag-list > .item, #dx-literacy.page-lower .course-about > .body > .tag-list > .item, #generative-ai.page-lower .course-about > .body > .tag-list > .item, #passport.page-lower .course-about > .body > .tag-list > .item {
  border: 1px solid #000;
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 1;
  border-radius: 100px;
  padding: 0.375rem 0.9375rem;
  margin: 0.3125rem;
  text-align: center;
}
@media (max-width: 768px) {
  #service.page-lower .course-about > .body > .tag-list > .item, #dx-literacy.page-lower .course-about > .body > .tag-list > .item, #generative-ai.page-lower .course-about > .body > .tag-list > .item, #passport.page-lower .course-about > .body > .tag-list > .item {
    font-size: 0.625rem;
  }
}
#service.page-lower .table-scroll-course-schedule, #dx-literacy.page-lower .table-scroll-course-schedule, #generative-ai.page-lower .table-scroll-course-schedule, #passport.page-lower .table-scroll-course-schedule {
  -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}
#service.page-lower .table-scroll-course-schedule .course-schedule-wrap, #dx-literacy.page-lower .table-scroll-course-schedule .course-schedule-wrap, #generative-ai.page-lower .table-scroll-course-schedule .course-schedule-wrap, #passport.page-lower .table-scroll-course-schedule .course-schedule-wrap {
  margin-bottom: 0;
}
#service.page-lower .table-scroll-course-schedule .course-schedule-wrap .course-schedule > thead > tr > th, #service.page-lower .table-scroll-course-schedule .course-schedule-wrap .course-schedule > thead > tr > td, #dx-literacy.page-lower .table-scroll-course-schedule .course-schedule-wrap .course-schedule > thead > tr > th, #dx-literacy.page-lower .table-scroll-course-schedule .course-schedule-wrap .course-schedule > thead > tr > td, #generative-ai.page-lower .table-scroll-course-schedule .course-schedule-wrap .course-schedule > thead > tr > th, #generative-ai.page-lower .table-scroll-course-schedule .course-schedule-wrap .course-schedule > thead > tr > td, #passport.page-lower .table-scroll-course-schedule .course-schedule-wrap .course-schedule > thead > tr > th, #passport.page-lower .table-scroll-course-schedule .course-schedule-wrap .course-schedule > thead > tr > td {
  font-size: 1rem;
  padding: 0.5rem 0.625rem;
  line-height: 1.5;
}
#service.page-lower .table-scroll-course-schedule .course-schedule-wrap .course-schedule > tbody > tr > th, #service.page-lower .table-scroll-course-schedule .course-schedule-wrap .course-schedule > tbody > tr > td, #dx-literacy.page-lower .table-scroll-course-schedule .course-schedule-wrap .course-schedule > tbody > tr > th, #dx-literacy.page-lower .table-scroll-course-schedule .course-schedule-wrap .course-schedule > tbody > tr > td, #generative-ai.page-lower .table-scroll-course-schedule .course-schedule-wrap .course-schedule > tbody > tr > th, #generative-ai.page-lower .table-scroll-course-schedule .course-schedule-wrap .course-schedule > tbody > tr > td, #passport.page-lower .table-scroll-course-schedule .course-schedule-wrap .course-schedule > tbody > tr > th, #passport.page-lower .table-scroll-course-schedule .course-schedule-wrap .course-schedule > tbody > tr > td {
  font-size: 0.9375rem;
  padding: 0.5rem 0.625rem;
  line-height: 1.5;
}
#service.page-lower .course-schedule-wrap, #dx-literacy.page-lower .course-schedule-wrap, #generative-ai.page-lower .course-schedule-wrap, #passport.page-lower .course-schedule-wrap {
  -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  margin-bottom: 2.5rem;
}
@media (max-width: 768px) {
  #service.page-lower .course-schedule-wrap, #dx-literacy.page-lower .course-schedule-wrap, #generative-ai.page-lower .course-schedule-wrap, #passport.page-lower .course-schedule-wrap {
    margin-bottom: 2.5rem;
  }
}
#service.page-lower .course-schedule, #dx-literacy.page-lower .course-schedule, #generative-ai.page-lower .course-schedule, #passport.page-lower .course-schedule {
  width: 100%;
  background: #fff;
  border-radius: 10px;
}
#service.page-lower .course-schedule > thead > tr th, #dx-literacy.page-lower .course-schedule > thead > tr th, #generative-ai.page-lower .course-schedule > thead > tr th, #passport.page-lower .course-schedule > thead > tr th {
  background: #ffd900;
  color: #000;
  text-align: center;
  font-size: 1.125rem;
  font-weight: 500;
  padding: 0.875rem 1.25rem;
  border-radius: 10px 10px 0 0;
}
@media (max-width: 768px) {
  #service.page-lower .course-schedule > thead > tr th, #dx-literacy.page-lower .course-schedule > thead > tr th, #generative-ai.page-lower .course-schedule > thead > tr th, #passport.page-lower .course-schedule > thead > tr th {
    font-size: 1rem;
  }
}
#service.page-lower .course-schedule > tbody > tr > th, #dx-literacy.page-lower .course-schedule > tbody > tr > th, #generative-ai.page-lower .course-schedule > tbody > tr > th, #passport.page-lower .course-schedule > tbody > tr > th {
  background: #989898;
  color: #fff;
  text-align: center;
  font-size: 1.125rem;
  font-weight: 500;
  padding: 0.875rem 1.25rem;
}
@media (max-width: 768px) {
  #service.page-lower .course-schedule > tbody > tr > th, #dx-literacy.page-lower .course-schedule > tbody > tr > th, #generative-ai.page-lower .course-schedule > tbody > tr > th, #passport.page-lower .course-schedule > tbody > tr > th {
    font-size: 0.875rem;
  }
}
#service.page-lower .course-schedule > tbody > tr > th.time, #dx-literacy.page-lower .course-schedule > tbody > tr > th.time, #generative-ai.page-lower .course-schedule > tbody > tr > th.time, #passport.page-lower .course-schedule > tbody > tr > th.time {
  width: 11.25rem;
}
@media (max-width: 768px) {
  #service.page-lower .course-schedule > tbody > tr > th.time, #dx-literacy.page-lower .course-schedule > tbody > tr > th.time, #generative-ai.page-lower .course-schedule > tbody > tr > th.time, #passport.page-lower .course-schedule > tbody > tr > th.time {
    width: auto;
    white-space: nowrap;
    padding: 0.875rem;
  }
}
#service.page-lower .course-schedule > tbody > tr > td, #dx-literacy.page-lower .course-schedule > tbody > tr > td, #generative-ai.page-lower .course-schedule > tbody > tr > td, #passport.page-lower .course-schedule > tbody > tr > td {
  font-size: 1.125rem;
  font-weight: 400;
  padding: 1.125rem 1.875rem;
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e6e6e6;
}
@media (max-width: 768px) {
  #service.page-lower .course-schedule > tbody > tr > td, #dx-literacy.page-lower .course-schedule > tbody > tr > td, #generative-ai.page-lower .course-schedule > tbody > tr > td, #passport.page-lower .course-schedule > tbody > tr > td {
    font-size: 0.875rem;
    padding: 0.75rem 1.25rem;
  }
}
#service.page-lower .course-schedule > tbody > tr > td.time, #dx-literacy.page-lower .course-schedule > tbody > tr > td.time, #generative-ai.page-lower .course-schedule > tbody > tr > td.time, #passport.page-lower .course-schedule > tbody > tr > td.time {
  background: #f8f8f8;
  text-align: center;
}
@media (max-width: 768px) {
  #service.page-lower .course-schedule > tbody > tr > td.time, #dx-literacy.page-lower .course-schedule > tbody > tr > td.time, #generative-ai.page-lower .course-schedule > tbody > tr > td.time, #passport.page-lower .course-schedule > tbody > tr > td.time {
    width: auto;
    white-space: nowrap;
    font-size: 0.75rem;
    padding: 0.875rem;
  }
}
#service.page-lower .course-schedule > tbody > tr > td.time > i, #dx-literacy.page-lower .course-schedule > tbody > tr > td.time > i, #generative-ai.page-lower .course-schedule > tbody > tr > td.time > i, #passport.page-lower .course-schedule > tbody > tr > td.time > i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: middle;
  font-style: normal;
}
#service.page-lower .course-schedule > tbody > tr > td.time > i::before, #dx-literacy.page-lower .course-schedule > tbody > tr > td.time > i::before, #generative-ai.page-lower .course-schedule > tbody > tr > td.time > i::before, #passport.page-lower .course-schedule > tbody > tr > td.time > i::before {
  content: "";
  background: url(../images/icon/icon_time.svg) no-repeat;
  background-size: 0.875rem 0.875rem;
  width: 0.875rem;
  height: 0.875rem;
  display: block;
  margin: 0.0625rem 0.5rem 0 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 768px) {
  #service.page-lower .course-schedule > tbody > tr > td.time > i::before, #dx-literacy.page-lower .course-schedule > tbody > tr > td.time > i::before, #generative-ai.page-lower .course-schedule > tbody > tr > td.time > i::before, #passport.page-lower .course-schedule > tbody > tr > td.time > i::before {
    background-size: 0.625rem 0.625rem;
    width: 0.625rem;
    height: 0.625rem;
    margin: 0.0625rem 0.375rem 0 0;
  }
}
#service.page-lower .course-schedule > tbody > tr > td.time.border-radius, #dx-literacy.page-lower .course-schedule > tbody > tr > td.time.border-radius, #generative-ai.page-lower .course-schedule > tbody > tr > td.time.border-radius, #passport.page-lower .course-schedule > tbody > tr > td.time.border-radius {
  border-radius: 0 0 0 10px;
}
#service.page-lower .course-schedule > tbody > tr > td.item > .label-text, #dx-literacy.page-lower .course-schedule > tbody > tr > td.item > .label-text, #generative-ai.page-lower .course-schedule > tbody > tr > td.item > .label-text, #passport.page-lower .course-schedule > tbody > tr > td.item > .label-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#service.page-lower .course-schedule > tbody > tr > td.item > .label-text > .label, #dx-literacy.page-lower .course-schedule > tbody > tr > td.item > .label-text > .label, #generative-ai.page-lower .course-schedule > tbody > tr > td.item > .label-text > .label, #passport.page-lower .course-schedule > tbody > tr > td.item > .label-text > .label {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: #ffd900;
  color: #000;
  text-align: center;
  width: 6.25rem;
  padding: 0.625rem 1.875rem;
  border-radius: 6px;
  margin-right: 1.25rem;
  display: block;
  line-height: 1;
  font-size: 0.875rem;
  font-weight: 400;
}
@media (max-width: 768px) {
  #service.page-lower .course-schedule > tbody > tr > td.item > .label-text > .label, #dx-literacy.page-lower .course-schedule > tbody > tr > td.item > .label-text > .label, #generative-ai.page-lower .course-schedule > tbody > tr > td.item > .label-text > .label, #passport.page-lower .course-schedule > tbody > tr > td.item > .label-text > .label {
    width: 3.75rem;
    font-size: 0.625rem;
    padding: 0.625rem;
  }
}
#service.page-lower .course-schedule > tbody > tr > td.item > .label-text > .text, #dx-literacy.page-lower .course-schedule > tbody > tr > td.item > .label-text > .text, #generative-ai.page-lower .course-schedule > tbody > tr > td.item > .label-text > .text, #passport.page-lower .course-schedule > tbody > tr > td.item > .label-text > .text {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
#service.page-lower .course-schedule > tbody > tr > td.item > .label-text > .text .detail, #dx-literacy.page-lower .course-schedule > tbody > tr > td.item > .label-text > .text .detail, #generative-ai.page-lower .course-schedule > tbody > tr > td.item > .label-text > .text .detail, #passport.page-lower .course-schedule > tbody > tr > td.item > .label-text > .text .detail {
  padding: 0.875rem;
  margin: 0.625rem 0 0;
  background: #fafafa;
  border: 1px solid #eee;
  border-radius: 10px;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
#service.page-lower .course-schedule > tbody > tr > td.item > .label-text > .text .detail ul, #dx-literacy.page-lower .course-schedule > tbody > tr > td.item > .label-text > .text .detail ul, #generative-ai.page-lower .course-schedule > tbody > tr > td.item > .label-text > .text .detail ul, #passport.page-lower .course-schedule > tbody > tr > td.item > .label-text > .text .detail ul {
  padding-left: 0.375rem;
}
#service.page-lower .course-schedule > tbody > tr > td.item > .label-text > .text .detail ul li, #dx-literacy.page-lower .course-schedule > tbody > tr > td.item > .label-text > .text .detail ul li, #generative-ai.page-lower .course-schedule > tbody > tr > td.item > .label-text > .text .detail ul li, #passport.page-lower .course-schedule > tbody > tr > td.item > .label-text > .text .detail ul li {
  font-size: 0.9375rem;
}
@media (max-width: 768px) {
  #service.page-lower .course-schedule > tbody > tr > td.item > .label-text > .text .detail ul li, #dx-literacy.page-lower .course-schedule > tbody > tr > td.item > .label-text > .text .detail ul li, #generative-ai.page-lower .course-schedule > tbody > tr > td.item > .label-text > .text .detail ul li, #passport.page-lower .course-schedule > tbody > tr > td.item > .label-text > .text .detail ul li {
    font-size: 0.8125rem;
  }
}
#service.page-lower .course-schedule > tbody > tr > td.item > .detail, #dx-literacy.page-lower .course-schedule > tbody > tr > td.item > .detail, #generative-ai.page-lower .course-schedule > tbody > tr > td.item > .detail, #passport.page-lower .course-schedule > tbody > tr > td.item > .detail {
  background: #f8f8f8;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  padding: 0.625rem;
}
#service.page-lower .course-schedule > tbody > tr > td.item > .detail.highlight, #dx-literacy.page-lower .course-schedule > tbody > tr > td.item > .detail.highlight, #generative-ai.page-lower .course-schedule > tbody > tr > td.item > .detail.highlight, #passport.page-lower .course-schedule > tbody > tr > td.item > .detail.highlight {
  background: #fffdf1;
}
#service.page-lower .course-schedule > tbody > tr > td.item > .detail > p, #dx-literacy.page-lower .course-schedule > tbody > tr > td.item > .detail > p, #generative-ai.page-lower .course-schedule > tbody > tr > td.item > .detail > p, #passport.page-lower .course-schedule > tbody > tr > td.item > .detail > p {
  font-size: 0.875rem;
}
@media (max-width: 768px) {
  #service.page-lower .course-schedule > tbody > tr > td.item > .detail > p, #dx-literacy.page-lower .course-schedule > tbody > tr > td.item > .detail > p, #generative-ai.page-lower .course-schedule > tbody > tr > td.item > .detail > p, #passport.page-lower .course-schedule > tbody > tr > td.item > .detail > p {
    font-size: 0.75rem;
  }
}
#service.page-lower .course-schedule > tbody > tr > td.item.highlight, #dx-literacy.page-lower .course-schedule > tbody > tr > td.item.highlight, #generative-ai.page-lower .course-schedule > tbody > tr > td.item.highlight, #passport.page-lower .course-schedule > tbody > tr > td.item.highlight {
  background: #fffdf1;
}
#service.page-lower .course-schedule > tbody > tr > td.item.self-study, #dx-literacy.page-lower .course-schedule > tbody > tr > td.item.self-study, #generative-ai.page-lower .course-schedule > tbody > tr > td.item.self-study, #passport.page-lower .course-schedule > tbody > tr > td.item.self-study {
  background: #f8f8f8;
}
#service.page-lower .course-schedule > tbody > tr > td.item.break-time, #dx-literacy.page-lower .course-schedule > tbody > tr > td.item.break-time, #generative-ai.page-lower .course-schedule > tbody > tr > td.item.break-time, #passport.page-lower .course-schedule > tbody > tr > td.item.break-time {
  background: #fcfcfc;
}
#service.page-lower .course-schedule > tbody > tr > td.item.border-radius-r, #dx-literacy.page-lower .course-schedule > tbody > tr > td.item.border-radius-r, #generative-ai.page-lower .course-schedule > tbody > tr > td.item.border-radius-r, #passport.page-lower .course-schedule > tbody > tr > td.item.border-radius-r {
  border-radius: 0 0 10px 0;
}
#service.page-lower .course-schedule > tbody > tr > td.item.level, #dx-literacy.page-lower .course-schedule > tbody > tr > td.item.level, #generative-ai.page-lower .course-schedule > tbody > tr > td.item.level, #passport.page-lower .course-schedule > tbody > tr > td.item.level {
  font-size: 0.875rem;
  padding: 0.625rem;
  text-align: center;
}
#service.page-lower .course-schedule > tbody > tr > td.item.level.-lv3, #dx-literacy.page-lower .course-schedule > tbody > tr > td.item.level.-lv3, #generative-ai.page-lower .course-schedule > tbody > tr > td.item.level.-lv3, #passport.page-lower .course-schedule > tbody > tr > td.item.level.-lv3 {
  background: #f8ceb2;
}
#service.page-lower .course-schedule > tbody > tr > td.item.level.-lv2, #dx-literacy.page-lower .course-schedule > tbody > tr > td.item.level.-lv2, #generative-ai.page-lower .course-schedule > tbody > tr > td.item.level.-lv2, #passport.page-lower .course-schedule > tbody > tr > td.item.level.-lv2 {
  background: #d5f7d6;
}
#service.page-lower .course-schedule > tbody > tr > td.item.level.-lv1, #dx-literacy.page-lower .course-schedule > tbody > tr > td.item.level.-lv1, #generative-ai.page-lower .course-schedule > tbody > tr > td.item.level.-lv1, #passport.page-lower .course-schedule > tbody > tr > td.item.level.-lv1 {
  background: #ddebf7;
}
#service.page-lower .course-schedule > tbody > tr > td.item.level.-last, #dx-literacy.page-lower .course-schedule > tbody > tr > td.item.level.-last, #generative-ai.page-lower .course-schedule > tbody > tr > td.item.level.-last, #passport.page-lower .course-schedule > tbody > tr > td.item.level.-last {
  border-bottom: 1px solid #e6e6e6;
}
#service.page-lower .course-schedule > tbody > tr > td.label-text, #dx-literacy.page-lower .course-schedule > tbody > tr > td.label-text, #generative-ai.page-lower .course-schedule > tbody > tr > td.label-text, #passport.page-lower .course-schedule > tbody > tr > td.label-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#service.page-lower .course-schedule > tbody > tr > td.label-text > .label, #dx-literacy.page-lower .course-schedule > tbody > tr > td.label-text > .label, #generative-ai.page-lower .course-schedule > tbody > tr > td.label-text > .label, #passport.page-lower .course-schedule > tbody > tr > td.label-text > .label {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: #ffd900;
  color: #000;
  text-align: center;
  width: 6.25rem;
  padding: 0.625rem 1.875rem;
  border-radius: 6px;
  margin-right: 1.25rem;
  display: block;
  line-height: 1;
  font-size: 0.875rem;
  font-weight: 400;
}
@media (max-width: 768px) {
  #service.page-lower .course-schedule > tbody > tr > td.label-text > .label, #dx-literacy.page-lower .course-schedule > tbody > tr > td.label-text > .label, #generative-ai.page-lower .course-schedule > tbody > tr > td.label-text > .label, #passport.page-lower .course-schedule > tbody > tr > td.label-text > .label {
    width: 3.75rem;
    font-size: 0.625rem;
    padding: 0.625rem;
  }
}
#service.page-lower .course-schedule > tbody > tr > td.label-text > .text, #dx-literacy.page-lower .course-schedule > tbody > tr > td.label-text > .text, #generative-ai.page-lower .course-schedule > tbody > tr > td.label-text > .text, #passport.page-lower .course-schedule > tbody > tr > td.label-text > .text {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
#service.page-lower .course-schedule > tbody > tr > td.label-text > .text .detail, #dx-literacy.page-lower .course-schedule > tbody > tr > td.label-text > .text .detail, #generative-ai.page-lower .course-schedule > tbody > tr > td.label-text > .text .detail, #passport.page-lower .course-schedule > tbody > tr > td.label-text > .text .detail {
  padding: 0.875rem;
  margin: 0.625rem 0 0;
  background: #fafafa;
  border: 1px solid #eee;
  border-radius: 10px;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
#service.page-lower .course-schedule > tbody > tr > td.label-text > .text .detail ul, #dx-literacy.page-lower .course-schedule > tbody > tr > td.label-text > .text .detail ul, #generative-ai.page-lower .course-schedule > tbody > tr > td.label-text > .text .detail ul, #passport.page-lower .course-schedule > tbody > tr > td.label-text > .text .detail ul {
  padding-left: 0.375rem;
}
#service.page-lower .course-schedule > tbody > tr > td.label-text > .text .detail ul li, #dx-literacy.page-lower .course-schedule > tbody > tr > td.label-text > .text .detail ul li, #generative-ai.page-lower .course-schedule > tbody > tr > td.label-text > .text .detail ul li, #passport.page-lower .course-schedule > tbody > tr > td.label-text > .text .detail ul li {
  font-size: 0.9375rem;
}
@media (max-width: 768px) {
  #service.page-lower .course-schedule > tbody > tr > td.label-text > .text .detail ul li, #dx-literacy.page-lower .course-schedule > tbody > tr > td.label-text > .text .detail ul li, #generative-ai.page-lower .course-schedule > tbody > tr > td.label-text > .text .detail ul li, #passport.page-lower .course-schedule > tbody > tr > td.label-text > .text .detail ul li {
    font-size: 0.8125rem;
  }
}
#service.page-lower .course-schedule > tbody > tr > td:last-child, #dx-literacy.page-lower .course-schedule > tbody > tr > td:last-child, #generative-ai.page-lower .course-schedule > tbody > tr > td:last-child, #passport.page-lower .course-schedule > tbody > tr > td:last-child {
  border-right: none;
}
#service.page-lower .course-schedule > tbody > tr > td.border-right, #dx-literacy.page-lower .course-schedule > tbody > tr > td.border-right, #generative-ai.page-lower .course-schedule > tbody > tr > td.border-right, #passport.page-lower .course-schedule > tbody > tr > td.border-right {
  border-right: 1px solid #e5e5e5;
}
#service.page-lower .course-schedule > tbody > tr:first-child > th, #dx-literacy.page-lower .course-schedule > tbody > tr:first-child > th, #generative-ai.page-lower .course-schedule > tbody > tr:first-child > th, #passport.page-lower .course-schedule > tbody > tr:first-child > th {
  border-right: 1px solid #8c8c8c;
}
#service.page-lower .course-schedule > tbody > tr:first-child > th:last-child, #dx-literacy.page-lower .course-schedule > tbody > tr:first-child > th:last-child, #generative-ai.page-lower .course-schedule > tbody > tr:first-child > th:last-child, #passport.page-lower .course-schedule > tbody > tr:first-child > th:last-child {
  border-right: none;
}
#service.page-lower .course-schedule > tbody > tr:last-child > td, #dx-literacy.page-lower .course-schedule > tbody > tr:last-child > td, #generative-ai.page-lower .course-schedule > tbody > tr:last-child > td, #passport.page-lower .course-schedule > tbody > tr:last-child > td {
  border-bottom: none;
}
#service.page-lower .course-schedule > tbody > tr:last-child > td.border-bottom, #dx-literacy.page-lower .course-schedule > tbody > tr:last-child > td.border-bottom, #generative-ai.page-lower .course-schedule > tbody > tr:last-child > td.border-bottom, #passport.page-lower .course-schedule > tbody > tr:last-child > td.border-bottom {
  border-bottom: 1px solid #e6e6e6;
}
#service.page-lower .course-schedule-b, #dx-literacy.page-lower .course-schedule-b, #generative-ai.page-lower .course-schedule-b, #passport.page-lower .course-schedule-b {
  width: 100%;
  border-radius: 10px;
}
#service.page-lower .course-schedule-b thead tr th, #dx-literacy.page-lower .course-schedule-b thead tr th, #generative-ai.page-lower .course-schedule-b thead tr th, #passport.page-lower .course-schedule-b thead tr th {
  font-size: 1.125rem;
  padding: 0.875rem 1.25rem;
  background: #ffd900;
  border-radius: 10px 10px 0 0;
}
@media (max-width: 768px) {
  #service.page-lower .course-schedule-b thead tr th, #dx-literacy.page-lower .course-schedule-b thead tr th, #generative-ai.page-lower .course-schedule-b thead tr th, #passport.page-lower .course-schedule-b thead tr th {
    font-size: 0.875rem;
  }
}
#service.page-lower .course-schedule-b tbody tr th, #service.page-lower .course-schedule-b tbody tr td, #dx-literacy.page-lower .course-schedule-b tbody tr th, #dx-literacy.page-lower .course-schedule-b tbody tr td, #generative-ai.page-lower .course-schedule-b tbody tr th, #generative-ai.page-lower .course-schedule-b tbody tr td, #passport.page-lower .course-schedule-b tbody tr th, #passport.page-lower .course-schedule-b tbody tr td {
  font-size: 1.125rem;
  font-weight: 400;
  padding: 1.125rem 1.875rem;
  border-bottom: 1px solid #e6e6e6;
}
@media (max-width: 768px) {
  #service.page-lower .course-schedule-b tbody tr th, #service.page-lower .course-schedule-b tbody tr td, #dx-literacy.page-lower .course-schedule-b tbody tr th, #dx-literacy.page-lower .course-schedule-b tbody tr td, #generative-ai.page-lower .course-schedule-b tbody tr th, #generative-ai.page-lower .course-schedule-b tbody tr td, #passport.page-lower .course-schedule-b tbody tr th, #passport.page-lower .course-schedule-b tbody tr td {
    font-size: 0.875rem;
    padding: 0.75rem 0.625rem;
  }
}
#service.page-lower .course-schedule-b tbody tr th.br-lt10, #service.page-lower .course-schedule-b tbody tr td.br-lt10, #dx-literacy.page-lower .course-schedule-b tbody tr th.br-lt10, #dx-literacy.page-lower .course-schedule-b tbody tr td.br-lt10, #generative-ai.page-lower .course-schedule-b tbody tr th.br-lt10, #generative-ai.page-lower .course-schedule-b tbody tr td.br-lt10, #passport.page-lower .course-schedule-b tbody tr th.br-lt10, #passport.page-lower .course-schedule-b tbody tr td.br-lt10 {
  border-radius: 10px 0 0 0;
}
#service.page-lower .course-schedule-b tbody tr th.br-lb10, #service.page-lower .course-schedule-b tbody tr td.br-lb10, #dx-literacy.page-lower .course-schedule-b tbody tr th.br-lb10, #dx-literacy.page-lower .course-schedule-b tbody tr td.br-lb10, #generative-ai.page-lower .course-schedule-b tbody tr th.br-lb10, #generative-ai.page-lower .course-schedule-b tbody tr td.br-lb10, #passport.page-lower .course-schedule-b tbody tr th.br-lb10, #passport.page-lower .course-schedule-b tbody tr td.br-lb10 {
  border-radius: 0 0 0 10px;
}
#service.page-lower .course-schedule-b tbody tr th, #dx-literacy.page-lower .course-schedule-b tbody tr th, #generative-ai.page-lower .course-schedule-b tbody tr th, #passport.page-lower .course-schedule-b tbody tr th {
  white-space: nowrap;
  background: #989898;
  color: #fff;
}
#service.page-lower .course-schedule-b tbody tr td > .note-text, #dx-literacy.page-lower .course-schedule-b tbody tr td > .note-text, #generative-ai.page-lower .course-schedule-b tbody tr td > .note-text, #passport.page-lower .course-schedule-b tbody tr td > .note-text {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#service.page-lower .course-schedule-b tbody tr td > .note-text > .text, #dx-literacy.page-lower .course-schedule-b tbody tr td > .note-text > .text, #generative-ai.page-lower .course-schedule-b tbody tr td > .note-text > .text, #passport.page-lower .course-schedule-b tbody tr td > .note-text > .text {
  margin: 0 0.625rem 0 0;
}
#service.page-lower .course-schedule-b tbody tr td > .note-text > .link-a, #dx-literacy.page-lower .course-schedule-b tbody tr td > .note-text > .link-a, #generative-ai.page-lower .course-schedule-b tbody tr td > .note-text > .link-a, #passport.page-lower .course-schedule-b tbody tr td > .note-text > .link-a {
  font-size: 0.75rem;
}
#service.page-lower .course-schedule-b tbody tr td > .note-text > .link-a > a, #dx-literacy.page-lower .course-schedule-b tbody tr td > .note-text > .link-a > a, #generative-ai.page-lower .course-schedule-b tbody tr td > .note-text > .link-a > a, #passport.page-lower .course-schedule-b tbody tr td > .note-text > .link-a > a {
  color: #1877f2;
  text-decoration: none;
}
#service.page-lower .course-schedule-b tbody tr td > .note-text > .link-a > a > .logo, #dx-literacy.page-lower .course-schedule-b tbody tr td > .note-text > .link-a > a > .logo, #generative-ai.page-lower .course-schedule-b tbody tr td > .note-text > .link-a > a > .logo, #passport.page-lower .course-schedule-b tbody tr td > .note-text > .link-a > a > .logo {
  width: auto;
  height: 100%;
  max-height: 1.8125rem;
}
#service.page-lower .course-schedule-b tbody tr td > .note-text > .link-a > a:hover, #dx-literacy.page-lower .course-schedule-b tbody tr td > .note-text > .link-a > a:hover, #generative-ai.page-lower .course-schedule-b tbody tr td > .note-text > .link-a > a:hover, #passport.page-lower .course-schedule-b tbody tr td > .note-text > .link-a > a:hover {
  color: #1877f2;
  text-decoration: underline;
}
#service.page-lower .course-schedule-b tbody tr td > .note-text > .link-a > a:hover img, #dx-literacy.page-lower .course-schedule-b tbody tr td > .note-text > .link-a > a:hover img, #generative-ai.page-lower .course-schedule-b tbody tr td > .note-text > .link-a > a:hover img, #passport.page-lower .course-schedule-b tbody tr td > .note-text > .link-a > a:hover img {
  opacity: 0.6;
}
#service.page-lower .course-schedule-b tbody tr td > .note-text .text-attention, #dx-literacy.page-lower .course-schedule-b tbody tr td > .note-text .text-attention, #generative-ai.page-lower .course-schedule-b tbody tr td > .note-text .text-attention, #passport.page-lower .course-schedule-b tbody tr td > .note-text .text-attention {
  font-size: 0.75rem;
  color: red;
  display: block;
}
@media screen and (max-width: 1710px) {
  #service.page-lower .course-schedule-b tbody tr td > .note-text .text-attention, #dx-literacy.page-lower .course-schedule-b tbody tr td > .note-text .text-attention, #generative-ai.page-lower .course-schedule-b tbody tr td > .note-text .text-attention, #passport.page-lower .course-schedule-b tbody tr td > .note-text .text-attention {
    display: inline-block;
  }
}
@media (max-width: 768px) {
  #service.page-lower .course-schedule-b tbody tr td > .note-text .text-attention, #dx-literacy.page-lower .course-schedule-b tbody tr td > .note-text .text-attention, #generative-ai.page-lower .course-schedule-b tbody tr td > .note-text .text-attention, #passport.page-lower .course-schedule-b tbody tr td > .note-text .text-attention {
    display: block;
    line-height: 1.6;
    margin-bottom: 6px;
  }
}
#service.page-lower .course-schedule-b tbody tr td > .br, #dx-literacy.page-lower .course-schedule-b tbody tr td > .br, #generative-ai.page-lower .course-schedule-b tbody tr td > .br, #passport.page-lower .course-schedule-b tbody tr td > .br {
  display: none;
}
@media screen and (max-width: 1920px) {
  #service.page-lower .course-schedule-b tbody tr td > .br, #dx-literacy.page-lower .course-schedule-b tbody tr td > .br, #generative-ai.page-lower .course-schedule-b tbody tr td > .br, #passport.page-lower .course-schedule-b tbody tr td > .br {
    display: block;
  }
}
@media screen and (max-width: 1720px) {
  #service.page-lower .course-schedule-b tbody tr td > .br, #dx-literacy.page-lower .course-schedule-b tbody tr td > .br, #generative-ai.page-lower .course-schedule-b tbody tr td > .br, #passport.page-lower .course-schedule-b tbody tr td > .br {
    display: none;
  }
}
@media (max-width: 768px) {
  #service.page-lower .course-schedule-b tbody tr td > .br, #dx-literacy.page-lower .course-schedule-b tbody tr td > .br, #generative-ai.page-lower .course-schedule-b tbody tr td > .br, #passport.page-lower .course-schedule-b tbody tr td > .br {
    display: block;
  }
}
#service.page-lower .course-schedule-b tbody tr:last-child th, #service.page-lower .course-schedule-b tbody tr:last-child td, #dx-literacy.page-lower .course-schedule-b tbody tr:last-child th, #dx-literacy.page-lower .course-schedule-b tbody tr:last-child td, #generative-ai.page-lower .course-schedule-b tbody tr:last-child th, #generative-ai.page-lower .course-schedule-b tbody tr:last-child td, #passport.page-lower .course-schedule-b tbody tr:last-child th, #passport.page-lower .course-schedule-b tbody tr:last-child td {
  border-bottom: none;
}
#service.page-lower .course-note, #dx-literacy.page-lower .course-note, #generative-ai.page-lower .course-note, #passport.page-lower .course-note {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: -1.25rem;
}
@media (max-width: 768px) {
  #service.page-lower .course-note, #dx-literacy.page-lower .course-note, #generative-ai.page-lower .course-note, #passport.page-lower .course-note {
    margin-top: -0.9375rem;
  }
}
#service.page-lower .course-note > .item, #dx-literacy.page-lower .course-note > .item, #generative-ai.page-lower .course-note > .item, #passport.page-lower .course-note > .item {
  font-size: 1.125rem;
  margin-left: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 768px) {
  #service.page-lower .course-note > .item, #dx-literacy.page-lower .course-note > .item, #generative-ai.page-lower .course-note > .item, #passport.page-lower .course-note > .item {
    font-size: 0.75rem;
  }
}
#service.page-lower .course-note > .item::before, #dx-literacy.page-lower .course-note > .item::before, #generative-ai.page-lower .course-note > .item::before, #passport.page-lower .course-note > .item::before {
  content: "";
  width: 0.9375rem;
  height: 0.9375rem;
  border: 1px solid #e5e5e5;
  background: #fff;
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 0.125rem;
}
#service.page-lower .course-note > .item.-work::before, #dx-literacy.page-lower .course-note > .item.-work::before, #generative-ai.page-lower .course-note > .item.-work::before, #passport.page-lower .course-note > .item.-work::before {
  border: 1px solid #eee8c2;
  background: #fffdf1;
}
#service.page-lower .course-note > .item.-self-study::before, #dx-literacy.page-lower .course-note > .item.-self-study::before, #generative-ai.page-lower .course-note > .item.-self-study::before, #passport.page-lower .course-note > .item.-self-study::before {
  border: 1px solid #ccc;
  background: #f8f8f8;
}
#service.page-lower .course-note > .item:first-child, #dx-literacy.page-lower .course-note > .item:first-child, #generative-ai.page-lower .course-note > .item:first-child, #passport.page-lower .course-note > .item:first-child {
  margin-left: 0;
}
#service.page-lower .course-price, #dx-literacy.page-lower .course-price, #generative-ai.page-lower .course-price, #passport.page-lower .course-price {
  margin: 0;
}
#service.page-lower .course-price > .price, #dx-literacy.page-lower .course-price > .price, #generative-ai.page-lower .course-price > .price, #passport.page-lower .course-price > .price {
  font-family: "presicav", sans-serif;
  font-size: 2.25rem;
  font-weight: 700;
}
@media (max-width: 768px) {
  #service.page-lower .course-price > .price, #dx-literacy.page-lower .course-price > .price, #generative-ai.page-lower .course-price > .price, #passport.page-lower .course-price > .price {
    font-size: 2rem;
  }
}
#service.page-lower .course-price > .sub, #dx-literacy.page-lower .course-price > .sub, #generative-ai.page-lower .course-price > .sub, #passport.page-lower .course-price > .sub {
  font-size: 1.5rem;
  font-weight: 500;
  margin-left: 0.625rem;
}
@media (max-width: 768px) {
  #service.page-lower .course-price > .sub, #dx-literacy.page-lower .course-price > .sub, #generative-ai.page-lower .course-price > .sub, #passport.page-lower .course-price > .sub {
    font-size: 1.125rem;
  }
}
#service.page-lower .course-price-minnade, #dx-literacy.page-lower .course-price-minnade, #generative-ai.page-lower .course-price-minnade, #passport.page-lower .course-price-minnade {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 1540px) {
  #service.page-lower .course-price-minnade, #dx-literacy.page-lower .course-price-minnade, #generative-ai.page-lower .course-price-minnade, #passport.page-lower .course-price-minnade {
    display: block;
  }
}
#service.page-lower .course-price-minnade .course-price, #dx-literacy.page-lower .course-price-minnade .course-price, #generative-ai.page-lower .course-price-minnade .course-price, #passport.page-lower .course-price-minnade .course-price {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
#service.page-lower .course-price-minnade .minnade-box, #dx-literacy.page-lower .course-price-minnade .minnade-box, #generative-ai.page-lower .course-price-minnade .minnade-box, #passport.page-lower .course-price-minnade .minnade-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 5rem;
}
@media screen and (max-width: 1540px) {
  #service.page-lower .course-price-minnade .minnade-box, #dx-literacy.page-lower .course-price-minnade .minnade-box, #generative-ai.page-lower .course-price-minnade .minnade-box, #passport.page-lower .course-price-minnade .minnade-box {
    margin: 1.25rem 0 0 0;
  }
}
@media (max-width: 768px) {
  #service.page-lower .course-price-minnade .minnade-box, #dx-literacy.page-lower .course-price-minnade .minnade-box, #generative-ai.page-lower .course-price-minnade .minnade-box, #passport.page-lower .course-price-minnade .minnade-box {
    margin: 0;
  }
}
#service.page-lower .course-price-minnade .minnade-box > a, #dx-literacy.page-lower .course-price-minnade .minnade-box > a, #generative-ai.page-lower .course-price-minnade .minnade-box > a, #passport.page-lower .course-price-minnade .minnade-box > a {
  display: block;
}
#service.page-lower .course-price-minnade .minnade-box > a img, #dx-literacy.page-lower .course-price-minnade .minnade-box > a img, #generative-ai.page-lower .course-price-minnade .minnade-box > a img, #passport.page-lower .course-price-minnade .minnade-box > a img {
  max-width: 8.125rem;
  padding: 0 0.625rem;
  border-radius: 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 768px) {
  #service.page-lower .course-price-minnade .minnade-box > a img, #dx-literacy.page-lower .course-price-minnade .minnade-box > a img, #generative-ai.page-lower .course-price-minnade .minnade-box > a img, #passport.page-lower .course-price-minnade .minnade-box > a img {
    max-width: 6.25rem;
  }
}
#service.page-lower .course-price-minnade .minnade-box > a:hover, #dx-literacy.page-lower .course-price-minnade .minnade-box > a:hover, #generative-ai.page-lower .course-price-minnade .minnade-box > a:hover, #passport.page-lower .course-price-minnade .minnade-box > a:hover {
  opacity: 0.6;
}
#service.page-lower .course-price-minnade .minnade-box > .text, #dx-literacy.page-lower .course-price-minnade .minnade-box > .text, #generative-ai.page-lower .course-price-minnade .minnade-box > .text, #passport.page-lower .course-price-minnade .minnade-box > .text {
  font-size: 1rem;
  color: #999;
  margin: 0 0 0 0;
}
@media (max-width: 768px) {
  #service.page-lower .course-price-minnade .minnade-box > .text, #dx-literacy.page-lower .course-price-minnade .minnade-box > .text, #generative-ai.page-lower .course-price-minnade .minnade-box > .text, #passport.page-lower .course-price-minnade .minnade-box > .text {
    font-size: 0.75rem;
  }
}
#service.page-lower .course-price-minnade .minnade-box::before, #dx-literacy.page-lower .course-price-minnade .minnade-box::before, #generative-ai.page-lower .course-price-minnade .minnade-box::before, #passport.page-lower .course-price-minnade .minnade-box::before {
  content: "※";
  font-size: 1rem;
  color: #999;
}
@media (max-width: 768px) {
  #service.page-lower .course-price-minnade .minnade-box::before, #dx-literacy.page-lower .course-price-minnade .minnade-box::before, #generative-ai.page-lower .course-price-minnade .minnade-box::before, #passport.page-lower .course-price-minnade .minnade-box::before {
    font-size: 0.75rem;
  }
}
#service.page-lower .course-lead, #dx-literacy.page-lower .course-lead, #generative-ai.page-lower .course-lead, #passport.page-lower .course-lead {
  font-size: 1.125rem;
  line-height: 2;
}
@media (max-width: 768px) {
  #service.page-lower .course-lead, #dx-literacy.page-lower .course-lead, #generative-ai.page-lower .course-lead, #passport.page-lower .course-lead {
    font-size: 1rem;
    line-height: 1.8;
  }
}
#service.page-lower .recommendation-course > .item, #dx-literacy.page-lower .recommendation-course > .item, #generative-ai.page-lower .recommendation-course > .item, #passport.page-lower .recommendation-course > .item {
  text-decoration: none;
  display: block;
  -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  background: #fff;
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 768px) {
  #service.page-lower .recommendation-course > .item, #dx-literacy.page-lower .recommendation-course > .item, #generative-ai.page-lower .recommendation-course > .item, #passport.page-lower .recommendation-course > .item {
    display: block;
  }
}
#service.page-lower .recommendation-course > .item .thumbnail, #dx-literacy.page-lower .recommendation-course > .item .thumbnail, #generative-ai.page-lower .recommendation-course > .item .thumbnail, #passport.page-lower .recommendation-course > .item .thumbnail {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  max-width: 11.25rem;
  margin-right: 1.25rem;
}
@media (max-width: 768px) {
  #service.page-lower .recommendation-course > .item .thumbnail, #dx-literacy.page-lower .recommendation-course > .item .thumbnail, #generative-ai.page-lower .recommendation-course > .item .thumbnail, #passport.page-lower .recommendation-course > .item .thumbnail {
    max-width: 100%;
    margin: 0 auto 20px;
  }
}
#service.page-lower .recommendation-course > .item .body .date, #dx-literacy.page-lower .recommendation-course > .item .body .date, #generative-ai.page-lower .recommendation-course > .item .body .date, #passport.page-lower .recommendation-course > .item .body .date {
  font-size: 0.875rem;
  display: block;
  color: #999;
}
#service.page-lower .recommendation-course > .item .body .title, #dx-literacy.page-lower .recommendation-course > .item .body .title, #generative-ai.page-lower .recommendation-course > .item .body .title, #passport.page-lower .recommendation-course > .item .body .title {
  font-size: 1.125rem;
  margin: 0.375rem 0;
  font-weight: bold;
  display: block;
}
@media (max-width: 768px) {
  #service.page-lower .recommendation-course > .item .body .title, #dx-literacy.page-lower .recommendation-course > .item .body .title, #generative-ai.page-lower .recommendation-course > .item .body .title, #passport.page-lower .recommendation-course > .item .body .title {
    line-height: 1.5;
    margin: 0.375rem 0;
  }
}
#service.page-lower .recommendation-course > .item .body .lead, #dx-literacy.page-lower .recommendation-course > .item .body .lead, #generative-ai.page-lower .recommendation-course > .item .body .lead, #passport.page-lower .recommendation-course > .item .body .lead {
  font-size: 0.875rem;
  display: block;
}
#service.page-lower .recommendation-course > .item:hover, #dx-literacy.page-lower .recommendation-course > .item:hover, #generative-ai.page-lower .recommendation-course > .item:hover, #passport.page-lower .recommendation-course > .item:hover {
  color: #000;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.pickup-content-shibata {
  max-width: 980px;
  background: #efefef;
  padding: 5rem 3.75rem 15.625rem;
  margin: 5rem -3.75rem 0;
  border-radius: 0 0 480px 480px;
}
@media (max-width: 768px) {
  .pickup-content-shibata {
    padding: 2.5rem 1.25rem 13.75rem;
    margin: 2.5rem -1.25rem 0;
  }
}
.pickup-content-shibata .main-title {
  text-align: center;
  background: #fff;
  border: 2px solid #ccc;
  padding: 0.5rem 1.25rem;
  border-radius: 100px;
  font-size: 1.25rem;
  font-weight: normal;
}
@media (max-width: 768px) {
  .pickup-content-shibata .main-title {
    font-size: 1rem;
  }
}
.pickup-content-shibata .sub-title {
  text-align: center;
  font-size: 2.125rem;
  margin: 1.875rem auto 1.25rem;
}
@media (max-width: 768px) {
  .pickup-content-shibata .sub-title {
    font-size: 1.625rem;
    margin: 1.25rem auto 0.9375rem;
  }
}
.pickup-content-shibata .lead-text {
  text-align: center;
  margin-bottom: 3.75rem;
}
@media (max-width: 768px) {
  .pickup-content-shibata .lead-text {
    margin-bottom: 1.875rem;
  }
}
.pickup-content-shibata .point {
  max-width: 780px;
  margin: 1.25rem auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 768px) {
  .pickup-content-shibata .point {
    max-width: 100%;
    display: block;
    margin: 0 auto;
  }
}
@media (max-width: 768px) {
  .pickup-content-shibata .point > .item {
    margin-top: 1.25rem;
  }
}

.pickup-content-minnade {
  margin-bottom: 5rem;
  margin-top: -13.75rem;
}
@media (max-width: 768px) {
  .pickup-content-minnade {
    margin-bottom: 2.5rem;
  }
}
.pickup-content-minnade .title-minnade {
  font-size: 1.875rem;
  text-align: center;
  margin: 3.75rem auto 1.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media (max-width: 768px) {
  .pickup-content-minnade .title-minnade {
    font-size: 1.375rem;
    margin: 2.5rem auto 1.25rem;
  }
}
.pickup-content-minnade .title-minnade > span > small {
  display: block;
}
.pickup-content-minnade .title-minnade > span > strong {
  display: block;
}
.pickup-content-minnade .title-minnade::after {
  content: "";
  background: url(../lp/dx-assessment/images/support_character2.png) no-repeat;
  background-size: 5rem 5.1875rem;
  width: 5rem;
  height: 5.1875rem;
  display: block;
  margin-left: 1rem;
}
@media (max-width: 768px) {
  .pickup-content-minnade .title-minnade::after {
    display: none;
  }
}
.pickup-content-minnade .bnr-minnade {
  width: 80%;
  margin: 0 auto;
  border: 1px solid #b9b9b9;
}
@media (max-width: 768px) {
  .pickup-content-minnade .bnr-minnade {
    width: 100%;
  }
}
.pickup-content-minnade .bnr-minnade > a {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
}
.pickup-content-minnade .bnr-minnade > a:hover {
  opacity: 0.6;
}

/**************************************************
    Heading
***************************************************/
.section-title {
  border-top: 3px solid #000;
  border-bottom: 3px solid #000;
  padding: 1.125rem;
  margin-bottom: 1.875rem;
  text-align: center;
}
@media (max-width: 768px) {
  .section-title {
    padding: 0.875rem;
    margin-bottom: 1.25rem;
  }
}
.section-title .en {
  font-family: "presicav", sans-serif;
  font-weight: 700;
  font-size: 3rem;
  display: block;
  text-transform: uppercase;
  line-height: 1;
}
@media (max-width: 768px) {
  .section-title .en {
    font-size: 1.75rem;
  }
}
.section-title .ja {
  font-size: 1.125rem;
  display: block;
  line-height: 1;
  margin-top: 0.625rem;
}
@media (max-width: 768px) {
  .section-title .ja {
    font-size: 1rem;
  }
}
.section-title.-white .ja {
  color: #fff;
}
.section-title.-white .en {
  color: #fff;
}

.section-lead {
  font-size: 1.125rem;
  text-align: center;
}
@media (max-width: 768px) {
  .section-lead {
    font-size: 0.875rem;
    text-align: left;
  }
  .section-lead br {
    display: none;
  }
}

.section-heading-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 3.75rem;
}
@media (max-width: 768px) {
  .section-heading-wrap {
    margin: 0 0 1.875rem;
  }
}
.section-heading-wrap .section-heading {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .section-heading-wrap .section-heading {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
@media (max-width: 768px) {
  .section-heading-wrap .button-d {
    padding: 0.875rem 0.625rem;
    font-size: 0.75rem;
    margin-left: 1.25rem;
  }
}

.section-heading {
  line-height: 1;
  margin: 0 0 3.75rem;
}
@media (max-width: 768px) {
  .section-heading {
    margin: 0 0 1.875rem;
  }
}
.section-heading > .en {
  font-size: 2.875rem;
  font-family: "presicav", sans-serif;
  font-weight: 700;
  display: block;
  position: relative;
}
@media (max-width: 768px) {
  .section-heading > .en {
    font-size: 2rem;
  }
}
.section-heading > .en::before {
  content: "";
  width: 8px;
  height: 8px;
  background: #ffd900;
  display: block;
  position: absolute;
  top: calc((100% - 0.5rem) / 2);
  left: -1.25rem;
  border-radius: 100%;
}
@media (max-width: 768px) {
  .section-heading > .en::before {
    width: 6px;
    height: 6px;
    left: -0.625rem;
  }
}
.section-heading > .ja {
  font-weight: 400;
  color: #999;
  display: block;
  margin-top: 1.25rem;
}
@media (max-width: 768px) {
  .section-heading > .ja {
    line-height: 1.4;
  }
}

.h2-a {
  margin-bottom: 2.5rem;
  position: relative;
}
@media (max-width: 768px) {
  .h2-a {
    margin-bottom: 1.875rem;
  }
}
.h2-a::before {
  content: "";
  background-color: #ffd900;
  position: absolute;
  z-index: 1;
  display: block;
}
.h2-a.pattern1 {
  margin-top: -1.875rem;
}
@media (max-width: 768px) {
  .h2-a.pattern1 {
    margin-top: -1.25rem;
  }
}
.h2-a.pattern1::before {
  width: 19.5rem;
  height: 6.5625rem;
  top: -3.875rem;
  left: -2.9375rem;
}
@media (max-width: 768px) {
  .h2-a.pattern1::before {
    width: 9.75rem;
    height: 3.3125rem;
    top: -2.1875rem;
    left: -2.9375rem;
  }
}
.h2-a.pattern2::before {
  width: 7.375rem;
  height: 8.3125rem;
  top: -3.75rem;
  left: 7.6875rem;
}
@media (max-width: 768px) {
  .h2-a.pattern2::before {
    width: 3.6875rem;
    height: 4.1875rem;
    top: -1.25rem;
    left: 7.6875rem;
  }
}
.h2-a.pattern3 {
  margin-top: -1.875rem;
}
.h2-a.pattern3::before {
  width: 9.6875rem;
  height: 7.3125rem;
  top: -5.625rem;
}
@media (max-width: 768px) {
  .h2-a.pattern3::before {
    width: 4.8125rem;
    height: 3.625rem;
    top: -2.5rem;
  }
}
.h2-a .en {
  font-family: "presicav", sans-serif;
  font-weight: 700;
  font-size: 3.75rem;
  display: block;
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: 0.625rem;
  position: relative;
  z-index: 2;
}
@media (max-width: 768px) {
  .h2-a .en {
    font-size: 2.5rem;
  }
}
.h2-a .ja {
  font-size: 1.125rem;
  display: block;
  line-height: 1;
  margin-top: 1rem;
  z-index: 2;
}
@media (max-width: 768px) {
  .h2-a .ja {
    font-size: 0.875rem;
    line-height: 1.6;
    margin-top: 0rem;
  }
}

.h2-b {
  display: inline-block;
  margin: 2.5rem 0;
  position: relative;
}
@media (max-width: 768px) {
  .h2-b {
    margin: 1.875rem 0 1.5625rem;
  }
}
.h2-b.normal::after {
  display: none;
}
.h2-b.normal .main::before {
  display: none;
}
.h2-b::after {
  content: "";
  background-color: #ffd900;
  position: absolute;
  z-index: 2;
  display: block;
}
.h2-b.pattern1::after {
  width: 6.25rem;
  height: 3.75rem;
  right: -7.5rem;
  bottom: 0.625rem;
}
@media (max-width: 768px) {
  .h2-b.pattern1::after {
    width: 3.75rem;
    height: 2.25rem;
    right: -5rem;
    bottom: 0.3125rem;
  }
}
.h2-b.pattern2::after {
  width: 3.75rem;
  height: 5rem;
  right: -5rem;
  bottom: 0.625rem;
}
@media (max-width: 768px) {
  .h2-b.pattern2::after {
    width: 1.875rem;
    height: 2.5rem;
    right: -3.125rem;
    bottom: 0.625rem;
  }
}
.h2-b.pattern2 .main::before {
  right: -8.75rem;
}
@media (max-width: 768px) {
  .h2-b.pattern2 .main::before {
    right: -5rem;
  }
}
.h2-b .sub {
  width: 100%;
  font-size: 1.5rem;
  border-bottom: 3px solid #000;
  display: inline-block;
  padding-bottom: 0.375rem;
  margin-bottom: 1rem;
}
.h2-b .sub.large {
  font-size: 2rem;
}
.h2-b .sub.logo-minnade {
  padding-bottom: 1.25rem;
  text-align: center;
}
.h2-b .sub.logo-minnade img {
  max-width: 18.75rem;
  height: auto;
}
@media (max-width: 768px) {
  .h2-b .sub {
    font-size: 1rem;
  }
}
.h2-b .main {
  font-size: 2rem;
  display: block;
  line-height: 1.4;
  position: relative;
  z-index: 2;
}
.h2-b .main.-middle {
  font-size: 1.75rem;
  line-height: 1.6;
}
@media (max-width: 768px) {
  .h2-b .main.-middle {
    font-size: 1.3125rem;
    line-height: 1.4;
  }
}
@media (max-width: 768px) {
  .h2-b .main {
    font-size: 1.3125rem;
  }
}
.h2-b .main::before {
  content: "";
  background: #cecece;
  width: 100vw;
  height: 2.5rem;
  display: block;
  position: absolute;
  right: -5rem;
  bottom: -0.625rem;
  z-index: -1;
}
@media (max-width: 768px) {
  .h2-b .main::before {
    height: 1.25rem;
    right: -3.75rem;
    bottom: -0.3125rem;
  }
}

.section-heading-lv3 {
  font-size: 1.625rem;
  font-weight: 400;
  padding-top: 2.5rem;
  margin: 3.75rem 0 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 768px) {
  .section-heading-lv3 {
    font-size: 1.3125rem;
    border-bottom: 1px solid #d9d9d9;
    padding: 0 0 0.9375rem;
    margin: 2.5rem 0 1.5625rem;
  }
}
.section-heading-lv3 > i {
  font-style: normal;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 768px) {
  .section-heading-lv3 > i {
    -ms-flex-negative: unset;
        flex-shrink: unset;
  }
}
.section-heading-lv3::after {
  content: "";
  width: 100%;
  height: 1px;
  background: #d9d9d9;
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  margin-left: 1.875rem;
}
@media (max-width: 768px) {
  .section-heading-lv3::after {
    display: none;
  }
}
.section-heading-lv3._first {
  padding-top: 0;
}

.h3-a {
  width: 100%;
  max-width: 37.5rem;
  font-size: 1.375rem;
  border-top: 3px solid #000;
  border-bottom: 3px solid #000;
  padding: 0.625rem;
  margin: 0 auto 1.875rem;
  text-align: center;
}
@media (max-width: 768px) {
  .h3-a {
    max-width: 100%;
    font-size: 1.25rem;
  }
}
.h3-a.-full {
  width: 100%;
  max-width: 100%;
}
.h3-a.-topM {
  margin: 3.75rem auto 2.5rem;
}
@media (max-width: 768px) {
  .h3-a.-topM {
    margin: 2.5rem auto 2.5rem;
  }
}

.h3-b, #cookie #cookiefirst-policy-page h2 {
  font-size: 1.625rem;
  margin: 3.75rem 0 2.5rem;
}
@media (max-width: 768px) {
  .h3-b, #cookie #cookiefirst-policy-page h2 {
    font-size: 1.3125rem;
    margin: 1.875rem 0 1.875rem;
  }
}
.h3-b span, #cookie #cookiefirst-policy-page h2 span {
  border-bottom: 3px solid #000;
  display: inline-block;
}
@media (max-width: 768px) {
  .h3-b span, #cookie #cookiefirst-policy-page h2 span {
    display: inline;
    padding-bottom: 0.125rem;
  }
}

.h3-c {
  font-size: 1.3125rem;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 0.75rem;
  margin: 3.75rem 0 1.875rem;
  background: #fafafa;
  text-align: center;
}
@media (max-width: 768px) {
  .h3-c {
    font-size: 1rem;
    margin: 1.25rem 0;
  }
}

.section-heading-lv4 {
  font-size: 1.3125rem;
  font-weight: 400;
  line-height: 1.6;
  padding-top: 2.5rem;
  margin: 1.25rem 0 1.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
@media (max-width: 768px) {
  .section-heading-lv4 {
    font-size: 1.25rem;
    padding-top: 0;
    margin: 2.5rem 0 1.25rem;
    line-height: 1.5;
  }
}
.section-heading-lv4::before {
  content: "";
  width: 0.25rem;
  height: 1em;
  background: #000;
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 1.25rem;
}

.h4-a, #cookie #cookiefirst-policy-page h3 {
  font-size: 1.25rem;
  padding: 0 1.25rem 0.375rem;
  margin: 2.5rem 0 1.875rem;
  border-left: 4px solid #ffd900;
  border-bottom: 2px solid #e2e3e3;
  line-height: 1.6;
}
@media (max-width: 768px) {
  .h4-a, #cookie #cookiefirst-policy-page h3 {
    font-size: 1.125rem;
    margin: 1.875rem 0 1.25rem;
  }
}

.h5-a {
  margin-bottom: 0.625rem;
}

.h5-b {
  font-size: 1.125rem;
  margin: 1.875rem 0 1.25rem;
  background: #f5f5f5;
  padding: 0.625rem 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.h5-b::before {
  content: "";
  width: 0.625rem;
  height: 0.625rem;
  background: #ffd900;
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 0.625rem;
}

/**************************************************
    button
***************************************************/
.button-a, #cookie #cookiefirst-policy-page p button, .button-c, .button-e, .button-b {
  font-size: 0.875rem;
  font-weight: bold;
  background: #390000;
  border: 1px solid #390000;
  color: #fff;
  text-decoration: none;
  padding: 0.25rem 2.5rem;
  border-radius: 100px;
  display: inline-block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.button-a:hover, #cookie #cookiefirst-policy-page p button:hover, .button-c:hover, .button-e:hover, .button-b:hover {
  background: none;
  color: #390000;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.button-a.-outline, #cookie #cookiefirst-policy-page p button.-outline, .-outline.button-c, .-outline.button-e, .-outline.button-b {
  background: none;
  border: 1px solid #390000;
  color: #390000;
}
.button-a.-outline:hover, #cookie #cookiefirst-policy-page p button.-outline:hover, .-outline.button-c:hover, .-outline.button-e:hover, .-outline.button-b:hover {
  background: #390000;
  color: #fff;
}
.button-a.-compact, #cookie #cookiefirst-policy-page p button.-compact, .-compact.button-c, .-compact.button-e, .-compact.button-b {
  width: 100%;
  font-size: 0.75rem;
  padding: 0.25rem 0.625rem;
  text-align: center;
  margin: 0.625rem 0;
}
@media (max-width: 768px) {
  .button-a.-compact, #cookie #cookiefirst-policy-page p button.-compact, .-compact.button-c, .-compact.button-e, .-compact.button-b {
    width: auto;
  }
}

.button-more {
  text-align: center;
  margin: 2.5rem auto 0;
}
@media (max-width: 768px) {
  .button-more {
    margin: 1.875rem auto 0;
  }
}
.button-more > a {
  font-size: 0.9375rem;
  display: block;
  width: 100%;
  max-width: 400px;
  padding: 0.625rem 2.5rem;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .button-more > a {
    font-size: 0.8125rem;
  }
}
.button-more > a.-fit {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.button-contact {
  text-align: center;
  margin: 1.25rem auto 0;
}
.button-contact > a {
  font-size: 1.125rem;
  font-weight: 400;
  display: block;
  width: 100%;
  padding: 1.25rem 2.5rem;
  margin: 0 auto;
  border: 1px solid #000;
}
@media (max-width: 768px) {
  .button-contact > a {
    font-size: 1rem;
    padding: 1.25rem;
  }
}

.button-b {
  font-size: 1rem;
  background: #ffd900;
  border: 1px solid #ffd900;
  color: #000;
}
.button-b:hover {
  background: #000;
  border: 1px solid #000;
  color: #fff;
}

.button-c, .button-e {
  background: #ffd900;
  color: #000;
  border-radius: 10px;
  width: 100%;
  max-width: 100%;
  border: 2px solid #000;
  font-size: 1.25rem;
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: middle;
}
.button-c::before, .button-e::before {
  content: "";
  background: url(../images/icon/icon_mail_black.svg) no-repeat;
  background-size: 1.375rem 1rem;
  width: 1.375rem;
  height: 1rem;
  display: inline-block;
  margin: 0 0.625rem 0 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.button-c:hover, .button-e:hover {
  background: #000;
  color: #ffd900;
}
.button-c:hover::before, .button-e:hover::before {
  background: url(../images/icon/icon_mail.svg) no-repeat;
  background-size: 1.375rem 1rem;
}

.button-d {
  padding: 0.9375rem 1.875rem;
  margin: 3.75rem auto 0;
  display: inline-block;
  border: 1px solid #000;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1;
  border-radius: 100px;
  text-decoration: none;
}
@media (max-width: 768px) {
  .button-d {
    margin: 1.875rem auto 0;
    font-size: 0.875rem;
    display: block;
    text-align: center;
  }
}
.button-d::before {
  content: "";
  background: url(../images/icon/icon_arrow-c.svg) no-repeat;
  background-size: 1rem 1rem;
  width: 1rem;
  height: 1rem;
  display: inline-block;
  vertical-align: middle;
  margin: -0.125rem 0.75rem 0 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.button-d:hover {
  background: #000;
  color: #fff;
}
.button-d:hover::before {
  background: url(../images/icon/icon_arrow-c_yellow.svg) no-repeat;
  background-size: 1rem 1rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.button-d.-full {
  display: block;
}

.button-e {
  border-radius: 100px;
  border: 1px solid #000;
  font-size: 1.125rem;
  font-weight: 500;
  padding: 0.9375rem 3.75rem;
}
.button-e::before {
  margin: 0.25rem 0.625rem 0 0;
}

.btn-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 3.75rem -1.25rem 0;
}
@media (max-width: 768px) {
  .btn-list {
    display: block;
    margin: 1.875rem -1.25rem 0;
  }
}
.btn-list > li {
  width: 50%;
  text-align: center;
  padding: 0 1.25rem;
}
@media (max-width: 768px) {
  .btn-list > li {
    width: 100%;
    margin-top: 1.25rem;
  }
}
.btn-list > li a {
  max-width: 100%;
  font-size: 1.125rem;
  padding: 0.625rem 2.5rem;
  display: block;
}
@media (max-width: 768px) {
  .btn-list > li a {
    font-size: 1rem;
  }
}

.contact-area {
  background: #ececec;
  text-align: center;
  border-radius: 10px;
}
.contact-area > .inner {
  padding: 2.8125rem 3.75rem 3.75rem !important;
}
@media (max-width: 768px) {
  .contact-area > .inner {
    padding: 1.5625rem 1.875rem 1.875rem !important;
  }
}
.contact-area > .inner > .title {
  font-size: 1.625rem;
  font-weight: 500;
  border-bottom: 1px solid #000;
  padding-bottom: 0.875rem;
  margin-bottom: 1.25rem;
}
@media (max-width: 768px) {
  .contact-area > .inner > .title {
    font-size: 1.5rem;
    line-height: 1.4;
  }
}
.contact-area > .inner > .title.-middle {
  font-size: 1.5rem;
}
@media (max-width: 768px) {
  .contact-area > .inner > .title.-middle {
    font-size: 1.5rem;
  }
}
.contact-area > .inner > .lead {
  font-size: 1.125rem;
  font-weight: 400;
  margin-bottom: 1.5625rem;
}
@media (max-width: 768px) {
  .contact-area > .inner > .lead {
    font-size: 1rem;
    margin-bottom: 0.9375rem;
  }
}
.contact-area.-top {
  margin: 3.75rem 0 -3.75rem;
}
.contact-area.-top > .inner {
  padding: 3.125rem 2.5rem 3.75rem;
}

.course-application {
  padding: 1.25rem;
  background: #f8f8f8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 10px;
}
@media (max-width: 768px) {
  .course-application {
    padding: 0.625rem 1.25rem;
    display: block;
  }
}
.course-application > p {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  margin: 0 0.625rem;
}
@media (max-width: 768px) {
  .course-application > p {
    margin: 1.25rem 0;
  }
}
.course-application > p > a {
  max-width: 100%;
  display: block;
  text-align: center;
}
.course-application > p .button-d {
  padding: 0.75rem 0.625rem;
}
.course-application > p .button-e {
  font-size: 1.0625rem;
  padding: 0.9375rem 1.25rem 1rem;
}
.course-application > p .button-e::before {
  margin: 0 0.5rem -0.125rem 0;
}

/**************************************************
	list
***************************************************/
.news-list > .item, .news-list-b > .item {
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
  margin-top: -2px;
}
.news-list > .item > a, .news-list-b > .item > a, .news-list > .item > div, .news-list-b > .item > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  padding: 1.25rem;
  font-weight: bold;
}
@media (max-width: 768px) {
  .news-list > .item > a, .news-list-b > .item > a, .news-list > .item > div, .news-list-b > .item > div {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 1.25rem 0;
  }
}
.news-list > .item > a .date, .news-list-b > .item > a .date, .news-list > .item > div .date, .news-list-b > .item > div .date {
  width: 8.75rem;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  border-right: 1px solid #000;
  margin-right: 1.875rem;
}
@media (max-width: 768px) {
  .news-list > .item > a .date, .news-list-b > .item > a .date, .news-list > .item > div .date, .news-list-b > .item > div .date {
    font-size: 0.75rem;
    width: auto;
    border-right: none;
    margin: 0 0.625rem 0.625rem 0;
  }
}
.news-list > .item > a .category, .news-list-b > .item > a .category, .news-list > .item > div .category, .news-list-b > .item > div .category {
  width: 6.875rem;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  border-right: 1px solid #000;
  padding-right: 1.875rem;
  margin-right: 1.875rem;
  text-align: center;
}
@media (max-width: 768px) {
  .news-list > .item > a .category, .news-list-b > .item > a .category, .news-list > .item > div .category, .news-list-b > .item > div .category {
    width: auto;
    border-right: none;
    padding-right: 0;
    margin: 0 0 0.625rem 0;
  }
}
.news-list > .item > a .category i, .news-list-b > .item > a .category i, .news-list > .item > div .category i, .news-list-b > .item > div .category i {
  font-style: normal;
  font-size: 0.75rem;
  background: #ffd900;
  color: #000;
  border-radius: 100px;
  display: block;
  text-align: center;
  padding: 0.25rem 0.625rem;
}
@media (max-width: 768px) {
  .news-list > .item > a .category i, .news-list-b > .item > a .category i, .news-list > .item > div .category i, .news-list-b > .item > div .category i {
    font-size: 0.625rem;
  }
}
@media (max-width: 768px) {
  .news-list > .item > a .title, .news-list-b > .item > a .title, .news-list > .item > div .title, .news-list-b > .item > div .title {
    font-size: 0.875rem;
  }
}
.news-list > .item > a:hover, .news-list-b > .item > a:hover {
  background: #ffd900;
  color: #000;
}
.news-list > .item > a:hover .category i, .news-list-b > .item > a:hover .category i {
  background: #000;
  color: #fff;
}

.news-list-b {
  margin-bottom: 1.25rem;
}
.news-list-b > .item {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  margin-top: -1px;
}
.news-list-b > .item > a, .news-list-b > .item > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  padding: 1.25rem;
}
@media (max-width: 768px) {
  .news-list-b > .item > a, .news-list-b > .item > div {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 1.25rem 0;
  }
}
.news-list-b > .item > a .date, .news-list-b > .item > div .date {
  width: auto;
  border-right: none;
  margin-right: 1.25rem;
  font-size: 0.875rem;
}
@media (max-width: 768px) {
  .news-list-b > .item > a .date, .news-list-b > .item > div .date {
    font-size: 0.75rem;
    border-right: none;
    margin: 0 0.625rem 0.625rem 0;
  }
}
.news-list-b > .item > a .category, .news-list-b > .item > div .category {
  display: none;
}
.news-list-b > .item > a .title, .news-list-b > .item > div .title {
  font-size: 0.875rem;
}
@media (max-width: 768px) {
  .news-list-b > .item > a .title, .news-list-b > .item > div .title {
    font-size: 0.875rem;
  }
}

.counter-list {
  counter-reset: count 0;
  margin-bottom: 1.25rem;
}
.counter-list.-start1 {
  counter-reset: count 1;
}
.counter-list.-start2 {
  counter-reset: count 2;
}
.counter-list.-start3 {
  counter-reset: count 3;
}
.counter-list.-start4 {
  counter-reset: count 4;
}
.counter-list.-start5 {
  counter-reset: count 5;
}
.counter-list.-start6 {
  counter-reset: count 6;
}
.counter-list.-start7 {
  counter-reset: count 7;
}
.counter-list.-start8 {
  counter-reset: count 8;
}
.counter-list.-start9 {
  counter-reset: count 9;
}
.counter-list > li {
  text-indent: -1.1em;
  padding-left: 1.1em;
  margin-bottom: 0.625rem;
}
.counter-list > li > ul, .counter-list > li > ol {
  margin-left: 1.5em;
}
@media (max-width: 768px) {
  .counter-list > li > ul, .counter-list > li > ol {
    margin-left: 1.5em;
  }
}
.counter-list > li > ul > li, .counter-list > li > ol > li {
  text-indent: 0;
  padding-left: 0;
  margin-left: 0;
}
.counter-list > li::before {
  content: counter(count) ". ";
  counter-increment: count 1;
}

.count-list > li {
  counter-increment: number;
  margin-bottom: 0.625rem;
}
.count-list > li > a {
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1rem;
  font-weight: bold;
}
.count-list > li > a:hover {
  text-decoration: underline;
}
@media (max-width: 768px) {
  .count-list > li > a {
    font-size: 0.875rem;
  }
}
.count-list > li > a::before {
  content: counter(number);
  width: 1.875rem;
  height: 1.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #000;
  background: #ffd900;
  font-size: 0.875rem;
  font-weight: bold;
  border-radius: 100%;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-right: 0.625rem;
}
@media (max-width: 768px) {
  .count-list > li > a::before {
    width: 1.5625rem;
    height: 1.5625rem;
    font-size: 0.75rem;
  }
}
.count-list > li > .plain {
  width: 100%;
  padding-left: 2.8125rem;
}
.count-list > li > .plain a {
  font-size: 0.9375rem;
  text-decoration: none;
}
@media (max-width: 768px) {
  .count-list > li > .plain a {
    font-size: 0.8125rem;
  }
}
.count-list > li > .plain a:hover {
  text-decoration: underline;
}
.count-list > li:last-child {
  margin-bottom: 0;
}

.voice-list {
  position: relative;
}
.voice-list.-illust1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-right: 11.25rem;
  min-height: 9.375rem;
}
@media (max-width: 768px) {
  .voice-list.-illust1 {
    display: block;
    padding-right: 0;
    min-height: inherit;
  }
}
.voice-list.-illust1::after {
  content: "";
  background: url(../images/illust/illust1.png) no-repeat;
  background-size: 9.375rem 9.375rem;
  width: 9.375rem;
  height: 9.375rem;
  position: absolute;
  top: 0;
  right: 0;
}
@media (max-width: 768px) {
  .voice-list.-illust1::after {
    background-size: 9.375rem 9.375rem;
    width: 9.375rem;
    height: 9.375rem;
    position: relative;
    display: block;
    margin: 1.5625rem auto 0;
  }
}
.voice-list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.4;
  margin-bottom: 0.625rem;
}
.voice-list > li:last-child {
  margin-bottom: 0;
}
.voice-list > li::before {
  content: "";
  background: url(../images/icon/icon_fukidashi.svg) no-repeat;
  background-size: 1.25rem 1rem;
  width: 1.25rem;
  height: 1rem;
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-right: 0.625rem;
  vertical-align: middle;
}

.indent-list > li {
  font-size: 0.875rem;
  text-indent: -1em;
  padding-left: 1em;
}
.indent-list > li > .plain > li {
  text-indent: 0;
  padding-left: 0;
  line-height: 1.6;
}

.indent-list-a > li {
  font-size: 0.875rem;
  text-indent: -1em;
  padding-left: 1em;
  color: #999;
}
.indent-list-a > li > a {
  color: #999;
}

.indent-list-b > li {
  font-size: 0.875rem;
  text-indent: -2.5em;
  padding-left: 2.5em;
  color: #999;
}
.indent-list-b > li > a {
  color: #999;
}

.step-list .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  .step-list .item {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 25px;
  }
}
.step-list .item .status {
  width: 80px;
  text-align: center;
  overflow: hidden;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
@media (max-width: 768px) {
  .step-list .item .status {
    width: 40px;
  }
}
.step-list .item .status .label, .step-list .item .status .number {
  color: #3a566f;
  text-transform: uppercase;
  display: block;
  font-weight: bold;
}
.step-list .item .status .label {
  font-size: 0.875rem;
  letter-spacing: 0.15em;
}
@media (max-width: 768px) {
  .step-list .item .status .label {
    font-size: 0.625rem;
  }
}
.step-list .item .status .label.word-l {
  letter-spacing: 0;
}
.step-list .item .status .number {
  font-size: 2.5rem;
  line-height: 1;
}
@media (max-width: 768px) {
  .step-list .item .status .number {
    font-size: 1.875rem;
  }
}
.step-list .item .status::after {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background: #3a566f;
  margin: 30px auto 0;
}
.step-list .item .text {
  width: 100%;
  padding: 10px 40px 40px;
}
@media (max-width: 768px) {
  .step-list .item .text {
    width: calc(100% - 40px);
    padding: 0 0 0 20px;
  }
}
.step-list .item .text .title {
  font-size: 1.25rem;
  margin-bottom: 10px;
}
@media (max-width: 768px) {
  .step-list .item .text .title {
    font-size: 1rem;
  }
}
.step-list .item .text .lead p {
  line-height: 2;
}
@media (max-width: 768px) {
  .step-list .item .text .lead p {
    font-size: 0.875rem;
  }
}
.step-list .item .text .lead p:last-child {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .step-list .item .photo {
    width: 100%;
    margin-top: 20px;
  }
}
.step-list .item .photo img {
  max-width: 300px;
  height: auto;
}
@media (max-width: 768px) {
  .step-list .item .photo img {
    width: 100%;
    max-width: 100%;
  }
}
.step-list .item .photo.-two img {
  max-width: 600px;
  height: auto;
}
@media (max-width: 768px) {
  .step-list .item .photo.-two img {
    width: 100%;
    max-width: 100%;
  }
}
.step-list .item:last-child {
  margin-bottom: 0;
}
.step-list .item:last-child .text {
  padding-bottom: 0;
}
.step-list.-point .item .status {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.step-list.-point .item .status .label {
  letter-spacing: 0;
}
.step-list.-point .item .text {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  padding: 10px 0 40px 40px;
}
@media (max-width: 768px) {
  .step-list.-point .item .text {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    padding: 0 0 0 20px;
  }
}
.step-list.-point .item .photo {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  margin-left: 20px;
}
@media (max-width: 768px) {
  .step-list.-point .item .photo {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    margin-left: 0;
  }
}

.fukidashi-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 -0.625rem 1.25rem;
}
@media (max-width: 768px) {
  .fukidashi-list {
    margin: 0 -0.625rem 0.625rem;
  }
}
.fukidashi-list .item {
  width: 33.33%;
  padding: 0 0.3125rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-decoration: none;
}
@media (max-width: 768px) {
  .fukidashi-list .item {
    width: 50%;
    margin-bottom: 1.25rem;
  }
}
.fukidashi-list .item::before {
  content: "";
  background: url(../images/icon/icon_clip.svg) no-repeat;
  width: 1.25rem;
  height: 1.375rem;
  display: block;
  margin: 0 auto;
  position: absolute;
  top: 0.3125rem;
  left: 0.9375rem;
  z-index: 2;
}
.fukidashi-list .item .body {
  background: #ffd900;
  padding: 0.25rem;
  font-size: 0.875rem;
  position: relative;
  margin-bottom: 1.25rem;
  height: 100%;
}
@media (max-width: 768px) {
  .fukidashi-list .item .body {
    padding: 0.3125rem;
    font-size: 0.75rem;
    margin-bottom: 1.25rem;
  }
}
.fukidashi-list .item .body .inner {
  background: #fff;
  padding: 1.25rem;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  font-weight: bold;
  color: #000;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.fukidashi-list .item .body .inner span {
  font-size: 1.125rem;
  display: block;
  line-height: 1.6;
}
@media (max-width: 768px) {
  .fukidashi-list .item .body .inner span {
    font-size: 0.875rem;
  }
}
@media (max-width: 768px) {
  .fukidashi-list .item .body .inner {
    padding: 0.9375rem;
    text-align: left;
  }
  .fukidashi-list .item .body .inner br {
    display: none;
  }
}
.fukidashi-list .item .body .inner strong {
  color: #0E0D6A;
}
.fukidashi-list .item .body::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #ffd900 transparent transparent transparent;
  position: absolute;
  left: calc(50% - 10px);
  bottom: -0.625rem;
}
.fukidashi-list .item .author .image {
  width: 4.375rem;
  height: 4.375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50%;
  margin: 0 auto;
  background: #ffd900;
}
.fukidashi-list .item .author .image::before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 2rem;
  height: 2.5rem;
}
.fukidashi-list .item .author .image.-man1::before {
  background: url(../images/icon/icon_man1.svg) no-repeat;
}
.fukidashi-list .item .author .image.-man2::before {
  background: url(../images/icon/icon_man2.svg) no-repeat;
}
.fukidashi-list .item .author .image.-man3::before {
  background: url(../images/icon/icon_man3.svg) no-repeat;
}
.fukidashi-list .item .author .image.-man4::before {
  background: url(../images/icon/icon_man4.svg) no-repeat;
}
.fukidashi-list .item .author .image.-woman1::before {
  background: url(../images/icon/icon_woman1.svg) no-repeat;
}
.fukidashi-list .item .author .image.-woman2::before {
  background: url(../images/icon/icon_woman2.svg) no-repeat;
}
.fukidashi-list .item .author .image.-woman3::before {
  background: url(../images/icon/icon_woman3.svg) no-repeat;
}
.fukidashi-list.-black > .item > .body {
  background: #666;
}
.fukidashi-list.-black > .item > .body > .inner span {
  color: #666;
}
.fukidashi-list.-black > .item > .body::after {
  border-color: #666 transparent transparent transparent;
}
.fukidashi-list.-black > .item > .author > .image {
  background: #666;
  position: relative;
}
.fukidashi-list.-black > .item > .author > .image::after {
  content: "";
  background: url(../images/icon/icon_trouble.svg) no-repeat;
  background-size: 1.25rem 1.375rem;
  display: block;
  margin: 0 auto;
  width: 1.25rem;
  height: 1.375rem;
  position: absolute;
  top: 0;
  right: -1.375rem;
}
.fukidashi-list.-black > .item > .author > .image.-man1::before {
  background: url(../images/icon/icon_man1-white.svg) no-repeat;
}
.fukidashi-list.-black > .item > .author > .image.-man2::before {
  background: url(../images/icon/icon_man2-white.svg) no-repeat;
}
.fukidashi-list.-black > .item > .author > .image.-man3::before {
  background: url(../images/icon/icon_man3-white.svg) no-repeat;
}
.fukidashi-list.-black > .item > .author > .image.-man4::before {
  background: url(../images/icon/icon_man4-white.svg) no-repeat;
}
.fukidashi-list.-black > .item > .author > .image.-woman1::before {
  background: url(../images/icon/icon_woman1-white.svg) no-repeat;
}
.fukidashi-list.-black > .item > .author > .image.-woman2::before {
  background: url(../images/icon/icon_woman2-white.svg) no-repeat;
}
.fukidashi-list.-black > .item > .author > .image.-woman3::before {
  background: url(../images/icon/icon_woman3-white.svg) no-repeat;
}

.point-list > .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.5rem;
}
.point-list > .item::before {
  content: "";
  background: url(../images/icon/icon_idea.png) no-repeat;
  background-size: 0.8125rem 1.1875rem;
  width: 0.8125rem;
  height: 1.1875rem;
  display: block;
  margin: 0.0625rem 0.5rem 0 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.point-list > .item:last-child {
  margin-bottom: 0;
}

.course-lineup {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 60px 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
}
@media (max-width: 768px) {
  .course-lineup {
    display: block;
  }
}
@media (max-width: 768px) {
  .course-lineup > .panel {
    margin-bottom: 2.5rem;
  }
}
.course-lineup > .panel > .item {
  margin-bottom: 3.75rem;
}
@media (max-width: 768px) {
  .course-lineup > .panel > .item {
    margin-bottom: 2.5rem;
  }
}
.course-lineup > .panel > .item > .title {
  font-size: 1.125rem;
  font-weight: 400;
  border-bottom: 1px solid #3b3b39;
  padding-bottom: 1.25rem;
  margin-bottom: 1.25rem;
  position: relative;
}
.course-lineup > .panel > .item > .title::after {
  content: "";
  width: 2.5rem;
  height: 1px;
  background: #ffd900;
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
}
.course-lineup > .panel > .item > .course-list > .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.625rem;
}
.course-lineup > .panel > .item > .course-list > .item > .label {
  font-size: 0.75rem;
  font-weight: 200;
  color: #fff;
  text-align: center;
  width: 9.375rem;
  padding: 0.3125rem 0.625rem 0.375rem;
  margin-right: 1.25rem;
  border-radius: 6px;
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.course-lineup > .panel > .item > .course-list > .item > .label.-lecture {
  background: #08415c;
}
.course-lineup > .panel > .item > .course-list > .item > .label.-workshop {
  background: #2ca58d;
}
.course-lineup > .panel > .item > .course-list > .item > .label.-lecture-workshop {
  background: #5c0859;
}
.course-lineup > .panel > .item > .course-list > .item > .label.-public {
  background: #a5572c;
}
.course-lineup > .panel > .item > .course-list > .item > .label.-live {
  background: #ff9600;
}
.course-lineup > .panel > .item > .course-list > .item > .label.-anime {
  background: #e57373;
}
.course-lineup > .panel > .item > .course-list > .item > .label.-ai-voice {
  background: #cccc00;
}
@media (max-width: 768px) {
  .course-lineup > .panel > .item > .course-list > .item > .label {
    font-size: 0.625rem;
    width: 7.5rem;
    padding: 0.3125rem;
    margin-right: 0.625rem;
  }
}
.course-lineup > .panel > .item > .course-list > .item > .title {
  font-size: 0.875rem;
  font-weight: 200;
  line-height: 1.4;
  text-decoration: none;
}
@media (max-width: 768px) {
  .course-lineup > .panel > .item > .course-list > .item > .title {
    font-size: 0.75rem;
  }
}
.course-lineup > .panel > .item > .course-list > .item > .title:hover {
  text-decoration: underline;
  color: #000;
}
.course-lineup > .panel > .item > .course-list > .item:last-child {
  margin-bottom: 0;
}
.course-lineup > .panel > .item:last-child {
  margin-bottom: 0;
}

.flow-list-a {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 3.75rem 0 2.5rem;
}
@media (max-width: 768px) {
  .flow-list-a {
    display: block;
    margin: 2.5rem 0 1.875rem;
  }
}
.flow-list-a > .item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 768px) {
  .flow-list-a > .item {
    display: block;
    margin-bottom: 1.25rem;
  }
}
.flow-list-a > .item .inner {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  background: #ffd900;
  color: #000;
  border-radius: 10px;
  padding: 1.5625rem 0.9375rem 1.25rem;
  text-align: center;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.4;
}
@media (max-width: 768px) {
  .flow-list-a > .item .inner {
    padding: 1.25rem;
    text-align: center;
    font-size: 1rem;
  }
}
.flow-list-a > .item .num {
  display: block;
  border-radius: 100%;
  width: 1.875rem;
  height: 1.875rem;
  margin: 0 auto;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #ffd900;
  font-weight: bold;
  border: 2px solid #ffd900;
  font-size: 0.875rem;
  position: absolute;
  top: -0.9375rem;
  right: 0;
  left: 0;
  bottom: inherit;
}
.flow-list-a .flow-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0.625rem;
}
@media (max-width: 768px) {
  .flow-list-a .flow-icon {
    text-align: center;
    margin: 0 auto 1.875rem;
  }
}
.flow-list-a .flow-icon .in {
  display: none;
  display: block;
  margin: 0;
  line-height: 1;
}
@media (max-width: 768px) {
  .flow-list-a .flow-icon .in {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}

/**************************************************
    Table
***************************************************/
.table-a {
  width: 100%;
  margin: 0 auto 1.875rem;
}
@media (max-width: 768px) {
  .table-a {
    width: 100%;
    max-width: 100%;
    font-size: 0.75rem;
    margin: 0 auto 1.25rem;
  }
}
.table-a th, .table-a td {
  padding: 0.875rem 1.25rem;
  text-align: left;
  vertical-align: middle;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}
.table-a th {
  font-weight: bold;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .table-a th br {
    display: none !important;
  }
}
.table-a td {
  background: #fff;
}

.table-b, #cookie #cookiefirst-policy-page table {
  width: 100%;
  margin: 0 auto 1.875rem;
  font-size: 0.9375rem;
}
@media (max-width: 768px) {
  .table-b, #cookie #cookiefirst-policy-page table {
    width: 100%;
    max-width: 100%;
    font-size: 0.75rem;
    margin: 0 auto 1.25rem;
  }
}
.table-b th, #cookie #cookiefirst-policy-page table th, .table-b td, #cookie #cookiefirst-policy-page table td {
  padding: 0.875rem 1.25rem;
  text-align: left;
  vertical-align: middle;
  border: 5px solid #e2e3e3;
}
@media (max-width: 768px) {
  .table-b th, #cookie #cookiefirst-policy-page table th, .table-b td, #cookie #cookiefirst-policy-page table td {
    padding: 0.625rem 0.875rem;
    border: 2px solid #e2e3e3;
  }
  .table-b th br, #cookie #cookiefirst-policy-page table th br, .table-b td br, #cookie #cookiefirst-policy-page table td br {
    display: none !important;
  }
}
.table-b th, #cookie #cookiefirst-policy-page table th {
  font-weight: bold;
  white-space: nowrap;
  text-align: center;
  background: #989898;
  color: #fff;
}
.table-b th:first-child, #cookie #cookiefirst-policy-page table th:first-child {
  width: 18.75rem;
}
.table-b td, #cookie #cookiefirst-policy-page table td {
  background: #dbdbdb;
}
.table-b td a:hover, #cookie #cookiefirst-policy-page table td a:hover {
  color: #000;
  text-decoration: none;
}
.table-b.-compact, #cookie #cookiefirst-policy-page table.-compact {
  font-size: 0.8125rem;
}
@media (max-width: 768px) {
  .table-b.-compact, #cookie #cookiefirst-policy-page table.-compact {
    font-size: 0.75rem;
  }
}
.table-b.-compact th, #cookie #cookiefirst-policy-page table.-compact th, .table-b.-compact td, #cookie #cookiefirst-policy-page table.-compact td {
  width: auto;
  padding: 0.375rem 0.875rem;
  border: 2.5px solid #e2e3e3;
}
@media (max-width: 768px) {
  .table-b.-compact th, #cookie #cookiefirst-policy-page table.-compact th, .table-b.-compact td, #cookie #cookiefirst-policy-page table.-compact td {
    padding: 0.375rem 0.625rem;
  }
}

.table-c {
  width: 100%;
  background: #fff;
  -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}
.table-c > thead > tr th {
  background: #ffd900;
  color: #000;
  text-align: center;
  font-size: 1.125rem;
  font-weight: 500;
  padding: 0.875rem 1.25rem;
  border-radius: 10px 10px 0 0;
}
@media (max-width: 768px) {
  .table-c > thead > tr th {
    font-size: 1rem;
  }
}
.table-c > tbody > tr > th {
  width: 33.3333%;
  background: #989898;
  color: #fff;
  text-align: center;
  font-size: 1rem;
  font-weight: 500;
  padding: 0.875rem 1.25rem;
}
@media (max-width: 768px) {
  .table-c > tbody > tr > th {
    font-size: 0.875rem;
  }
}
.table-c > tbody > tr > th.target {
  background: #ffd900;
  color: #000;
}
.table-c > tbody > tr > td {
  width: 33.3333%;
  font-size: 0.875rem;
  font-weight: 400;
  padding: 1.125rem 1.875rem;
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e6e6e6;
  text-align: center;
}
@media (max-width: 768px) {
  .table-c > tbody > tr > td {
    font-size: 0.875rem;
    padding: 0.75rem 1.25rem;
  }
}
.table-c > tbody > tr > td.target {
  color: #ffd900;
}
.table-c > tbody > tr > td:last-child {
  border-right: none;
}
.table-c > tbody > tr:first-child > th {
  border-right: 1px solid #8c8c8c;
}
.table-c > tbody > tr:first-child > th.target {
  border-right: 1px solid #e6c404;
}
.table-c > tbody > tr:first-child > th:first-child {
  border-radius: 10px 0 0 0;
}
.table-c > tbody > tr:first-child > th:last-child {
  border-right: none;
  border-radius: 0 10px 0 0;
}
.table-c > tbody > tr:last-child > td {
  border-bottom: none;
}

.flow-table {
  width: 100%;
}
@media (max-width: 768px) {
  .flow-table tbody tr th, .flow-table tbody tr td {
    font-size: 0.8125rem;
    display: block;
  }
}
.flow-table tbody tr th {
  text-align: right;
  padding: 0.625rem 1.5625rem 0.625rem 0;
  vertical-align: top;
}
@media (max-width: 768px) {
  .flow-table tbody tr th {
    text-align: left;
    padding: 0.625rem 0.625rem 0 0;
  }
}
.flow-table tbody tr td {
  border-left: 3px solid #ffc000;
  padding: 0.625rem 0 0.625rem 1.5625rem;
}
@media (max-width: 768px) {
  .flow-table tbody tr td {
    border-left: none;
    padding: 0.625rem 0 0.625rem 0;
  }
}
.flow-table tbody tr td ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.flow-table tbody tr td ul li::before {
  content: "";
  border-radius: 100%;
  background: #ffc000;
  width: 10px;
  height: 10px;
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 0.375rem;
}
@media (max-width: 768px) {
  .flow-table tbody tr td ul li::before {
    width: 6px;
    height: 6px;
    margin-right: 0.25rem;
  }
}
@media (min-width: 769px) {
  .flow-table tbody tr:first-child th, .flow-table tbody tr:first-child td {
    padding-top: 0;
  }
}
@media (min-width: 769px) {
  .flow-table tbody tr:last-child th, .flow-table tbody tr:last-child td {
    padding-bottom: 0;
  }
}

@media (max-width: 768px) {
  .table-scroll {
    width: 100%;
    overflow-x: auto !important;
    white-space: nowrap;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
    position: relative;
  }
  .table-scroll .scroll-hint-icon {
    top: calc(50% - 45px);
    left: calc(50% - 90px);
    width: 180px;
    height: 90px;
  }
  .table-scroll .table-b th, .table-scroll #cookie #cookiefirst-policy-page table th, #cookie #cookiefirst-policy-page .table-scroll table th, .table-scroll .table-b td, .table-scroll #cookie #cookiefirst-policy-page table td, #cookie #cookiefirst-policy-page .table-scroll table td {
    display: table-cell;
    white-space: nowrap !important;
  }
}
/**************************************************
    Other
***************************************************/
.maker {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #ffd900));
  background: linear-gradient(transparent 60%, #ffd900 60%);
  font-style: normal;
  font-weight: bold;
}

.link-text-a {
  color: #1877f2;
  text-decoration: underline;
}
.link-text-a:hover {
  color: #1877f2;
  text-decoration: none;
}

.img-hover:hover {
  opacity: 0.8;
}

.text-indent-a {
  text-indent: -1em;
  padding-left: 1em;
  display: block;
}

.blockquote-a {
  position: relative;
  padding: 2.5rem 3.75rem;
  margin: 1.875rem auto;
  background: #fafafa;
  border-radius: 10px;
}
@media (max-width: 768px) {
  .blockquote-a {
    padding: 3.75rem 1.875rem 2.5rem;
  }
}
.blockquote-a::before, .blockquote-a::after {
  position: absolute;
  font-size: 4em;
  opacity: 0.2;
  line-height: 1;
  display: block;
}
.blockquote-a::before {
  content: "“";
  top: 1.25rem;
  left: 1.25rem;
}
.blockquote-a::after {
  content: "”";
  bottom: -1.25rem;
  right: 1.25rem;
  vertical-align: bottom;
}

.box-a, .box-b, .box-c, .box-d, .box-f {
  clear: both;
  zoom: 1;
  padding: 1.875rem;
  margin: 1.875rem 0;
  border-radius: 10px;
}
.box-a:after, .box-b:after, .box-c:after, .box-d:after, .box-f:after {
  content: "";
  display: block;
  clear: both;
  overflow: auto;
}
@media (max-width: 768px) {
  .box-a, .box-b, .box-c, .box-d, .box-f {
    padding: 1.25rem;
  }
}
.box-a:first-child, .box-b:first-child, .box-c:first-child, .box-d:first-child, .box-f:first-child {
  margin-top: 0;
}

.box-a {
  border: 1px solid #000;
}
.box-a.-white {
  background: #fff;
}
.box-a.-white .point-list > .item {
  font-size: 1.125rem;
}
@media (max-width: 768px) {
  .box-a.-white .point-list > .item {
    font-size: 1rem;
  }
}

.box-b {
  background: #ececec;
}

.box-c {
  background: rgba(255, 217, 0, 0.07);
}

.box-d {
  border: 1px solid #e5e5e5;
  padding: 1.875rem;
}
@media (max-width: 768px) {
  .box-d {
    padding: 1.25rem;
  }
}

.box-e {
  border: 3px solid #ffd900;
  border-radius: 4px;
  height: 100%;
  padding: 1.25rem;
}

.box-f {
  border: 2px solid red;
  text-align: center;
  color: red;
  font-weight: bold;
  padding: 1.25rem;
  margin: 0 0 1.875rem;
}

.toc-box {
  border: 1px solid #000;
  padding: 1.875rem;
  margin: 2.5rem 0;
}
@media (max-width: 768px) {
  .toc-box {
    width: 100%;
    padding: 1.25rem;
    margin: 1.875rem auto;
  }
}
.toc-box .index-title {
  font-size: 1rem;
  font-weight: bold;
  background: #ffd900;
  padding: 0.5rem 1rem 0.375rem 1.875rem;
  margin: -1.875rem -1.875rem 1.875rem;
  border-bottom: 1px solid #000;
}
@media (max-width: 768px) {
  .toc-box .index-title {
    margin: -1.25rem -1.25rem 1.25rem;
  }
}
.toc-box .index-title::before {
  content: "";
  background: url(../images/icon/icon_toc.svg) no-repeat;
  background-size: 0.8125rem 0.75rem;
  width: 0.8125rem;
  height: 0.75rem;
  display: inline-block;
  vertical-align: middle;
  margin: -0.1875rem 0.3125rem 0 0;
}

/* -----------------------------------------------
  Column
-------------------------------------------------- */
.column-2, .column-3, .column-4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin: 0 -10px;
}
.column-2 .clearHidden, .column-3 .clearHidden, .column-4 .clearHidden {
  display: none;
}
.column-2 > .column, .column-2 .column-image-left, .column-3 > .column, .column-3 .column-image-left, .column-4 > .column, .column-4 .column-image-left {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
  margin-bottom: 20px;
  text-align: center;
}
.column-2 > .column img, .column-2 .column-image-left img, .column-3 > .column img, .column-3 .column-image-left img, .column-4 > .column img, .column-4 .column-image-left img {
  max-width: 100%;
}
.column-2.column-2 > .column, .column-2.column-2 [class*=column-image], .column-2.column-2 [class*=column-media], .column-3.column-2 > .column, .column-3.column-2 [class*=column-image], .column-3.column-2 [class*=column-media], .column-4.column-2 > .column, .column-4.column-2 [class*=column-image], .column-4.column-2 [class*=column-media] {
  width: 50% !important;
}
@media (max-width: 768px) {
  .column-2.column-2 > .column.-full, .column-2.column-2 [class*=column-image].-full, .column-2.column-2 [class*=column-media].-full, .column-3.column-2 > .column.-full, .column-3.column-2 [class*=column-image].-full, .column-3.column-2 [class*=column-media].-full, .column-4.column-2 > .column.-full, .column-4.column-2 [class*=column-image].-full, .column-4.column-2 [class*=column-media].-full {
    width: 100% !important;
  }
}
.column-2.column-3 > .column, .column-2.column-3 [class*=column-image], .column-2.column-3 [class*=column-media], .column-3.column-3 > .column, .column-3.column-3 [class*=column-image], .column-3.column-3 [class*=column-media], .column-4.column-3 > .column, .column-4.column-3 [class*=column-image], .column-4.column-3 [class*=column-media] {
  width: 33.3% !important;
}
.column-2.column-3::after, .column-3.column-3::after, .column-4.column-3::after {
  content: "";
  display: block;
  width: 33.3% !important;
}
.column-2.column-4 > .column, .column-2.column-4 [class*=column-image], .column-2.column-4 [class*=column-media], .column-3.column-4 > .column, .column-3.column-4 [class*=column-image], .column-3.column-4 [class*=column-media], .column-4.column-4 > .column, .column-4.column-4 [class*=column-image], .column-4.column-4 [class*=column-media] {
  width: 25% !important;
}
.column-2.column-4::before, .column-2.column-4::after, .column-3.column-4::before, .column-3.column-4::after, .column-4.column-4::before, .column-4.column-4::after {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  content: "";
  display: block;
  width: 25% !important;
}

.accordion > ul > li {
  margin-bottom: 1.25rem;
  background: #e2e3e3;
}
.accordion > ul > li.-white {
  background: #fff;
}
.accordion > ul > li:last-child {
  margin-bottom: 0;
}
.accordion > ul > li > a, .accordion > ul > li > .title {
  display: block;
  padding: 1.25rem 3.75rem;
  text-decoration: none;
  font-size: 1.125rem;
  color: #000;
  cursor: pointer;
  -webkit-transition: all, 0.25s, linear;
  transition: all, 0.25s, linear;
  position: relative;
}
@media (max-width: 768px) {
  .accordion > ul > li > a, .accordion > ul > li > .title {
    padding: 1.25rem 2.5rem;
    font-size: 0.875rem;
  }
}
.accordion > ul > li > a:hover, .accordion > ul > li > a.active, .accordion > ul > li > .title:hover, .accordion > ul > li > .title.active {
  text-decoration: none;
}
.accordion > ul > li > a::before, .accordion > ul > li > .title::before {
  content: "";
  background: url(../images/icon/icon_q.svg) no-repeat;
  background-size: 1.1875rem 1.25rem;
  width: 1.1875rem;
  height: 1.25rem;
  position: absolute;
  top: calc(50% - 0.63rem);
  left: 1.25rem;
}
@media (max-width: 768px) {
  .accordion > ul > li > a::before, .accordion > ul > li > .title::before {
    background-size: 0.875rem 0.9375rem;
    width: 0.875rem;
    height: 0.9375rem;
    position: absolute;
    top: calc(50% - 0.47rem);
    left: 0.9375rem;
  }
}
.accordion > ul > li .inner {
  display: none;
  padding: 0 1.25rem 1.25rem 3.75rem;
  margin: 0;
  position: relative;
}
@media (max-width: 768px) {
  .accordion > ul > li .inner {
    padding: 0 1.25rem 1.25rem 2.5rem;
  }
}
.accordion > ul > li .inner p {
  font-size: 1rem;
  line-height: 1.8;
  color: #000;
}
@media (max-width: 768px) {
  .accordion > ul > li .inner p {
    font-size: 0.875rem;
  }
}
.accordion > ul > li .inner p a {
  text-decoration: underline;
}
.accordion > ul > li .inner p:last-child {
  margin-bottom: 0;
}
.accordion > ul > li:last-child {
  margin-bottom: 0;
}

.switch .menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  font-weight: bold;
}
@media (max-width: 768px) {
  .switch .menu {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.switch .menu .tag {
  font-size: 0.75rem;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  background: #ffd900;
  color: #000;
  padding: 0.2em 0.8em 0.1rem;
  margin-right: 1.25rem;
  white-space: nowrap;
  text-align: center;
  min-width: 5.75rem;
  display: inline-block;
}
@media (max-width: 768px) {
  .switch .menu .tag {
    width: 100%;
    min-width: inherit;
    margin-bottom: 0.625rem;
  }
}
.switch .menu::after {
  content: "";
  background: url(../images/icon/icon_plus.svg) no-repeat;
  background-size: 1.875rem 1.875rem;
  width: 1.875rem;
  height: 1.875rem;
  position: absolute;
  top: calc(50% - 0.94rem);
  right: 1.25rem;
  -webkit-transition: all, 0.25s, linear;
  transition: all, 0.25s, linear;
}
@media (max-width: 768px) {
  .switch .menu::after {
    background-size: 0.9375rem 0.9375rem;
    width: 0.9375rem;
    height: 0.9375rem;
    top: calc(50% - 0.47rem);
    right: 0.9375rem;
  }
}
.switch .menu.active::after {
  background: url(../images/icon/icon_minus.svg) no-repeat;
  background-size: 1.875rem 1.875rem;
}
@media (max-width: 768px) {
  .switch .menu.active::after {
    background-size: 0.9375rem 0.9375rem;
  }
}
.switch > ul > li.open .menu::after {
  content: "";
  background: url(../images/icon/icon_minus.svg) no-repeat;
  background-size: 1.875rem 1.875rem;
}
@media (max-width: 768px) {
  .switch > ul > li.open .menu::after {
    background-size: 0.9375rem 0.9375rem;
  }
}
.switch > ul > li.open .menu.active::after {
  background: url(../images/icon/icon_plus.svg) no-repeat;
  background-size: 1.875rem 1.875rem;
}
@media (max-width: 768px) {
  .switch > ul > li.open .menu.active::after {
    background-size: 0.9375rem 0.9375rem;
  }
}
.switch > ul > li.open .inner {
  display: block;
}

.balloon {
  position: relative;
  background: #fff;
  border: 2px solid #e6e6e6;
  border-radius: 0.625rem;
  padding: 1.25rem 1.875rem 0.625rem;
  margin-bottom: 1.875rem;
  display: inline-block;
  text-align: left;
}
.balloon p {
  font-size: 1rem;
  line-height: 1.6;
  text-align: left !important;
  margin: 0 0 0.625rem;
}
.balloon.-left {
  margin-left: 0.9375rem;
}
.balloon.-left::before, .balloon.-left::after {
  content: " ";
  right: 100%;
  top: 50%;
  border: solid transparent;
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.balloon.-left::before {
  border-color: rgba(230, 230, 230, 0);
  border-right-color: #e6e6e6;
  border-width: 1rem;
  margin-top: -1rem;
}
.balloon.-left::after {
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #fff;
  border-width: 0.8125rem;
  margin-top: -0.8125rem;
}
.balloon.-right {
  margin-right: 0.9375rem;
}
.balloon.-right::before, .balloon.-right::after {
  content: " ";
  left: 100%;
  top: 50%;
  border: solid transparent;
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.balloon.-right::before {
  border-color: rgba(255, 255, 255, 0);
  border-left-color: #e6e6e6;
  border-width: 1rem;
  margin-top: -1rem;
}
.balloon.-right::after {
  border-color: rgba(230, 230, 230, 0);
  border-left-color: #fff;
  border-width: 0.9375rem;
  margin-top: -0.9375rem;
}

.fukidashi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.fukidashi .commenter {
  text-align: center;
  margin: 0 0 1.25rem;
}
.fukidashi .commenter .image {
  width: 6.25rem;
  height: 6.25rem;
  display: block;
}
@media (max-width: 768px) {
  .fukidashi .commenter .image {
    width: 3.75rem;
    height: 3.75rem;
  }
}
.fukidashi .commenter .image img {
  width: 6.25rem;
  height: 6.25rem;
}
@media (max-width: 768px) {
  .fukidashi .commenter .image img {
    width: 3.75rem;
    height: 3.75rem;
  }
}
.fukidashi .commenter .author {
  font-size: 0.75rem;
  text-align: center;
  display: block;
  line-height: 1.6;
  margin-top: 0.625rem;
}
.fukidashi .balloon {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-bottom: 1.25rem;
}
.fukidashi .balloon.-left {
  margin-left: 1.25rem;
}
.fukidashi .balloon.-right {
  margin-right: 1.25rem;
}

.package-block {
  background: #ffd900;
}
.package-block > .title {
  text-align: center;
  padding: 1.25rem;
  font-size: 1.125rem;
  background: #000;
  color: #ffd900;
}
.package-block .item-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1.25rem 1.875rem;
  border: 1px solid #000;
}
@media (max-width: 768px) {
  .package-block .item-wrap {
    padding: 0.9375rem;
  }
}
.package-block .item-wrap .item {
  width: calc(50% - 0.63rem);
  margin: 0.625rem 0;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.package-block .item-wrap .item.-full {
  width: 100%;
}
@media (max-width: 768px) {
  .package-block .item-wrap .item {
    width: 100%;
    display: block;
  }
}
.package-block .item-wrap .item::before {
  content: "1";
  position: absolute;
  top: 0.625rem;
  left: 0.625rem;
  font-size: 1.125rem;
  font-family: "IBM Plex Sans", sans-serif;
  font-weight: 500;
  line-height: 1;
  background: #ffd900;
  border-radius: 100%;
  width: 1.875rem;
  height: 1.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 768px) {
  .package-block .item-wrap .item::before {
    top: -0.625rem;
    left: -0.625rem;
    -webkit-box-shadow: 0px 3px 1px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 3px 1px 0px rgba(0, 0, 0, 0.1);
  }
}
.package-block .item-wrap .item:nth-child(1)::before {
  content: "1";
}
.package-block .item-wrap .item:nth-child(2)::before {
  content: "2";
}
.package-block .item-wrap .item:nth-child(3)::before {
  content: "3";
}
.package-block .item-wrap .item:nth-child(4)::before {
  content: "4";
}
.package-block .item-wrap .item:nth-child(5)::before {
  content: "5";
}
.package-block .item-wrap .item:nth-child(6)::before {
  content: "6";
}
.package-block .item-wrap .item > .in {
  width: 100%;
  height: 100%;
  padding: 1.25rem 0.625rem;
  background: #fff;
  display: block;
  border-radius: 6px;
  -webkit-box-shadow: 0px 3px 1px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 3px 1px 0px rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
}
.package-block .item-wrap .item > .in.icon::before, .package-block .item-wrap .item > .in.icon-update::before, .package-block .item-wrap .item > .in.icon-calendar::before, .package-block .item-wrap .item > .in.icon-workshop::before, .package-block .item-wrap .item > .in.icon-yen::before, .package-block .item-wrap .item > .in.icon-schedule::before, .package-block .item-wrap .item > .in.icon-price::before, .package-block .item-wrap .item > .in.icon-batch::before, .package-block .item-wrap .item > .in.icon-time::before, .package-block .item-wrap .item > .in.icon-hatena::before, .package-block .item-wrap .item > .in.icon-pdf::before, .package-block .item-wrap .item > .in.icon-external::before {
  background-size: 1.5em 1.5em;
  width: 1.5em;
  height: 1.5em;
  margin-right: 0.375rem;
}
@media (max-width: 768px) {
  .package-block .item-wrap .item > .in {
    text-align: left;
  }
  .package-block .item-wrap .item > .in br {
    display: none;
  }
}

/**************************************************
    icon
***************************************************/
.icon, .icon-update-after::after, .icon-update::before, .icon-calendar-after::after, .icon-calendar::before, .icon-workshop-after::after, .icon-workshop::before, .icon-yen-after::after, .icon-yen::before, .icon-schedule-after::after, .icon-schedule::before, .icon-price-after::after, .icon-price::before, .icon-batch-after::after, .icon-batch::before, .icon-time-after::after, .icon-time::before, .icon-hatena-after::after, .icon-hatena::before, .icon-pdf-after::after, .icon-pdf::before, .icon-external-after::after, .icon-external::before {
  display: inline-block;
  vertical-align: middle;
}

.icon-external::before {
  display: inline-block;
  content: "";
  width: 1em;
  height: 1em;
  background: url(../images/icon/icon_external.svg) no-repeat 0 0;
  background-size: 1em 1em;
}
.icon-external.-mr::before {
  margin: -3px 6px 0 0;
}

.icon-external-after {
  word-break: break-all;
}
.icon-external-after::after {
  display: inline-block;
  content: "";
  width: 1em;
  height: 1em;
  background: url(../images/icon/icon_external.svg) no-repeat 0 0;
  background-size: 1em 1em;
  margin-right: 0;
  margin-left: 0.5em;
}
.icon-external-after.-ml0::after {
  margin: 0 5px;
}

.icon-pdf::before {
  display: inline-block;
  content: "";
  width: 1em;
  height: 1em;
  background: url(../images/icon/icon_pdf.svg) no-repeat 0 0;
  background-size: 1em 1em;
}
.icon-pdf.-mr::before {
  margin: -3px 6px 0 0;
}

.icon-pdf-after {
  word-break: break-all;
}
.icon-pdf-after::after {
  display: inline-block;
  content: "";
  width: 1em;
  height: 1em;
  background: url(../images/icon/icon_pdf.svg) no-repeat 0 0;
  background-size: 1em 1em;
  margin-right: 0;
  margin-left: 0.5em;
}
.icon-pdf-after.-ml0::after {
  margin: 0 5px;
}

.icon-hatena::before {
  display: inline-block;
  content: "";
  width: 1em;
  height: 1em;
  background: url(../images/icon/icon_hatena.svg) no-repeat 0 0;
  background-size: 1em 1em;
}
.icon-hatena.-mr::before {
  margin: -3px 6px 0 0;
}

.icon-hatena-after {
  word-break: break-all;
}
.icon-hatena-after::after {
  display: inline-block;
  content: "";
  width: 1em;
  height: 1em;
  background: url(../images/icon/icon_hatena.svg) no-repeat 0 0;
  background-size: 1em 1em;
  margin-right: 0;
  margin-left: 0.5em;
}
.icon-hatena-after.-ml0::after {
  margin: 0 5px;
}

.icon-time::before {
  display: inline-block;
  content: "";
  width: 1em;
  height: 1em;
  background: url(../images/icon/icon_time.svg) no-repeat 0 0;
  background-size: 1em 1em;
}
.icon-time.-mr::before {
  margin: -3px 6px 0 0;
}

.icon-time-after {
  word-break: break-all;
}
.icon-time-after::after {
  display: inline-block;
  content: "";
  width: 1em;
  height: 1em;
  background: url(../images/icon/icon_time.svg) no-repeat 0 0;
  background-size: 1em 1em;
  margin-right: 0;
  margin-left: 0.5em;
}
.icon-time-after.-ml0::after {
  margin: 0 5px;
}

.icon-batch::before {
  display: inline-block;
  content: "";
  width: 1em;
  height: 1em;
  background: url(../images/icon/icon_batch.svg) no-repeat 0 0;
  background-size: 1em 1em;
}
.icon-batch.-mr::before {
  margin: -3px 6px 0 0;
}

.icon-batch-after {
  word-break: break-all;
}
.icon-batch-after::after {
  display: inline-block;
  content: "";
  width: 1em;
  height: 1em;
  background: url(../images/icon/icon_batch.svg) no-repeat 0 0;
  background-size: 1em 1em;
  margin-right: 0;
  margin-left: 0.5em;
}
.icon-batch-after.-ml0::after {
  margin: 0 5px;
}

.icon-price::before {
  display: inline-block;
  content: "";
  width: 1em;
  height: 1em;
  background: url(../images/icon/icon_price.svg) no-repeat 0 0;
  background-size: 1em 1em;
}
.icon-price.-mr::before {
  margin: -3px 6px 0 0;
}

.icon-price-after {
  word-break: break-all;
}
.icon-price-after::after {
  display: inline-block;
  content: "";
  width: 1em;
  height: 1em;
  background: url(../images/icon/icon_price.svg) no-repeat 0 0;
  background-size: 1em 1em;
  margin-right: 0;
  margin-left: 0.5em;
}
.icon-price-after.-ml0::after {
  margin: 0 5px;
}

.icon-schedule::before {
  display: inline-block;
  content: "";
  width: 1em;
  height: 1em;
  background: url(../images/icon/icon_schedule.svg) no-repeat 0 0;
  background-size: 1em 1em;
}
.icon-schedule.-mr::before {
  margin: -3px 6px 0 0;
}

.icon-schedule-after {
  word-break: break-all;
}
.icon-schedule-after::after {
  display: inline-block;
  content: "";
  width: 1em;
  height: 1em;
  background: url(../images/icon/icon_schedule.svg) no-repeat 0 0;
  background-size: 1em 1em;
  margin-right: 0;
  margin-left: 0.5em;
}
.icon-schedule-after.-ml0::after {
  margin: 0 5px;
}

.icon-yen::before {
  display: inline-block;
  content: "";
  width: 1em;
  height: 1em;
  background: url(../images/icon/icon_yen.svg) no-repeat 0 0;
  background-size: 1em 1em;
}
.icon-yen.-mr::before {
  margin: -3px 6px 0 0;
}

.icon-yen-after {
  word-break: break-all;
}
.icon-yen-after::after {
  display: inline-block;
  content: "";
  width: 1em;
  height: 1em;
  background: url(../images/icon/icon_yen.svg) no-repeat 0 0;
  background-size: 1em 1em;
  margin-right: 0;
  margin-left: 0.5em;
}
.icon-yen-after.-ml0::after {
  margin: 0 5px;
}

.icon-workshop::before {
  display: inline-block;
  content: "";
  width: 1em;
  height: 1em;
  background: url(../images/icon/icon_workshop.svg) no-repeat 0 0;
  background-size: 1em 1em;
}
.icon-workshop.-mr::before {
  margin: -3px 6px 0 0;
}

.icon-workshop-after {
  word-break: break-all;
}
.icon-workshop-after::after {
  display: inline-block;
  content: "";
  width: 1em;
  height: 1em;
  background: url(../images/icon/icon_workshop.svg) no-repeat 0 0;
  background-size: 1em 1em;
  margin-right: 0;
  margin-left: 0.5em;
}
.icon-workshop-after.-ml0::after {
  margin: 0 5px;
}

.icon-calendar::before {
  display: inline-block;
  content: "";
  width: 1em;
  height: 1em;
  background: url(../images/icon/icon_calendar.svg) no-repeat 0 0;
  background-size: 1em 1em;
}
.icon-calendar.-mr::before {
  margin: -3px 6px 0 0;
}

.icon-calendar-after {
  word-break: break-all;
}
.icon-calendar-after::after {
  display: inline-block;
  content: "";
  width: 1em;
  height: 1em;
  background: url(../images/icon/icon_calendar.svg) no-repeat 0 0;
  background-size: 1em 1em;
  margin-right: 0;
  margin-left: 0.5em;
}
.icon-calendar-after.-ml0::after {
  margin: 0 5px;
}

.icon-update::before {
  display: inline-block;
  content: "";
  width: 1em;
  height: 1em;
  background: url(../images/icon/icon_update.svg) no-repeat 0 0;
  background-size: 1em 1em;
}
.icon-update.-mr::before {
  margin: -3px 6px 0 0;
}

.icon-update-after {
  word-break: break-all;
}
.icon-update-after::after {
  display: inline-block;
  content: "";
  width: 1em;
  height: 1em;
  background: url(../images/icon/icon_update.svg) no-repeat 0 0;
  background-size: 1em 1em;
  margin-right: 0;
  margin-left: 0.5em;
}
.icon-update-after.-ml0::after {
  margin: 0 5px;
}

/**************************************************
    Card
***************************************************/
.article-card, .column-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 1.25rem auto -2.5rem;
}
@media (max-width: 768px) {
  .article-card, .column-card {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    margin: 0;
  }
}
.article-card > .item, .column-card > .item {
  width: calc((100% - 5rem) / 3);
  height: auto;
  margin-bottom: 2.5rem;
}
@media (max-width: 768px) {
  .article-card > .item, .column-card > .item {
    width: 100%;
    padding: 0;
    margin-bottom: 0;
  }
}
.article-card > .item a, .column-card > .item a {
  display: block;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
.article-card > .item a:hover, .column-card > .item a:hover {
  color: #000;
}
.article-card > .item a:hover .thumbnail img, .column-card > .item a:hover .thumbnail img {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (min-width: 769px) {
  .article-card > .item a:hover .thumbnail img, .column-card > .item a:hover .thumbnail img {
    -webkit-transform: translate(-50%, -50%) scale(1.1, 1.1);
            transform: translate(-50%, -50%) scale(1.1, 1.1);
  }
}
.article-card > .item .thumbnail, .column-card > .item .thumbnail {
  position: relative;
  overflow: hidden;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
@media (min-width: 769px) {
  .article-card > .item .thumbnail, .column-card > .item .thumbnail {
    position: relative;
    overflow: hidden;
  }
  .article-card > .item .thumbnail::before, .column-card > .item .thumbnail::before {
    content: "";
    display: block;
    padding-bottom: 66%;
  }
  .article-card > .item .thumbnail img, .column-card > .item .thumbnail img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transition: -webkit-transform 0.4s ease-out;
    transition: -webkit-transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
    transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
}
.article-card > .item .thumbnail.border, .column-card > .item .thumbnail.border {
  border: 1px solid #e5e5e5;
}
.article-card > .item .thumbnail img, .column-card > .item .thumbnail img {
  width: 100%;
  height: auto;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.article-card > .item .thumbnail .label, .column-card > .item .thumbnail .label {
  font-size: 0.75rem;
  font-weight: bold;
  border-radius: 4px;
  background: #390000;
  color: #fff;
  padding: 0.25rem 1.25rem 0.1875rem;
  margin-bottom: 0.625rem;
  display: inline-block;
  position: absolute;
  top: 0.625rem;
  left: 0.625rem;
}
@media (max-width: 768px) {
  .article-card > .item .thumbnail .label, .column-card > .item .thumbnail .label {
    font-size: 0.5rem;
    padding: 0.25rem 0.625rem 0.1875rem;
    top: 0.5rem;
    left: 0.5rem;
  }
}
.article-card > .item .body, .column-card > .item .body {
  background: #e2e3e3;
  padding: 1.25rem;
  height: 100%;
}
@media (max-width: 768px) {
  .article-card > .item .body, .column-card > .item .body {
    padding: 0.9375rem;
  }
}
.article-card > .item .body .date, .column-card > .item .body .date {
  font-size: 0.8125rem;
  display: block;
}
@media (max-width: 768px) {
  .article-card > .item .body .date, .column-card > .item .body .date {
    font-size: 0.625rem;
  }
}
.article-card > .item .body .entry-data, .column-card > .item .body .entry-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 768px) {
  .article-card > .item .body .entry-data, .column-card > .item .body .entry-data {
    display: block;
  }
}
.article-card > .item .body .entry-data > .item, .column-card > .item .body .entry-data > .item {
  font-size: 0.8125rem;
  margin-right: 0.9375rem;
}
@media screen and (max-width: 1310px) {
  .article-card > .item .body .entry-data > .item, .column-card > .item .body .entry-data > .item {
    font-size: 0.75rem;
    margin-left: 0.625rem;
  }
}
@media (max-width: 768px) {
  .article-card > .item .body .entry-data > .item, .column-card > .item .body .entry-data > .item {
    font-size: 0.75rem;
    margin-left: 0;
  }
}
.article-card > .item .body .entry-data > .item:first-child, .column-card > .item .body .entry-data > .item:first-child {
  margin-left: 0;
}
.article-card > .item .body .title, .column-card > .item .body .title {
  font-size: 1.125rem;
  display: block;
  font-weight: bold;
  margin: 0.625rem 0;
}
@media (max-width: 768px) {
  .article-card > .item .body .title, .column-card > .item .body .title {
    font-size: 0.875rem;
    margin: 0.375rem 0;
  }
}
.article-card > .item .body .lead, .column-card > .item .body .lead {
  font-size: 0.9375rem;
  display: block;
}
@media (max-width: 768px) {
  .article-card > .item .body .lead, .column-card > .item .body .lead {
    font-size: 0.75rem;
  }
}
.article-card::before, .article-card::after, .column-card::before, .column-card::after {
  content: "";
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  display: block;
  width: calc((100% - 5rem) / 3);
}
@media (max-width: 768px) {
  .article-card::before, .article-card::after, .column-card::before, .column-card::after {
    display: none;
  }
}

@media (max-width: 768px) {
  .column-card {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: -0.3125rem;
  }
}
@media (max-width: 768px) {
  .column-card > .item {
    width: 50%;
    padding: 0.3125rem;
  }
}

.case-card {
  margin-top: 2.5rem;
}
@media (max-width: 768px) {
  .case-card {
    margin-top: 1.875rem;
    height: 100%;
  }
}
.case-card a {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
}
@media (max-width: 768px) {
  .case-card a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
  }
}
.case-card a:hover {
  color: #000;
}
.case-card a:hover .thumbnail img {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (min-width: 769px) {
  .case-card a:hover .thumbnail img {
    -webkit-transform: translate(-50%, -50%) scale(1.1, 1.1);
            transform: translate(-50%, -50%) scale(1.1, 1.1);
  }
}
.case-card a:hover .more {
  background: #390000;
  border: 1px solid #000;
  color: #fff;
}
.case-card .thumbnail {
  width: 100%;
  max-width: 350px;
  overflow: hidden;
}
@media (min-width: 769px) {
  .case-card .thumbnail {
    position: relative;
    overflow: hidden;
  }
  .case-card .thumbnail::before {
    content: "";
    display: block;
    padding-bottom: 66%;
  }
  .case-card .thumbnail img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transition: -webkit-transform 0.4s ease-out;
    transition: -webkit-transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
    transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
}
@media (max-width: 768px) {
  .case-card .thumbnail {
    max-width: 100%;
    overflow: visible;
  }
}
.case-card .thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 768px) {
  .case-card .thumbnail img {
    position: relative;
    height: auto;
  }
}
.case-card .body {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
.case-card .body .body-inner {
  height: 100%;
  background: #e2e3e3;
  padding: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
@media (max-width: 768px) {
  .case-card .body .body-inner {
    padding: 1.25rem;
  }
}
.case-card .body .title {
  width: 100%;
  font-size: 1.625rem;
  font-weight: bold;
  display: block;
  border-bottom: 2px solid #000;
  padding-bottom: 0.625rem;
  margin-bottom: 0.625rem;
}
@media screen and (max-width: 1480px) {
  .case-card .body .title {
    font-size: 1.375rem;
  }
}
@media (max-width: 768px) {
  .case-card .body .title {
    font-size: 1.125rem;
  }
}
.case-card .body .sub-title {
  font-size: 1.3125rem;
  font-weight: bold;
  display: block;
}
@media screen and (max-width: 1480px) {
  .case-card .body .sub-title {
    font-size: 1rem;
  }
}
@media (max-width: 768px) {
  .case-card .body .sub-title {
    font-size: 0.875rem;
  }
}
.case-card .body .lead {
  display: block;
  margin-top: 1.25rem;
}
@media screen and (max-width: 1480px) {
  .case-card .body .lead {
    font-size: 0.875rem;
  }
}
@media (max-width: 768px) {
  .case-card .body .lead {
    font-size: 0.75rem;
    text-align: left;
    margin-top: 0.625rem;
  }
  .case-card .body .lead br {
    display: none;
  }
}
.case-card .body .more {
  margin-top: 1.25rem;
}
@media (max-width: 768px) {
  .case-card .body .more {
    font-size: 0.75rem;
    margin-top: 0.9375rem;
  }
}

.case-card-b {
  background: #e2e3e3;
  height: auto !important;
}
.case-card-b .inner {
  width: 100%;
}
.case-card-b .inner .thumbnail img {
  width: 100%;
  height: auto;
}
.case-card-b .inner .body .body-inner {
  padding: 1.25rem;
  display: block;
}
@media (max-width: 768px) {
  .case-card-b .inner .body .body-inner {
    padding: 1.25rem;
  }
}
.case-card-b .inner .body .body-inner .title {
  width: 100%;
  font-size: 1.0625rem;
  font-weight: bold;
  display: block;
  border-bottom: 2px solid #000;
  padding-bottom: 0.625rem;
  margin-bottom: 0.625rem;
  text-align: center;
}
@media (max-width: 768px) {
  .case-card-b .inner .body .body-inner .title {
    font-size: 0.9375rem;
  }
}

@media (max-width: 768px) {
  .case-card-item {
    height: auto !important;
  }
}
.seminar-lecture-list .article-card > .item a:hover {
  color: #000;
}
.seminar-lecture-list .article-card > .item a:hover .thumbnail img {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (min-width: 769px) {
  .seminar-lecture-list .article-card > .item a:hover .thumbnail img {
    -webkit-transform: translate(-50%, -50%) scale(1.1, 1.1);
            transform: translate(-50%, -50%) scale(1.1, 1.1);
  }
}
@media (min-width: 769px) {
  .seminar-lecture-list .article-card > .item .thumbnail {
    position: relative;
    overflow: hidden;
  }
  .seminar-lecture-list .article-card > .item .thumbnail::before {
    content: "";
    display: block;
    padding-bottom: 56.25%;
  }
  .seminar-lecture-list .article-card > .item .thumbnail img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transition: -webkit-transform 0.4s ease-out;
    transition: -webkit-transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
    transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
}

/* -----------------------------------------------
Form
-------------------------------------------------- */
.contact-form-tel {
  border: 1px solid #e5e5e5;
  padding: 1.25rem;
  margin-bottom: 1.875rem;
  text-align: center;
}
@media (max-width: 768px) {
  .contact-form-tel {
    padding: 1.25rem 0.625rem 0.75rem;
  }
}
.contact-form-tel .head-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
}
.contact-form-tel .head-text > .label {
  background: #ffd900;
  font-size: 0.625rem;
  color: #000;
  padding: 0.25rem;
  font-weight: bold;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-right: 0.625rem;
  border-radius: 4px;
}
@media (max-width: 768px) {
  .contact-form-tel .head-text > .label {
    font-size: 0.5rem;
  }
}
.contact-form-tel .head-text > .text {
  font-size: 1rem;
  font-weight: bold;
}
@media (max-width: 768px) {
  .contact-form-tel .head-text > .text {
    font-size: 0.875rem;
  }
}
.contact-form-tel > .tel {
  text-align: center;
}
.contact-form-tel > .tel a {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-decoration: none;
  font-size: 2rem;
  font-weight: bold;
  margin: 0 auto;
  line-height: 1.4;
}

.form-step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  overflow: hidden;
  background: #f9f9f9;
  color: #999;
  margin: 0 auto 30px;
}
@media (max-width: 768px) {
  .form-step {
    margin: 0 0 10px;
  }
}
.form-step > li {
  position: relative;
  width: 33.3%;
  padding: 1em;
  text-align: center;
  white-space: nowrap;
  font-weight: 400;
  font-weight: bold;
}
@media (max-width: 768px) {
  .form-step > li {
    font-size: 0.75rem;
    padding: 1em 0;
  }
  .form-step > li:nth-child(2) {
    width: 50%;
  }
}
.form-step > li.-done {
  background: #fafafa;
}
.form-step > li.-current {
  background: #ffd900;
  color: #000;
}
.form-step > li.-current::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
}
@media (max-width: 768px) {
  .form-step > li.-current::before {
    border-top: 22.5px solid transparent;
    border-bottom: 22.5px solid transparent;
  }
}
.form-step > li.-current::after {
  content: "";
  position: absolute;
  right: -20px;
  top: 0;
  width: 0;
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
  border-left: 20px solid #ffd900;
}
@media (max-width: 768px) {
  .form-step > li.-current::after {
    right: -15px;
    border-top: 22.5px solid transparent;
    border-bottom: 22.5px solid transparent;
    border-left: 15px solid #ffd900;
  }
}
.form-step > li:first-child {
  border-left: 0;
}
.form-step > li:first-child.-current::before {
  display: none;
}
.form-step > li:last-child {
  border-right: 0;
}

.form-content {
  margin: 0 auto 40px;
}
@media (max-width: 768px) {
  .form-content {
    margin: 0 0 20px;
  }
}

.form-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 1.5em 0;
}
.form-row > .form-col:first-child {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: bold;
}
@media (min-width: 769px) {
  .form-row > .form-col:first-child {
    width: 30%;
    padding-right: 1em;
  }
  .form-row > .form-col:last-child {
    width: 70%;
  }
}
@media (max-width: 768px) {
  .form-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .form-row > .form-col:first-child {
    margin-bottom: 0.5em;
  }
  .form-row > .form-col:last-child {
    width: 100%;
  }
}

.form-inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.form-inline:not(:last-child) {
  margin-bottom: 0.5em;
}
.form-inline > .form-col {
  margin-right: 0.5em;
}

.form-table {
  width: 100%;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .form-table {
    font-size: 0.875rem;
  }
}
.form-table th, .form-table td {
  zoom: 1;
  border-bottom: 1px solid #f2f2f2;
}
.form-table th:after, .form-table td:after {
  content: "";
  display: block;
  clear: both;
  overflow: auto;
}
@media (max-width: 768px) {
  .form-table th, .form-table td {
    display: block;
  }
}
.form-table th table th, .form-table th table td, .form-table td table th, .form-table td table td {
  border-bottom: none;
}
.form-table th {
  width: 35%;
  vertical-align: middle;
  padding: 1em 1em 1em 0;
  text-align: left;
  font-weight: bold;
}
@media (max-width: 768px) {
  .form-table th {
    width: 100%;
    padding: 1em 0 0.5em;
    border-bottom: none;
  }
}
.form-table td {
  width: 100%;
  padding: 1em 0 1em 1em;
}
@media (max-width: 768px) {
  .form-table td {
    width: 100%;
    padding: 0.5em 0 1em;
  }
}
.form-table tr:last-child th, .form-table tr:last-child td {
  border-bottom: 0;
}

::-webkit-input-placeholder {
  color: #999;
}

::-moz-placeholder {
  color: #999;
}

:-ms-input-placeholder {
  color: #999;
}

::-ms-input-placeholder {
  color: #999;
}

::placeholder {
  color: #999;
}

.text-field, .text-area, .select-box {
  width: 100%;
  background: #fff !important;
  padding: 0.7em !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  background: #FFF;
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-appearance: none;
}
@media (max-width: 768px) {
  .text-field, .text-area, .select-box {
    font-size: 1rem;
  }
}
.text-field.-error, .text-area.-error, .select-box.-error {
  background: #fff0f0;
  border-color: #f4c2c2;
}
.text-field.-inline, .text-area.-inline, .select-box.-inline {
  width: 20%;
  margin-right: 1em;
}
.text-field[disabled], .text-field[readonly], .text-area[disabled], .text-area[readonly], .select-box[disabled], .select-box[readonly] {
  color: #999;
  background: #DDD;
  border: 1px solid #CCC;
}
.text-field[name=inquiry], .text-area[name=inquiry], .select-box[name=inquiry] {
  height: 8em;
}

.radio-button, .check-box {
  margin-right: 1em;
}

.radio-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.radio-button > label {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  margin-right: 1.25rem;
  cursor: pointer;
}
.radio-button > label > input {
  margin-right: 0.375rem;
}

.check-box > label {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  cursor: pointer;
}
.check-box > label > input {
  margin-right: 0.375rem;
}

.name-area {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1.875rem 1fr;
  grid-template-columns: 1fr 1fr;
  -webkit-column-gap: 1.875rem;
     -moz-column-gap: 1.875rem;
          column-gap: 1.875rem;
}
.name-area > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.name-area > span > i {
  font-style: normal;
  margin-right: 0.625rem;
}
@media (max-width: 768px) {
  .name-area > span:last-child {
    margin-top: 0.625rem;
  }
}

.required, .any {
  float: right;
  color: #e60012;
  padding: 2px 10px;
  font-size: 0.75rem;
  margin: 0 0 0 1em;
}
.required.required, .any.required {
  border: 1px solid #e60012;
}
.required.any, .any.any {
  border: 1px solid #ccc;
  color: #ccc;
}

.check-agree {
  display: inline-block;
  margin: 1.5em 0 0;
  padding: 1em 2em;
  background: #EEE;
}

.form-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.form-action > li {
  margin: 0 10px;
}
.form-action > li a, .form-action > li button {
  min-width: auto;
}

.form-button {
  display: inline-block;
  color: #FFF;
  background: #ffd900;
  font-size: 1rem;
  font-weight: bold;
  text-decoration: none;
  border: 0;
  margin: 0 auto;
  border-radius: 50px;
  padding: 0.75em 2em;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.form-button:hover {
  background: #d0d6de;
}
.form-button.-back {
  background: #AAA;
}
.form-button.-back:hover {
  background: #d0d6de;
}
.form-button.-outline {
  color: #666;
  border: 1px solid #666;
  background: transparent;
}
.form-button.-outline:hover {
  text-decoration: none;
  color: #999;
  border-color: #999;
}

.error {
  display: block;
  color: #ff0000;
  font-size: 0.88em;
  padding-top: 0.5em;
}

/**************************************************
    Block
***************************************************/
.seminar-block {
  position: relative;
}
.seminar-block > .block {
  background: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.seminar-block > .block > .item {
  height: 100%;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.seminar-block > .block > .item > .thumbnail {
  border-radius: 10px 10px 0 0;
}
.seminar-block > .block > .item > .thumbnail > .inner {
  overflow: hidden;
  display: block;
  border-radius: 10px 10px 0 0;
}
.seminar-block > .block > .item > .thumbnail > .inner img {
  border-radius: 10px 10px 0 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.seminar-block > .block > .item > .body {
  height: 100%;
  padding: 1.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 768px) {
  .seminar-block > .block > .item > .body {
    padding: 0.9375rem;
  }
}
.seminar-block > .block > .item > .body > .about {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 768px) {
  .seminar-block > .block > .item > .body > .about {
    display: block;
  }
}
.seminar-block > .block > .item > .body > .about > .item.-tag {
  border: 1px solid #000;
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 1;
  border-radius: 100px;
  padding: 0.375rem 1.25rem;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  text-align: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 768px) {
  .seminar-block > .block > .item > .body > .about > .item.-tag {
    font-size: 0.625rem;
    padding: 0.375rem 0.625rem;
    margin-bottom: 0.375rem;
  }
}
.seminar-block > .block > .item > .body > .about > .item.-date {
  font-size: 0.875rem;
  font-weight: 300;
  margin-left: 1.25rem;
  color: #999;
}
@media (max-width: 768px) {
  .seminar-block > .block > .item > .body > .about > .item.-date {
    font-size: 0.75rem;
    margin: 0;
  }
}
.seminar-block > .block > .item > .body > .title {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.8;
  margin-top: 1.5625rem;
  display: block;
}
@media (max-width: 768px) {
  .seminar-block > .block > .item > .body > .title {
    font-size: 0.875rem;
    line-height: 1.6;
    margin-top: 0.625rem;
  }
}
.seminar-block > .block > .item > .body > .status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 1.5625rem;
  margin-top: auto;
}
@media (max-width: 768px) {
  .seminar-block > .block > .item > .body > .status {
    padding-top: 0.9375rem;
    display: block;
  }
}
.seminar-block > .block > .item > .body > .status .receipt {
  font-size: 0.75rem;
  font-weight: 300;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 6px 0 0 6px;
  padding: 0.625rem 0.75rem;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: none;
}
@media (max-width: 768px) {
  .seminar-block > .block > .item > .body > .status .receipt {
    height: auto;
    border-radius: 6px 6px 0 0;
    padding: 0.375rem;
  }
}
.seminar-block > .block > .item > .body > .status .receipt.-now {
  background: #d00000;
  color: #fff;
}
.seminar-block > .block > .item > .body > .status .receipt.-end {
  background: #333;
  color: #fff;
}
.seminar-block > .block > .item > .body > .status .receipt.timer-valid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.seminar-block > .block > .item > .body > .status .date {
  font-size: 0.75rem;
  font-weight: 300;
  border-radius: 0 6px 6px 0;
  background: #f8f8f8;
  padding: 0.625rem 0.75rem;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
@media (max-width: 768px) {
  .seminar-block > .block > .item > .body > .status .date {
    border-radius: 0 0 6px 6px;
    padding: 0.5rem;
  }
}
.seminar-block > .block > .item > .body > .status:last-child {
  padding-top: 0.625rem;
  margin-top: 0;
}
.seminar-block > .block:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.seminar-block > .block:hover > .item {
  color: #000;
  text-decoration: none;
}
.seminar-block > .block:hover > .item > .thumbnail img {
  -webkit-transform: scale(1.2, 1.2);
          transform: scale(1.2, 1.2);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.seminar-block.-column2 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 40px 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
}
@media screen and (max-width: 1600px) {
  .seminar-block.-column2 {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 768px) {
  .seminar-block.-column2 {
    gap: 10px;
  }
}
.seminar-block.-column3 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 40px 1fr 40px 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 40px;
}
@media screen and (max-width: 1600px) {
  .seminar-block.-column3 {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 768px) {
  .seminar-block.-column3 {
    gap: 10px;
  }
}

.service-block > .block {
  height: 100%;
  background: #f8f8f8;
  -webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1);
  border: 2px solid #f2f2f2;
  border-radius: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.service-block > .block.-white {
  background: #fff;
  border: none;
}
.service-block > .block > .item {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-decoration: none;
}
.service-block > .block > .item > .thumbnail {
  border-radius: 20px 20px 0 0;
}
.service-block > .block > .item > .thumbnail.border {
  border-bottom: 1px solid #e5e5e5;
}
.service-block > .block > .item > .thumbnail > .inner {
  overflow: hidden;
  display: block;
  border-radius: 20px 20px 0 0;
}
.service-block > .block > .item > .thumbnail > .inner img {
  border-radius: 20px 20px 0 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.service-block > .block > .item > .body {
  height: 100%;
  padding: 2.5rem 2.5rem 1.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 768px) {
  .service-block > .block > .item > .body {
    padding: 1.25rem 0.9375rem;
  }
}
.service-block > .block > .item > .body > .title {
  font-size: 1.375rem;
  font-weight: 700;
  display: block;
  text-align: center;
}
@media (max-width: 768px) {
  .service-block > .block > .item > .body > .title {
    font-size: 0.875rem;
  }
}
.service-block > .block > .item > .body > .lead {
  font-size: 1rem;
  font-weight: 300;
  line-height: 2;
  margin: 1.25rem 0 0;
}
@media (max-width: 768px) {
  .service-block > .block > .item > .body > .lead {
    font-size: 0.875rem;
    line-height: 1.8;
    margin: 0.625rem 0 0;
  }
}
.service-block > .block > .item > .more {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  padding: 1rem 2.5rem 1rem 3.75rem;
  margin: auto 0 0 auto;
  background: #ffd900;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1;
  color: #000;
  display: block;
  border-radius: 100px 0 20px 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 768px) {
  .service-block > .block > .item > .more {
    font-size: 0.75rem;
    padding: 0.75rem 1.25rem 0.75rem 1.875rem;
  }
}
.service-block > .block > .item > .more > i {
  font-style: normal;
}
.service-block > .block > .item > .more > i::before {
  content: "";
  background: url(../images/icon/icon_arrow-c.svg) no-repeat;
  background-size: 1rem 1rem;
  width: 1rem;
  height: 1rem;
  display: inline-block;
  vertical-align: middle;
  margin: -0.0625rem 0.75rem 0 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 768px) {
  .service-block > .block > .item > .more > i::before {
    background-size: 0.75rem 0.75rem;
    width: 0.75rem;
    height: 0.75rem;
    margin: -0.0625rem 0.5rem 0 0;
  }
}
.service-block > .block:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.service-block > .block:hover > .item {
  color: #000;
  text-decoration: none;
}
.service-block > .block:hover > .item > .thumbnail img {
  -webkit-transform: scale(1.2, 1.2);
          transform: scale(1.2, 1.2);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.service-block > .block:hover > .item > .more {
  background: #000;
  color: #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.service-block > .block:hover > .item > .more > i::before {
  background: url(../images/icon/icon_arrow-c_yellow.svg) no-repeat;
  background-size: 1rem 1rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.service-block.-column2 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 40px 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
}
@media (max-width: 768px) {
  .service-block.-column2 {
    gap: 20px;
  }
}
.service-block.-column3 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 40px 1fr 40px 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 40px;
}
@media (max-width: 768px) {
  .service-block.-column3 {
    gap: 20px;
  }
}
.service-block.-column4 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 30px 1fr 30px 1fr 30px 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 30px;
}
@media screen and (max-width: 1520px) {
  .service-block.-column4 {
    -ms-grid-columns: 1fr 40px 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
  }
}
@media (max-width: 768px) {
  .service-block.-column4 {
    gap: 20px;
  }
}

.column-block > .block > .item {
  text-decoration: none;
  display: block;
}
.column-block > .block > .item > .thumbnail {
  margin-bottom: 1.875rem;
}
@media (max-width: 768px) {
  .column-block > .block > .item > .thumbnail {
    margin-bottom: 0.9375rem;
  }
}
.column-block > .block > .item > .thumbnail > .inner {
  display: block;
  border-radius: 10px;
  overflow: hidden;
  -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 768px) {
  .column-block > .block > .item > .thumbnail > .inner {
    border-radius: 6px;
  }
}
.column-block > .block > .item > .thumbnail > .inner img {
  border-radius: 10px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 768px) {
  .column-block > .block > .item > .thumbnail > .inner img {
    border-radius: 6px;
  }
}
.column-block > .block > .item > .body > .date {
  font-size: 0.875rem;
  font-weight: 200;
  display: block;
}
@media (max-width: 768px) {
  .column-block > .block > .item > .body > .date {
    font-size: 0.75rem;
  }
}
.column-block > .block > .item > .body > .title {
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.8;
  margin-top: 0.9375rem;
  display: block;
}
@media (max-width: 768px) {
  .column-block > .block > .item > .body > .title {
    font-size: 0.875rem;
    line-height: 1.6;
    margin-top: 0.375rem;
  }
}
.column-block > .block > .item:hover {
  color: #000;
  text-decoration: none;
}
.column-block > .block > .item:hover > .thumbnail > .inner {
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.column-block > .block > .item:hover > .thumbnail > .inner img {
  -webkit-transform: scale(1.2, 1.2);
          transform: scale(1.2, 1.2);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.column-block > .block > .item:hover > .body > .title {
  text-decoration: underline;
}
.column-block.-column3 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 40px 1fr 40px 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 40px;
}
@media screen and (max-width: 1600px) {
  .column-block.-column3 {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 768px) {
  .column-block.-column3 {
    -ms-grid-columns: 1fr 20px 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
}

.news-block {
  position: relative;
}
@media (max-width: 768px) {
  .news-block {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 20px 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
}
.news-block > .block {
  margin-bottom: 2.5rem;
}
@media (max-width: 768px) {
  .news-block > .block {
    margin-bottom: 0;
  }
}
.news-block > .block > .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
}
@media (max-width: 768px) {
  .news-block > .block > .item {
    display: block;
  }
}
.news-block > .block > .item > .thumbnail {
  width: 16.25rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 768px) {
  .news-block > .block > .item > .thumbnail {
    width: 100%;
    margin-bottom: 1.25rem;
  }
}
.news-block > .block > .item > .thumbnail > .inner {
  display: block;
  border-radius: 10px;
  overflow: hidden;
  -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.news-block > .block > .item > .thumbnail > .inner img {
  border-radius: 10px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.news-block > .block > .item > .body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  padding-left: 2.5rem;
}
@media (max-width: 768px) {
  .news-block > .block > .item > .body {
    padding: 0;
  }
}
.news-block > .block > .item > .body > .label {
  border: 1px solid #000;
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 1;
  border-radius: 100px;
  padding: 0.375rem 0.9375rem;
  text-align: center;
  max-width: 8.125rem;
}
@media (max-width: 768px) {
  .news-block > .block > .item > .body > .label {
    font-size: 0.625rem;
    max-width: 100%;
  }
}
.news-block > .block > .item > .body > .title {
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.7;
  margin-top: 0.9375rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
@media (max-width: 768px) {
  .news-block > .block > .item > .body > .title {
    font-size: 0.875rem;
    line-height: 1.6;
    display: block;
    margin-top: 0.625rem;
  }
}
.news-block > .block > .item > .body > .date {
  font-size: 0.875rem;
  font-weight: 300;
  color: #999;
  margin-top: 0.9375rem;
}
@media (max-width: 768px) {
  .news-block > .block > .item > .body > .date {
    font-size: 0.75rem;
    margin-top: 0.625rem;
  }
}
.news-block > .block > .item::after {
  content: "";
  width: 3.75rem;
  height: 3.75rem;
  border: 1px solid #e5e5e5;
  background: #fff;
  border-radius: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 2.5rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 768px) {
  .news-block > .block > .item::after {
    display: none;
  }
}
.news-block > .block > .item.-pdf::after {
  background: #fff url(../images/icon/icon_pdf_black.svg) no-repeat center;
  background-size: 0.8125rem 0.875rem;
}
.news-block > .block > .item.-external::after {
  background: #fff url(../images/icon/icon_external_black.svg) no-repeat center;
  background-size: 0.75rem 0.6875rem;
}
.news-block > .block > .item.-arrow::after {
  background: #fff url(../images/icon/icon_arrow_black.svg) no-repeat center;
  background-size: 0.3125rem 0.5625rem;
}
.news-block > .block > .item:hover {
  color: #000;
}
.news-block > .block > .item:hover > .thumbnail > .inner {
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.news-block > .block > .item:hover > .thumbnail > .inner img {
  -webkit-transform: scale(1.2, 1.2);
          transform: scale(1.2, 1.2);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.news-block > .block > .item:hover > .body > .title {
  text-decoration: underline;
}
.news-block > .block > .item:hover::after {
  border: 1px solid #ffd900;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.news-block > .block > .item:hover.-pdf::after {
  background: #ffd900 url(../images/icon/icon_pdf_black.svg) no-repeat center;
  background-size: 0.8125rem 0.875rem;
}
.news-block > .block > .item:hover.-external::after {
  background: #ffd900 url(../images/icon/icon_external_black.svg) no-repeat center;
  background-size: 0.75rem 0.6875rem;
}
.news-block > .block > .item:hover.-arrow::after {
  background: #ffd900 url(../images/icon/icon_arrow_black.svg) no-repeat center;
  background-size: 0.3125rem 0.5625rem;
}
.news-block > .block:last-child {
  margin-bottom: 0;
}

.contact-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 768px) {
  .contact-block {
    display: block;
  }
}
.contact-block > .block {
  width: 50%;
  overflow: hidden;
  position: relative;
  background: #ffd900;
}
@media (max-width: 768px) {
  .contact-block > .block {
    width: 100%;
  }
}
.contact-block > .block::after {
  content: "";
  width: 120%;
  height: 120%;
  position: absolute;
  top: -30px;
  right: -30px;
  bottom: -30px;
  left: -30px;
  margin: auto;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.contact-block > .block > .item {
  height: 100%;
  display: block;
  padding: 4.375rem 5rem 5rem;
  text-decoration: none;
  position: relative;
  z-index: 2;
}
@media (max-width: 768px) {
  .contact-block > .block > .item {
    padding: 1.875rem;
  }
}
.contact-block > .block > .item .section-heading {
  width: 100%;
  padding: 0 5rem 0 0;
  margin: 0;
  position: relative;
}
@media (max-width: 768px) {
  .contact-block > .block > .item .section-heading {
    opacity: 0 3.125rem 0 0;
  }
}
.contact-block > .block > .item .section-heading > .en {
  font-size: 2.25rem;
}
@media (max-width: 768px) {
  .contact-block > .block > .item .section-heading > .en {
    font-size: 1.625rem;
  }
}
.contact-block > .block > .item .section-heading > .en::before {
  background: #ffd900;
}
.contact-block > .block > .item .section-heading > .ja {
  font-size: 1rem;
  font-weight: 400;
  color: #fff;
  margin-top: 1rem;
}
@media (max-width: 768px) {
  .contact-block > .block > .item .section-heading > .ja {
    margin-top: 0.625rem;
  }
}
.contact-block > .block > .item .section-heading::after {
  content: "";
  width: 3.75rem;
  height: 3.75rem;
  display: block;
  border-radius: 100%;
  position: absolute;
  top: calc(100% - 3.75rem);
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 768px) {
  .contact-block > .block > .item .section-heading::after {
    width: 1.875rem;
    height: 1.875rem;
    top: calc((100% - 1.88rem) / 2);
  }
}
.contact-block > .block > .item > .lead {
  font-size: 1rem;
  font-weight: 300;
  color: #fff;
  line-height: 1.8;
  margin: 2.5rem 0 0;
}
@media (max-width: 768px) {
  .contact-block > .block > .item > .lead {
    font-size: 0.875rem;
    line-height: 1.6;
    margin: 1.25rem 0 0;
  }
  .contact-block > .block > .item > .lead br {
    display: none;
  }
}
.contact-block > .block.-download::after {
  background: url(../images/bg_download.jpg) no-repeat center;
  background-size: cover;
}
.contact-block > .block.-download > .item .section-heading > .en {
  color: #ffd900;
}
.contact-block > .block.-download > .item .section-heading::after {
  background: #ffd900 url(../images/icon/icon_arrow_black.svg) no-repeat center;
  background-size: 0.3125rem 0.5625rem;
}
.contact-block > .block.-download:hover::after {
  -webkit-filter: blur(10px);
          filter: blur(10px);
  opacity: 0.9;
}
.contact-block > .block.-download:hover > .item {
  color: #fff;
}
.contact-block > .block.-contact::after {
  background: url(../images/bg_contact.jpg) no-repeat center;
  background-size: cover;
}
.contact-block > .block.-contact > .item .section-heading > .en {
  color: #ffd900;
}
.contact-block > .block.-contact > .item .section-heading::after {
  background: #ffd900 url(../images/icon/icon_arrow_black.svg) no-repeat center;
  background-size: 0.3125rem 0.5625rem;
}
.contact-block > .block.-contact:hover::after {
  -webkit-filter: blur(10px);
          filter: blur(10px);
  opacity: 0.9;
}
.contact-block > .block.-contact:hover > .item {
  color: #fff;
}
.contact-block > .block.-coming > .item .section-heading > .en {
  color: #fff;
}
.contact-block > .block.-coming > .item .section-heading > .en::before {
  background: #fff;
}
.contact-block > .block.-coming > .item .section-heading::after {
  background: #fff url(../images/icon/icon_arrow_black.svg) no-repeat center;
  background-size: 0.3125rem 0.5625rem;
}

.faq-block > .block {
  -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  margin-bottom: 2.5rem;
}
@media (max-width: 768px) {
  .faq-block > .block {
    margin-bottom: 1.25rem;
  }
}
.faq-block > .block > .head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  background: #fff;
  border-radius: 10px 10px 0 0;
}
.faq-block > .block > .head > .q {
  font-size: 2.125rem;
  font-weight: 500;
  padding: 1.375rem 1.875rem 1.625rem;
  background: #ffd900;
  color: #fff;
  border-radius: 10px 0 0 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
}
@media (max-width: 768px) {
  .faq-block > .block > .head > .q {
    font-size: 1.3125rem;
    font-weight: 500;
    padding: 1.25rem;
  }
}
.faq-block > .block > .head > .title {
  font-size: 1.125rem;
  font-weight: 400;
  padding: 1.75rem 1.875rem;
  margin: 0;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
@media (max-width: 768px) {
  .faq-block > .block > .head > .title {
    font-size: 1rem;
    padding: 0.9375rem 1.25rem;
  }
}
.faq-block > .block > .head > .number {
  font-family: "presicav", sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #ffd900;
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 1.875rem;
}
@media (max-width: 768px) {
  .faq-block > .block > .head > .number {
    font-size: 1.25rem;
    padding-right: 1.25rem;
  }
}
.faq-block > .block > .foot {
  background: #fffdf1;
  padding: 2.1875rem 2.5rem;
  border-radius: 0 0 10px 10px;
}
@media (max-width: 768px) {
  .faq-block > .block > .foot {
    padding: 1.25rem;
  }
}
.faq-block > .block > .foot > .text {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.8;
}
@media (max-width: 768px) {
  .faq-block > .block > .foot > .text {
    font-size: 0.875rem;
    line-height: 1.6;
  }
}
.faq-block > .block:last-child {
  margin-bottom: 0;
}

.training-block > .block {
  margin-bottom: 2.5rem;
}
@media (max-width: 768px) {
  .training-block > .block {
    margin-bottom: 1.875rem;
  }
}
.training-block > .block > .item {
  display: block;
  background: #fff;
  border-radius: 20px;
  -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 768px) {
  .training-block > .block > .item {
    display: block;
    position: relative;
  }
}
.training-block > .block > .item > .thumbnail {
  width: 100%;
  max-width: 26.25rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  overflow: hidden;
  border-radius: 20px 0 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 768px) {
  .training-block > .block > .item > .thumbnail {
    max-width: 100%;
    border-radius: 20px 20px 0 0;
  }
}
.training-block > .block > .item > .thumbnail > .bg {
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-filter: blur(30px);
          filter: blur(30px);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 1;
}
@media (max-width: 768px) {
  .training-block > .block > .item > .thumbnail > .bg {
    display: none;
  }
}
.training-block > .block > .item > .thumbnail > .image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  padding: 1.25rem;
}
@media (max-width: 768px) {
  .training-block > .block > .item > .thumbnail > .image {
    position: relative;
    padding: 0;
  }
}
.training-block > .block > .item > .thumbnail > .image img {
  width: 100%;
  height: auto;
  -webkit-box-shadow: 0px 0 20px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0 20px 0px rgba(0, 0, 0, 0.05);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 768px) {
  .training-block > .block > .item > .thumbnail > .image img {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
.training-block > .block > .item > .thumbnail.border {
  border-right: 1px solid #e5e5e5;
}
@media (max-width: 768px) {
  .training-block > .block > .item > .thumbnail.border {
    border-right: none;
    border-bottom: 1px solid #e5e5e5;
  }
}
.training-block > .block > .item > .body {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  padding: 2.1875rem 2.5rem 1.875rem;
}
@media screen and (max-width: 1360px) {
  .training-block > .block > .item > .body {
    padding: 1.875rem;
  }
}
@media (max-width: 768px) {
  .training-block > .block > .item > .body {
    padding: 1.25rem;
  }
}
.training-block > .block > .item > .body > .head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1.25rem;
}
.training-block > .block > .item > .body > .head > .label {
  font-size: 0.8125rem;
  font-weight: 200;
  color: #fff;
  text-align: center;
  width: 9.375rem;
  padding: 0.3125rem 0.625rem 0.375rem;
  margin-right: 1.25rem;
  border-radius: 6px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 768px) {
  .training-block > .block > .item > .body > .head > .label {
    width: 5.625rem;
    padding: 0.3125rem 0.3125rem 0.375rem;
    margin-right: 0.625rem;
    font-size: 0.625rem;
  }
}
.training-block > .block > .item > .body > .head > .label.-lecture {
  background: #08415c;
}
.training-block > .block > .item > .body > .head > .label.-workshop {
  background: #2ca58d;
}
.training-block > .block > .item > .body > .head > .label.-lecture-workshop {
  background: #5c0859;
}
.training-block > .block > .item > .body > .head .tag-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.training-block > .block > .item > .body > .head .tag-list > .item {
  margin-right: 1.25rem;
}
@media (max-width: 768px) {
  .training-block > .block > .item > .body > .head .tag-list > .item {
    margin: 0;
  }
}
.training-block > .block > .item > .body > .head .tag-list > .item.-id {
  white-space: nowrap;
}
.training-block > .block > .item > .body > .head .tag-list > .item.-text {
  font-size: 1rem;
  font-weight: 200;
  color: #999;
}
@media (max-width: 768px) {
  .training-block > .block > .item > .body > .head .tag-list > .item.-text {
    font-size: 0.75rem;
    margin-right: 0.25rem;
  }
}
.training-block > .block > .item > .body > .head > .time {
  font-size: 1.0625rem;
  font-weight: 300;
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: middle;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 768px) {
  .training-block > .block > .item > .body > .head > .time {
    font-size: 0.75rem;
  }
}
.training-block > .block > .item > .body > .head > .time::before {
  content: "";
  background: url(../images/icon/icon_time.svg) no-repeat;
  background-size: 1.25rem 1.25rem;
  width: 1.25rem;
  height: 1.25rem;
  display: block;
  margin: 0.0625rem 0.625rem 0 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 768px) {
  .training-block > .block > .item > .body > .head > .time::before {
    background-size: 0.75rem 0.75rem;
    width: 0.75rem;
    height: 0.75rem;
    margin: -0.125rem 0.125rem 0 0;
  }
}
.training-block > .block > .item > .body > .title {
  font-size: 1.5rem;
  font-weight: 500;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 0.9375rem;
  margin-bottom: 1.25rem;
}
@media (max-width: 768px) {
  .training-block > .block > .item > .body > .title {
    font-size: 1.25rem;
  }
}
@media (max-width: 768px) {
  .training-block > .block > .item > .body > .foot > .point-list > .item {
    font-size: 0.875rem;
  }
}
.training-block > .block > .item:hover {
  color: #000;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.training-block > .block > .item:hover > .thumbnail {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.training-block > .block > .item:hover > .thumbnail img {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.training-block > .block:last-child {
  margin-bottom: 0;
}

.e-learning-block {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 30px 1fr 30px 1fr 30px 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 30px;
}
@media screen and (max-width: 1600px) {
  .e-learning-block {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media screen and (max-width: 1320px) {
  .e-learning-block {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 768px) {
  .e-learning-block {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.e-learning-block > .block > .item {
  display: block;
  -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  background: #fff;
  text-decoration: none;
  height: 100%;
}
.e-learning-block > .block > .item > .thumbnail {
  overflow: hidden;
  border-radius: 20px 20px 0 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.e-learning-block > .block > .item > .thumbnail img {
  border-radius: 20px 20px 0 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.e-learning-block > .block > .item > .thumbnail.border {
  border-bottom: 1px solid #e5e5e5;
}
.e-learning-block > .block > .item > .body {
  padding: 1.5625rem 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.e-learning-block > .block > .item > .body > .head {
  padding-bottom: 1.25rem;
  margin-bottom: 1.25rem;
  border-bottom: 1px solid #e5e5e5;
}
.e-learning-block > .block > .item > .body > .head > .about {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.875rem;
}
.e-learning-block > .block > .item > .body > .head > .about > .item.-label {
  font-size: 0.75rem;
  font-weight: 200;
  color: #fff;
  text-align: center;
  width: 9.375rem;
  padding: 0.3125rem 0.625rem 0.375rem;
  border-radius: 6px;
}
.e-learning-block > .block > .item > .body > .head > .about > .item.-label.-live {
  background: #ff9600;
}
.e-learning-block > .block > .item > .body > .head > .about > .item.-label.-anime {
  background: #e57373;
}
.e-learning-block > .block > .item > .body > .head > .about > .item.-label.-ai-voice {
  background: #cccc00;
}
.e-learning-block > .block > .item > .body > .head > .about > .item.-label.-lecture {
  background: #08415c;
}
.e-learning-block > .block > .item > .body > .head > .about > .item.-label.-workshop {
  background: #2ca58d;
}
.e-learning-block > .block > .item > .body > .head > .about > .item.-label.-lecture-workshop {
  background: #5c0859;
}
.e-learning-block > .block > .item > .body > .head > .about > .item.-time {
  font-size: 0.875rem;
  font-weight: 200;
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: middle;
}
.e-learning-block > .block > .item > .body > .head > .about > .item.-time::before {
  content: "";
  background: url(../images/icon/icon_time.svg) no-repeat;
  background-size: 1rem 1rem;
  width: 1rem;
  height: 1rem;
  display: block;
  margin: 0.0625rem 0.5rem 0 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.e-learning-block > .block > .item > .body > .head > .title {
  font-size: 1.125rem;
  font-weight: 500;
  display: block;
}
.e-learning-block > .block > .item > .body > .foot > .target {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.75rem;
}
.e-learning-block > .block > .item > .body > .foot > .target > .item {
  font-size: 1rem;
  font-weight: 300;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.e-learning-block > .block > .item > .body > .foot > .target > .detail {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  font-size: 1rem;
  font-weight: 200;
}
.e-learning-block > .block > .item > .body > .foot > .tag-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -0.3125rem;
}
.e-learning-block > .block > .item > .body > .foot > .tag-list > .item {
  font-size: 0.875rem;
  font-weight: 300;
  color: #999;
  margin: 0.15625rem 0.3125rem;
  display: block;
  line-height: 1;
}
.e-learning-block > .block > a.item:hover {
  color: #000;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.e-learning-block > .block > a.item:hover > .thumbnail {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.e-learning-block > .block > a.item:hover > .thumbnail img {
  -webkit-transform: scale(1.2, 1.2);
          transform: scale(1.2, 1.2);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.e-learning-block.-column3 {
  -ms-grid-columns: 1fr 30px 1fr 30px 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px;
}
@media (max-width: 768px) {
  .e-learning-block.-column3 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

.movie-block {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.movie-block iframe {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.customer-block {
  border: 2px solid #e5e5e5;
  border-radius: 10px;
  padding: 1.25rem;
  margin-bottom: 1.25rem;
}
.customer-block > .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
@media (max-width: 768px) {
  .customer-block > .item {
    display: block;
  }
}
.customer-block > .item > .illust {
  width: 8.8125rem;
  padding-right: 1.25rem;
  margin-right: 1.25rem;
  border-right: 1px solid #e5e5e5;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 768px) {
  .customer-block > .item > .illust {
    width: 100%;
    padding: 0 0 1.25rem 0;
    margin: 0 0 1.25rem 0;
    border-right: none;
    border-bottom: 1px solid #e5e5e5;
  }
}
.customer-block > .item > .illust .icon, .customer-block > .item > .illust .icon-external::before, .customer-block > .item > .illust .icon-external-after::after, .customer-block > .item > .illust .icon-pdf::before, .customer-block > .item > .illust .icon-pdf-after::after, .customer-block > .item > .illust .icon-hatena::before, .customer-block > .item > .illust .icon-hatena-after::after, .customer-block > .item > .illust .icon-time::before, .customer-block > .item > .illust .icon-time-after::after, .customer-block > .item > .illust .icon-batch::before, .customer-block > .item > .illust .icon-batch-after::after, .customer-block > .item > .illust .icon-price::before, .customer-block > .item > .illust .icon-price-after::after, .customer-block > .item > .illust .icon-schedule::before, .customer-block > .item > .illust .icon-schedule-after::after, .customer-block > .item > .illust .icon-yen::before, .customer-block > .item > .illust .icon-yen-after::after, .customer-block > .item > .illust .icon-workshop::before, .customer-block > .item > .illust .icon-workshop-after::after, .customer-block > .item > .illust .icon-calendar::before, .customer-block > .item > .illust .icon-calendar-after::after, .customer-block > .item > .illust .icon-update::before, .customer-block > .item > .illust .icon-update-after::after {
  width: 7.5rem;
  height: 7.5rem;
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #f8f8f8;
  border-radius: 100%;
}
@media (max-width: 768px) {
  .customer-block > .item > .illust .icon, .customer-block > .item > .illust .icon-external::before, .customer-block > .item > .illust .icon-external-after::after, .customer-block > .item > .illust .icon-pdf::before, .customer-block > .item > .illust .icon-pdf-after::after, .customer-block > .item > .illust .icon-hatena::before, .customer-block > .item > .illust .icon-hatena-after::after, .customer-block > .item > .illust .icon-time::before, .customer-block > .item > .illust .icon-time-after::after, .customer-block > .item > .illust .icon-batch::before, .customer-block > .item > .illust .icon-batch-after::after, .customer-block > .item > .illust .icon-price::before, .customer-block > .item > .illust .icon-price-after::after, .customer-block > .item > .illust .icon-schedule::before, .customer-block > .item > .illust .icon-schedule-after::after, .customer-block > .item > .illust .icon-yen::before, .customer-block > .item > .illust .icon-yen-after::after, .customer-block > .item > .illust .icon-workshop::before, .customer-block > .item > .illust .icon-workshop-after::after, .customer-block > .item > .illust .icon-calendar::before, .customer-block > .item > .illust .icon-calendar-after::after, .customer-block > .item > .illust .icon-update::before, .customer-block > .item > .illust .icon-update-after::after {
    margin: 0 auto;
  }
}
.customer-block > .item > .illust .motif {
  width: 50%;
  height: 50%;
  -o-object-fit: contain;
     object-fit: contain;
}
.customer-block > .item > .illust .caption {
  font-weight: bold;
  background: #ffd900;
}
.customer-block > .item > .body {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.customer-block > .item > .body .plain {
  padding-left: 0.3125rem;
}

.profile-block {
  border: 1px solid #000;
  border-radius: 10px;
  padding: 1.875rem;
  margin: 2.5rem 0;
}
@media (max-width: 768px) {
  .profile-block {
    display: block;
    padding: 1.25rem;
    margin-bottom: 2.5rem;
  }
}
.profile-block > .profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1.875rem;
}
@media (max-width: 768px) {
  .profile-block > .profile {
    display: block;
  }
}
.profile-block > .profile > .image {
  margin-right: 1.875rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 768px) {
  .profile-block > .profile > .image {
    width: 100%;
    margin: 0 auto 1.25rem;
  }
}
.profile-block > .profile > .body {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
@media (max-width: 768px) {
  .profile-block > .profile > .body {
    padding-top: 1.25rem;
  }
}
.profile-block > .profile > .body > .name > .ja {
  font-size: 1.625rem;
  font-weight: bold;
}
@media (max-width: 768px) {
  .profile-block > .profile > .body > .name > .ja {
    font-size: 1.375rem;
  }
}
.profile-block > .profile > .body > .name > .en {
  margin-left: 1.25rem;
  color: #999;
}
@media (max-width: 768px) {
  .profile-block > .profile > .body > .name > .en {
    font-size: 0.875rem;
  }
}
.profile-block > .profile > .body > .career {
  font-size: 0.9375rem;
  line-height: 2;
}
@media (max-width: 768px) {
  .profile-block > .profile > .body > .career {
    font-size: 0.8125rem;
  }
}

.comparison-block > .item {
  background: #f8f8f8;
  padding: 1.875rem;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.comparison-block > .item > .title {
  font-size: 1.125rem;
  background: #333;
  color: #fff;
  text-align: center;
  padding: 0.625rem;
  margin: -1.875rem -1.875rem 1.625rem;
  border-radius: 10px 10px 0 0;
}
.comparison-block > .item > .image {
  background: #fff;
  padding: 0.875rem;
  border-radius: 10px;
  -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
  margin-bottom: 1.625rem;
  text-align: center;
}
.comparison-block > .item > .body {
  padding: 1.25rem;
  background: #eee;
  font-size: 0.9375rem;
  border-radius: 4px;
  height: 100%;
}
.comparison-block.-column2 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2.5rem 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 2.5rem;
}

.fukidashi-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 2.5rem 0;
}
@media (max-width: 768px) {
  .fukidashi-block {
    display: block;
    margin: 1.875rem 0;
  }
}
.fukidashi-block > .illust {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 768px) {
  .fukidashi-block > .illust {
    margin: 0 auto;
    text-align: center;
  }
}
.fukidashi-block > .body {
  padding: 1.875rem;
  margin-left: 2.5rem;
  border-radius: 10px;
  background: #fffced;
  position: relative;
}
@media (max-width: 768px) {
  .fukidashi-block > .body {
    padding: 1.25rem;
    margin: 1.875rem auto 0;
  }
}
@media (min-width: 769px) {
  .fukidashi-block > .body::before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 20px solid #fffced;
    border-left: 0;
    display: block;
    position: absolute;
    top: 1.875rem;
    left: -1.25rem;
  }
}
@media (max-width: 768px) {
  .fukidashi-block > .body::before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
    border-bottom: 20px solid #fffced;
    border-top: 0;
    display: block;
    position: absolute;
    top: -1.25rem;
    right: 0;
    left: 0;
    margin: 0 auto;
  }
}
.fukidashi-block > .body p {
  font-size: 0.9375rem;
}

.flow-block-a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding-bottom: 3.75rem;
}
@media (max-width: 768px) {
  .flow-block-a {
    display: block;
    padding-bottom: 1.875rem;
  }
}
.flow-block-a::before {
  content: "";
  background: #eee;
  width: 1px;
  height: 100%;
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: absolute;
  top: 7px;
  left: 3px;
}
.flow-block-a > .number {
  font-family: "presicav", sans-serif;
  color: #ffd900;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 768px) {
  .flow-block-a > .number {
    margin-bottom: 0.9375rem;
  }
}
.flow-block-a > .number::before {
  content: "";
  background: #ffd900;
  width: 7px;
  height: 7px;
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 0.625rem;
  border-radius: 100%;
  position: relative;
  z-index: 2;
}
.flow-block-a > .image {
  max-width: 23.75rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 2.5rem;
}
@media (max-width: 768px) {
  .flow-block-a > .image {
    max-width: 100%;
    margin: 0 0 1.25rem 1.875rem;
  }
}
.flow-block-a > .body {
  margin-left: 3.75rem;
}
@media (max-width: 768px) {
  .flow-block-a > .body {
    margin-left: 1.875rem;
  }
}
.flow-block-a > .body > .title {
  font-size: 1.3125rem;
  margin-bottom: 1.25rem;
}
@media (max-width: 768px) {
  .flow-block-a > .body > .title {
    font-size: 1.125rem;
    margin-bottom: 0.625rem;
  }
}
.flow-block-a > .body > .text {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .flow-block-a > .body > .text {
    font-size: 0.875rem;
  }
}
.flow-block-a > .body > .plain {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .flow-block-a > .body > .plain {
    font-size: 0.875rem;
  }
}
.flow-block-a.-last {
  padding-bottom: 0;
}
.flow-block-a.-last::before {
  display: none;
}

.feature-block-a {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2.5rem 1fr 2.5rem 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0 2.5rem;
}
@media (max-width: 768px) {
  .feature-block-a {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 1.25rem 0;
  }
}
.feature-block-a > .item {
  text-align: center;
  background: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
  padding: 1.875rem 1.25rem;
}
.feature-block-a > .item > .sub {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 0.75rem;
  line-height: 1.5;
  padding: 0.25rem 0.625rem;
  margin: 0 auto 0.625rem;
  background: #ffd900;
  border-radius: 1000px;
}
.feature-block-a > .item > .main {
  font-size: 1.125rem;
  margin-bottom: 1.875rem;
}
.feature-block-a > .item > .fig > .image {
  width: 80%;
  margin: 0 auto;
  background: #f8f8f8;
  border-radius: 100%;
  position: relative;
}
.feature-block-a > .item > .fig > .image img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 60%;
  height: 60%;
  margin: auto;
  -o-object-fit: cover;
     object-fit: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.feature-block-a > .item > .fig > .image::before {
  content: "";
  padding-top: 100%;
  display: block;
}
.feature-block-a > .item > .fig > .caption {
  margin-top: 1.25rem;
}

.recommendation-course-block > .item {
  text-decoration: none;
  display: block;
  -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  background: #fff;
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 768px) {
  .recommendation-course-block > .item {
    display: block;
  }
}
.recommendation-course-block > .item .thumbnail {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  max-width: 11.25rem;
  margin-right: 1.25rem;
}
@media (max-width: 768px) {
  .recommendation-course-block > .item .thumbnail {
    max-width: 100%;
    margin: 0 auto 20px;
  }
}
.recommendation-course-block > .item .body .date {
  font-size: 0.875rem;
  display: block;
  color: #999;
}
.recommendation-course-block > .item .body .title {
  font-size: 1.125rem;
  margin: 0.375rem 0;
  font-weight: bold;
  display: block;
}
@media (max-width: 768px) {
  .recommendation-course-block > .item .body .title {
    line-height: 1.5;
    margin: 0.375rem 0;
  }
}
.recommendation-course-block > .item .body .lead {
  font-size: 0.875rem;
  display: block;
}
.recommendation-course-block > .item:hover {
  color: #000;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.recommendation-course-block.-wide {
  margin-bottom: 1.875rem;
}
.recommendation-course-block.-wide > .item {
  border: 1px solid #fff;
  margin-bottom: 0 !important;
}
.recommendation-course-block.-wide > .item > .thumbnail {
  max-width: 20rem !important;
  margin-right: 1.875rem !important;
}
@media (max-width: 768px) {
  .recommendation-course-block.-wide > .item > .thumbnail {
    max-width: 100% !important;
    margin-right: 0 !important;
  }
}
.recommendation-course-block.-wide > .item > .thumbnail img {
  width: 100vw;
  height: auto;
}
@media (max-width: 768px) {
  .recommendation-course-block.-wide > .item > .thumbnail img {
    width: 100%;
  }
}
.recommendation-course-block.-wide > .item > .body {
  width: 100%;
}
.recommendation-course-block.-wide > .item > .body > .head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 1.25rem;
  margin-bottom: 1.25rem;
}
@media (max-width: 768px) {
  .recommendation-course-block.-wide > .item > .body > .head {
    display: block;
  }
}
.recommendation-course-block.-wide > .item > .body > .head > .label {
  font-size: 0.75rem;
  font-weight: 200;
  color: #fff;
  text-align: center;
  width: 9.375rem;
  height: auto;
  padding: 0.125rem 0.625rem 0.1875rem;
  margin-right: 1.25rem;
  border-radius: 4px;
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 768px) {
  .recommendation-course-block.-wide > .item > .body > .head > .label {
    width: 100%;
    padding: 0.3125rem;
    font-size: 0.625rem;
    margin-bottom: 0.625rem;
  }
}
.recommendation-course-block.-wide > .item > .body > .head > .label.-lecture {
  background: #08415c;
}
.recommendation-course-block.-wide > .item > .body > .head > .label.-workshop {
  background: #2ca58d;
}
.recommendation-course-block.-wide > .item > .body > .head > .label.-lecture-workshop {
  background: #5c0859;
}
.recommendation-course-block.-wide > .item > .body > .head > .label.-live {
  background: #ff9600;
}
.recommendation-course-block.-wide > .item > .body > .head > .label.-anime {
  background: #e57373;
}
.recommendation-course-block.-wide > .item > .body > .head > .title {
  font-size: 1.3125rem;
  line-height: 1.6;
  margin: 0;
}
@media (max-width: 768px) {
  .recommendation-course-block.-wide > .item > .body > .head > .title {
    font-size: 1rem;
  }
}
.recommendation-course-block.-wide > .item > .body > .foot > .list > .item {
  font-size: 0.9375rem;
  text-indent: -3em;
  padding-left: 3em;
  line-height: 1.5;
  margin-bottom: 0.25rem;
}
@media (max-width: 768px) {
  .recommendation-course-block.-wide > .item > .body > .foot > .list > .item {
    font-size: 0.75rem;
  }
}
.recommendation-course-block.-wide > .item > .body > .foot > .list > .item:last-child {
  margin-bottom: 0;
}
.recommendation-course-block.-wide > .item:hover {
  background: #f8f8f8;
  border: 1px solid #e5e5e5;
}
@media (max-width: 768px) {
  .recommendation-course-block.-wide:last-child {
    margin-bottom: 0;
  }
}

.bnr-block {
  display: -ms-grid;
  display: grid;
  margin: 1.875rem 0;
}
.bnr-block .bnr-a > .item {
  display: block;
  text-decoration: none;
  text-align: center;
  border: 2px solid #ffd900;
  border-radius: 4px;
  padding: 1.25rem 0.625rem 0.625rem;
  background: #fefbe5;
  position: relative;
}
@media (max-width: 768px) {
  .bnr-block .bnr-a > .item {
    padding: 1rem 0.625rem 0.625rem;
  }
}
.bnr-block .bnr-a > .item > .text {
  font-size: 1.375rem;
  display: block;
  line-height: 1.5;
  margin-bottom: 1rem;
}
@media (max-width: 768px) {
  .bnr-block .bnr-a > .item > .text {
    font-size: 1.125rem;
  }
}
.bnr-block .bnr-a > .item > .text > em {
  font-weight: bold;
  font-style: normal;
}
.bnr-block .bnr-a > .item > .thumbnail img {
  width: 100%;
  height: auto;
}
.bnr-block .bnr-a > .item > .more {
  display: block;
  background: #ffd900;
  border-radius: 4px;
  padding: 1rem 0.625rem;
  font-size: 1rem;
  line-height: 1.5;
  margin: 0.875rem auto 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 768px) {
  .bnr-block .bnr-a > .item > .more {
    font-size: 0.875rem;
    line-height: 1.6;
    padding: 1rem 0.25rem;
  }
}
.bnr-block .bnr-a > .item > .more > em {
  font-size: 1.25rem;
  font-weight: bold;
  font-style: normal;
}
@media (max-width: 768px) {
  .bnr-block .bnr-a > .item > .more > em {
    font-size: 1rem;
  }
}
.bnr-block .bnr-a > .item.-new::before {
  content: "";
  background: url(../images/icon/icon_new.svg) no-repeat;
  background-size: 4.1875rem 4.1875rem;
  width: 4.1875rem;
  height: 4.1875rem;
  display: block;
  position: absolute;
  top: -2px;
  left: -2px;
}
.bnr-block .bnr-a > .item:hover {
  border: 2px solid #000;
  color: #000;
}
.bnr-block .bnr-a > .item:hover > .more {
  background: #000;
  color: #ffd900;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.bnr-block.-column2 {
  -ms-grid-columns: 1fr 1.25rem 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 1.25rem;
}
@media (max-width: 768px) {
  .bnr-block.-column2 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.video-block {
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .video-block {
    width: 100%;
    height: auto;
  }
}
.video-block video {
  width: 100%;
  padding: 0;
  margin: 0 auto;
  -webkit-box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.15);
  cursor: pointer;
  outline: none;
  pointer-events: auto;
}
@media (max-width: 768px) {
  .video-block video {
    width: 100%;
    height: auto;
  }
}
.video-block .caption {
  margin: 1.25rem auto 0;
  text-align: center;
  color: #999;
}

/**************************************************
    Animation
***************************************************/
@media (min-width: 769px) {
  #top .main-visual .swiper-slide .slide-title.-no1 .st0 {
    opacity: 0.1;
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #FFD900;
    stroke: #FFD900;
    stroke-width: 2;
    stroke-linecap: square;
    enable-background: new;
  }
  #top .main-visual .swiper-slide .slide-title.-no1 .st1 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #FFFFFF;
  }
  #top .main-visual .swiper-slide .slide-title.-no1 .st2 {
    fill: none;
    stroke: #FFFFFF;
    stroke-linejoin: round;
  }
  #top .main-visual .swiper-slide .slide-title.-no1 .st3 {
    fill: none;
    stroke: #FFFFFF;
    stroke-width: 6;
    stroke-linecap: square;
    stroke-miterlimit: 10;
  }
  #top .main-visual .swiper-slide .slide-title.-no1 .st4 {
    fill: #1A1A19;
    stroke: #1A1A19;
    stroke-linejoin: round;
  }
  #top .main-visual .swiper-slide .slide-title.-no1 .st5 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #FFD900;
    stroke: #1A1A19;
    stroke-linejoin: round;
  }
  #top .main-visual .swiper-slide .slide-title.-no1 .st6 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #FFD900;
    stroke: #FFD900;
    stroke-linejoin: round;
  }
}
@media (max-width: 768px) {
  #top .main-visual .swiper-slide .slide-title.-no1 .st0 {
    opacity: 0.1;
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #FFD900;
    enable-background: new;
  }
  #top .main-visual .swiper-slide .slide-title.-no1 .st1 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #FFFFFF;
  }
  #top .main-visual .swiper-slide .slide-title.-no1 .st2 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #FFFFFF;
    fill-opacity: 0;
    stroke: #FFFFFF;
    stroke-width: 4;
    stroke-linecap: square;
  }
  #top .main-visual .swiper-slide .slide-title.-no1 .st3 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #FFD900;
    stroke: #FFD900;
    stroke-linejoin: round;
  }
  #top .main-visual .swiper-slide .slide-title.-no1 .st4 {
    fill: #1A1A19;
  }
  #top .main-visual .swiper-slide .slide-title.-no1 .st5 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #FFD900;
  }
}
@media (min-width: 769px) {
  #top .main-visual .swiper-slide .slide-title.-no2 .st0 {
    opacity: 0.1;
    enable-background: new;
  }
  #top .main-visual .swiper-slide .slide-title.-no2 .st1 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #062031;
  }
  #top .main-visual .swiper-slide .slide-title.-no2 .st2 {
    fill: #1A1A19;
  }
  #top .main-visual .swiper-slide .slide-title.-no2 .st3 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #FFFFFF;
  }
  #top .main-visual .swiper-slide .slide-title.-no2 .st4 {
    fill: none;
    stroke: #FFFFFF;
    stroke-linejoin: round;
  }
  #top .main-visual .swiper-slide .slide-title.-no2 .st5 {
    fill: none;
    stroke: #FFFFFF;
    stroke-width: 6;
    stroke-linecap: square;
    stroke-miterlimit: 10;
  }
  #top .main-visual .swiper-slide .slide-title.-no2 .st6 {
    fill: #1A1A19;
    stroke: #1A1A19;
    stroke-linejoin: round;
  }
  #top .main-visual .swiper-slide .slide-title.-no2 .st7 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #FFD900;
    stroke: #1A1A19;
    stroke-linejoin: round;
  }
  #top .main-visual .swiper-slide .slide-title.-no2 .st8 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #FFD900;
    stroke: #FFD900;
    stroke-linejoin: round;
  }
}
@media (max-width: 768px) {
  #top .main-visual .swiper-slide .slide-title.-no2 .st0 {
    opacity: 0.1;
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #062031;
    enable-background: new;
  }
  #top .main-visual .swiper-slide .slide-title.-no2 .st1 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #FFFFFF;
  }
  #top .main-visual .swiper-slide .slide-title.-no2 .st2 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #FFFFFF;
    fill-opacity: 0;
    stroke: #FFFFFF;
    stroke-width: 4;
    stroke-linecap: square;
  }
  #top .main-visual .swiper-slide .slide-title.-no2 .st3 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #FFD900;
    stroke: #FFD900;
    stroke-linejoin: round;
  }
  #top .main-visual .swiper-slide .slide-title.-no2 .st4 {
    fill: #1A1A19;
  }
  #top .main-visual .swiper-slide .slide-title.-no2 .st5 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #FFD900;
  }
}
@media (min-width: 769px) {
  #top .main-visual .swiper-slide .slide-title.-no3 .st0 {
    opacity: 0.1;
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #FFD900;
    stroke: #FFD900;
    stroke-width: 2;
    stroke-linecap: square;
    enable-background: new;
  }
  #top .main-visual .swiper-slide .slide-title.-no3 .st1 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #FFFFFF;
  }
  #top .main-visual .swiper-slide .slide-title.-no3 .st2 {
    fill: none;
    stroke: #FFFFFF;
    stroke-linejoin: round;
  }
  #top .main-visual .swiper-slide .slide-title.-no3 .st3 {
    fill: none;
    stroke: #FFFFFF;
    stroke-width: 6;
    stroke-linecap: square;
    stroke-miterlimit: 10;
  }
  #top .main-visual .swiper-slide .slide-title.-no3 .st4 {
    fill: #1A1A19;
    stroke: #1A1A19;
    stroke-linejoin: round;
  }
  #top .main-visual .swiper-slide .slide-title.-no3 .st5 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #FFD900;
    stroke: #1A1A19;
    stroke-linejoin: round;
  }
  #top .main-visual .swiper-slide .slide-title.-no3 .st6 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #FFD900;
    stroke: #FFD900;
    stroke-linejoin: round;
  }
}
@media (max-width: 768px) {
  #top .main-visual .swiper-slide .slide-title.-no3 .st0 {
    opacity: 0.1;
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #FFD900;
    enable-background: new;
  }
  #top .main-visual .swiper-slide .slide-title.-no3 .st1 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #FFFFFF;
  }
  #top .main-visual .swiper-slide .slide-title.-no3 .st2 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #FFFFFF;
    fill-opacity: 0;
    stroke: #FFFFFF;
    stroke-width: 4;
    stroke-linecap: square;
  }
  #top .main-visual .swiper-slide .slide-title.-no3 .st3 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #FFD900;
    stroke: #FFD900;
    stroke-linejoin: round;
  }
  #top .main-visual .swiper-slide .slide-title.-no3 .st4 {
    fill: #1A1A19;
  }
  #top .main-visual .swiper-slide .slide-title.-no3 .st5 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #FFD900;
  }
}
@media (min-width: 769px) {
  #top .main-visual .swiper-slide .slide-title.-no4 .st0 {
    opacity: 0.1;
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #062031;
    stroke: #1A1A19;
    stroke-width: 2;
    stroke-linecap: square;
    enable-background: new;
  }
  #top .main-visual .swiper-slide .slide-title.-no4 .st1 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #FFFFFF;
  }
  #top .main-visual .swiper-slide .slide-title.-no4 .st2 {
    fill: none;
    stroke: #FFFFFF;
    stroke-linejoin: round;
  }
  #top .main-visual .swiper-slide .slide-title.-no4 .st3 {
    fill: none;
    stroke: #FFFFFF;
    stroke-width: 6;
    stroke-linecap: square;
  }
  #top .main-visual .swiper-slide .slide-title.-no4 .st4 {
    fill: #1A1A19;
    stroke: #1A1A19;
    stroke-linejoin: round;
  }
  #top .main-visual .swiper-slide .slide-title.-no4 .st5 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #FFD900;
    stroke: #1A1A19;
    stroke-linejoin: round;
  }
  #top .main-visual .swiper-slide .slide-title.-no4 .st6 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #FFD900;
    stroke: #FFD900;
    stroke-linejoin: round;
  }
}
@media (max-width: 768px) {
  #top .main-visual .swiper-slide .slide-title.-no4 .st0 {
    opacity: 0.1;
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #062031;
    enable-background: new;
  }
  #top .main-visual .swiper-slide .slide-title.-no4 .st1 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #FFFFFF;
  }
  #top .main-visual .swiper-slide .slide-title.-no4 .st2 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #FFFFFF;
    fill-opacity: 0;
    stroke: #FFFFFF;
    stroke-width: 4;
    stroke-linecap: square;
  }
  #top .main-visual .swiper-slide .slide-title.-no4 .st3 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #FFD900;
    stroke: #FFD900;
    stroke-linejoin: round;
  }
  #top .main-visual .swiper-slide .slide-title.-no4 .st4 {
    fill: #1A1A19;
  }
  #top .main-visual .swiper-slide .slide-title.-no4 .st5 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #FFD900;
  }
}
@media (min-width: 769px) {
  #top .main-visual .swiper-slide .slide-title.-no5 .st0 {
    opacity: 0.1;
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #FFD900;
    stroke: #FFD900;
    stroke-width: 2;
    stroke-linecap: square;
    enable-background: new;
  }
  #top .main-visual .swiper-slide .slide-title.-no5 .st1 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #FFFFFF;
  }
  #top .main-visual .swiper-slide .slide-title.-no5 .st2 {
    fill: none;
    stroke: #FFFFFF;
    stroke-linejoin: round;
  }
  #top .main-visual .swiper-slide .slide-title.-no5 .st3 {
    fill: none;
    stroke: #FFFFFF;
    stroke-width: 6;
    stroke-linecap: square;
    stroke-miterlimit: 10;
  }
  #top .main-visual .swiper-slide .slide-title.-no5 .st4 {
    fill: #1A1A19;
    stroke: #1A1A19;
    stroke-linejoin: round;
  }
  #top .main-visual .swiper-slide .slide-title.-no5 .st5 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #FFD900;
    stroke: #1A1A19;
    stroke-linejoin: round;
  }
  #top .main-visual .swiper-slide .slide-title.-no5 .st6 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #FFD900;
    stroke: #FFD900;
    stroke-linejoin: round;
  }
}
@media (max-width: 768px) {
  #top .main-visual .swiper-slide .slide-title.-no5 .st0 {
    opacity: 0.1;
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #FFD900;
    enable-background: new;
  }
  #top .main-visual .swiper-slide .slide-title.-no5 .st1 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #FFFFFF;
  }
  #top .main-visual .swiper-slide .slide-title.-no5 .st2 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #FFFFFF;
    fill-opacity: 0;
    stroke: #FFFFFF;
    stroke-width: 4;
    stroke-linecap: square;
  }
  #top .main-visual .swiper-slide .slide-title.-no5 .st3 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #FFD900;
    stroke: #FFD900;
    stroke-linejoin: round;
  }
  #top .main-visual .swiper-slide .slide-title.-no5 .st4 {
    fill: #1A1A19;
  }
  #top .main-visual .swiper-slide .slide-title.-no5 .st5 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #FFD900;
  }
}
@media (min-width: 769px) {
  #top .main-visual .swiper-slide .slide-title.-no6 .st0 {
    opacity: 0.1;
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #062031;
    stroke: #1A1A19;
    stroke-linejoin: round;
    enable-background: new;
  }
  #top .main-visual .swiper-slide .slide-title.-no6 .st1 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #FFFFFF;
  }
  #top .main-visual .swiper-slide .slide-title.-no6 .st2 {
    fill: none;
    stroke: #FFFFFF;
    stroke-linejoin: round;
  }
  #top .main-visual .swiper-slide .slide-title.-no6 .st3 {
    fill: none;
    stroke: #FFFFFF;
    stroke-width: 6;
    stroke-linecap: square;
    stroke-miterlimit: 10;
  }
  #top .main-visual .swiper-slide .slide-title.-no6 .st4 {
    fill: #1A1A19;
    stroke: #1A1A19;
    stroke-linejoin: round;
  }
  #top .main-visual .swiper-slide .slide-title.-no6 .st5 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #FFD900;
    stroke: #1A1A19;
    stroke-linejoin: round;
  }
  #top .main-visual .swiper-slide .slide-title.-no6 .st6 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #FFD900;
    stroke: #FFD900;
    stroke-linejoin: round;
  }
}
@media (max-width: 768px) {
  #top .main-visual .swiper-slide .slide-title.-no6 .st0 {
    opacity: 0.1;
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #062031;
    enable-background: new;
  }
  #top .main-visual .swiper-slide .slide-title.-no6 .st1 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #FFFFFF;
  }
  #top .main-visual .swiper-slide .slide-title.-no6 .st2 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #FFFFFF;
    fill-opacity: 0;
    stroke: #FFFFFF;
    stroke-width: 4;
    stroke-linecap: square;
  }
  #top .main-visual .swiper-slide .slide-title.-no6 .st3 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #FFD900;
    stroke: #FFD900;
    stroke-linejoin: round;
  }
  #top .main-visual .swiper-slide .slide-title.-no6 .st4 {
    fill: #1A1A19;
  }
  #top .main-visual .swiper-slide .slide-title.-no6 .st5 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #FFD900;
  }
}
@media (min-width: 769px) {
  @-webkit-keyframes animate-svg-stroke-9 {
    0% {
      stroke-dashoffset: 2403.9587402344px;
      stroke-dasharray: 2403.9587402344px;
    }
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 2403.9587402344px;
    }
  }
  @keyframes animate-svg-stroke-9 {
    0% {
      stroke-dashoffset: 2403.9587402344px;
      stroke-dasharray: 2403.9587402344px;
    }
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 2403.9587402344px;
    }
  }
  @-webkit-keyframes animate-svg-fill-9 {
    0% {
      fill: transparent;
    }
    100% {
      fill: rgb(255, 217, 0);
    }
  }
  @keyframes animate-svg-fill-9 {
    0% {
      fill: transparent;
    }
    100% {
      fill: rgb(255, 217, 0);
    }
  }
  #top .main-visual .swiper-slide-active .slide-title.-no1 .svg-elem-9 {
    -webkit-animation: animate-svg-stroke-9 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both, animate-svg-fill-9 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
            animation: animate-svg-stroke-9 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both, animate-svg-fill-9 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
  }
}
@media (max-width: 768px) {
  @-webkit-keyframes animate-svg-stroke-5 {
    0% {
      stroke-dashoffset: 1205.8967285156px;
      stroke-dasharray: 1205.8967285156px;
    }
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1205.8967285156px;
    }
  }
  @keyframes animate-svg-stroke-5 {
    0% {
      stroke-dashoffset: 1205.8967285156px;
      stroke-dasharray: 1205.8967285156px;
    }
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1205.8967285156px;
    }
  }
  @-webkit-keyframes animate-svg-fill-5 {
    0% {
      fill: transparent;
    }
    100% {
      fill: rgb(255, 217, 0);
    }
  }
  @keyframes animate-svg-fill-5 {
    0% {
      fill: transparent;
    }
    100% {
      fill: rgb(255, 217, 0);
    }
  }
  #top .main-visual .swiper-slide-active .slide-title.-no1 .svg-elem-5 {
    -webkit-animation: animate-svg-stroke-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both, animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both;
            animation: animate-svg-stroke-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both, animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both;
  }
}
@media (min-width: 769px) {
  @-webkit-keyframes animate2-svg-stroke-10 {
    0% {
      stroke-dashoffset: 4355.8305664063px;
      stroke-dasharray: 4355.8305664063px;
    }
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 4355.8305664063px;
    }
  }
  @keyframes animate2-svg-stroke-10 {
    0% {
      stroke-dashoffset: 4355.8305664063px;
      stroke-dasharray: 4355.8305664063px;
    }
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 4355.8305664063px;
    }
  }
  @-webkit-keyframes animate2-svg-fill-10 {
    0% {
      fill: transparent;
    }
    100% {
      fill: rgb(255, 217, 0);
    }
  }
  @keyframes animate2-svg-fill-10 {
    0% {
      fill: transparent;
    }
    100% {
      fill: rgb(255, 217, 0);
    }
  }
  #top .main-visual .swiper-slide-active .slide-title.-no2 .svg-elem-10 {
    -webkit-animation: animate2-svg-stroke-10 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s both, animate2-svg-fill-10 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7s both;
            animation: animate2-svg-stroke-10 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s both, animate2-svg-fill-10 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7s both;
  }
}
@media (max-width: 768px) {
  @-webkit-keyframes animate-svg-stroke-5 {
    0% {
      stroke-dashoffset: 2175.7351074219px;
      stroke-dasharray: 2175.7351074219px;
    }
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 2175.7351074219px;
    }
  }
  @keyframes animate-svg-stroke-5 {
    0% {
      stroke-dashoffset: 2175.7351074219px;
      stroke-dasharray: 2175.7351074219px;
    }
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 2175.7351074219px;
    }
  }
  @-webkit-keyframes animate-svg-fill-5 {
    0% {
      fill: transparent;
    }
    100% {
      fill: rgb(255, 217, 0);
    }
  }
  @keyframes animate-svg-fill-5 {
    0% {
      fill: transparent;
    }
    100% {
      fill: rgb(255, 217, 0);
    }
  }
  #top .main-visual .swiper-slide-active .slide-title.-no2 .svg-elem-5 {
    -webkit-animation: animate-svg-stroke-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both, animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both;
            animation: animate-svg-stroke-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both, animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both;
  }
}
@media (min-width: 769px) {
  @-webkit-keyframes animate3-svg-stroke-9 {
    0% {
      stroke-dashoffset: 5291.1645507813px;
      stroke-dasharray: 5291.1645507813px;
    }
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 5291.1645507813px;
    }
  }
  @keyframes animate3-svg-stroke-9 {
    0% {
      stroke-dashoffset: 5291.1645507813px;
      stroke-dasharray: 5291.1645507813px;
    }
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 5291.1645507813px;
    }
  }
  @-webkit-keyframes animate3-svg-fill-9 {
    0% {
      fill: transparent;
    }
    100% {
      fill: rgb(255, 217, 0);
    }
  }
  @keyframes animate3-svg-fill-9 {
    0% {
      fill: transparent;
    }
    100% {
      fill: rgb(255, 217, 0);
    }
  }
  #top .main-visual .swiper-slide-active .slide-title.-no3 .svg-elem-9 {
    -webkit-animation: animate3-svg-stroke-9 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both, animate3-svg-fill-9 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
            animation: animate3-svg-stroke-9 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both, animate3-svg-fill-9 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
  }
}
@media (max-width: 768px) {
  @-webkit-keyframes animate-svg-stroke-5 {
    0% {
      stroke-dashoffset: 2635.7912597656px;
      stroke-dasharray: 2635.7912597656px;
    }
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 2635.7912597656px;
    }
  }
  @keyframes animate-svg-stroke-5 {
    0% {
      stroke-dashoffset: 2635.7912597656px;
      stroke-dasharray: 2635.7912597656px;
    }
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 2635.7912597656px;
    }
  }
  @-webkit-keyframes animate-svg-fill-5 {
    0% {
      fill: transparent;
    }
    100% {
      fill: rgb(255, 217, 0);
    }
  }
  @keyframes animate-svg-fill-5 {
    0% {
      fill: transparent;
    }
    100% {
      fill: rgb(255, 217, 0);
    }
  }
  #top .main-visual .swiper-slide-active .slide-title.-no3 .svg-elem-5 {
    -webkit-animation: animate-svg-stroke-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both, animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both;
            animation: animate-svg-stroke-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both, animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both;
  }
}
@media (min-width: 769px) {
  @-webkit-keyframes animate4-svg-stroke-9 {
    0% {
      stroke-dashoffset: 3548.318359375px;
      stroke-dasharray: 3548.318359375px;
    }
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 3548.318359375px;
    }
  }
  @keyframes animate4-svg-stroke-9 {
    0% {
      stroke-dashoffset: 3548.318359375px;
      stroke-dasharray: 3548.318359375px;
    }
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 3548.318359375px;
    }
  }
  @-webkit-keyframes animate4-svg-fill-9 {
    0% {
      fill: transparent;
    }
    100% {
      fill: rgb(255, 217, 0);
    }
  }
  @keyframes animate4-svg-fill-9 {
    0% {
      fill: transparent;
    }
    100% {
      fill: rgb(255, 217, 0);
    }
  }
  #top .main-visual .swiper-slide-active .slide-title.-no4 .svg-elem-9 {
    -webkit-animation: animate4-svg-stroke-9 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both, animate4-svg-fill-9 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
            animation: animate4-svg-stroke-9 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both, animate4-svg-fill-9 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
  }
}
@media (max-width: 768px) {
  @-webkit-keyframes animate-svg-stroke-5 {
    0% {
      stroke-dashoffset: 1760.0104980469px;
      stroke-dasharray: 1760.0104980469px;
    }
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1760.0104980469px;
    }
  }
  @keyframes animate-svg-stroke-5 {
    0% {
      stroke-dashoffset: 1760.0104980469px;
      stroke-dasharray: 1760.0104980469px;
    }
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1760.0104980469px;
    }
  }
  @-webkit-keyframes animate-svg-fill-5 {
    0% {
      fill: transparent;
    }
    100% {
      fill: rgb(255, 217, 0);
    }
  }
  @keyframes animate-svg-fill-5 {
    0% {
      fill: transparent;
    }
    100% {
      fill: rgb(255, 217, 0);
    }
  }
  #top .main-visual .swiper-slide-active .slide-title.-no4 .svg-elem-5 {
    -webkit-animation: animate-svg-stroke-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both, animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both;
            animation: animate-svg-stroke-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both, animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both;
  }
}
@media (min-width: 769px) {
  @-webkit-keyframes animate5-svg-stroke-9 {
    0% {
      stroke-dashoffset: 4926.6528320313px;
      stroke-dasharray: 4926.6528320313px;
    }
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 4926.6528320313px;
    }
  }
  @keyframes animate5-svg-stroke-9 {
    0% {
      stroke-dashoffset: 4926.6528320313px;
      stroke-dasharray: 4926.6528320313px;
    }
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 4926.6528320313px;
    }
  }
  @-webkit-keyframes animate5-svg-fill-9 {
    0% {
      fill: transparent;
    }
    100% {
      fill: rgb(255, 217, 0);
    }
  }
  @keyframes animate5-svg-fill-9 {
    0% {
      fill: transparent;
    }
    100% {
      fill: rgb(255, 217, 0);
    }
  }
  #top .main-visual .swiper-slide-active .slide-title.-no5 .svg-elem-9 {
    -webkit-animation: animate5-svg-stroke-9 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both, animate5-svg-fill-9 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
            animation: animate5-svg-stroke-9 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both, animate5-svg-fill-9 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
  }
}
@media (max-width: 768px) {
  @-webkit-keyframes animate-svg-stroke-5 {
    0% {
      stroke-dashoffset: 2459.1569824219px;
      stroke-dasharray: 2459.1569824219px;
    }
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 2459.1569824219px;
    }
  }
  @keyframes animate-svg-stroke-5 {
    0% {
      stroke-dashoffset: 2459.1569824219px;
      stroke-dasharray: 2459.1569824219px;
    }
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 2459.1569824219px;
    }
  }
  @-webkit-keyframes animate-svg-fill-5 {
    0% {
      fill: transparent;
    }
    100% {
      fill: rgb(255, 217, 0);
    }
  }
  @keyframes animate-svg-fill-5 {
    0% {
      fill: transparent;
    }
    100% {
      fill: rgb(255, 217, 0);
    }
  }
  #top .main-visual .swiper-slide-active .slide-title.-no5 .svg-elem-5 {
    -webkit-animation: animate-svg-stroke-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both, animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both;
            animation: animate-svg-stroke-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both, animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both;
  }
}
@media (min-width: 769px) {
  @-webkit-keyframes animate6-svg-stroke-9 {
    0% {
      stroke-dashoffset: 5655.9560546875px;
      stroke-dasharray: 5655.9560546875px;
    }
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 5655.9560546875px;
    }
  }
  @keyframes animate6-svg-stroke-9 {
    0% {
      stroke-dashoffset: 5655.9560546875px;
      stroke-dasharray: 5655.9560546875px;
    }
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 5655.9560546875px;
    }
  }
  @-webkit-keyframes animate6-svg-fill-9 {
    0% {
      fill: transparent;
    }
    100% {
      fill: rgb(255, 217, 0);
    }
  }
  @keyframes animate6-svg-fill-9 {
    0% {
      fill: transparent;
    }
    100% {
      fill: rgb(255, 217, 0);
    }
  }
  #top .main-visual .swiper-slide-active .slide-title.-no6 .svg-elem-9 {
    -webkit-animation: animate6-svg-stroke-9 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both, animate6-svg-fill-9 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
            animation: animate6-svg-stroke-9 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both, animate6-svg-fill-9 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
  }
}
@media (max-width: 768px) {
  @-webkit-keyframes animate-svg-stroke-5 {
    0% {
      stroke-dashoffset: 2233.1091308594px;
      stroke-dasharray: 2233.1091308594px;
    }
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 2233.1091308594px;
    }
  }
  @keyframes animate-svg-stroke-5 {
    0% {
      stroke-dashoffset: 2233.1091308594px;
      stroke-dasharray: 2233.1091308594px;
    }
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 2233.1091308594px;
    }
  }
  @-webkit-keyframes animate-svg-fill-5 {
    0% {
      fill: transparent;
    }
    100% {
      fill: rgb(255, 217, 0);
    }
  }
  @keyframes animate-svg-fill-5 {
    0% {
      fill: transparent;
    }
    100% {
      fill: rgb(255, 217, 0);
    }
  }
  #top .main-visual .swiper-slide-active .slide-title.-no6 .svg-elem-5 {
    -webkit-animation: animate-svg-stroke-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both, animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both;
            animation: animate-svg-stroke-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both, animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both;
  }
}

/**************************************************
    Top
***************************************************/
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}
@-webkit-keyframes blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
@keyframes blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
#top .fadeInDown {
  opacity: 0;
}
#top .fadeInDown.run {
  -webkit-animation: fadeInDown 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
          animation: fadeInDown 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
}
#top .fadeOutDown {
  opacity: 1;
}
#top .fadeOutDown.run {
  -webkit-animation: fadeOutDown 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
          animation: fadeOutDown 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
}
#top .main-visual {
  width: 100%;
  height: 100vh;
  min-height: 50rem;
  position: relative;
}
#top .main-visual .particles-js-canvas-el {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  margin: auto;
  opacity: 0.4;
  pointer-events: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 768px) {
  #top .main-visual {
    height: auto;
    min-height: 100vh;
  }
}
#top .main-visual > .inner {
  max-width: 100%;
  min-height: 41.25rem;
  padding: 0;
  position: relative;
}
@media (max-width: 768px) {
  #top .main-visual > .inner {
    min-height: 100vh;
  }
}
#top .main-visual .swiper-container {
  position: relative;
  height: calc(100vh - 8.94rem);
  min-height: 41.25rem;
}
@media (max-width: 768px) {
  #top .main-visual .swiper-container {
    height: 100vh;
    min-height: inherit;
  }
}
#top .main-visual .swiper-button-prev, #top .main-visual .swiper-button-next {
  display: block;
  width: 0.75rem;
  height: 1.25rem;
  position: absolute;
  top: calc((100% - 1.25rem) / 2);
  right: 0;
  display: block;
  cursor: pointer;
  background: none;
}
@media (max-width: 768px) {
  #top .main-visual .swiper-button-prev, #top .main-visual .swiper-button-next {
    top: 18.75rem;
  }
}
#top .main-visual .swiper-button-prev::after, #top .main-visual .swiper-button-next::after {
  content: "";
  background: url(../images/icon/icon_arrow_white.svg) no-repeat;
  background-size: 0.75rem 1.25rem;
  width: 0.75rem;
  height: 1.25rem;
  display: block;
  vertical-align: middle;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#top .main-visual .swiper-button-prev {
  left: 2.5rem;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
@media (max-width: 768px) {
  #top .main-visual .swiper-button-prev {
    left: 0.625rem;
  }
}
#top .main-visual .swiper-button-next {
  right: 2.5rem;
}
@media (max-width: 768px) {
  #top .main-visual .swiper-button-next {
    right: 0.625rem;
  }
}
#top .main-visual .swiper-slide .slide-title {
  width: 100%;
  height: 100vh;
  min-height: 37.5rem;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: 998;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 768px) {
  #top .main-visual .swiper-slide .slide-title {
    height: 100vh;
    min-height: inherit;
  }
}
#top .main-visual .swiper-slide .slide-title img, #top .main-visual .swiper-slide .slide-title svg {
  width: 100vw;
  max-width: 1200px;
  height: 100vh;
  min-height: 50rem;
  padding: 0 6.25rem 1.25rem;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  -webkit-filter: drop-shadow(0px 1px 15px rgba(0, 0, 0, 0.35));
          filter: drop-shadow(0px 1px 15px rgba(0, 0, 0, 0.35));
}
@media (max-width: 768px) {
  #top .main-visual .swiper-slide .slide-title img, #top .main-visual .swiper-slide .slide-title svg {
    padding: 3.75rem 1.25rem 6.25rem;
    min-height: inherit;
  }
}
#top .main-visual .swiper-slide .slide-img img {
  width: 100vw;
  height: 100vh;
  min-height: 50rem;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 768px) {
  #top .main-visual .swiper-slide .slide-img img {
    min-height: 100vh;
  }
}
#top .main-visual .slide-lp {
  width: 100vw;
  height: 100vh;
  min-height: 50rem;
  padding: 5rem 5rem 16.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  background: #808080;
}
@media (max-width: 768px) {
  #top .main-visual .slide-lp {
    height: 100vh;
    min-height: inherit;
    padding: 3.75rem 1.25rem 6.25rem;
  }
}
#top .main-visual .slide-lp .catch-block {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1000;
}
@media screen and (min-width: 1540px) {
  #top .main-visual .slide-lp .catch-block {
    max-width: 90rem;
  }
}
@media (max-width: 768px) {
  #top .main-visual .slide-lp .catch-block {
    display: block;
    height: auto;
  }
}
#top .main-visual .slide-lp .catch-block > .body {
  width: 100%;
  position: relative;
  z-index: 1000;
}
@media (max-width: 768px) {
  #top .main-visual .slide-lp .catch-block > .body {
    text-align: center;
  }
}
#top .main-visual .slide-lp .catch-block > .body .note {
  font-size: 1.125rem;
  font-weight: bold;
  color: #fff;
  margin-bottom: 1.875rem;
}
@media (max-width: 768px) {
  #top .main-visual .slide-lp .catch-block > .body .note {
    font-size: 0.75rem;
    margin-bottom: 1rem;
  }
}
#top .main-visual .slide-lp .catch-block > .body .sub {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.1875rem 0.625rem 0.25rem;
  margin-bottom: 0.625rem;
  font-size: 1.375rem;
  color: #fff;
  font-weight: 700;
  border: 1px solid #fff;
}
@media (max-width: 768px) {
  #top .main-visual .slide-lp .catch-block > .body .sub {
    font-size: 0.75rem;
    margin: 0 auto 1rem;
  }
}
#top .main-visual .slide-lp .catch-block > .body .sub > em {
  font-style: normal;
}
#top .main-visual .slide-lp .catch-block > .body .main {
  color: #fff;
  font-size: 2.875rem;
  line-height: 1.4;
  font-weight: 900;
  margin-bottom: 1.25rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width: 1440px) {
  #top .main-visual .slide-lp .catch-block > .body .main {
    font-size: 2.5rem;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
}
@media (max-width: 768px) {
  #top .main-visual .slide-lp .catch-block > .body .main {
    font-size: 1.375rem;
  }
}
#top .main-visual .slide-lp .catch-block > .body .release {
  font-size: 1.125rem;
  color: #fff;
  margin-bottom: 3.75rem;
  text-decoration: underline;
  text-underline-offset: 1.25rem;
  text-decoration-thickness: 1px;
}
@media (max-width: 768px) {
  #top .main-visual .slide-lp .catch-block > .body .release {
    font-size: 0.75rem;
    text-decoration: none;
    margin-bottom: 1.25rem;
  }
}
@media (max-width: 768px) {
  #top .main-visual .slide-lp .catch-block > .body .button {
    text-align: center;
  }
}
#top .main-visual .slide-lp .catch-block > .body .button > a {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.625rem 1.25rem;
  display: block;
  background: #ffd900;
  color: #000;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.125rem;
  border-radius: 10px;
}
@media (max-width: 768px) {
  #top .main-visual .slide-lp .catch-block > .body .button > a {
    width: 100%;
    font-size: 0.875rem;
  }
}
#top .main-visual .slide-lp .catch-block > .body .button > a:hover {
  background: #000;
  color: #ffd900;
}
#top .main-visual .slide-lp .catch-block .image {
  width: 100%;
  padding-left: 21.25rem;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  pointer-events: none;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 768px) {
  #top .main-visual .slide-lp .catch-block .image {
    position: static;
    padding-left: 0;
    margin: 0 auto 1.25rem;
    width: 50%;
  }
}
#top .main-visual .slide-lp2 {
  width: 100vw;
  height: 100vh;
  min-height: 50rem;
  padding: 5rem 5rem 16.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  background: url(../lp/generative-ai/images/bg.jpg) no-repeat center center;
  background-size: cover;
}
@media (max-width: 768px) {
  #top .main-visual .slide-lp2 {
    height: 100vh;
    min-height: inherit;
    padding: 3.75rem 1.25rem 6.25rem;
  }
}
#top .main-visual .slide-lp2 .catch-block {
  width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 1000;
}
@media (max-width: 768px) {
  #top .main-visual .slide-lp2 .catch-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#top .main-visual .slide-lp2 .catch-block > .body {
  position: relative;
  z-index: 1000;
  pointer-events: none;
}
@media (max-width: 768px) {
  #top .main-visual .slide-lp2 .catch-block > .body {
    text-align: center;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
#top .main-visual .slide-lp2 .catch-block > .body .note {
  font-size: 1.125rem;
  font-weight: bold;
  color: #fff;
  margin-bottom: 1.875rem;
}
@media (max-width: 768px) {
  #top .main-visual .slide-lp2 .catch-block > .body .note {
    font-size: 1rem;
  }
}
#top .main-visual .slide-lp2 .catch-block > .body .sub {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.1875rem 0.625rem 0.25rem 1rem;
  margin-bottom: 1rem;
  font-size: 1.25rem;
  color: #fff;
  font-weight: 700;
  border: 1px solid #fff;
}
@media (max-width: 768px) {
  #top .main-visual .slide-lp2 .catch-block > .body .sub {
    font-size: 1rem;
    margin: 0 auto 1.25rem;
  }
}
#top .main-visual .slide-lp2 .catch-block > .body .sub > em {
  font-style: normal;
}
#top .main-visual .slide-lp2 .catch-block > .body .main {
  color: #fff;
  font-size: 2.875rem;
  line-height: 1.4;
  font-weight: 900;
  margin-bottom: 1.25rem;
  text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width: 1440px) {
  #top .main-visual .slide-lp2 .catch-block > .body .main {
    font-size: 2.5rem;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
}
@media (max-width: 768px) {
  #top .main-visual .slide-lp2 .catch-block > .body .main {
    font-size: 1.625rem;
  }
}
#top .main-visual .slide-lp2 .catch-block > .body .release {
  font-size: 1.125rem;
  color: #fff;
  margin-bottom: 3.75rem;
  text-decoration: underline;
  text-underline-offset: 1.25rem;
  text-decoration-thickness: 1px;
}
@media (max-width: 768px) {
  #top .main-visual .slide-lp2 .catch-block > .body .release {
    font-size: 1rem;
    margin-bottom: 2.5rem;
  }
}
#top .main-visual .slide-lp2 .catch-block > .body .link-group {
  pointer-events: all !important;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 768px) {
  #top .main-visual .slide-lp2 .catch-block > .body .link-group {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 0.625rem 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 0 0.625rem;
    padding: 0 0.625rem;
  }
}
#top .main-visual .slide-lp2 .catch-block > .body .link-group .button {
  width: 100%;
  margin-bottom: 1.5625rem;
  text-align: center;
}
@media (max-width: 768px) {
  #top .main-visual .slide-lp2 .catch-block > .body .link-group .button {
    margin-bottom: 0;
  }
}
#top .main-visual .slide-lp2 .catch-block > .body .link-group .button > a {
  padding: 0.625rem 0.9375rem;
  display: block;
  background: #ffd900;
  color: #000;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.0625rem;
  border-radius: 10px;
}
@media (max-width: 768px) {
  #top .main-visual .slide-lp2 .catch-block > .body .link-group .button > a {
    width: 100%;
    font-size: 0.6875rem;
    padding: 0.625rem;
  }
}
#top .main-visual .slide-lp2 .catch-block > .body .link-group .button > a:hover {
  background: #000;
  color: #ffd900;
}
#top .main-visual .slide-lp2 .catch-block > .body .link-group .banner {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
}
#top .main-visual .slide-lp2 .catch-block > .body .link-group .banner > a {
  display: block;
}
#top .main-visual .slide-lp2 .catch-block > .body .link-group .banner > a:hover {
  opacity: 0.8;
}
#top .main-visual .slide-lp2 .catch-block > .body .link-group .banner > .caption {
  font-size: 0.75rem;
  color: #fff;
  margin: 0.3125rem auto 0;
}
@media (max-width: 768px) {
  #top .main-visual .slide-lp2 .catch-block > .body .link-group .banner > .caption {
    font-size: 0.625rem;
    text-align: left;
    display: none;
  }
}
#top .main-visual .slide-lp2 .catch-block .image {
  width: 100%;
  padding-top: 1.25rem;
  padding-left: 20rem;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 768px) {
  #top .main-visual .slide-lp2 .catch-block .image {
    position: static;
    padding-left: 0;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-bottom: 1.25rem;
  }
}
#top .main-visual .slide-lp2 .catch-block .image .swiper-container {
  width: 100%;
  height: auto;
  min-height: inherit;
}
@media (max-width: 768px) {
  #top .main-visual .slide-lp2 .catch-block .image .swiper-container {
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  #top .main-visual .slide-lp2 .catch-block .image .swiper-container .swiper-slide {
    width: 100%;
    text-align: center;
  }
}
@media (max-width: 768px) {
  #top .main-visual .slide-lp2 .catch-block .image .swiper-container .swiper-slide img {
    width: 50vw !important;
    height: auto;
    text-align: center;
    margin: 0 auto;
  }
}
#top .main-visual .slide-lp2 .swiper-slide {
  width: 37.5rem;
  display: block;
  background-position: center;
  background-size: cover;
  text-decoration: none;
}
@media (max-width: 768px) {
  #top .main-visual .slide-lp2 .swiper-slide {
    width: 80%;
    margin: 0 auto;
  }
}
#top .main-visual .slide-lp2 .swiper-slide .imgbox {
  width: 100%;
}
#top .main-visual .slide-lp2 .swiper-slide .imgbox img {
  width: 100%;
}
#top .main-visual .slide-lp2 .swiper-slide .details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px;
}
@media (max-width: 768px) {
  #top .main-visual .slide-lp2 .swiper-slide .details {
    padding: 0.625rem 0;
    display: none;
  }
}
#top .main-visual .slide-lp2 .swiper-slide .details .label {
  display: block;
  background: #ffd900;
  font-size: 0.75rem;
  font-weight: bold;
  padding: 0.0625rem 0.3125rem;
  border-radius: 4px;
  margin-right: 1rem;
}
@media (max-width: 768px) {
  #top .main-visual .slide-lp2 .swiper-slide .details .label {
    font-size: 0.625rem;
  }
}
#top .main-visual .slide-lp2 .swiper-slide .details .text {
  font-size: 0.875rem;
  color: #fff;
}
@media (max-width: 768px) {
  #top .main-visual .slide-lp2 .swiper-slide .details .text {
    font-size: 0.75rem;
  }
}
#top .main-visual .slide-lp2 .swiper-slide:hover {
  text-decoration: none;
}
#top .main-visual .slide-lp2 .swiper-slide:hover .details .label {
  color: #000;
}
#top .main-visual .slide-lp3 {
  width: 100vw;
  height: 100vh;
  min-height: 50rem;
  padding: 5rem 5rem 16.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: url(../lp/dx-assessment/images/bg2.jpg) no-repeat center center;
  background-size: cover;
  position: relative;
}
@media (max-width: 768px) {
  #top .main-visual .slide-lp3 {
    height: 100vh;
    min-height: inherit;
    padding: 3.75rem 1.25rem 6.25rem;
  }
}
#top .main-visual .slide-lp3 .catch-block {
  width: 100%;
  margin: 0 auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 1540px) {
  #top .main-visual .slide-lp3 .catch-block {
    max-width: 90rem;
  }
}
@media (max-width: 768px) {
  #top .main-visual .slide-lp3 .catch-block {
    max-width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
#top .main-visual .slide-lp3 .catch-block > .body {
  position: relative;
  z-index: 5;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 768px) {
  #top .main-visual .slide-lp3 .catch-block > .body {
    width: 100%;
    text-align: center;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
#top .main-visual .slide-lp3 .catch-block > .body .sub {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.1875rem 1.25rem 0.25rem;
  margin-bottom: 1.5625rem;
  font-size: 1rem;
  color: #fff;
  font-weight: 400;
  line-height: 1.6;
  border: 1px solid #fff;
  text-align: center;
}
@media (max-width: 768px) {
  #top .main-visual .slide-lp3 .catch-block > .body .sub {
    font-size: 1rem;
    margin: 0 auto 0.625rem;
  }
}
#top .main-visual .slide-lp3 .catch-block > .body .sub > em {
  font-style: normal;
}
#top .main-visual .slide-lp3 .catch-block > .body .main {
  color: #fff;
  line-height: 1.4;
  font-weight: 900;
  letter-spacing: 0.025em;
  margin-bottom: 1.25rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 768px) {
  #top .main-visual .slide-lp3 .catch-block > .body .main {
    font-size: 1.875rem;
    margin-bottom: 0.9375rem;
  }
}
#top .main-visual .slide-lp3 .catch-block > .body .main > .small {
  font-size: 1.4375rem;
  display: block;
}
@media (max-width: 768px) {
  #top .main-visual .slide-lp3 .catch-block > .body .main > .small {
    font-size: 1.125rem;
  }
}
#top .main-visual .slide-lp3 .catch-block > .body .main > .middle {
  font-size: 2rem;
  letter-spacing: 0.08em;
}
@media (max-width: 768px) {
  #top .main-visual .slide-lp3 .catch-block > .body .main > .middle {
    font-size: 1.375rem;
  }
}
#top .main-visual .slide-lp3 .catch-block > .body .main > .middle.-spacer {
  margin-right: 0.125rem;
}
#top .main-visual .slide-lp3 .catch-block > .body .main > .large {
  font-size: 3.25rem;
  letter-spacing: 0.08em;
}
@media (max-width: 768px) {
  #top .main-visual .slide-lp3 .catch-block > .body .main > .large {
    font-size: 2.375rem;
  }
}
#top .main-visual .slide-lp3 .catch-block > .body .main > .large > .en {
  font-size: 3.625rem;
  line-height: 1.3;
  font-style: normal;
  display: inline-block;
  vertical-align: text-top;
  margin-right: 0.125rem;
}
@media (max-width: 768px) {
  #top .main-visual .slide-lp3 .catch-block > .body .main > .large > .en {
    font-size: 2.75rem;
  }
}
#top .main-visual .slide-lp3 .catch-block > .body .release {
  font-size: 1rem;
  line-height: 2;
  color: #fff;
  margin-bottom: 2.5rem;
}
@media (max-width: 768px) {
  #top .main-visual .slide-lp3 .catch-block > .body .release {
    font-size: 0.75rem;
    margin-bottom: 1.25rem;
  }
}
@media (max-width: 768px) {
  #top .main-visual .slide-lp3 .catch-block > .body .button {
    text-align: center;
  }
}
#top .main-visual .slide-lp3 .catch-block > .body .button > a {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.625rem 1.25rem;
  display: block;
  background: #ffd900;
  color: #000;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.125rem;
  border-radius: 10px;
}
@media (max-width: 768px) {
  #top .main-visual .slide-lp3 .catch-block > .body .button > a {
    width: 100%;
    font-size: 0.875rem;
  }
}
#top .main-visual .slide-lp3 .catch-block > .body .button > a:hover {
  background: #000;
  color: #ffd900;
}
#top .main-visual .slide-lp3 .catch-block .image {
  padding-left: 3.75rem;
  position: relative;
  z-index: 9;
}
@media (max-width: 768px) {
  #top .main-visual .slide-lp3 .catch-block .image {
    padding-left: 0;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 50%;
    margin: 0 auto 1.25rem;
  }
}
#top .main-visual .slide-lp4 {
  width: 100vw;
  height: 100vh;
  min-height: 50rem;
  padding: 5rem 5rem 16.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #1a76d2;
  position: relative;
}
@media (max-width: 768px) {
  #top .main-visual .slide-lp4 {
    height: 100vh;
    min-height: inherit;
    padding: 3.75rem 1.25rem 6.25rem;
  }
}
#top .main-visual .slide-lp4 .catch-block {
  width: 100%;
  max-width: 90rem;
  margin: 0 auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 768px) {
  #top .main-visual .slide-lp4 .catch-block {
    max-width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
#top .main-visual .slide-lp4 .catch-block > .body {
  position: relative;
  z-index: 5;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 768px) {
  #top .main-visual .slide-lp4 .catch-block > .body {
    width: 100%;
    text-align: center;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
#top .main-visual .slide-lp4 .catch-block > .body .sub {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.1875rem 1.25rem 0.25rem;
  margin-bottom: 1.5625rem;
  font-size: 1rem;
  color: #fff;
  font-weight: 400;
  line-height: 1.6;
  border: 1px solid #fff;
  text-align: center;
}
@media (max-width: 768px) {
  #top .main-visual .slide-lp4 .catch-block > .body .sub {
    font-size: 1rem;
    margin: 0 auto 0.625rem;
  }
}
#top .main-visual .slide-lp4 .catch-block > .body .sub > em {
  font-style: normal;
}
#top .main-visual .slide-lp4 .catch-block > .body .main {
  color: #fff;
  line-height: 1.4;
  font-weight: 900;
  letter-spacing: 0.025em;
  margin-bottom: 1.875rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 768px) {
  #top .main-visual .slide-lp4 .catch-block > .body .main {
    font-size: 1.875rem;
    margin-bottom: 0.9375rem;
  }
}
#top .main-visual .slide-lp4 .catch-block > .body .main > .small {
  font-size: 1.4375rem;
  display: block;
}
@media (max-width: 768px) {
  #top .main-visual .slide-lp4 .catch-block > .body .main > .small {
    font-size: 1.125rem;
  }
}
#top .main-visual .slide-lp4 .catch-block > .body .main > .middle {
  font-size: 2rem;
  letter-spacing: 0.08em;
}
@media (max-width: 768px) {
  #top .main-visual .slide-lp4 .catch-block > .body .main > .middle {
    font-size: 1.375rem;
  }
}
#top .main-visual .slide-lp4 .catch-block > .body .main > .middle.-spacer {
  margin-right: 0.125rem;
}
#top .main-visual .slide-lp4 .catch-block > .body .main > .large {
  font-size: 3.25rem;
  letter-spacing: 0.08em;
}
@media (max-width: 768px) {
  #top .main-visual .slide-lp4 .catch-block > .body .main > .large {
    font-size: 2.25rem;
  }
}
#top .main-visual .slide-lp4 .catch-block > .body .main > .large > .en {
  font-size: 3.625rem;
  line-height: 1.3;
  font-style: normal;
  display: inline-block;
  vertical-align: text-top;
  margin-right: 0.125rem;
}
@media (max-width: 768px) {
  #top .main-visual .slide-lp4 .catch-block > .body .main > .large > .en {
    font-size: 2.75rem;
  }
}
#top .main-visual .slide-lp4 .catch-block > .body .release {
  font-size: 1rem;
  line-height: 2;
  color: #fff;
  margin-bottom: 2.5rem;
}
@media (max-width: 768px) {
  #top .main-visual .slide-lp4 .catch-block > .body .release {
    font-size: 0.75rem;
    margin-bottom: 1.875rem;
  }
}
@media (max-width: 768px) {
  #top .main-visual .slide-lp4 .catch-block > .body .button {
    text-align: center;
  }
}
#top .main-visual .slide-lp4 .catch-block > .body .button > a {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.625rem 1.25rem;
  display: block;
  background: #ffd900;
  color: #000;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.125rem;
  border-radius: 10px;
}
@media (max-width: 768px) {
  #top .main-visual .slide-lp4 .catch-block > .body .button > a {
    width: 100%;
  }
}
#top .main-visual .slide-lp4 .catch-block > .body .button > a:hover {
  background: #000;
  color: #ffd900;
}
#top .main-visual .slide-lp4 .catch-block .image {
  padding-left: 3.75rem;
  position: relative;
  z-index: 9;
}
#top .main-visual .slide-lp4 .catch-block .image img {
  max-height: 25rem;
}
@media (max-width: 768px) {
  #top .main-visual .slide-lp4 .catch-block .image {
    padding-left: 0;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 50%;
    margin: 0 auto 1.875rem;
    text-align: center;
  }
}
#top .main-visual .slide-lp5 {
  width: 100vw;
  height: 100vh;
  min-height: 50rem;
  padding: 5rem 5rem 16.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: url(../images/bg/bg_katsuyou-assessment.jpg) no-repeat center center;
  background-size: cover;
  position: relative;
}
@media (max-width: 768px) {
  #top .main-visual .slide-lp5 {
    height: 100vh;
    min-height: inherit;
    padding: 3.75rem 1.25rem 6.25rem;
  }
}
#top .main-visual .slide-lp5 .catch-block {
  width: 100%;
  margin: 0 auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 1540px) {
  #top .main-visual .slide-lp5 .catch-block {
    max-width: 90rem;
  }
}
@media (max-width: 768px) {
  #top .main-visual .slide-lp5 .catch-block {
    max-width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-bottom: 0.9375rem;
  }
}
#top .main-visual .slide-lp5 .catch-block > .body {
  position: relative;
  z-index: 5;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 768px) {
  #top .main-visual .slide-lp5 .catch-block > .body {
    width: 100%;
    text-align: center;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
#top .main-visual .slide-lp5 .catch-block > .body > .sub {
  font-size: clamp(1rem, 0.9166666667rem + 0.1736111111vw, 1.125rem);
  font-weight: 700;
  line-height: 1.5;
  color: #000;
  display: block;
  padding: 0.25rem 1.25rem;
  margin: 0 auto clamp(0.625rem, 0.4166666667rem + 0.4340277778vw, 0.9375rem);
  background: #ffd900;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  text-align: center;
}
@media (max-width: 768px) {
  #top .main-visual .slide-lp5 .catch-block > .body > .sub {
    font-size: 0.75rem;
    padding: 0.25rem 0.625rem 0.375rem;
  }
}
#top .main-visual .slide-lp5 .catch-block > .body > .sub::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-top: 10px solid #ffd900;
  border-bottom: 0;
  display: block;
  margin: 0 auto;
  position: absolute;
  right: 0;
  bottom: -10px;
  left: 0;
}
#top .main-visual .slide-lp5 .catch-block > .body > .main {
  font-size: clamp(1.5rem, 1rem + 1.0416666667vw, 2.25rem);
  font-weight: 700;
  line-height: 1.4;
  color: #fff;
  text-shadow: 0px 1px 10px rgba(0, 0, 0, 0.45);
  display: block;
  margin-bottom: 1rem;
  text-align: center;
}
@media (max-width: 768px) {
  #top .main-visual .slide-lp5 .catch-block > .body > .main {
    font-size: 1.25rem;
    margin-bottom: 0.625rem;
  }
}
#top .main-visual .slide-lp5 .catch-block > .body > .main::after {
  content: "";
  width: 60px;
  height: 4px;
  display: block;
  margin: 1rem auto 0;
  background: #fff;
}
@media (max-width: 768px) {
  #top .main-visual .slide-lp5 .catch-block > .body > .main::after {
    width: 40px;
    height: 2px;
    margin: 0.625rem auto 0;
  }
}
#top .main-visual .slide-lp5 .catch-block > .body > .name {
  font-size: clamp(1.25rem, 0.9166666667rem + 0.6944444444vw, 1.75rem);
  font-weight: 700;
  line-height: 1.5;
  color: #fff;
  text-shadow: 0px 1px 10px rgba(0, 0, 0, 0.45);
  display: block;
  margin-bottom: 0;
  text-align: center;
}
@media (max-width: 768px) {
  #top .main-visual .slide-lp5 .catch-block > .body > .name {
    font-size: 1.125rem;
  }
}
#top .main-visual .slide-lp5 .catch-block > .body .lp-campaign-catch {
  margin: 0.75rem auto 1.25rem;
  text-align: center;
}
@media (max-width: 768px) {
  #top .main-visual .slide-lp5 .catch-block > .body .lp-campaign-catch {
    margin: 0.25rem auto 0.625rem;
  }
}
#top .main-visual .slide-lp5 .catch-block > .body .lp-campaign-catch > .large {
  font-size: clamp(1rem, 0.5833333333rem + 0.8680555556vw, 1.625rem);
  font-weight: 700;
  display: block;
  color: #ffd900;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 1.25rem;
  margin: 0 auto;
}
#top .main-visual .slide-lp5 .catch-block > .body .lp-campaign-catch > .large small {
  font-size: clamp(0.75rem, 0.5rem + 0.5208333333vw, 1.125rem);
}
@media (max-width: 768px) {
  #top .main-visual .slide-lp5 .catch-block > .body .lp-campaign-catch > .large {
    width: 100%;
    padding: 0;
    margin: 0 auto;
    font-size: 1rem;
    line-height: 1.4;
  }
}
#top .main-visual .slide-lp5 .catch-block > .body .lp-campaign-catch > .small {
  font-size: clamp(0.875rem, 0.4583333333rem + 0.8680555556vw, 1.5rem);
  display: block;
  color: #ffd900;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
@media (max-width: 768px) {
  #top .main-visual .slide-lp5 .catch-block > .body .lp-campaign-catch > .small {
    font-size: 0.75rem;
  }
}
#top .main-visual .slide-lp5 .catch-block > .body .button {
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
@media (max-width: 768px) {
  #top .main-visual .slide-lp5 .catch-block > .body .button {
    text-align: center;
  }
}
#top .main-visual .slide-lp5 .catch-block > .body .button > a {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.625rem 2.5rem;
  display: block;
  background: #ffd900;
  color: #000;
  text-decoration: none;
  font-weight: bold;
  font-size: 1rem;
  border-radius: 10px;
}
@media (max-width: 768px) {
  #top .main-visual .slide-lp5 .catch-block > .body .button > a {
    width: 100%;
    font-size: 0.75rem;
    padding: 0.375rem 1.25rem;
  }
}
#top .main-visual .slide-lp5 .catch-block > .body .button > a:hover {
  background: #000;
  color: #ffd900;
}
#top .main-visual .slide-lp5 .catch-block .image {
  padding-left: 3.75rem;
  position: relative;
  z-index: 9;
}
#top .main-visual .slide-lp5 .catch-block .image img {
  max-height: 600px;
}
@media (max-width: 768px) {
  #top .main-visual .slide-lp5 .catch-block .image {
    padding: 0;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 50%;
    margin: 0 auto 0.625rem;
  }
}
#top .main-visual .slide-course {
  width: 100vw;
  height: calc(100vh - 8.94rem);
  min-height: 50rem;
  padding: 7.5rem 5rem 16.875rem;
  background: #000;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: linear-gradient(-45deg, #6bc1f3, #53cddc) fixed;
}
@media (max-width: 768px) {
  #top .main-visual .slide-course {
    height: 100vh;
    padding: 1.25rem 2.5rem 15rem;
  }
}
#top .main-visual .slide-course > a {
  display: block;
}
#top .main-visual .slide-course > a img {
  width: auto;
  height: calc(100vh - 8.94rem);
  min-height: 400px;
  max-height: 720px;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.05));
          filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.05));
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 768px) {
  #top .main-visual .slide-course > a img {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
#top .main-visual .slide-course > a:hover img {
  opacity: 0.6;
}
#top .main-visual .slide-minnade {
  width: 100vw;
  height: 100vh;
  min-height: 50rem;
  padding: 5rem 5rem 16.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: url(../images/bg/bg_slide-minnade2.jpg) no-repeat center center;
  background-size: cover;
  position: relative;
}
@media (max-width: 768px) {
  #top .main-visual .slide-minnade {
    min-height: inherit;
    padding: 3.75rem 1.25rem 6.25rem;
  }
}
#top .main-visual .slide-minnade .catch-block {
  width: 100%;
  margin: 0 auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 1540px) {
  #top .main-visual .slide-minnade .catch-block {
    max-width: 90rem;
  }
}
@media (max-width: 768px) {
  #top .main-visual .slide-minnade .catch-block {
    max-width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
#top .main-visual .slide-minnade .catch-block > .body {
  position: relative;
  z-index: 5;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 768px) {
  #top .main-visual .slide-minnade .catch-block > .body {
    width: 100%;
    text-align: center;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
#top .main-visual .slide-minnade .catch-block > .body .sub {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.1875rem 0.625rem 0.25rem;
  margin-bottom: 1.5625rem;
  font-size: 1rem;
  color: #fff;
  font-weight: 400;
  line-height: 1.6;
  border: 1px solid #fff;
  text-align: center;
}
@media (max-width: 768px) {
  #top .main-visual .slide-minnade .catch-block > .body .sub {
    font-size: 1rem;
    margin: 0 auto 0.625rem;
  }
}
#top .main-visual .slide-minnade .catch-block > .body .sub > em {
  font-style: normal;
}
#top .main-visual .slide-minnade .catch-block > .body .minnade-logo {
  display: block;
  margin-bottom: 0.625rem;
}
#top .main-visual .slide-minnade .catch-block > .body .minnade-logo > a {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
}
@media (max-width: 768px) {
  #top .main-visual .slide-minnade .catch-block > .body .minnade-logo > a {
    margin: 0 auto;
  }
}
#top .main-visual .slide-minnade .catch-block > .body .minnade-logo > a img {
  width: 11.25rem;
}
@media (max-width: 768px) {
  #top .main-visual .slide-minnade .catch-block > .body .minnade-logo > a img {
    width: 8.75rem;
  }
}
#top .main-visual .slide-minnade .catch-block > .body .minnade-logo > a:hover {
  opacity: 0.8;
}
#top .main-visual .slide-minnade .catch-block > .body .main {
  font-size: 2.625rem;
  color: #fff;
  line-height: 1.4;
  font-weight: 900;
  letter-spacing: 0.025em;
  margin-bottom: 1.25rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 768px) {
  #top .main-visual .slide-minnade .catch-block > .body .main {
    font-size: 1.875rem;
    margin-bottom: 0.9375rem;
  }
}
#top .main-visual .slide-minnade .catch-block > .body .release {
  font-size: 1rem;
  line-height: 2;
  color: #fff;
  margin-bottom: 2.5rem;
}
@media (max-width: 768px) {
  #top .main-visual .slide-minnade .catch-block > .body .release {
    font-size: 0.75rem;
    margin-bottom: 1.25rem;
  }
}
@media (max-width: 768px) {
  #top .main-visual .slide-minnade .catch-block > .body .button {
    text-align: center;
  }
}
#top .main-visual .slide-minnade .catch-block > .body .button > a {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.5rem 1.25rem 0.625rem;
  display: block;
  background: #ffd900;
  color: #000;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.125rem;
  border-radius: 10px;
}
@media (max-width: 768px) {
  #top .main-visual .slide-minnade .catch-block > .body .button > a {
    width: 100%;
    font-size: 0.875rem;
  }
}
#top .main-visual .slide-minnade .catch-block > .body .button > a:hover {
  background: #000;
  color: #ffd900;
}
#top .main-visual .slide-minnade .catch-block .image {
  padding-left: 2.5rem;
  position: relative;
  z-index: 9;
}
@media (max-width: 768px) {
  #top .main-visual .slide-minnade .catch-block .image {
    padding-left: 0;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 50%;
    margin: 0 auto 1.25rem;
    text-align: center;
  }
}
#top .main-visual .site-information {
  width: calc(100% - 5rem);
  position: absolute;
  left: 2.5rem;
  bottom: 1.875rem;
  z-index: 4;
}
@media (max-width: 768px) {
  #top .main-visual .site-information {
    width: calc(100% - 2.5rem);
    display: block;
    left: 1.25rem;
    bottom: 1.25rem;
  }
}
#top .main-visual .special-content {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1.25rem 1fr 1.25rem 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0 1.25rem;
  height: 8.9375rem;
  padding: 1.25rem 2.5rem 1.5625rem;
  background: #e2e3e3;
}
@media (max-width: 768px) {
  #top .main-visual .special-content {
    height: auto;
    padding: 1.25rem;
    gap: 0.625rem;
  }
}
#top .main-visual .special-content .recommendation-course {
  height: 100%;
}
#top .main-visual .special-content .recommendation-course > .item {
  height: 100%;
  text-decoration: none;
  -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  background: #fff;
  padding: 0.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 768px) {
  #top .main-visual .special-content .recommendation-course > .item {
    display: block;
    padding: 0.5rem 0.5rem 0.375rem;
  }
}
#top .main-visual .special-content .recommendation-course > .item .thumbnail {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  max-width: 9.375rem;
  margin-right: 1.25rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width: 1590px) {
  #top .main-visual .special-content .recommendation-course > .item .thumbnail {
    max-width: 6.25rem;
    margin-right: 0.9375rem;
  }
}
@media screen and (max-width: 1325px) {
  #top .main-visual .special-content .recommendation-course > .item .thumbnail {
    max-width: 5rem;
    margin-right: 0.625rem;
  }
}
@media (max-width: 768px) {
  #top .main-visual .special-content .recommendation-course > .item .thumbnail {
    max-width: 100%;
    margin: 0 auto 0.625rem;
  }
}
#top .main-visual .special-content .recommendation-course > .item .body {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#top .main-visual .special-content .recommendation-course > .item .body .date {
  font-size: 0.875rem;
  display: block;
  color: #999;
}
@media screen and (max-width: 1690px) {
  #top .main-visual .special-content .recommendation-course > .item .body .date {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 1590px) {
  #top .main-visual .special-content .recommendation-course > .item .body .date {
    font-size: 0.625rem;
  }
}
#top .main-visual .special-content .recommendation-course > .item .body .date .label {
  font-size: 0.75rem;
  font-style: normal;
  font-weight: bold;
  background: #ffd900;
  color: #000;
  border-radius: 4px;
  padding: 0.125rem 0.25rem;
  margin-right: 0.5rem;
}
@media screen and (max-width: 1690px) {
  #top .main-visual .special-content .recommendation-course > .item .body .date .label {
    font-size: 0.625rem;
  }
}
@media screen and (max-width: 1590px) {
  #top .main-visual .special-content .recommendation-course > .item .body .date .label {
    font-size: 0.5rem;
  }
}
@media (max-width: 768px) {
  #top .main-visual .special-content .recommendation-course > .item .body .date .label {
    font-size: 0.5rem;
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 0.125rem;
  }
}
@media (max-width: 768px) {
  #top .main-visual .special-content .recommendation-course > .item .body .date {
    font-size: 0.5rem;
  }
}
#top .main-visual .special-content .recommendation-course > .item .body .title {
  font-size: 1rem;
  margin: 0.375rem 0;
  font-weight: bold;
  display: block;
}
@media screen and (max-width: 1590px) {
  #top .main-visual .special-content .recommendation-course > .item .body .title {
    font-size: 0.875rem;
  }
}
@media (max-width: 768px) {
  #top .main-visual .special-content .recommendation-course > .item .body .title {
    font-size: 0.625rem;
    line-height: 1.5;
    margin: 0;
  }
}
#top .main-visual .special-content .recommendation-course > .item .body .lead {
  font-size: 0.875rem;
  display: block;
}
@media (max-width: 768px) {
  #top .main-visual .special-content .recommendation-course > .item .body .lead {
    font-size: 0.75rem;
  }
}
#top .main-visual .special-content .recommendation-course > .item:hover {
  color: #000;
  -webkit-box-shadow: none;
          box-shadow: none;
}
#top .main-visual .special-content .recommendation-course > .item:hover .thumbnail, #top .main-visual .special-content .recommendation-course > .item:hover .body {
  opacity: 0.6;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#top .main-visual .ticker-wrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.07);
          box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.07);
  position: relative;
  z-index: 2;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
@media (max-width: 768px) {
  #top .main-visual .ticker-wrap {
    display: block;
  }
}
#top .main-visual .ticker-wrap .ticker-head {
  background: #ffd900;
  text-transform: uppercase;
  padding: 1.25rem;
  font-size: 0.875rem;
  font-family: "presicav", sans-serif;
  font-weight: 700;
  border-radius: 10px 0 0 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 768px) {
  #top .main-visual .ticker-wrap .ticker-head {
    border-radius: 6px 6px 0 0;
    text-align: center;
    padding: 0.375rem;
    font-size: 0.75rem;
  }
}
#top .main-visual .ticker-wrap .ticker {
  width: 100%;
  padding: 1.125rem 5.125rem 1.375rem 1.25rem;
  background: #fff;
  overflow: hidden;
  border-radius: 0 10px 10px 0;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
@media (max-width: 768px) {
  #top .main-visual .ticker-wrap .ticker {
    position: relative;
    border-radius: 0 0 6px 6px;
    padding: 1.25rem 0.9375rem;
  }
}
#top .main-visual .ticker-wrap .ticker > ul {
  position: relative;
  height: 100%;
  padding: 0;
  margin: 0;
}
#top .main-visual .ticker-wrap .ticker > ul .ticker-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-right: 5.125rem;
  opacity: 0;
}
@media (max-width: 768px) {
  #top .main-visual .ticker-wrap .ticker > ul .ticker-item {
    padding-right: 0.9375rem;
    top: -0.9375rem;
  }
}
#top .main-visual .ticker-wrap .ticker > ul .ticker-item > a {
  width: auto;
  display: inline-block;
  white-space: nowrap;
  text-decoration: none;
  -webkit-transition: -webkit-transform 5s linear;
  transition: -webkit-transform 5s linear;
  transition: transform 5s linear;
  transition: transform 5s linear, -webkit-transform 5s linear;
}
#top .main-visual .ticker-wrap .ticker > ul .ticker-item > a .ticker-date {
  font-size: 0.875rem;
  font-weight: 300;
}
@media (max-width: 768px) {
  #top .main-visual .ticker-wrap .ticker > ul .ticker-item > a .ticker-date {
    font-size: 0.75rem;
  }
}
#top .main-visual .ticker-wrap .ticker > ul .ticker-item > a .ticker-category {
  font-size: 0.75rem;
  font-weight: 300;
  border: 1px solid #000;
  border-radius: 100px;
  padding: 0.125rem 0.5rem 0.25rem;
  margin: 0 0.5rem;
  line-height: 1;
}
@media (max-width: 768px) {
  #top .main-visual .ticker-wrap .ticker > ul .ticker-item > a .ticker-category {
    font-size: 0.625rem;
    padding: 0.1875rem 0.375rem;
    margin: 0 0.3125rem;
  }
}
#top .main-visual .ticker-wrap .ticker > ul .ticker-item > a .ticker-title {
  font-size: 0.875rem;
  font-weight: 300;
}
@media (max-width: 768px) {
  #top .main-visual .ticker-wrap .ticker > ul .ticker-item > a .ticker-title {
    font-size: 0.75rem;
  }
}
#top .main-visual .ticker-wrap .ticker > ul .ticker-item > a .ticker-title.-new::before {
  content: "New";
  font-size: 0.75rem;
  font-weight: 400;
  border-radius: 100px;
  padding: 0.1875rem 1rem 0.3125rem;
  background: #e53737;
  line-height: 1;
  margin-right: 0.625rem;
  color: #fff;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  #top .main-visual .ticker-wrap .ticker > ul .ticker-item > a .ticker-title.-new::before {
    font-size: 0.5rem;
    padding: 0.1875rem 0.375rem;
    margin-right: 0.375rem;
  }
}
#top .main-visual .ticker-wrap .ticker > ul .ticker-item > a:hover {
  text-decoration: none;
  color: #000;
}
#top .main-visual .ticker-wrap .ticker::after {
  content: "";
  background: #ebebeb url(../images/icon/icon_arrow_black.svg) no-repeat center;
  background-size: 0.375rem 0.625rem;
  width: 3.875rem;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0 10px 10px 0;
  z-index: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 768px) {
  #top .main-visual .ticker-wrap .ticker::after {
    display: none;
  }
}
#top #anc_seminar .side-nav > .list .timer-valid {
  display: block !important;
}
#top .our-strong {
  overflow: hidden;
}
#top .our-strong .our-strong-content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 768px) {
  #top .our-strong .our-strong-content {
    display: block;
  }
}
#top .our-strong .our-strong-content .accordion {
  border-bottom: 1px solid #e5e5e5;
  -webkit-box-flex: 1.25;
      -ms-flex: 1.25;
          flex: 1.25;
}
#top .our-strong .our-strong-content .accordion > .accordion-item {
  display: block;
  text-decoration: none;
}
#top .our-strong .our-strong-content .accordion > .accordion-item > .accordion-title {
  padding: 2.5rem 6.25rem 2.5rem 0;
  border-top: 1px solid #e5e5e5;
  font-size: 1.375rem;
  font-weight: 400;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
@media (max-width: 768px) {
  #top .our-strong .our-strong-content .accordion > .accordion-item > .accordion-title {
    font-size: 1.125rem;
    padding: 1.25rem 2.5rem 1.875rem 0;
  }
}
#top .our-strong .our-strong-content .accordion > .accordion-item > .accordion-title::before {
  font-family: "presicav", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  color: #ffd900;
  line-height: 1;
  margin: 0 1.5625rem 0 0;
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 2em;
  text-align: center;
}
@media (max-width: 768px) {
  #top .our-strong .our-strong-content .accordion > .accordion-item > .accordion-title::before {
    margin-right: 0.9375rem;
  }
}
#top .our-strong .our-strong-content .accordion > .accordion-item > .accordion-title::after {
  content: "";
  background: url(../images/icon/icon_arrow-d_glay.svg) no-repeat;
  background-size: 0.875rem 0.8125rem;
  width: 0.875rem;
  height: 0.8125rem;
  display: inline-block;
  vertical-align: middle;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: absolute;
  top: calc((100% - 0.81rem) / 2);
  right: 3.75rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 768px) {
  #top .our-strong .our-strong-content .accordion > .accordion-item > .accordion-title::after {
    right: 0;
  }
}
#top .our-strong .our-strong-content .accordion > .accordion-item > .accordion-content {
  display: none;
  padding: 0 3.75rem 3.75rem 3.625rem;
}
@media (max-width: 768px) {
  #top .our-strong .our-strong-content .accordion > .accordion-item > .accordion-content {
    padding: 0 0 1.875rem;
  }
}
#top .our-strong .our-strong-content .accordion > .accordion-item > .accordion-content p {
  line-height: 1.8;
}
@media (max-width: 768px) {
  #top .our-strong .our-strong-content .accordion > .accordion-item > .accordion-content p {
    font-size: 0.9375rem;
    line-height: 1.7;
  }
}
#top .our-strong .our-strong-content .accordion > .accordion-item > .accordion-content p > strong {
  font-weight: 700;
}
#top .our-strong .our-strong-content .accordion > .accordion-item > .accordion-content p > em {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #fce563));
  background: linear-gradient(transparent 60%, #fce563 60%);
  font-style: normal;
  font-weight: 700;
}
#top .our-strong .our-strong-content .accordion > .accordion-item > .accordion-content > .more > a {
  margin-top: 1.25rem;
}
#top .our-strong .our-strong-content .accordion > .accordion-item > .accordion-content.is-open {
  display: block;
}
#top .our-strong .our-strong-content .accordion > .accordion-item:nth-child(1) > .accordion-title::before {
  content: "01";
}
#top .our-strong .our-strong-content .accordion > .accordion-item:nth-child(2) > .accordion-title::before {
  content: "02";
}
#top .our-strong .our-strong-content .accordion > .accordion-item:nth-child(3) > .accordion-title::before {
  content: "03";
}
#top .our-strong .our-strong-content .accordion > .accordion-item.is-active .accordion-title::after, #top .our-strong .our-strong-content .accordion > .accordion-item:hover .accordion-title::after {
  background: url(../images/icon/icon_arrow-d_yellow.svg) no-repeat;
  background-size: 0.875rem 0.8125rem;
}
#top .our-strong .our-strong-content .scene-photo-wrap {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex: auto;
      flex: auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-top: -10.4375rem;
  display: block;
}
@media (max-width: 768px) {
  #top .our-strong .our-strong-content .scene-photo-wrap {
    margin-top: 0;
  }
}
#top .our-strong .our-strong-content .scene-photo-wrap .scene-photo {
  display: none;
  width: 100%;
  height: 100%;
  border-radius: 100px 0 0 0;
}
#top .our-strong .our-strong-content .scene-photo-wrap .scene-photo:nth-child(1) {
  background: url(../images/our-strong_img1.jpg) no-repeat center;
  background-size: cover;
}
#top .our-strong .our-strong-content .scene-photo-wrap .scene-photo:nth-child(2) {
  background: url(../images/our-strong_img2.jpg) no-repeat center;
  background-size: cover;
}
#top .our-strong .our-strong-content .scene-photo-wrap .scene-photo:nth-child(3) {
  background: url(../images/our-strong_img3.jpg) no-repeat center;
  background-size: cover;
}
#top .our-strong .our-strong-content .scene-photo-wrap .scene-photo.-active {
  display: block;
}
#top .our-strong .introduction-result {
  background: #fff;
  border-radius: 20px;
  -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
  padding: 3.75rem 5rem 5rem;
  margin-top: 7.5rem;
}
@media screen and (max-width: 1540px) {
  #top .our-strong .introduction-result {
    padding: 1.875rem 2.5rem 2.5rem;
    margin-top: 5rem;
  }
}
@media (max-width: 768px) {
  #top .our-strong .introduction-result {
    padding: 1.25rem;
    margin-top: 1.875rem;
  }
}
#top .our-strong .introduction-result .company-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 0 1fr 0 1fr 0 1fr 0 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  gap: 0;
}
@media (max-width: 768px) {
  #top .our-strong .introduction-result .company-list {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
#top .our-strong .introduction-result .company-list > .item {
  margin: -0.5px;
  border: 1px solid #e5e5e5;
}
#top .our-strong .introduction-result .company-list > .item a {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#top .our-strong .introduction-result .company-list > .item a img {
  width: 17.4375rem;
  height: auto;
}
#top .our-strong .introduction-result .company-list > .item a:hover {
  opacity: 0.6;
}
#top .our-strong .introduction-result > .lead {
  font-size: 1.3125rem;
  font-weight: 400;
  text-align: center;
  margin: 0 auto 2.5rem;
}
@media (max-width: 768px) {
  #top .our-strong .introduction-result > .lead {
    font-size: 0.9375rem;
    margin: 0 auto 1.25rem;
  }
}
#top .our-strong .introduction-result > .lead > em {
  font-size: 2.25rem;
  font-weight: 700;
  font-style: normal;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #fce563));
  background: linear-gradient(transparent 60%, #fce563 60%);
  margin: 0 0.25rem;
}
@media (max-width: 768px) {
  #top .our-strong .introduction-result > .lead > em {
    font-size: 1.5rem;
  }
}
#top .our-strong .introduction-result > .lead > br {
  display: none;
}
@media screen and (max-width: 1515px) {
  #top .our-strong .introduction-result > .lead > br {
    display: block;
  }
}
#top .our-strong .introduction-result > .note {
  font-size: 0.875rem;
  font-weight: 300;
  color: #999;
  text-align: center;
  margin: 2.5rem auto 0;
}
@media screen and (max-width: 1540px) {
  #top .our-strong .introduction-result > .note {
    margin: 1.25rem auto 0;
  }
}
#top .case-study > .inner {
  position: relative;
}
#top .case-study > .inner::after {
  content: "";
  background: url(../images/text_interview.svg) no-repeat;
  background-size: 43.4375rem 5.4375rem;
  width: 43.4375rem;
  height: 5.4375rem;
  display: block;
  position: absolute;
  top: -2.8125rem;
  right: 2.5rem;
}
@media (max-width: 768px) {
  #top .case-study > .inner::after {
    display: none;
  }
}
#top .case-study .case-study-controller {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 768px) {
  #top .case-study .case-study-controller {
    display: block;
  }
}
#top .case-study .case-study-controller .section-heading {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
#top .case-study .case-study-controller .swiper-thumbs {
  padding: 0 0.625rem 0 1.875rem;
  margin: 0 0 3.75rem 1.875rem;
  position: relative;
}
@media (max-width: 768px) {
  #top .case-study .case-study-controller .swiper-thumbs {
    padding: 0 1.25rem 0 1.875rem;
    margin: 0 0 1.25rem;
  }
}
#top .case-study .case-study-controller .swiper-thumbs .swiper-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#top .case-study .case-study-controller .swiper-thumbs .swiper-slide {
  cursor: pointer;
  border-radius: 10px;
}
@media (max-width: 768px) {
  #top .case-study .case-study-controller .swiper-thumbs .swiper-slide {
    border-radius: 4px;
  }
}
#top .case-study .case-study-controller .swiper-thumbs .swiper-slide img {
  width: 100%;
  max-width: 6.25rem;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
  opacity: 0.4;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 768px) {
  #top .case-study .case-study-controller .swiper-thumbs .swiper-slide img {
    border-radius: 4px;
  }
}
#top .case-study .case-study-controller .swiper-thumbs .swiper-slide.swiper-slide-thumb-active img, #top .case-study .case-study-controller .swiper-thumbs .swiper-slide:hover img {
  opacity: 1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#top .case-study .case-study-controller .swiper-thumbs .swiper-thumbs-next, #top .case-study .case-study-controller .swiper-thumbs .swiper-thumbs-prev {
  display: block;
  width: 0.875rem;
  height: 0.8125rem;
  position: absolute;
  top: calc((100% - 0.81rem) / 2);
  right: 0;
  display: block;
  cursor: pointer;
}
#top .case-study .case-study-controller .swiper-thumbs .swiper-thumbs-next::before, #top .case-study .case-study-controller .swiper-thumbs .swiper-thumbs-prev::before {
  content: "";
  background: url(../images/icon/icon_arrow-d_glay.svg) no-repeat;
  background-size: 0.875rem 0.8125rem;
  width: 0.875rem;
  height: 0.8125rem;
  display: block;
  vertical-align: middle;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#top .case-study .case-study-controller .swiper-thumbs .swiper-thumbs-next:hover::before, #top .case-study .case-study-controller .swiper-thumbs .swiper-thumbs-prev:hover::before {
  background: url(../images/icon/icon_arrow-d_yellow.svg) no-repeat;
  background-size: 0.875rem 0.8125rem;
}
#top .case-study .case-study-controller .swiper-thumbs .swiper-thumbs-prev {
  left: 0;
}
#top .case-study .case-study-controller .swiper-thumbs .swiper-thumbs-prev::before {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
#top .case-study .case-study-content > .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
}
@media (max-width: 768px) {
  #top .case-study .case-study-content > .item {
    display: block;
  }
}
#top .case-study .case-study-content > .item > .thumbnail {
  width: 100%;
  max-width: 38.75rem;
}
@media screen and (max-width: 1540px) {
  #top .case-study .case-study-content > .item > .thumbnail {
    max-width: 35rem;
  }
}
@media (max-width: 768px) {
  #top .case-study .case-study-content > .item > .thumbnail {
    max-width: 100%;
    margin-bottom: 1.25rem;
  }
}
#top .case-study .case-study-content > .item > .thumbnail > a {
  display: block;
  overflow: hidden;
  border-radius: 20px;
}
@media (max-width: 768px) {
  #top .case-study .case-study-content > .item > .thumbnail > a {
    border-radius: 10px;
  }
}
#top .case-study .case-study-content > .item > .thumbnail > a img {
  border-radius: 20px;
  -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 768px) {
  #top .case-study .case-study-content > .item > .thumbnail > a img {
    border-radius: 10px;
  }
}
#top .case-study .case-study-content > .item > .thumbnail > a:hover img {
  -webkit-transform: scale(1.2, 1.2);
          transform: scale(1.2, 1.2);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#top .case-study .case-study-content > .item > .body {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  padding: 0 0 0 3.75rem;
}
@media screen and (max-width: 1540px) {
  #top .case-study .case-study-content > .item > .body {
    padding: 0 0 0 2.5rem;
  }
}
@media (max-width: 768px) {
  #top .case-study .case-study-content > .item > .body {
    padding: 0;
    overflow: hidden;
  }
}
#top .case-study .case-study-content > .item > .body > .head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 2.5rem;
  margin-bottom: 2.1875rem;
  border-bottom: 1px solid #e5e5e5;
}
@media screen and (max-width: 1540px) {
  #top .case-study .case-study-content > .item > .body > .head {
    padding-bottom: 1.875rem;
    margin-bottom: 1.5625rem;
  }
}
@media (max-width: 768px) {
  #top .case-study .case-study-content > .item > .body > .head {
    padding-bottom: 1.25rem;
    margin-bottom: 0.9375rem;
  }
}
#top .case-study .case-study-content > .item > .body > .head .company-logo {
  border-radius: 10px;
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
#top .case-study .case-study-content > .item > .body > .head .company-logo img {
  width: 100%;
  max-width: 11.25rem;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.06);
          box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.06);
}
@media screen and (max-width: 1540px) {
  #top .case-study .case-study-content > .item > .body > .head .company-logo img {
    max-width: 9.375rem;
  }
}
@media (max-width: 768px) {
  #top .case-study .case-study-content > .item > .body > .head .company-logo img {
    max-width: 7.5rem;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06);
            box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06);
  }
}
#top .case-study .case-study-content > .item > .body > .head .company-name {
  font-size: 1.3125rem;
  font-weight: 300;
  margin-left: 1.25rem;
  display: block;
}
@media screen and (max-width: 1540px) {
  #top .case-study .case-study-content > .item > .body > .head .company-name {
    font-size: 1.125rem;
  }
}
@media (max-width: 768px) {
  #top .case-study .case-study-content > .item > .body > .head .company-name {
    font-size: 0.875rem;
    margin-left: 0.625rem;
  }
}
#top .case-study .case-study-content > .item > .body > .foot > .title {
  font-size: 1.625rem;
  font-weight: 400;
  margin-bottom: 1.5625rem;
}
@media screen and (max-width: 1540px) {
  #top .case-study .case-study-content > .item > .body > .foot > .title {
    font-size: 1.5rem;
    margin-bottom: 1.25rem;
  }
}
@media (max-width: 768px) {
  #top .case-study .case-study-content > .item > .body > .foot > .title {
    font-size: 1rem;
    margin-bottom: 0.9375rem;
  }
}
#top .case-study .case-study-content > .item > .body > .foot > .information-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 2.1875rem;
}
#top .case-study .case-study-content > .item > .body > .foot > .information-list > .item {
  font-size: 1rem;
  font-weight: 300;
  color: #999;
}
@media (max-width: 768px) {
  #top .case-study .case-study-content > .item > .body > .foot > .information-list > .item {
    font-size: 0.875rem;
  }
}
#top .case-study .case-study-content > .item > .body > .foot > .information-list > .item.-category {
  margin-left: 1.25rem;
}
#top .case-study .case-study-content > .item > .body > .foot > .information-list > .item.-category > a {
  color: #999;
  text-decoration: none;
}
#top .case-study .case-study-content > .item > .body > .foot > .information-list > .item.-category > a:hover {
  text-decoration: underline;
}
@media (max-width: 768px) {
  #top .case-study .case-study-content > .item > .body > .foot > .information-list > .item.-category {
    margin-left: 0.9375rem;
  }
}
#top .case-study .case-study-content > .item > .body > .more {
  margin: 0;
}
#top .case-study .case-study-content > .item > .body > .more > a {
  margin: 0;
}
#top .mix-filter-seminar .notfound,
#top .mix-filter-column .notfound,
#top .mix-filter-news .notfound {
  display: none;
  width: 100%;
  height: 100%;
  padding-top: 18.75rem;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
#top .mix-filter-seminar .notfound.timer-valid,
#top .mix-filter-column .notfound.timer-valid,
#top .mix-filter-news .notfound.timer-valid {
  display: block;
}
@media (max-width: 768px) {
  #top .mix-filter-seminar .notfound,
  #top .mix-filter-column .notfound,
  #top .mix-filter-news .notfound {
    padding: 0 0 1.25rem;
    margin: 0 auto;
    text-align: center;
    font-size: 0.875rem;
    position: relative;
    white-space: nowrap;
  }
}
#top .mix-filter-seminar .seminar-block,
#top .mix-filter-column .column-block,
#top .mix-filter-news .news-block {
  margin-bottom: -2.5rem;
}
@media (max-width: 768px) {
  #top .mix-filter-seminar .seminar-block,
  #top .mix-filter-column .column-block,
  #top .mix-filter-news .news-block {
    margin-bottom: -0.625rem;
  }
}
#top .site-header .global-nav > .inner > .item.-lower {
  display: none;
}

/**************************************************
    Recruit
***************************************************/
#recruit .recruit .catch-copy {
  font-size: 1.3125rem;
  font-weight: bold;
  border-bottom: 2px solid #000;
  padding-bottom: 2.5rem;
  margin-bottom: 3.75rem;
}
@media (max-width: 768px) {
  #recruit .recruit .catch-copy {
    font-size: 1.125rem;
    padding-bottom: 1.25rem;
    margin-bottom: 2.5rem;
  }
}

#recruit .introduction {
  overflow: hidden;
}

#recruit .introduction .image-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 767px) {
  #recruit .introduction .image-box {
    display: block;
  }
}
#recruit .introduction .image-box .body {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  border-left: 3px solid #000;
  padding: 0 0 0 2.5rem;
}

@media (max-width: 767px) {
  #recruit .introduction .image-box .body {
    padding: 0 1.25rem;
    margin-bottom: 1.875rem;
  }
}
#recruit .introduction .image-box .body .title {
  font-size: 2rem;
  margin-bottom: 1.25rem;
}

@media (max-width: 767px) {
  #recruit .introduction .image-box .body .title {
    font-size: 1.3125rem;
    line-height: 1.6;
    margin-bottom: 0.9375rem;
  }
}
#recruit .introduction .image-box .body .lead {
  font-size: 1.25rem;
  font-weight: bold;
}

@media (max-width: 767px) {
  #recruit .introduction .image-box .body .lead {
    font-size: 1rem;
  }
}
#recruit .introduction .image-box .body .lead span {
  font-size: 1rem;
  display: block;
}

@media (max-width: 767px) {
  #recruit .introduction .image-box .body .lead span {
    font-size: 0.875rem;
  }
}
#recruit .introduction .image-box .image {
  width: 43.75rem;
}

@media (max-width: 767px) {
  #recruit .introduction .image-box .image {
    width: 100%;
  }
}
#recruit .introduction .image-box .image.-right {
  margin-left: 2.5rem;
}

@media (max-width: 767px) {
  #recruit .introduction .image-box .image.-right {
    margin: 1.875rem 0 auto;
  }
}
#recruit .introduction .image-box .image.-left {
  margin-left: -12.5rem;
  margin-right: 2.5rem;
}

@media (max-width: 767px) {
  #recruit .introduction .image-box .image.-left {
    margin: 1.875rem 0 auto;
  }
}
#recruit .introduction .message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 767px) {
  #recruit .introduction .message {
    display: block;
  }
}
#recruit .introduction .message .body {
  border-left: 3px solid #000;
  padding: 0 2.5rem;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}

@media (max-width: 767px) {
  #recruit .introduction .message .body {
    padding: 0 1.25rem;
    margin-bottom: 1.875rem;
  }
}
#recruit .introduction .message .body .title {
  font-size: 1.75rem;
  margin-bottom: 1.25rem;
}

@media (max-width: 767px) {
  #recruit .introduction .message .body .title {
    font-size: 1.3125rem;
    line-height: 1.6;
    margin-bottom: 0.9375rem;
  }
}
#recruit .introduction .message .body .lead {
  font-size: 1.25rem;
  font-weight: bold;
}

@media (max-width: 767px) {
  #recruit .introduction .message .body .lead {
    font-size: 1rem;
  }
}
#recruit .introduction .message .body .lead span {
  font-size: 1rem;
  display: block;
}

@media (max-width: 767px) {
  #recruit .introduction .message .body .lead span {
    font-size: 0.875rem;
  }
}
/**************************************************
    Company
***************************************************/
#company .introduction {
  overflow: hidden;
}
#company .introduction .image-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 768px) {
  #company .introduction .image-box {
    display: block;
  }
}
#company .introduction .image-box .body {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  border-left: 3px solid #000;
  padding: 0 0 0 2.5rem;
}
@media (max-width: 768px) {
  #company .introduction .image-box .body {
    padding: 0 1.25rem;
    margin-bottom: 1.875rem;
  }
}
#company .introduction .image-box .body .title {
  font-size: 2rem;
  margin-bottom: 1.25rem;
}
@media (max-width: 768px) {
  #company .introduction .image-box .body .title {
    font-size: 1.3125rem;
    line-height: 1.6;
    margin-bottom: 0.9375rem;
  }
}
#company .introduction .image-box .body .lead {
  font-size: 1.25rem;
  font-weight: bold;
}
@media (max-width: 768px) {
  #company .introduction .image-box .body .lead {
    font-size: 1rem;
  }
}
#company .introduction .image-box .body .lead span {
  font-size: 1rem;
  display: block;
}
@media (max-width: 768px) {
  #company .introduction .image-box .body .lead span {
    font-size: 0.875rem;
  }
}
#company .introduction .image-box .image {
  width: 43.75rem;
}
@media (max-width: 768px) {
  #company .introduction .image-box .image {
    width: 100%;
  }
}
#company .introduction .image-box .image.-right {
  margin-left: 2.5rem;
}
@media (max-width: 768px) {
  #company .introduction .image-box .image.-right {
    margin: 1.875rem 0 auto;
  }
}
#company .introduction .image-box .image.-left {
  margin-left: -12.5rem;
  margin-right: 2.5rem;
}
@media (max-width: 768px) {
  #company .introduction .image-box .image.-left {
    margin: 1.875rem 0 auto;
  }
}
#company .introduction .message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 768px) {
  #company .introduction .message {
    display: block;
  }
}
#company .introduction .message .body {
  border-left: 3px solid #000;
  padding: 0 2.5rem;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
@media (max-width: 768px) {
  #company .introduction .message .body {
    padding: 0 1.25rem;
    margin-bottom: 1.875rem;
  }
}
#company .introduction .message .body .title {
  font-size: 1.75rem;
  margin-bottom: 1.25rem;
}
@media (max-width: 768px) {
  #company .introduction .message .body .title {
    font-size: 1.3125rem;
    line-height: 1.6;
    margin-bottom: 0.9375rem;
  }
}
#company .introduction .message .body .lead {
  font-size: 1.25rem;
  font-weight: bold;
}
@media (max-width: 768px) {
  #company .introduction .message .body .lead {
    font-size: 1rem;
  }
}
#company .introduction .message .body .lead span {
  font-size: 1rem;
  display: block;
}
@media (max-width: 768px) {
  #company .introduction .message .body .lead span {
    font-size: 0.875rem;
  }
}
#company .greeting {
  background: #e2e3e3;
  padding: 1.875rem 0 0;
  margin: 3.75rem 0;
}
@media (max-width: 768px) {
  #company .greeting {
    padding: 1.25rem 0;
    margin: 1.25rem 0;
  }
}
#company .greeting .greeting-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 768px) {
  #company .greeting .greeting-box {
    display: block;
  }
}
#company .greeting .greeting-box .image {
  width: 28.75rem;
  margin-right: 2.5rem;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
@media (max-width: 768px) {
  #company .greeting .greeting-box .image {
    width: 100%;
    margin: 0 auto 1.875rem;
  }
}
#company .greeting .greeting-box .image img {
  width: 100%;
  height: auto;
}
#company .greeting .greeting-box .body {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
#company .greeting .greeting-box .body .comment-title {
  font-size: 1.5rem;
  margin: 1.25rem 0 2.5rem;
}
@media (max-width: 768px) {
  #company .greeting .greeting-box .body .comment-title {
    font-size: 1.375rem;
    margin: 1.25rem 0 1.875rem;
  }
}
#company .greeting .greeting-box .body .comment-title span {
  border-bottom: 3px solid #000;
  display: inline-block;
}
@media (max-width: 768px) {
  #company .greeting .greeting-box .body .comment-title span {
    display: inline;
  }
}
#company .greeting .greeting-box .body p {
  line-height: 2;
}
@media (max-width: 768px) {
  #company .greeting .greeting-box .body p {
    font-size: 0.9375rem;
    line-height: 1.6;
  }
}
#company .greeting .greeting-box .body .name-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media (max-width: 768px) {
  #company .greeting .greeting-box .body .name-wrap {
    display: block;
  }
}
#company .greeting .greeting-box .body .name-wrap > .name:last-child {
  margin-left: 1.875rem;
}
@media (max-width: 768px) {
  #company .greeting .greeting-box .body .name-wrap > .name:last-child {
    margin-top: 0;
    margin-left: 0;
  }
}
#company .greeting .greeting-box .body .name {
  font-size: 1.25rem;
  text-align: right;
  margin: 1.25rem 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
}
@media (max-width: 768px) {
  #company .greeting .greeting-box .body .name {
    font-size: 1.125rem;
  }
}
#company .greeting .greeting-box .body .name span {
  font-size: 0.875rem;
  margin: 0.25rem 0.875rem 0 0;
  font-weight: normal;
}
@media (max-width: 768px) {
  #company .greeting .greeting-box .body .name span {
    font-size: 0.75rem;
  }
}
#company .profile {
  padding: 1.875rem 0;
  margin: 3.75rem 0;
}
@media (max-width: 768px) {
  #company .profile {
    padding: 1.25rem 0;
    margin: 1.25rem 0;
  }
}
#company .access {
  background: #e2e3e3;
  padding: 1.875rem 0;
  margin: 3.75rem 0;
}
@media (max-width: 768px) {
  #company .access {
    padding: 1.25rem 0;
    margin: 1.25rem 0;
  }
}
#company .access .access-map {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 768px) {
  #company .access .access-map {
    display: block;
  }
}
#company .access .access-map .body .address {
  font-size: 1.125rem;
  font-weight: bold;
}
#company .access .access-map .body .more {
  margin-top: 1.875rem;
}
#company .access .access-map .map {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  margin-left: 2.5rem;
}
@media (max-width: 768px) {
  #company .access .access-map .map {
    margin: 1.875rem auto 0;
  }
}
#company .access .access-map .map iframe {
  width: 100%;
  height: 18.75rem;
}
#company .board-of-directors {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: -webkit-max-content 2em 1fr;
  -ms-grid-columns: max-content 2em 1fr;
  grid-template-columns: -webkit-max-content 1fr;
  grid-template-columns: max-content 1fr;
  gap: 0 2em;
}
@media (max-width: 768px) {
  #company .board-of-directors {
    gap: 0 1em;
  }
}
#company .board-of-directors > .name {
  max-width: 5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  white-space: nowrap;
}
#company .board-of-directors > .name > .sei {
  text-align: left;
  display: block;
}
#company .board-of-directors > .name > .mei {
  text-align: right;
  display: block;
}

/**************************************************
    Service
***************************************************/
#service {
  /* -----------------------------------------------
    Filter
  -------------------------------------------------- */
}
#service .service-line-up .product {
  margin-bottom: 3.75rem;
}
#service .service-line-up .product:last-child {
  margin-bottom: 0;
}
#service .service-line-up .product a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #e2e3e3;
  overflow: hidden;
  text-decoration: none;
}
@media (max-width: 768px) {
  #service .service-line-up .product a {
    display: block;
  }
}
#service .service-line-up .product a:hover {
  color: #000;
}
#service .service-line-up .product a:hover .image img {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (min-width: 769px) {
  #service .service-line-up .product a:hover .image img {
    -webkit-transform: translate(-50%, -50%) scale(1.1, 1.1);
            transform: translate(-50%, -50%) scale(1.1, 1.1);
  }
}
#service .service-line-up .product a:hover .more {
  background: #000;
  border: 1px solid #000;
  color: #fff;
}
#service .service-line-up .product a .image {
  width: 100%;
  max-width: 37.5rem;
  position: relative;
  z-index: 3;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  overflow: hidden;
}
@media (min-width: 769px) {
  #service .service-line-up .product a .image {
    position: relative;
    overflow: hidden;
  }
  #service .service-line-up .product a .image::before {
    content: "";
    display: block;
    padding-bottom: 66%;
  }
  #service .service-line-up .product a .image img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transition: -webkit-transform 0.4s ease-out;
    transition: -webkit-transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
    transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
}
#service .service-line-up .product a .image img {
  width: 100%;
  height: auto;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#service .service-line-up .product a .body {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  padding: 2.5rem;
}
@media (max-width: 768px) {
  #service .service-line-up .product a .body {
    padding: 1.5625rem;
  }
}
#service .service-line-up .product a .body .title {
  margin-bottom: 1.875rem;
}
@media (max-width: 768px) {
  #service .service-line-up .product a .body .title {
    margin-bottom: 1.25rem;
  }
}
#service .service-line-up .product a .body .title .main {
  font-size: 2rem;
  display: block;
  border-bottom: 2px solid #000;
  padding-bottom: 0.625rem;
  margin-bottom: 1rem;
}
@media (max-width: 768px) {
  #service .service-line-up .product a .body .title .main {
    font-size: 1.3125rem;
  }
}
@media (max-width: 768px) {
  #service .service-line-up .product a .body .title .sub {
    font-size: 0.75rem;
  }
}
@media (max-width: 768px) {
  #service .service-line-up .product a .body .lead {
    font-size: 0.875rem;
  }
}
#service .service-line-up .product a .body .more {
  margin-top: 1.25rem;
}
@media (max-width: 768px) {
  #service .service-line-up .product a .body .more {
    width: 100%;
    margin-top: 0.625rem;
    text-align: center;
  }
}
#service .training, #service .e-learning, #service .consulting, #service .minnade, #service .dx-support {
  overflow: hidden;
  margin-top: -1.875rem;
}
@media (max-width: 768px) {
  #service .training, #service .e-learning, #service .consulting, #service .minnade, #service .dx-support {
    margin-top: 0;
  }
}
#service .training .image-box, #service .e-learning .image-box, #service .consulting .image-box, #service .minnade .image-box, #service .dx-support .image-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 768px) {
  #service .training .image-box, #service .e-learning .image-box, #service .consulting .image-box, #service .minnade .image-box, #service .dx-support .image-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#service .training .image-box .body, #service .e-learning .image-box .body, #service .consulting .image-box .body, #service .minnade .image-box .body, #service .dx-support .image-box .body {
  width: 100%;
  max-width: 25rem;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
@media (max-width: 768px) {
  #service .training .image-box .body, #service .e-learning .image-box .body, #service .consulting .image-box .body, #service .minnade .image-box .body, #service .dx-support .image-box .body {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  #service .training .image-box .body p._double, #service .e-learning .image-box .body p._double, #service .consulting .image-box .body p._double, #service .minnade .image-box .body p._double, #service .dx-support .image-box .body p._double {
    margin-bottom: 1.25rem !important;
  }
}
@media (max-width: 768px) {
  #service .training .image-box .image, #service .e-learning .image-box .image, #service .consulting .image-box .image, #service .minnade .image-box .image, #service .dx-support .image-box .image {
    width: 100%;
  }
}
#service .training .image-box .image.-right, #service .e-learning .image-box .image.-right, #service .consulting .image-box .image.-right, #service .minnade .image-box .image.-right, #service .dx-support .image-box .image.-right {
  margin-right: -12.5rem;
  margin-left: 2.5rem;
}
@media (max-width: 768px) {
  #service .training .image-box .image.-right, #service .e-learning .image-box .image.-right, #service .consulting .image-box .image.-right, #service .minnade .image-box .image.-right, #service .dx-support .image-box .image.-right {
    margin: 0 auto 1.875rem;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
#service .training .image-box .image.-left, #service .e-learning .image-box .image.-left, #service .consulting .image-box .image.-left, #service .minnade .image-box .image.-left, #service .dx-support .image-box .image.-left {
  margin-left: -12.5rem;
  margin-right: 2.5rem;
}
@media (max-width: 768px) {
  #service .training .image-box .image.-left, #service .e-learning .image-box .image.-left, #service .consulting .image-box .image.-left, #service .minnade .image-box .image.-left, #service .dx-support .image-box .image.-left {
    margin: 0 auto 1.875rem;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
#service .training-list, #service .e-learning-list, #service .bg-gray {
  background: #e2e3e3;
  padding: 1.875rem 0;
  margin: 1.875rem 0;
}
@media (max-width: 768px) {
  #service .training-list, #service .e-learning-list, #service .bg-gray {
    padding: 1.25rem 0;
    margin: 1.25rem 0;
  }
}
#service .training-list .article-card > .item .body, #service .e-learning-list .article-card > .item .body, #service .bg-gray .article-card > .item .body {
  background: #fff;
}
@media (max-width: 768px) {
  #service .lecture-list {
    padding: 0;
    margin: 0;
  }
}
#service .lecture-list-b {
  max-width: 1020px;
  margin: 0 auto;
}
#service .lecture-list-b .h3-a {
  max-width: 100%;
  margin: 1.875rem 0;
}
@media (max-width: 768px) {
  #service .lecture-list-b {
    padding: 0;
    margin: 0;
  }
}
#service .related-case-studies .case-card-item {
  margin-top: 1.25rem;
}
@media (max-width: 768px) {
  #service .related-case-studies .case-card-item {
    margin-top: 0;
  }
}
#service .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #ffd900;
}
#service .basic-course .advance-course {
  display: none;
}
#service .advance-course .basic-course {
  display: none;
}
#service .article-card > .item.-active {
  display: none;
}
#service .minnade-movie {
  position: relative;
  width: 100%;
  max-width: 53.3125rem;
  height: auto;
  margin: 1.25rem auto 3.75rem;
  text-align: center;
}
@media (max-width: 768px) {
  #service .minnade-movie {
    padding: 0 1.25rem;
    margin: 1.25rem auto 2.5rem;
  }
}
#service .minnade-movie > a {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  -webkit-box-shadow: 0px 1px 50px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 1px 50px 0px rgba(0, 0, 0, 0.15);
}
#service .minnade-movie > a:hover {
  opacity: 0.5;
}
#service .minnade-movie video {
  width: 100%;
  width: 53.3125rem;
  height: 30rem;
  padding: 0;
  margin: 0 auto;
  -webkit-box-shadow: 0px 1px 50px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 1px 50px 0px rgba(0, 0, 0, 0.15);
  cursor: pointer;
  outline: none;
  pointer-events: auto;
}
@media (max-width: 768px) {
  #service .minnade-movie video {
    width: 100%;
    height: auto;
  }
}
#service .minnade-price {
  width: 100%;
  max-width: 50rem;
  padding: 0 1.875rem 2.5rem;
  margin: 0 auto;
  border-radius: 10px;
  background: #fff;
  -webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
}
@media (max-width: 768px) {
  #service .minnade-price {
    padding: 0 1.25rem 2.5rem;
  }
}
#service .minnade-price > .title {
  background: #000;
  text-align: center;
  border-bottom: 1px solid #000;
  padding: 1rem;
  margin: 0 -1.875rem 1.875rem;
  border-radius: 10px 10px 0 0;
  color: #fff;
}
@media (max-width: 768px) {
  #service .minnade-price > .title {
    margin: 0 -1.25rem 1.25rem;
  }
}
#service .minnade-price .quote_month {
  width: 100%;
}
#service .minnade-price #quote_month_note {
  color: red;
  margin-top: 0.625rem;
  display: inline-block;
  font-size: 0.75rem;
}
#service .minnade-price .quote-employees {
  width: 100%;
  padding: 0.625rem;
  cursor: pointer;
}
#service .minnade-price #quote_pay_month {
  margin: 0.625rem 0;
  font-size: 1.125rem;
  display: block;
}
@media (max-width: 768px) {
  #service .minnade-price .radio-button-wrap {
    display: block;
  }
}
#service .minnade-price .radio-button-wrap > input {
  margin-right: 0.375rem;
}
#service .minnade-price .button-quote-start {
  margin: 0 auto;
  text-align: center;
}
#service .minnade-price .button-quote-start > input {
  width: 100%;
  max-width: 18.75rem;
  font-weight: bold;
  padding: 0.625rem;
  margin: 0 auto 2.1875rem;
  border-radius: 100px;
  background: #ffd900;
  border: 1px solid #000;
  -webkit-box-shadow: 0px 3px 1px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 3px 1px 0px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#service .minnade-price .button-quote-start > input:hover {
  background: #000;
  color: #ffd900;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#service .minnade-price #quote_result, #service .minnade-price #quote_margin {
  font-size: 1.75rem;
  display: block;
  line-height: 1;
}
@media (max-width: 768px) {
  #service .minnade-price #quote_result, #service .minnade-price #quote_margin {
    margin: 0 auto;
  }
}
#service .minnade-price .quote-note {
  color: red;
  font-size: 0.75rem;
  display: block;
  line-height: 1.6;
  position: absolute;
  right: 0;
  bottom: -1.875rem;
  white-space: nowrap;
}
@media (max-width: 768px) {
  #service .minnade-price .quote-note {
    position: static;
    white-space: normal;
    text-align: left;
    text-indent: -1em;
    padding-left: 1em;
    margin-top: 0.625rem;
  }
}
#service .minnade-price .table-a {
  font-size: 1.125rem;
  position: relative;
}
@media (max-width: 768px) {
  #service .minnade-price .table-a {
    font-size: 1rem;
  }
}
@media (max-width: 768px) {
  #service .minnade-price .table-a tr th {
    width: 100%;
    display: block;
    border-bottom: none;
    text-align: center !important;
    padding-bottom: 0;
    font-size: 1rem;
  }
}
@media (max-width: 768px) {
  #service .minnade-price .table-a tr td {
    width: 100%;
    display: block;
    border-top: none;
    text-align: center !important;
    padding-top: 0.125rem;
  }
}
@media (max-width: 768px) {
  #service .minnade-price .table-a tr#quote_margin_block th {
    border-top: none;
  }
}
#service .minnade-price .table-b, #service .minnade-price #cookie #cookiefirst-policy-page table, #cookie #cookiefirst-policy-page #service .minnade-price table {
  font-size: 1.125rem;
}
@media (max-width: 768px) {
  #service .minnade-price .table-b, #service .minnade-price #cookie #cookiefirst-policy-page table, #cookie #cookiefirst-policy-page #service .minnade-price table {
    font-size: 1rem;
  }
}
#service .minnade-price .table-b tr th, #service .minnade-price #cookie #cookiefirst-policy-page table tr th, #cookie #cookiefirst-policy-page #service .minnade-price table tr th, #service .minnade-price .table-b tr td, #service .minnade-price #cookie #cookiefirst-policy-page table tr td, #cookie #cookiefirst-policy-page #service .minnade-price table tr td {
  border: 1px solid #000;
}
#service .minnade-price .table-b tr th, #service .minnade-price #cookie #cookiefirst-policy-page table tr th, #cookie #cookiefirst-policy-page #service .minnade-price table tr th {
  width: 35%;
  background: #ffd900;
  color: #000;
}
@media (max-width: 768px) {
  #service .minnade-price .table-b tr th, #service .minnade-price #cookie #cookiefirst-policy-page table tr th, #cookie #cookiefirst-policy-page #service .minnade-price table tr th {
    width: 100%;
    display: block;
  }
}
#service .minnade-price .table-b tr td, #service .minnade-price #cookie #cookiefirst-policy-page table tr td, #cookie #cookiefirst-policy-page #service .minnade-price table tr td {
  width: 65%;
  background: #f5f5f5;
}
@media (max-width: 768px) {
  #service .minnade-price .table-b tr td, #service .minnade-price #cookie #cookiefirst-policy-page table tr td, #cookie #cookiefirst-policy-page #service .minnade-price table tr td {
    width: 100%;
    display: block;
  }
}
#service .filter-block > form .filter-nav-wrap {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1.25rem 1fr 1.25rem 1fr 1.25rem 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 1.25rem;
  background: #ebebeb;
  padding: 1.875rem;
  margin-bottom: 1.875rem;
  position: relative;
  border-radius: 20px;
}
@media screen and (max-width: 1460px) {
  #service .filter-block > form .filter-nav-wrap {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 768px) {
  #service .filter-block > form .filter-nav-wrap {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 0.625rem;
    padding: 0.9375rem;
    margin-bottom: 1.25rem;
  }
}
#service .filter-block > form .filter-nav-wrap .filter-nav {
  width: 100%;
}
#service .filter-block > form .filter-nav-wrap .filter-nav .note {
  font-size: 0.75rem;
  text-align: right;
  margin: 0.5rem 0 0;
}
#service .filter-block > form .filter-nav-wrap .filter-nav .note > a {
  color: #1877f2;
  text-decoration: none;
}
#service .filter-block > form .filter-nav-wrap .filter-nav .note > a:hover {
  color: #1877f2;
  text-decoration: underline;
}
#service .filter-block > form .filter-nav-wrap select, #service .filter-block > form .filter-nav-wrap option {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  outline: none;
  background: #fff;
  font-size: 0.9375rem;
  color: #000;
  padding: 1.25rem 1.875rem;
  -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  cursor: pointer;
}
#service .filter-block > form .filter-nav-wrap select.filter-item, #service .filter-block > form .filter-nav-wrap option.filter-item {
  width: 100%;
}
@media (max-width: 768px) {
  #service .filter-block > form .filter-nav-wrap select, #service .filter-block > form .filter-nav-wrap option {
    width: 100%;
    padding: 0.9375rem 1.25rem;
    font-size: 0.875rem;
  }
}
#service .filter-block > form .filter-nav-wrap select {
  background: #fff url(../images/icon/icon_check.svg) no-repeat;
  background-position: calc(100% - 20px) center;
  background-size: 1rem 1rem;
  border: 1px solid #000;
}
#service .filter-block > form .filter-nav-wrap select option:checked {
  background: #e5e5e5;
}
#service .filter-block > form .filter-nav-wrap select:invalid {
  background: #fafafa url(../images/icon/icon_arrow_bottom.svg) no-repeat;
  background-position: calc(100% - 20px) center;
  background-size: 0.625rem 0.3125rem;
  color: #999;
  border: 1px solid #fff;
}
#service .filter-utility {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 2.5rem;
}
@media (max-width: 768px) {
  #service .filter-utility {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 1.875rem;
  }
}
#service .filter-utility .mixitup-page-stats {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 768px) {
  #service .filter-utility .mixitup-page-stats {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    text-align: center;
    margin: 0 auto;
  }
}
#service .filter-utility .mixitup-page-select-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  width: calc(100% - 40px);
  padding: 0.3125rem 0;
  margin: 0 1.25rem;
  overflow-x: auto;
  white-space: nowrap;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
  position: relative;
}
@media (max-width: 768px) {
  #service .filter-utility .mixitup-page-select-wrap {
    width: 100%;
    padding: 0.3125rem 0.625rem;
    margin: 0 auto;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
#service .filter-utility .mixitup-page-select-wrap::-webkit-scrollbar {
  height: 2px;
  border-radius: 100px;
  cursor: pointer;
}
#service .filter-utility .mixitup-page-select-wrap::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 100px;
}
#service .filter-utility .mixitup-page-select-wrap::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 100px;
  cursor: pointer;
}
#service .filter-utility .mixitup-page-select-wrap .mixitup-page-select {
  font-size: 0.75rem;
  color: #999;
  margin-left: 0.9375rem;
}
@media (max-width: 768px) {
  #service .filter-utility .mixitup-page-select-wrap .mixitup-page-select {
    margin: 0.625rem 0.625rem 0;
  }
}
#service .filter-utility .mixitup-page-select-wrap .mixitup-page-select.mixitup-page-select-purpose {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
#service .filter-utility .mixitup-page-select-wrap .mixitup-page-select.mixitup-page-select-target {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
#service .filter-utility .mixitup-page-select-wrap .mixitup-page-select.mixitup-page-select-course {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
#service .filter-utility .mixitup-page-select-wrap .mixitup-page-select.mixitup-page-select-category {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}
#service .filter-utility .mixitup-page-select-wrap .mixitup-page-select:first-child {
  margin-left: 0;
}
#service .filter-utility .button-reset {
  width: 11.25rem;
  margin-left: auto;
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 768px) {
  #service .filter-utility .button-reset {
    width: 100%;
    margin: 0.625rem auto 1.25rem;
    text-align: center;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
#service .filter-utility .button-reset button {
  width: 11.25rem;
  padding: 0.375rem 1.25rem;
  margin-left: auto;
  font-size: 0.8125rem;
  color: #000;
  border: 1px solid #000;
  border-radius: 100px;
  display: block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 768px) {
  #service .filter-utility .button-reset button {
    width: 100%;
  }
}
#service .filter-utility .button-reset:hover button {
  background: #000;
  color: #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#service.dx-support-top .c-accordion {
  zoom: 1;
  width: 100%;
  border-radius: 8px;
  border-color: #e5e5e5;
  border-style: solid;
  border-width: 2px;
  background: #fff;
  margin-bottom: 1.25rem;
  /*タイトルのデザインと「＋」ボタン*/
  /*開いているときに適用するスタイル*/
  /*開いときの中身のテキスト*/
}
#service.dx-support-top .c-accordion:after {
  content: "";
  display: block;
  clear: both;
  overflow: auto;
}
#service.dx-support-top .c-accordion .c-accordion_ttl {
  list-style: none;
  padding: 1.25rem;
  cursor: pointer;
  font-size: 1.5rem;
  font-weight: bold;
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 768px) {
  #service.dx-support-top .c-accordion .c-accordion_ttl {
    font-size: 0.875rem;
    padding: 1.25rem;
    display: block;
  }
}
#service.dx-support-top .c-accordion .c-accordion_ttl > .image {
  max-width: 18.75rem;
  margin-right: 2.5rem;
  border: 1px solid #e5e5e5;
}
@media (max-width: 768px) {
  #service.dx-support-top .c-accordion .c-accordion_ttl > .image {
    width: 100%;
    max-width: 100%;
    margin: 0 auto 1.25rem;
  }
}
#service.dx-support-top .c-accordion .c-accordion_ttl > .body > .number {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  color: #000;
  font-size: 0.75rem;
  padding: 0.1875rem 0.625rem 0.125rem;
  margin: 0 0.75rem 0 0;
  border-radius: 100px;
  background: #ffd900;
}
@media (max-width: 768px) {
  #service.dx-support-top .c-accordion .c-accordion_ttl > .body > .number {
    font-size: 0.625rem;
  }
}
#service.dx-support-top .c-accordion .c-accordion_txt {
  padding: 1.25rem;
  margin: 0 1.25rem 1.25rem 1.25rem;
}
#service.dx-support-top .c-accordion .c-accordion_txt .customer-block {
  background: #fff;
  border: none;
  -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
}
@media (max-width: 768px) {
  #service.dx-support-top .c-accordion .c-accordion_txt .customer-block > .item {
    font-size: 0.875rem;
  }
}
#service.dx-support-top .c-accordion .c-accordion_ttl {
  zoom: 1;
  position: relative;
}
#service.dx-support-top .c-accordion .c-accordion_ttl:after {
  content: "";
  display: block;
  clear: both;
  overflow: auto;
}
#service.dx-support-top .c-accordion .c-accordion_ttl::after {
  content: "事例を見る";
  position: absolute;
  right: 1.25rem;
  font-size: 0.875rem;
  padding: 0.625rem 0.625rem 0.625rem 1.875rem;
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='29' viewBox='0 0 28 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 28.4248C21.732 28.4248 28 22.1568 28 14.4248C28 6.69282 21.732 0.424805 14 0.424805C6.26801 0.424805 0 6.69282 0 14.4248C0 22.1568 6.26801 28.4248 14 28.4248Z' fill='%23000000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.5629 9.44141C13.8797 9.44141 14.1452 9.70697 14.156 10.0346L14.4282 18.3384C14.4389 18.666 14.1908 18.9316 13.8739 18.9316C13.5571 18.9316 13.2915 18.666 13.2808 18.3384L13.0086 10.0346C12.9979 9.70697 13.246 9.44141 13.5629 9.44141Z' fill='white' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.12875 14.186C9.11801 13.8584 9.36616 13.5928 9.683 13.5928H17.7147C18.0315 13.5928 18.2971 13.8584 18.3078 14.186C18.3186 14.5136 18.0704 14.7791 17.7536 14.7791H9.72188C9.40504 14.7791 9.13948 14.5136 9.12875 14.186Z' fill='white' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-position: left 0 center;
  background-size: 1.25rem;
  background-repeat: no-repeat;
}
@media (max-width: 768px) {
  #service.dx-support-top .c-accordion .c-accordion_ttl::after {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: static;
    margin: 0 0 0 auto;
    display: block;
  }
}
#service.dx-support-top .c-accordion[open] .c-accordion_ttl::after {
  content: "事例を閉じる";
  position: absolute;
  right: 1.25rem;
  font-size: 0.875rem;
  padding: 0.625rem 0.625rem 0.625rem 1.875rem;
  background-image: url("data:image/svg+xml,%3Csvg width='29' height='29' viewBox='0 0 29 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.2339 28.4248C21.9659 28.4248 28.2339 22.1568 28.2339 14.4248C28.2339 6.69282 21.9659 0.424805 14.2339 0.424805C6.5019 0.424805 0.233887 6.69282 0.233887 14.4248C0.233887 22.1568 6.5019 28.4248 14.2339 28.4248Z' fill='%23000000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.36264 14.186C9.35191 13.8584 9.60005 13.5928 9.9169 13.5928H17.9486C18.2654 13.5928 18.531 13.8584 18.5417 14.186C18.5524 14.5136 18.3043 14.7791 17.9874 14.7791H9.95578C9.63894 14.7791 9.37338 14.5136 9.36264 14.186Z' fill='white' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-position: left 0 center;
  background-size: 1.25rem;
  background-repeat: no-repeat;
}
@media (max-width: 768px) {
  #service.dx-support-top .c-accordion[open] .c-accordion_ttl::after {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: static;
    margin: 0 0 0 auto;
    display: block;
  }
}
#service.dx-support-top .c-accordion .c-accordion_txt {
  background: #fafafa;
}
@media (min-width: 769px) {
  #service.dx-support-top .c-accordion:last-child {
    margin-bottom: 0;
  }
}
/**************************************************
    FAQ
***************************************************/
/**************************************************
    Seminar
***************************************************/
#seminar .author-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 2px solid #e2e3e3;
  padding: 1.875rem;
}
@media (max-width: 768px) {
  #seminar .author-box {
    display: block;
    padding: 1.25rem;
  }
}
#seminar .author-box .image {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 768px) {
  #seminar .author-box .image {
    text-align: center;
    margin-bottom: 1.25rem;
  }
}
#seminar .author-box .body {
  margin-left: 2.5rem;
}
@media (max-width: 768px) {
  #seminar .author-box .body {
    margin-left: 0;
  }
}
#seminar .author-box .body .sub {
  font-size: 0.875rem;
  margin-bottom: 0.625rem;
}
#seminar .author-box .body .name {
  font-size: 1.3125rem;
  font-weight: bold;
}
#seminar .author-box .body .lead {
  font-size: 0.875rem;
}
#seminar .voice-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 -10px 20px;
}
@media (max-width: 768px) {
  #seminar .voice-list {
    margin: 0 -10px 10px;
  }
}
#seminar .voice-list .item {
  width: 50%;
  padding: 0 10px 20px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-decoration: none;
}
@media (max-width: 768px) {
  #seminar .voice-list .item {
    width: 50%;
  }
}
#seminar .voice-list .item::before {
  content: "";
  background: url(../images/icon/icon_clip.svg) no-repeat;
  width: 20px;
  height: 22px;
  display: block;
  margin: 0 auto;
  position: absolute;
  top: 5px;
  left: 15px;
  z-index: 2;
}
#seminar .voice-list .item .body {
  background: #ffd900;
  padding: 4px;
  font-size: 14px;
  position: relative;
  margin-bottom: 20px;
  height: 100%;
}
@media (max-width: 768px) {
  #seminar .voice-list .item .body {
    padding: 5px;
    font-size: 12px;
  }
}
#seminar .voice-list .item .body .inner {
  background: #fff;
  padding: 20px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  font-weight: bold;
  color: #000;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#seminar .voice-list .item .body .inner span {
  font-size: 1rem;
  display: block;
  line-height: 1.6;
}
@media (max-width: 768px) {
  #seminar .voice-list .item .body .inner span {
    font-size: 0.875rem;
  }
}
@media (max-width: 768px) {
  #seminar .voice-list .item .body .inner {
    padding: 15px;
    text-align: left;
  }
  #seminar .voice-list .item .body .inner br {
    display: none;
  }
}
#seminar .voice-list .item .body .inner strong {
  color: #0E0D6A;
}
#seminar .voice-list .item .body::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #ffd900 transparent transparent transparent;
  position: absolute;
  left: calc(50% - 10px);
  bottom: -10px;
}
#seminar .voice-list .item .author .image {
  width: 70px;
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50%;
  margin: 0 auto;
  background: #ffd900;
}
#seminar .voice-list .item .author .image::before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 32px;
  height: 40px;
}
#seminar .voice-list .item .author .image.-man1::before {
  content: "";
  background: url(../images/icon/icon_man1.svg) no-repeat;
}
#seminar .voice-list .item .author .image.-man2::before {
  content: "";
  background: url(../images/icon/icon_man2.svg) no-repeat;
}
#seminar .voice-list .item .author .image.-man3::before {
  content: "";
  background: url(../images/icon/icon_man3.svg) no-repeat;
}
#seminar .voice-list .item .author .image.-man4::before {
  content: "";
  background: url(../images/icon/icon_man4.svg) no-repeat;
}
#seminar .voice-list .item .author .image.-woman1::before {
  content: "";
  background: url(../images/icon/icon_woman1.svg) no-repeat;
}
#seminar .voice-list .item .author .image.-woman2::before {
  content: "";
  background: url(../images/icon/icon_woman2.svg) no-repeat;
}
#seminar .voice-list .item .author .image.-woman3::before {
  content: "";
  background: url(../images/icon/icon_woman3.svg) no-repeat;
}
#seminar .mix-filter-seminar .notfound,
#seminar .mix-filter-column .notfound,
#seminar .mix-filter-news .notfound {
  display: none;
  width: 100%;
  height: 100%;
  padding-top: 18.75rem;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
@media (max-width: 768px) {
  #seminar .mix-filter-seminar .notfound,
  #seminar .mix-filter-column .notfound,
  #seminar .mix-filter-news .notfound {
    padding: 0 0 1.25rem;
    margin: 0;
    font-size: 0.875rem;
    position: relative;
    left: 25%;
    white-space: nowrap;
  }
}
#seminar .mix-filter-seminar .seminar-block,
#seminar .mix-filter-column .column-block,
#seminar .mix-filter-news .news-block {
  margin-bottom: -2.5rem;
}
@media (max-width: 768px) {
  #seminar .mix-filter-seminar .seminar-block,
  #seminar .mix-filter-column .column-block,
  #seminar .mix-filter-news .news-block {
    margin-bottom: -0.625rem;
  }
}
#seminar #anc_seminar .side-nav > .list .timer-valid {
  display: block !important;
}

/**************************************************
    Column
***************************************************/
#column .entry-content .contact-area {
  margin-top: 2.5rem;
}
@media (max-width: 768px) {
  #column .entry-content .contact-area {
    margin-top: 1.25rem;
  }
}
#column .recommendation-article > .item {
  text-decoration: none;
  display: block;
  border: 1px solid #e5e5e5;
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 768px) {
  #column .recommendation-article > .item {
    display: block;
  }
}
#column .recommendation-article > .item .thumbnail {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  max-width: 9.375rem;
  margin-right: 1.25rem;
}
@media (max-width: 768px) {
  #column .recommendation-article > .item .thumbnail {
    max-width: 100%;
    margin: 0 auto 20px;
  }
}
#column .recommendation-article > .item .body .date {
  font-size: 0.75rem;
  display: block;
  color: #999;
}
#column .recommendation-article > .item .body .title {
  margin: 0.125rem 0;
  font-weight: bold;
  display: block;
}
@media (max-width: 768px) {
  #column .recommendation-article > .item .body .title {
    line-height: 1.5;
    margin: 0.375rem 0;
  }
}
#column .recommendation-article > .item .body .lead {
  font-size: 0.875rem;
  display: block;
}
#column .recommendation-article > .item:hover {
  color: #000;
  background: #f5f5f5;
}
#column .recommendation-course {
  margin-bottom: 1.875rem;
}
#column .recommendation-course > .item {
  border: 1px solid #fff;
  margin-bottom: 0 !important;
}
#column .recommendation-course > .item > .thumbnail {
  max-width: 20rem !important;
  margin-right: 1.875rem !important;
}
@media (max-width: 768px) {
  #column .recommendation-course > .item > .thumbnail {
    max-width: 100% !important;
    margin-right: 0 !important;
  }
}
#column .recommendation-course > .item > .thumbnail img {
  width: 100vw;
  height: auto;
}
@media (max-width: 768px) {
  #column .recommendation-course > .item > .thumbnail img {
    width: 100%;
  }
}
#column .recommendation-course > .item > .body {
  width: 100%;
}
#column .recommendation-course > .item > .body > .head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 1.25rem;
  margin-bottom: 1.25rem;
}
@media (max-width: 768px) {
  #column .recommendation-course > .item > .body > .head {
    display: block;
  }
}
#column .recommendation-course > .item > .body > .head > .label {
  font-size: 0.75rem;
  font-weight: 200;
  color: #fff;
  text-align: center;
  width: 9.375rem;
  height: auto;
  padding: 0.125rem 0.625rem 0.1875rem;
  margin-right: 1.25rem;
  border-radius: 4px;
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 768px) {
  #column .recommendation-course > .item > .body > .head > .label {
    width: 100%;
    padding: 0.3125rem;
    font-size: 0.625rem;
    margin-bottom: 0.625rem;
  }
}
#column .recommendation-course > .item > .body > .head > .label.-lecture {
  background: #08415c;
}
#column .recommendation-course > .item > .body > .head > .label.-workshop {
  background: #2ca58d;
}
#column .recommendation-course > .item > .body > .head > .label.-lecture-workshop {
  background: #5c0859;
}
#column .recommendation-course > .item > .body > .head > .label.-live {
  background: #ff9600;
}
#column .recommendation-course > .item > .body > .head > .label.-anime {
  background: #e57373;
}
#column .recommendation-course > .item > .body > .head > .title {
  font-size: 1.3125rem;
  line-height: 1.6;
  margin: 0;
}
@media (max-width: 768px) {
  #column .recommendation-course > .item > .body > .head > .title {
    font-size: 1rem;
  }
}
#column .recommendation-course > .item > .body > .foot > .list > .item {
  font-size: 0.9375rem;
  text-indent: -3em;
  padding-left: 3em;
  line-height: 1.5;
  margin-bottom: 0.25rem;
}
@media (max-width: 768px) {
  #column .recommendation-course > .item > .body > .foot > .list > .item {
    font-size: 0.75rem;
  }
}
#column .recommendation-course > .item > .body > .foot > .list > .item:last-child {
  margin-bottom: 0;
}
#column .recommendation-course > .item:hover {
  background: #f8f8f8;
  border: 1px solid #e5e5e5;
}
@media (max-width: 768px) {
  #column .recommendation-course:last-child {
    margin-bottom: 0;
  }
}
#column .author-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 2px solid #e2e3e3;
  padding: 1.875rem;
  margin: 1.875rem 0;
}
@media (max-width: 768px) {
  #column .author-box {
    display: block;
    padding: 1.25rem;
  }
}
#column .author-box .image {
  width: 100%;
  max-width: 15.625rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 768px) {
  #column .author-box .image {
    text-align: center;
    margin-bottom: 1.25rem;
  }
}
#column .author-box .body .sub {
  margin-bottom: 0.625rem;
}
#column .author-box .body .name {
  font-size: 1.25rem;
  font-weight: bold;
}
#column .author-box.-left .image {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
#column .author-box.-left .body {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  margin-left: 2.5rem;
}
@media (max-width: 768px) {
  #column .author-box.-left .body {
    margin-left: 0;
  }
}
#column .author-box.-right .image {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
#column .author-box.-right .body {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  margin-right: 2.5rem;
}
@media (max-width: 768px) {
  #column .author-box.-right .body {
    margin-right: 0;
  }
}

/**************************************************
    Cookie
***************************************************/
#cookie #cookiefirst-policy-page h2 {
  text-decoration: underline;
  text-underline-offset: 1.25rem;
  text-decoration-thickness: 3px;
}
@media (max-width: 768px) {
  #cookie #cookiefirst-policy-page h2 {
    text-underline-offset: 0.625rem;
  }
}
#cookie #cookiefirst-policy-page table tbody tr th, #cookie #cookiefirst-policy-page table tbody tr td {
  min-width: inherit !important;
}
#cookie #cookiefirst-policy-page table tbody tr th {
  width: auto !important;
}
#cookie #cookiefirst-policy-page table tbody tr td[colspan="5"] {
  background: #fff;
  border: none;
  padding: 0;
  margin: 0;
}
#cookie #cookiefirst-policy-page table tbody tr td[colspan="5"] > h4 {
  font-size: 1.3125rem;
  margin: 2.5rem 0 1.25rem;
}
@media (max-width: 768px) {
  #cookie #cookiefirst-policy-page table tbody tr td[colspan="5"] > h4 {
    font-size: 1rem;
    margin: 1.875rem 0 0.9375rem;
  }
}
#cookie #cookiefirst-policy-page table tbody tr:first-child td[colspan="5"] > h4 {
  margin-top: 1.25rem;
}
@media (max-width: 768px) {
  #cookie #cookiefirst-policy-page .cf1Hdl {
    width: 100%;
    overflow-x: scroll !important;
    white-space: nowrap;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
    position: relative;
    margin: 0 auto;
    padding-bottom: 1.25rem;
  }
}
#cookie #cookiefirst-policy-page .cfMKVG.cfAfdC svg {
  display: none;
}
#cookie #cookiefirst-policy-page .cfEa3L {
  margin-bottom: 1.25rem;
}
@media (max-width: 768px) {
  #cookie #cookiefirst-policy-page p button {
    display: block;
    width: 100%;
  }
}
#cookie #cookiefirst-policy-page p button:nth-child(2) {
  background: #fff;
  color: #390000;
  margin-left: 1.25rem;
}
@media (max-width: 768px) {
  #cookie #cookiefirst-policy-page p button:nth-child(2) {
    margin-top: 0.625rem;
    margin-left: 0;
  }
}
#cookie #cookiefirst-policy-page p button:nth-child(2):hover {
  background: #390000;
  color: #fff;
}

/**************************************************
    Download
***************************************************/
#download .download-block {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 30px 1fr 30px 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px;
}
@media screen and (max-width: 1320px) {
  #download .download-block {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 768px) {
  #download .download-block {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
#download .download-block > .block > .item {
  display: block;
  -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  background: #fff;
  text-decoration: none;
  height: 100%;
}
#download .download-block > .block > .item > .thumbnail {
  overflow: hidden;
  border-radius: 20px 20px 0 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#download .download-block > .block > .item > .thumbnail img {
  border-radius: 20px 20px 0 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#download .download-block > .block > .item > .thumbnail.border {
  border-bottom: 1px solid #e5e5e5;
}
#download .download-block > .block > .item > .body {
  padding: 1.5625rem 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#download .download-block > .block > .item > .body > .head {
  padding-bottom: 1.25rem;
  margin-bottom: 1.25rem;
  border-bottom: 1px solid #e5e5e5;
}
#download .download-block > .block > .item > .body > .head > .about {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.875rem;
}
#download .download-block > .block > .item > .body > .head > .about > .item.-label {
  font-size: 0.75rem;
  font-weight: 200;
  color: #fff;
  text-align: center;
  padding: 0.3125rem 0.625rem 0.375rem;
  border-radius: 6px;
}
#download .download-block > .block > .item > .body > .head > .about > .item.-label.-lecture {
  background: #08415c;
}
#download .download-block > .block > .item > .body > .head > .about > .item.-label.-workshop {
  background: #2ca58d;
}
#download .download-block > .block > .item > .body > .head > .about > .item.-label.-lecture-workshop {
  background: #5c0859;
}
#download .download-block > .block > .item > .body > .head > .about > .item.-label.-live {
  background: #ff9600;
}
#download .download-block > .block > .item > .body > .head > .about > .item.-label.-anime {
  background: #e57373;
}
#download .download-block > .block > .item > .body > .head > .title {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.6;
  display: block;
}
#download .download-block > .block > .item > .body > .head > .lead {
  font-size: 0.875rem;
  line-height: 1.6;
  display: block;
  margin-top: 0.75rem;
}
#download .download-block > .block > .item > .body > .foot > .title {
  font-size: 0.75rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  padding: 0.3125rem 0.625rem 0.375rem;
  margin-bottom: 0.75rem;
  display: block;
  border-radius: 6px;
  border: 1px solid #000;
  color: #000;
}
#download .download-block > .block > .item > .body > .foot > .point-list > .item {
  font-size: 0.875rem;
  line-height: 1.5;
}
#download .download-block > .block > .item > .body > .foot > span.more {
  font-size: 0.875rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  padding: 0.3125rem 0.625rem 0.375rem;
  margin-top: 1.25rem;
  border-radius: 6px;
  display: block;
  background: #000;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#download .download-block > .block > .item > .body > .foot > p.more {
  text-align: center;
  margin-top: 1.25rem;
}
#download .download-block > .block > .item > .body > .foot > p.more > a {
  font-size: 0.875rem;
  font-weight: bold;
  padding: 0.3125rem 0.625rem 0.375rem;
  border-radius: 6px;
  background: #000;
  color: #fff;
  text-decoration: none;
  display: block;
}
#download .download-block > .block > .item > .body > .foot > p.more > a:hover {
  background: #ffd900;
  color: #000;
}
#download .download-block > .block a.item:hover {
  color: #000;
  -webkit-box-shadow: none;
          box-shadow: none;
}
#download .download-block > .block a.item:hover > .thumbnail {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#download .download-block > .block a.item:hover > .thumbnail img {
  -webkit-transform: scale(1.2, 1.2);
          transform: scale(1.2, 1.2);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#download .download-block > .block a.item:hover > .body > .foot > .more {
  color: #000;
  background: #ffd900;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

/**************************************************
    Case Study
***************************************************/
/**************************************************
    Dx Literacy
***************************************************/
@-webkit-keyframes bgchange {
  0% {
    background: #7f7f7f;
  }
  25% {
    background: #ed7d31;
  }
  50% {
    background: #00b050;
  }
  75% {
    background: #5b9bd5;
  }
  100% {
    background: #7030a0;
  }
}
@keyframes bgchange {
  0% {
    background: #7f7f7f;
  }
  25% {
    background: #ed7d31;
  }
  50% {
    background: #00b050;
  }
  75% {
    background: #5b9bd5;
  }
  100% {
    background: #7030a0;
  }
}
#dx-literacy .main-visual {
  background: #7f7f7f;
  -webkit-animation: bgchange 30s ease infinite;
          animation: bgchange 30s ease infinite;
  position: relative;
}
#dx-literacy .main-visual .particles-js-canvas-el {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  margin: auto;
  opacity: 0.5;
  pointer-events: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#dx-literacy .main-visual > .inner {
  width: 100%;
  max-width: 1680px;
  padding: 10rem 3.75rem 5rem;
  margin: 0 auto;
}
@media (max-width: 768px) {
  #dx-literacy .main-visual > .inner {
    padding: 6.25rem 1.25rem 2.5rem;
  }
}
#dx-literacy .main-visual .catch-block {
  margin: 0 auto;
  position: relative;
}
#dx-literacy .main-visual .catch-block > .body {
  position: relative;
  z-index: 5;
}
@media (max-width: 768px) {
  #dx-literacy .main-visual .catch-block > .body {
    text-align: center;
  }
}
#dx-literacy .main-visual .catch-block > .body .note {
  font-size: 1.125rem;
  font-weight: bold;
  color: #fff;
  margin-bottom: 1.875rem;
}
@media (max-width: 768px) {
  #dx-literacy .main-visual .catch-block > .body .note {
    font-size: 1rem;
  }
}
#dx-literacy .main-visual .catch-block > .body .sub {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.1875rem 0.625rem 0.25rem;
  margin-bottom: 0.625rem;
  font-size: 1.375rem;
  color: #fff;
  font-weight: 700;
  border: 1px solid #fff;
}
@media (max-width: 768px) {
  #dx-literacy .main-visual .catch-block > .body .sub {
    font-size: 1.125rem;
    margin: 0 auto 1.25rem;
  }
}
#dx-literacy .main-visual .catch-block > .body .sub > em {
  font-style: normal;
}
#dx-literacy .main-visual .catch-block > .body .main {
  color: #fff;
  font-size: 2.875rem;
  line-height: 1.4;
  font-weight: 900;
  margin-bottom: 1.25rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width: 1440px) {
  #dx-literacy .main-visual .catch-block > .body .main {
    font-size: 2.5rem;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
}
@media (max-width: 768px) {
  #dx-literacy .main-visual .catch-block > .body .main {
    font-size: 1.875rem;
  }
}
#dx-literacy .main-visual .catch-block > .body .release {
  font-size: 1.125rem;
  color: #fff;
  margin-bottom: 3.75rem;
  text-decoration: underline;
  text-underline-offset: 1.25rem;
  text-decoration-thickness: 1px;
}
@media (max-width: 768px) {
  #dx-literacy .main-visual .catch-block > .body .release {
    margin-bottom: 2.5rem;
  }
}
@media (max-width: 768px) {
  #dx-literacy .main-visual .catch-block > .body .button {
    text-align: center;
  }
}
#dx-literacy .main-visual .catch-block > .body .button > a {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.625rem 1.25rem;
  display: block;
  background: #ffd900;
  color: #000;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.125rem;
  border-radius: 10px;
}
@media (max-width: 768px) {
  #dx-literacy .main-visual .catch-block > .body .button > a {
    width: 100%;
  }
}
#dx-literacy .main-visual .catch-block > .body .button > a:hover {
  background: #000;
  color: #ffd900;
}
#dx-literacy .main-visual .catch-block .image {
  width: 100%;
  padding-left: 21.25rem;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  pointer-events: none;
}
@media (max-width: 768px) {
  #dx-literacy .main-visual .catch-block .image {
    position: static;
    padding-left: 0;
    margin-bottom: 1.875rem;
  }
}
#dx-literacy .main-visual .catch-block .image .swiper-main {
  width: 100%;
  max-width: 50.25rem;
}
@media (max-width: 768px) {
  #dx-literacy .main-visual .catch-block .image .swiper-main {
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  #dx-literacy .main-visual .catch-block .image .swiper-main .swiper-slide {
    width: 100%;
  }
}
@media (max-width: 768px) {
  #dx-literacy .main-visual .catch-block .image .swiper-main .swiper-slide img {
    width: 100vw !important;
    height: auto;
  }
}
#dx-literacy .lecture-lineup {
  background: #eee;
}
#dx-literacy .lecture-lineup > .inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1.25rem 1fr 1.25rem 1fr 1.25rem 1fr 1.25rem 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  gap: 0 1.25rem;
  padding: 2.5rem 3.75rem;
}
@media (max-width: 768px) {
  #dx-literacy .lecture-lineup > .inner {
    -ms-grid-columns: 1fr 1.25rem 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 1.25rem;
    padding: 1.25rem;
  }
}
#dx-literacy .lecture-lineup > .inner > .item {
  text-align: center;
}
#dx-literacy .lecture-lineup > .inner > .item > a {
  display: block;
  text-decoration: none;
}
#dx-literacy .lecture-lineup > .inner > .item > a > .title {
  font-size: 0.75rem;
  display: block;
  margin-top: 0.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#dx-literacy .lecture-lineup > .inner > .item > a > .title::before {
  content: "";
  width: 0.4375rem;
  height: 0.4375rem;
  border-radius: 100%;
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0.125rem 0.5rem 0 0;
}
#dx-literacy .lecture-lineup > .inner > .item > a > .title.-lecture1::before {
  background: #7f7f7f;
}
#dx-literacy .lecture-lineup > .inner > .item > a > .title.-lecture2::before {
  background: #ed7d31;
}
#dx-literacy .lecture-lineup > .inner > .item > a > .title.-lecture3::before {
  background: #00b050;
}
#dx-literacy .lecture-lineup > .inner > .item > a > .title.-lecture4::before {
  background: #5b9bd5;
}
#dx-literacy .lecture-lineup > .inner > .item > a > .title.-lecture5::before {
  background: #7030a0;
}
#dx-literacy .lecture-lineup > .inner > .item > a:hover {
  text-decoration: none;
  color: #000;
  opacity: 0.6;
}
#dx-literacy .lecture-feature .feature-block {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2.5rem 1fr 2.5rem 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0 2.5rem;
}
@media (max-width: 768px) {
  #dx-literacy .lecture-feature .feature-block {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 1.25rem 0;
  }
}
#dx-literacy .lecture-feature .feature-block > .item {
  text-align: center;
  background: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
  padding: 1.875rem 1.25rem;
}
#dx-literacy .lecture-feature .feature-block > .item > .sub {
  font-size: 0.875rem;
  line-height: 1.5;
  margin-bottom: 0.625rem;
}
#dx-literacy .lecture-feature .feature-block > .item > .main {
  font-size: 1.125rem;
  margin-bottom: 1.875rem;
}
#dx-literacy .lecture-feature .feature-block > .item > .fig > .image {
  width: 80%;
  margin: 0 auto;
  background: #f8f8f8;
  border-radius: 100%;
  position: relative;
}
#dx-literacy .lecture-feature .feature-block > .item > .fig > .image img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 60%;
  height: 60%;
  margin: auto;
  -o-object-fit: cover;
     object-fit: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#dx-literacy .lecture-feature .feature-block > .item > .fig > .image::before {
  content: "";
  padding-top: 100%;
  display: block;
}
#dx-literacy .lecture-feature .feature-block > .item > .fig > .caption {
  margin-top: 1.25rem;
}
#dx-literacy .lecture-curriculum .table-a {
  border-left: 1px solid #000;
}
#dx-literacy .lecture-curriculum .table-a tbody tr th {
  text-align: center;
  background: #f5f5f5;
  border-right: 1px solid #000;
}
#dx-literacy .lecture-curriculum .table-a tbody tr td {
  border-right: 1px solid #000;
}
#dx-literacy .lecture-curriculum .table-a tbody tr td.thumbnail > .title {
  display: block;
  margin-bottom: 0.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#dx-literacy .lecture-curriculum .table-a tbody tr td.thumbnail > .title::before {
  content: "";
  width: 0.4375rem;
  height: 0.4375rem;
  border-radius: 100%;
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0.125rem 0.5rem 0 0;
}
#dx-literacy .lecture-curriculum .table-a tbody tr td .button > a {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.625rem 0.9375rem;
  display: block;
  text-decoration: none;
  font-weight: bold;
  font-size: 0.75rem;
  border-radius: 10px;
  color: #fff;
}
#dx-literacy .lecture-curriculum .table-a tbody tr td .button > a:hover {
  background: #fff;
}
@media (max-width: 768px) {
  #dx-literacy .lecture-curriculum .table-a tbody tr td.sp-w300 {
    width: 300px;
    white-space: normal !important;
  }
}
@media (max-width: 768px) {
  #dx-literacy .lecture-curriculum .table-a tbody tr td.sp-w300 span {
    width: 300px;
    display: block;
  }
}
#dx-literacy .lecture-curriculum .table-a tbody tr.lecture1 .thumbnail {
  background: #d9d9d9;
}
#dx-literacy .lecture-curriculum .table-a tbody tr.lecture1 .thumbnail > .title::before {
  background: #7f7f7f;
}
#dx-literacy .lecture-curriculum .table-a tbody tr.lecture1 .button > a {
  background: #ffd900;
  border: 1px solid #000;
  color: #000;
}
#dx-literacy .lecture-curriculum .table-a tbody tr.lecture1 .button > a:hover {
  background: #000;
  border: 1px solid #000;
  color: #fff;
}
#dx-literacy .lecture-curriculum .table-a tbody tr.lecture2 .thumbnail {
  background: #f8ceb2;
}
#dx-literacy .lecture-curriculum .table-a tbody tr.lecture2 .thumbnail > .title::before {
  background: #ed7d31;
}
#dx-literacy .lecture-curriculum .table-a tbody tr.lecture2 .button > a {
  background: #ed7d31;
  border: 1px solid #ed7d31;
}
#dx-literacy .lecture-curriculum .table-a tbody tr.lecture2 .button > a:hover {
  color: #ed7d31;
}
#dx-literacy .lecture-curriculum .table-a tbody tr.lecture3 .thumbnail {
  background: #d5f7d6;
}
#dx-literacy .lecture-curriculum .table-a tbody tr.lecture3 .thumbnail > .title::before {
  background: #00b050;
}
#dx-literacy .lecture-curriculum .table-a tbody tr.lecture3 .button > a {
  background: #00b050;
  border: 1px solid #00b050;
}
#dx-literacy .lecture-curriculum .table-a tbody tr.lecture3 .button > a:hover {
  color: #00b050;
}
#dx-literacy .lecture-curriculum .table-a tbody tr.lecture4 .thumbnail {
  background: #ddebf7;
}
#dx-literacy .lecture-curriculum .table-a tbody tr.lecture4 .thumbnail > .title::before {
  background: #5b9bd5;
}
#dx-literacy .lecture-curriculum .table-a tbody tr.lecture4 .button > a {
  background: #5b9bd5;
  border: 1px solid #5b9bd5;
}
#dx-literacy .lecture-curriculum .table-a tbody tr.lecture4 .button > a:hover {
  color: #5b9bd5;
}
#dx-literacy .lecture-curriculum .table-a tbody tr.lecture5 .thumbnail {
  background: #eadcf4;
}
#dx-literacy .lecture-curriculum .table-a tbody tr.lecture5 .thumbnail > .title::before {
  background: #7030a0;
}
#dx-literacy .lecture-curriculum .table-a tbody tr.lecture5 .button > a {
  background: #7030a0;
  border: 1px solid #7030a0;
}
#dx-literacy .lecture-curriculum .table-a tbody tr.lecture5 .button > a:hover {
  color: #7030a0;
}
#dx-literacy .lecture-curriculum .h3-c {
  margin: 2.5rem 0;
}
#dx-literacy .lecture-curriculum .author-block {
  border: 1px solid #000;
  padding: 1.875rem;
  margin-bottom: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fafafa;
}
@media (max-width: 768px) {
  #dx-literacy .lecture-curriculum .author-block {
    display: block;
    padding: 1.25rem;
    margin-bottom: 2.5rem;
  }
}
#dx-literacy .lecture-curriculum .author-block > .image {
  width: 18.75rem;
  margin-right: 1.875rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 768px) {
  #dx-literacy .lecture-curriculum .author-block > .image {
    width: 100%;
    margin: 0 auto 1.25rem;
  }
}
#dx-literacy .lecture-curriculum .author-block > .body {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  padding-top: 0.9375rem;
}
@media (max-width: 768px) {
  #dx-literacy .lecture-curriculum .author-block > .body {
    padding-top: 1.25rem;
  }
}
#dx-literacy .lecture-curriculum .author-block > .body > .name > .ja {
  font-size: 1.625rem;
  font-weight: bold;
}
@media (max-width: 768px) {
  #dx-literacy .lecture-curriculum .author-block > .body > .name > .ja {
    font-size: 1.375rem;
  }
}
#dx-literacy .lecture-curriculum .author-block > .body > .name > .en {
  margin-left: 1.25rem;
  color: #999;
}
@media (max-width: 768px) {
  #dx-literacy .lecture-curriculum .author-block > .body > .name > .en {
    font-size: 0.875rem;
  }
}
#dx-literacy .lecture-curriculum .author-block > .body > .career {
  font-size: 0.9375rem;
  line-height: 2;
  margin-bottom: 1.875rem;
}
@media (max-width: 768px) {
  #dx-literacy .lecture-curriculum .author-block > .body > .career {
    font-size: 0.8125rem;
  }
}
#dx-literacy .lecture-about .fig1 {
  padding: 2.5rem 1.875rem;
  margin: 3.75rem 0;
  background: #fff;
  text-align: center;
  border-radius: 10px;
}
@media (max-width: 768px) {
  #dx-literacy .lecture-about .fig1 {
    padding: 1.25rem;
    margin: 1.875rem 0;
  }
}
@media (max-width: 768px) {
  #dx-literacy .lecture-about .fig1 .caption {
    font-size: 0.75rem;
  }
}
#dx-literacy .lecture-about .fig1 .note {
  font-size: 0.875rem;
  margin: 1.25rem 0 0;
}
@media (max-width: 768px) {
  #dx-literacy .lecture-about .fig1 .note {
    font-size: 0.75rem;
  }
}
#dx-literacy .lecture-about .fig1 .note .color-a {
  font-style: normal;
  color: #5b9bd5;
}
#dx-literacy .lecture-about .fig1 .note .color-b {
  font-style: normal;
  color: #00ffcc;
}
#dx-literacy .lecture-about .fig-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 768px) {
  #dx-literacy .lecture-about .fig-box {
    display: block;
  }
}
#dx-literacy .lecture-about .fig-box > .fig {
  width: 32.5rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 2.5rem;
  text-align: center;
}
@media (max-width: 768px) {
  #dx-literacy .lecture-about .fig-box > .fig {
    width: 100%;
    margin: 0 auto 1.25rem;
  }
}
#dx-literacy .lecture-about .fig-box > .fig > a {
  display: block;
}
@media (max-width: 768px) {
  #dx-literacy .lecture-about .fig-box > .fig .caption {
    font-size: 0.75rem;
  }
}
#dx-literacy .lecture-about .fig-box > .body {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
#dx-literacy .lecture-service .banner > a {
  display: block;
}
#dx-literacy .lecture-service .banner > a:hover {
  opacity: 0.6;
}
#dx-literacy .lecture-service .table-a {
  border-left: 1px solid #000;
}
#dx-literacy .lecture-service .table-a tbody tr th {
  text-align: center;
  background: #f5f5f5;
  border-right: 1px solid #000;
}
#dx-literacy .lecture-service .table-a tbody tr td {
  border-right: 1px solid #000;
}
#dx-literacy .lecture-service .table-a tbody tr td.skill > .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#dx-literacy .lecture-service .table-a tbody tr td.skill > .title::before {
  content: "";
  width: 0.4375rem;
  height: 0.4375rem;
  border-radius: 100%;
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0.125rem 0.5rem 0 0;
}
#dx-literacy .lecture-service .table-a tbody tr td .button > a {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.625rem 0.9375rem;
  display: block;
  text-decoration: none;
  font-weight: bold;
  font-size: 0.75rem;
  border-radius: 10px;
  color: #fff;
}
#dx-literacy .lecture-service .table-a tbody tr td .button > a:hover {
  background: #fff;
}
#dx-literacy .lecture-service .table-a tbody tr.lecture1 .skill {
  background: #d9d9d9;
}
#dx-literacy .lecture-service .table-a tbody tr.lecture1 .skill > .title::before {
  background: #7f7f7f;
}
#dx-literacy .lecture-service .table-a tbody tr.lecture2 .skill {
  background: #f8ceb2;
}
#dx-literacy .lecture-service .table-a tbody tr.lecture2 .skill > .title::before {
  background: #ed7d31;
}
#dx-literacy .lecture-service .table-a tbody tr.lecture3 .skill {
  background: #d5f7d6;
}
#dx-literacy .lecture-service .table-a tbody tr.lecture3 .skill > .title::before {
  background: #00b050;
}
#dx-literacy .lecture-service .table-a tbody tr.lecture4 .skill {
  background: #ddebf7;
}
#dx-literacy .lecture-service .table-a tbody tr.lecture4 .skill > .title::before {
  background: #5b9bd5;
}
#dx-literacy .lecture-service .table-a tbody tr.lecture5 .skill {
  background: #eadcf4;
}
#dx-literacy .lecture-service .table-a tbody tr.lecture5 .skill > .title::before {
  background: #7030a0;
}
#dx-literacy .lecture-service .table-a tbody tr.lecture6 .skill {
  background: #ffd1e0;
}
#dx-literacy .lecture-service .table-a tbody tr.lecture6 .skill > .title::before {
  background: #c00000;
}
#dx-literacy .lecture-service .table-a tbody tr.lecture7 .skill {
  background: #f8ceb2;
}
#dx-literacy .lecture-service .table-a tbody tr.lecture7 .skill > .title::before {
  background: #ed7d31;
}
#dx-literacy .lecture-service .table-a tbody tr.lecture8 .skill {
  background: #e2efda;
}
#dx-literacy .lecture-service .table-a tbody tr.lecture8 .skill > .title::before {
  background: #00b050;
}
#dx-literacy .lecture-service .table-a tbody tr.lecture9 .skill {
  background: #ddebf7;
}
#dx-literacy .lecture-service .table-a tbody tr.lecture9 .skill > .title::before {
  background: #0070c0;
}
#dx-literacy .lecture-service .table-a tbody tr.lecture10 .skill {
  background: #eadcf4;
}
#dx-literacy .lecture-service .table-a tbody tr.lecture10 .skill > .title::before {
  background: #7030a0;
}

/**************************************************
    Generative Ai
***************************************************/
#generative-ai .h3-a.-yellow {
  background: #ffd900;
}
#generative-ai .fukidashi-list {
  margin-bottom: 3.75rem;
}
@media (max-width: 768px) {
  #generative-ai .fukidashi-list {
    margin-bottom: 1.875rem;
  }
}
#generative-ai .message-text {
  font-size: 1.5rem;
  text-align: center;
  margin: 3.75rem auto 0;
}
@media (max-width: 768px) {
  #generative-ai .message-text {
    font-size: 1.3125rem;
    margin: 2.5rem auto 0;
  }
}
#generative-ai .fig {
  text-align: center;
  margin: 2.5rem auto;
}
#generative-ai .point-block {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2.5rem 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 3.75rem 2.5rem;
}
@media (max-width: 768px) {
  #generative-ai .point-block {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 1.875rem 0;
  }
}
#generative-ai .point-block > .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#generative-ai .point-block > .item .h3-c {
  font-size: 1.125rem;
  background: #ffd900;
  margin-bottom: 0;
}
#generative-ai .point-block > .item .box-a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  margin-bottom: 0;
}
#generative-ai .point-block > .item .box-a .point-list > .item {
  font-size: 1.0625rem;
}
@media (max-width: 768px) {
  #generative-ai .point-block > .item .box-a .point-list > .item {
    font-size: 0.9375rem;
  }
}
#generative-ai .point-block > .item .box-a .point-list > .item::before {
  background-size: 1.25rem 1.8125rem;
  width: 1.25rem;
  height: 1.8125rem;
  margin-right: 1rem;
}
#generative-ai .main-visual {
  background: url(../lp/generative-ai/images/bg.jpg) no-repeat center center;
  background-size: cover;
  position: relative;
}
@media (max-width: 768px) {
  #generative-ai .main-visual {
    padding: 6.25rem 0 0;
  }
}
#generative-ai .main-visual > .inner {
  width: 100%;
  max-width: 1680px;
  padding: 8.75rem 3.75rem 5rem;
  margin: 0 auto;
}
@media (max-width: 768px) {
  #generative-ai .main-visual > .inner {
    padding: 0 1.25rem;
  }
}
#generative-ai .main-visual .catch-block {
  margin: 0 auto;
  position: relative;
}
@media (max-width: 768px) {
  #generative-ai .main-visual .catch-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#generative-ai .main-visual .catch-block > .body {
  position: relative;
  z-index: 5;
  pointer-events: none;
}
@media (max-width: 768px) {
  #generative-ai .main-visual .catch-block > .body {
    text-align: center;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
#generative-ai .main-visual .catch-block > .body .note {
  font-size: 1.125rem;
  font-weight: bold;
  color: #fff;
  margin-bottom: 1.875rem;
}
@media (max-width: 768px) {
  #generative-ai .main-visual .catch-block > .body .note {
    font-size: 1rem;
  }
}
#generative-ai .main-visual .catch-block > .body .sub {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.1875rem 0.625rem 0.25rem 1rem;
  margin-bottom: 1rem;
  font-size: 1.25rem;
  color: #fff;
  font-weight: 700;
  border: 1px solid #fff;
}
@media (max-width: 768px) {
  #generative-ai .main-visual .catch-block > .body .sub {
    font-size: 1rem;
    margin: 0 auto 1.25rem;
  }
}
#generative-ai .main-visual .catch-block > .body .sub > em {
  font-style: normal;
}
#generative-ai .main-visual .catch-block > .body .main {
  color: #fff;
  font-size: 2.875rem;
  line-height: 1.4;
  font-weight: 900;
  margin-bottom: 1.25rem;
  text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width: 1440px) {
  #generative-ai .main-visual .catch-block > .body .main {
    font-size: 2.5rem;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
}
@media (max-width: 768px) {
  #generative-ai .main-visual .catch-block > .body .main {
    font-size: 1.625rem;
  }
}
#generative-ai .main-visual .catch-block > .body .release {
  font-size: 1.125rem;
  color: #fff;
  margin-bottom: 3.75rem;
  text-decoration: underline;
  text-underline-offset: 1.25rem;
  text-decoration-thickness: 1px;
}
@media (max-width: 768px) {
  #generative-ai .main-visual .catch-block > .body .release {
    font-size: 1rem;
    margin-bottom: 2.5rem;
  }
}
#generative-ai .main-visual .catch-block > .body .link-group {
  pointer-events: all !important;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 768px) {
  #generative-ai .main-visual .catch-block > .body .link-group {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 0.625rem 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 0 0.625rem;
  }
}
#generative-ai .main-visual .catch-block > .body .link-group .button {
  width: 100%;
  margin-bottom: 1.5625rem;
  text-align: center;
}
@media (max-width: 768px) {
  #generative-ai .main-visual .catch-block > .body .link-group .button {
    margin-bottom: 0;
  }
}
#generative-ai .main-visual .catch-block > .body .link-group .button > a {
  padding: 0.625rem 0.9375rem;
  display: block;
  background: #ffd900;
  color: #000;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.0625rem;
  border-radius: 10px;
}
@media (max-width: 768px) {
  #generative-ai .main-visual .catch-block > .body .link-group .button > a {
    width: 100%;
    font-size: 0.75rem;
    padding: 0.625rem;
  }
}
#generative-ai .main-visual .catch-block > .body .link-group .button > a:hover {
  background: #000;
  color: #ffd900;
}
#generative-ai .main-visual .catch-block > .body .link-group .banner {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
}
#generative-ai .main-visual .catch-block > .body .link-group .banner > a {
  display: block;
}
#generative-ai .main-visual .catch-block > .body .link-group .banner > a:hover {
  opacity: 0.8;
}
#generative-ai .main-visual .catch-block > .body .link-group .banner > .caption {
  font-size: 0.75rem;
  color: #fff;
  margin: 0.3125rem auto 0;
}
@media (max-width: 768px) {
  #generative-ai .main-visual .catch-block > .body .link-group .banner > .caption {
    font-size: 0.625rem;
    text-align: left;
  }
}
#generative-ai .main-visual .catch-block .image {
  width: 100%;
  padding-top: 1.25rem;
  padding-left: 20rem;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 768px) {
  #generative-ai .main-visual .catch-block .image {
    position: static;
    padding-left: 0;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
#generative-ai .main-visual .catch-block .image .swiper-container {
  width: 100%;
}
@media (max-width: 768px) {
  #generative-ai .main-visual .catch-block .image .swiper-container {
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  #generative-ai .main-visual .catch-block .image .swiper-container .swiper-slide {
    width: 100%;
  }
}
@media (max-width: 768px) {
  #generative-ai .main-visual .catch-block .image .swiper-container .swiper-slide img {
    width: 100vw !important;
    height: auto;
  }
}
#generative-ai .main-visual .particles-js-canvas-el {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  margin: auto;
  opacity: 0.5;
  pointer-events: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#generative-ai .main-visual .swiper-container {
  width: 100%;
  padding: 1.875rem 0;
}
@media (max-width: 768px) {
  #generative-ai .main-visual .swiper-container {
    padding: 1.25rem 0;
  }
}
#generative-ai .main-visual .swiper-slide {
  width: 37.5rem;
  display: block;
  background-position: center;
  background-size: cover;
  text-decoration: none;
}
@media (max-width: 768px) {
  #generative-ai .main-visual .swiper-slide {
    width: 80%;
    margin: 0 auto;
  }
}
#generative-ai .main-visual .swiper-slide .imgbox {
  width: 100%;
}
#generative-ai .main-visual .swiper-slide .imgbox img {
  width: 100%;
}
#generative-ai .main-visual .swiper-slide .details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px;
}
@media (max-width: 768px) {
  #generative-ai .main-visual .swiper-slide .details {
    padding: 0.625rem 0;
  }
}
#generative-ai .main-visual .swiper-slide .details .label {
  display: block;
  background: #ffd900;
  font-size: 0.75rem;
  font-weight: bold;
  padding: 0.0625rem 0.3125rem;
  border-radius: 4px;
  margin-right: 1rem;
}
@media (max-width: 768px) {
  #generative-ai .main-visual .swiper-slide .details .label {
    font-size: 0.625rem;
  }
}
#generative-ai .main-visual .swiper-slide .details .text {
  font-size: 0.875rem;
  color: #fff;
}
@media (max-width: 768px) {
  #generative-ai .main-visual .swiper-slide .details .text {
    font-size: 0.75rem;
  }
}
#generative-ai .main-visual .swiper-slide:hover {
  text-decoration: none;
}
#generative-ai .main-visual .swiper-slide:hover .details .label {
  color: #000;
}
#generative-ai .main-visual .swiper-pagination {
  position: relative;
  margin: 0 auto;
}
#generative-ai .main-visual .swiper-button-wrap {
  width: 3.125rem;
  height: 3.125rem;
  background: #ffd900;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  right: 0;
  bottom: 9.75rem;
  z-index: 4;
  opacity: 1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 768px) {
  #generative-ai .main-visual .swiper-button-wrap {
    display: none;
  }
}
#generative-ai .main-visual .swiper-button-wrap.-next {
  bottom: 13.5rem;
}
#generative-ai .main-visual .swiper-button-wrap:hover {
  opacity: 0.8;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#generative-ai .main-visual .swiper-button-prev, #generative-ai .main-visual .swiper-button-next {
  width: 100%;
  height: 100%;
  background-size: 50% 50%;
  background-position: center center;
  opacity: 1;
  position: relative;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#generative-ai .lecture-lineup {
  background: #eee;
}
#generative-ai .lecture-lineup > .inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 0.9375rem 1fr 0.9375rem 1fr 0.9375rem 1fr 0.9375rem 1fr 0.9375rem 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  gap: 0 0.9375rem;
  padding: 2.5rem 3.75rem 2.1875rem;
}
@media (max-width: 768px) {
  #generative-ai .lecture-lineup > .inner {
    -ms-grid-columns: 1fr 1.25rem 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 1.25rem;
    padding: 1.25rem;
  }
}
#generative-ai .lecture-lineup > .inner > .item > a {
  text-decoration: none;
}
#generative-ai .lecture-lineup > .inner > .item > a > .label {
  font-size: 0.625rem;
  font-weight: 200;
  color: #fff;
  text-align: center;
  width: 100%;
  padding: 0.125rem 0.625rem 0.1875rem;
  margin: 0.75rem 0 0;
  border-radius: 4px;
  display: block;
}
@media (max-width: 768px) {
  #generative-ai .lecture-lineup > .inner > .item > a > .label {
    padding: 0.3125rem 0.3125rem;
    font-size: 0.625rem;
  }
}
#generative-ai .lecture-lineup > .inner > .item > a > .label.-lecture {
  background: #08415c;
}
#generative-ai .lecture-lineup > .inner > .item > a > .label.-workshop {
  background: #2ca58d;
}
#generative-ai .lecture-lineup > .inner > .item > a > .label.-lecture-workshop {
  background: #5c0859;
}
#generative-ai .lecture-lineup > .inner > .item > a > .label.-live {
  background: #ff9600;
}
#generative-ai .lecture-lineup > .inner > .item > a > .label.-anime {
  background: #e57373;
}
#generative-ai .lecture-lineup > .inner > .item > a > .title {
  font-size: 0.75rem;
  line-height: 1.6;
  display: block;
  margin-top: 0.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#generative-ai .lecture-lineup > .inner > .item > a:hover {
  text-decoration: none;
  color: #000;
  opacity: 0.6;
}
#generative-ai .section-problem .h3-a {
  margin-bottom: 3.75rem;
}
@media (max-width: 768px) {
  #generative-ai .section-problem .h3-a {
    margin-bottom: 1.875rem;
  }
}
#generative-ai .section-problem .problem-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 768px) {
  #generative-ai .section-problem .problem-area {
    display: block;
  }
}
#generative-ai .section-problem .problem-area > .illust {
  width: 30%;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
@media (max-width: 768px) {
  #generative-ai .section-problem .problem-area > .illust {
    width: 100%;
    margin-bottom: 1.875rem;
  }
}
#generative-ai .section-problem .problem-area > .body {
  width: 70%;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  margin-left: 3.75rem;
}
@media (max-width: 768px) {
  #generative-ai .section-problem .problem-area > .body {
    width: 100%;
    margin-left: 0;
  }
}
#generative-ai .section-problem .problem-area > .body > .problem-block {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 3.75rem 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 0 3.75rem;
  margin-bottom: 2.5rem;
  position: relative;
}
@media (max-width: 768px) {
  #generative-ai .section-problem .problem-area > .body > .problem-block {
    display: block;
  }
}
#generative-ai .section-problem .problem-area > .body > .problem-block > .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#generative-ai .section-problem .problem-area > .body > .problem-block > .item > .inner {
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 10px;
  padding: 1.25rem 1.25rem 1.25rem 2.5rem;
  margin-left: -1.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: left;
}
#generative-ai .section-problem .problem-area > .body > .problem-block > .item > .inner > em {
  margin: 0 auto 0.25rem 0;
}
#generative-ai .section-problem .problem-area > .body > .problem-block > .item::before {
  content: "";
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 2;
}
@media (max-width: 768px) {
  #generative-ai .section-problem .problem-area > .body > .problem-block > .item.-left {
    position: relative;
    margin-bottom: 2.5rem;
  }
}
#generative-ai .section-problem .problem-area > .body > .problem-block > .item.-left > .inner {
  border: 1px solid #ddd;
}
#generative-ai .section-problem .problem-area > .body > .problem-block > .item.-left::before {
  background: #666 url(../images/icon/icon_trouble2.svg) no-repeat center center;
  background-size: 40% 40%;
}
#generative-ai .section-problem .problem-area > .body > .problem-block > .item.-left::after {
  content: "";
  background: url(../images/icon/icon_arrow_black.svg) no-repeat center center;
  background-size: 0.75rem 1.25rem;
  width: 0.75rem;
  height: 1.25rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: absolute;
  top: calc((100% - 1.25rem) / 2);
  left: calc((100% - 0.75rem) / 2);
}
@media (max-width: 768px) {
  #generative-ai .section-problem .problem-area > .body > .problem-block > .item.-left::after {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    top: inherit;
    bottom: -1.75rem;
  }
}
#generative-ai .section-problem .problem-area > .body > .problem-block > .item.-right > .inner {
  border: 1px solid #ffd900;
}
#generative-ai .section-problem .problem-area > .body > .problem-block > .item.-right::before {
  background: #ffd900 url(../images/icon/icon_idea2.svg) no-repeat center center;
  background-size: 50% 50%;
}
#generative-ai .section-problem .problem-area > .body > .problem-block:last-child {
  margin-bottom: 0;
}
#generative-ai .section-about .table-scroll {
  width: 100%;
  overflow-x: auto !important;
  white-space: nowrap;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
  position: relative;
}
#generative-ai .section-about .table-scroll .scroll-hint-icon {
  top: calc(50% - 45px);
  left: calc(50% - 90px);
  width: 180px;
  height: 90px;
}
#generative-ai .section-about .table-a {
  border-left: 1px solid #000;
}
#generative-ai .section-about .table-a tbody tr th {
  text-align: center;
  background: #f5f5f5;
  border-right: 1px solid #000;
}
#generative-ai .section-about .table-a tbody tr td {
  border-right: 1px solid #000;
}
#generative-ai .section-about .table-a tbody tr td.status.-status1 {
  background: #fff7cc;
}
#generative-ai .section-about .table-a tbody tr td.status.-status2 {
  background: #ffec80;
}
#generative-ai .section-about .table-a tbody tr td.status.-status3 {
  background: #ffd900;
}
#generative-ai .section-about .table-a tbody tr td.thumbnail {
  min-width: 260px;
  max-width: 260px;
}
#generative-ai .section-about .table-a tbody tr td.thumbnail > .title {
  font-size: 0.875rem;
  line-height: 1.4;
  margin-top: 0.625rem;
  display: block;
  white-space: normal !important;
}
#generative-ai .section-about .table-a tbody tr td.thumbnail > .image {
  display: block;
}
#generative-ai .section-about .table-a tbody tr td.thumbnail > .image img {
  width: 100%;
}
#generative-ai .section-about .table-a tbody tr td.thumbnail > .image:hover {
  opacity: 0.6;
}
#generative-ai .section-about .table-a tbody tr td .button > a {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.625rem 0.9375rem;
  display: block;
  text-decoration: none;
  font-weight: bold;
  font-size: 0.75rem;
  border-radius: 10px;
  color: #fff;
}
#generative-ai .section-about .table-a tbody tr td .button > a:hover {
  background: #fff;
}
#generative-ai .section-about .table-a tbody tr td.outline {
  min-width: 200px;
  white-space: normal !important;
}
@media (max-width: 768px) {
  #generative-ai .section-about .table-a tbody tr td.outline {
    min-width: 200px;
  }
}
#generative-ai .section-about .table-a tbody tr td.outline span {
  min-width: 200px;
  display: block;
}
@media (max-width: 768px) {
  #generative-ai .section-about .table-a tbody tr td.outline span {
    min-width: 200px;
  }
}
#generative-ai .section-about .course-about {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
#generative-ai .section-about .course-about .sidebar {
  width: 6.25rem;
  min-height: 100vh;
  margin-right: 2.5rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 768px) {
  #generative-ai .section-about .course-about .sidebar {
    width: 3.75rem;
    margin-right: 1.25rem;
  }
}
#generative-ai .section-about .course-about .sidebar > .item {
  display: block;
  position: relative;
  text-align: center;
}
#generative-ai .section-about .course-about .sidebar > .item > i {
  font-style: normal;
  font-weight: bold;
  position: relative;
  z-index: 3;
  display: block;
  padding-top: 3.75rem;
  position: sticky;
  top: 2.5rem;
}
@media (max-width: 768px) {
  #generative-ai .section-about .course-about .sidebar > .item > i {
    font-size: 0.75rem;
    padding-top: 2.5rem;
    top: 1.25rem;
  }
}
#generative-ai .section-about .course-about .sidebar > .item::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 3.125rem solid transparent;
  border-left: 3.125rem solid transparent;
  border-bottom: 0;
  position: absolute;
  bottom: -2.5rem;
  left: 0;
  z-index: 2;
}
@media (max-width: 768px) {
  #generative-ai .section-about .course-about .sidebar > .item::after {
    border-right: 1.875rem solid transparent;
    border-left: 1.875rem solid transparent;
    bottom: -1.1875rem;
  }
}
#generative-ai .section-about .course-about .sidebar > .item.-first {
  background: #fff7cc;
  height: calc(24.985% - 2.5rem);
}
#generative-ai .section-about .course-about .sidebar > .item.-first > i {
  padding-top: 1.5625rem;
}
#generative-ai .section-about .course-about .sidebar > .item.-first::after {
  border-top: 2.5rem solid #fff7cc;
}
@media (max-width: 768px) {
  #generative-ai .section-about .course-about .sidebar > .item.-first::after {
    border-top: 1.25rem solid #fff7cc;
  }
}
#generative-ai .section-about .course-about .sidebar > .item.-second {
  background: #ffec80;
  height: calc(58.345% - 2.5rem);
}
#generative-ai .section-about .course-about .sidebar > .item.-second::after {
  border-top: 2.5rem solid #ffec80;
}
@media (max-width: 768px) {
  #generative-ai .section-about .course-about .sidebar > .item.-second::after {
    border-top: 1.25rem solid #ffec80;
  }
}
#generative-ai .section-about .course-about .sidebar > .item.-third {
  background: #ffd900;
  height: calc(16.67% + 2.5rem);
}
@media (max-width: 768px) {
  #generative-ai .section-about .course-about .sidebar > .item.-third {
    height: calc(16.67% + 3.75rem);
  }
}
#generative-ai .section-about .course-about .sidebar > .item.-third::after {
  border-top: 2.5rem solid #ffd900;
}
@media (max-width: 768px) {
  #generative-ai .section-about .course-about .sidebar > .item.-third::after {
    border-top: 1.25rem solid #ffd900;
  }
}
#generative-ai .section-about .course-about > .body {
  width: 100%;
  padding: 0;
  margin: 0;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
#generative-ai .section-about .recommendation-course {
  margin-bottom: 1.875rem;
}
#generative-ai .section-about .recommendation-course > .item {
  border: 1px solid #fff;
  margin-bottom: 0 !important;
}
#generative-ai .section-about .recommendation-course > .item > .thumbnail {
  max-width: 20rem !important;
  margin-right: 1.875rem !important;
}
@media (max-width: 768px) {
  #generative-ai .section-about .recommendation-course > .item > .thumbnail {
    max-width: 100% !important;
    margin-right: 0 !important;
  }
}
#generative-ai .section-about .recommendation-course > .item > .thumbnail img {
  width: 100vw;
  height: auto;
}
@media (max-width: 768px) {
  #generative-ai .section-about .recommendation-course > .item > .thumbnail img {
    width: 100%;
  }
}
#generative-ai .section-about .recommendation-course > .item > .body {
  width: 100%;
}
#generative-ai .section-about .recommendation-course > .item > .body > .head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 1.25rem;
  margin-bottom: 1.25rem;
}
@media (max-width: 768px) {
  #generative-ai .section-about .recommendation-course > .item > .body > .head {
    display: block;
  }
}
#generative-ai .section-about .recommendation-course > .item > .body > .head > .label {
  font-size: 0.75rem;
  font-weight: 200;
  color: #fff;
  text-align: center;
  width: 9.375rem;
  height: auto;
  padding: 0.125rem 0.625rem 0.1875rem;
  margin-right: 1.25rem;
  border-radius: 4px;
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 768px) {
  #generative-ai .section-about .recommendation-course > .item > .body > .head > .label {
    width: 100%;
    padding: 0.3125rem;
    font-size: 0.625rem;
    margin-bottom: 0.625rem;
  }
}
#generative-ai .section-about .recommendation-course > .item > .body > .head > .label.-lecture {
  background: #08415c;
}
#generative-ai .section-about .recommendation-course > .item > .body > .head > .label.-workshop {
  background: #2ca58d;
}
#generative-ai .section-about .recommendation-course > .item > .body > .head > .label.-lecture-workshop {
  background: #5c0859;
}
#generative-ai .section-about .recommendation-course > .item > .body > .head > .label.-live {
  background: #ff9600;
}
#generative-ai .section-about .recommendation-course > .item > .body > .head > .label.-anime {
  background: #e57373;
}
#generative-ai .section-about .recommendation-course > .item > .body > .head > .title {
  font-size: 1.3125rem;
  line-height: 1.6;
  margin: 0;
}
@media (max-width: 768px) {
  #generative-ai .section-about .recommendation-course > .item > .body > .head > .title {
    font-size: 1rem;
  }
}
#generative-ai .section-about .recommendation-course > .item > .body > .foot > .list > .item {
  font-size: 0.9375rem;
  text-indent: -3em;
  padding-left: 3em;
  line-height: 1.5;
  margin-bottom: 0.25rem;
}
@media (max-width: 768px) {
  #generative-ai .section-about .recommendation-course > .item > .body > .foot > .list > .item {
    font-size: 0.75rem;
  }
}
#generative-ai .section-about .recommendation-course > .item > .body > .foot > .list > .item:last-child {
  margin-bottom: 0;
}
#generative-ai .section-about .recommendation-course > .item:hover {
  background: #f8f8f8;
  border: 1px solid #e5e5e5;
}
@media (max-width: 768px) {
  #generative-ai .section-about .recommendation-course:last-child {
    margin-bottom: 0;
  }
}
#generative-ai .section-profile .author-block {
  border: 1px solid #000;
  border-radius: 10px;
  padding: 1.875rem;
  margin-bottom: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fafafa;
}
@media (max-width: 768px) {
  #generative-ai .section-profile .author-block {
    display: block;
    padding: 1.25rem;
    margin-bottom: 2.5rem;
  }
}
#generative-ai .section-profile .author-block > .image {
  width: 18.75rem;
  margin-right: 1.875rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 768px) {
  #generative-ai .section-profile .author-block > .image {
    width: 100%;
    margin: 0 auto 1.25rem;
  }
}
#generative-ai .section-profile .author-block > .body {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  padding-top: 0.9375rem;
}
@media (max-width: 768px) {
  #generative-ai .section-profile .author-block > .body {
    padding-top: 1.25rem;
  }
}
#generative-ai .section-profile .author-block > .body > .name > .ja {
  font-size: 1.625rem;
  font-weight: bold;
}
@media (max-width: 768px) {
  #generative-ai .section-profile .author-block > .body > .name > .ja {
    font-size: 1.375rem;
  }
}
#generative-ai .section-profile .author-block > .body > .name > .en {
  margin-left: 1.25rem;
  color: #999;
}
@media (max-width: 768px) {
  #generative-ai .section-profile .author-block > .body > .name > .en {
    font-size: 0.875rem;
  }
}
#generative-ai .section-profile .author-block > .body > .career {
  font-size: 0.9375rem;
  line-height: 2;
  margin-bottom: 1.875rem;
}
@media (max-width: 768px) {
  #generative-ai .section-profile .author-block > .body > .career {
    font-size: 0.8125rem;
  }
}

/**************************************************
    DX Assessment
***************************************************/
#dx-assessment .box-d {
  margin: 3.75rem 0;
}
#dx-assessment .box-d .section-heading-lv4._first {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
#dx-assessment .box-d.-white {
  background: #fff;
}
#dx-assessment .fig {
  text-align: center;
  margin: 0 auto 2.5rem;
}
#dx-assessment .fig > a {
  padding: 1.875rem;
  background: #fff;
  display: block;
  -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}
@media (max-width: 768px) {
  #dx-assessment .fig > a {
    padding: 0.625rem;
  }
}
#dx-assessment .fig > a img {
  border-radius: 10px;
}
#dx-assessment .fig-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 768px) {
  #dx-assessment .fig-box {
    display: block;
  }
}
#dx-assessment .fig-box > .fig {
  width: 32.5rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0 2.5rem 0 0;
  text-align: center;
}
@media (max-width: 768px) {
  #dx-assessment .fig-box > .fig {
    width: 100%;
    margin: 0 auto 1.25rem;
  }
}
#dx-assessment .fig-box > .fig > a {
  display: block;
}
@media (max-width: 768px) {
  #dx-assessment .fig-box > .fig .caption {
    font-size: 0.75rem;
  }
}
#dx-assessment .fig-box > .body {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
#dx-assessment .text1 {
  margin: 1.875rem 0 1.25rem;
  max-width: 32.5rem;
}
#dx-assessment .text2 {
  margin: 1.875rem 0 1.25rem;
  max-width: 12.5rem;
}
#dx-assessment .button-more {
  margin-bottom: 5rem;
}
@media (max-width: 768px) {
  #dx-assessment .button-more {
    margin: 1.25rem 0 2.5rem;
  }
}
#dx-assessment .table-a {
  border-left: 1px solid #000;
}
#dx-assessment .table-a tbody tr th {
  text-align: center;
  background: #f5f5f5;
  border-right: 1px solid #000;
}
#dx-assessment .table-a tbody tr td {
  border-right: 1px solid #000;
}
#dx-assessment .table-a tbody tr td.status.-status1 {
  background: #fff7cc;
}
#dx-assessment .table-a tbody tr td.status.-status2 {
  background: #ffec80;
}
#dx-assessment .table-a tbody tr td.status.-status3 {
  background: #ffd900;
}
#dx-assessment .table-a tbody tr td.thumbnail {
  min-width: 260px;
  max-width: 260px;
}
#dx-assessment .table-a tbody tr td.thumbnail > .title {
  font-size: 0.875rem;
  line-height: 1.4;
  margin-top: 0.625rem;
  display: block;
  white-space: normal !important;
}
#dx-assessment .table-a tbody tr td.thumbnail > .image {
  display: block;
}
#dx-assessment .table-a tbody tr td.thumbnail > .image img {
  width: 100%;
}
#dx-assessment .table-a tbody tr td.thumbnail > .image:hover {
  opacity: 0.6;
}
#dx-assessment .table-a tbody tr td .button > a {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.625rem 0.9375rem;
  display: block;
  text-decoration: none;
  font-weight: bold;
  font-size: 0.75rem;
  border-radius: 10px;
  color: #fff;
}
#dx-assessment .table-a tbody tr td .button > a:hover {
  background: #fff;
}
#dx-assessment .table-a tbody tr td.outline {
  min-width: 200px;
  white-space: normal !important;
}
@media (max-width: 768px) {
  #dx-assessment .table-a tbody tr td.outline {
    min-width: 200px;
  }
}
#dx-assessment .table-a tbody tr td.outline span {
  min-width: 200px;
  display: block;
}
@media (max-width: 768px) {
  #dx-assessment .table-a tbody tr td.outline span {
    min-width: 200px;
  }
}
#dx-assessment .comparison-block > .item {
  background: #edf3f8;
}
#dx-assessment .comparison-block > .item > .title {
  background: #4d85b6;
}
#dx-assessment .comparison-block > .item > .image {
  background: #fff;
}
#dx-assessment .comparison-block > .item > .body {
  background: #fff;
}
#dx-assessment .create-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 3.75rem;
}
@media (max-width: 768px) {
  #dx-assessment .create-block {
    margin-bottom: 1.25rem;
    position: relative;
  }
}
#dx-assessment .create-block .create-card {
  width: 100%;
  padding: 4.375rem 2.5rem 2.5rem;
  background: #fff;
  -webkit-box-shadow: 0px 1px 26px 0px rgba(0, 0, 0, 0.06);
          box-shadow: 0px 1px 26px 0px rgba(0, 0, 0, 0.06);
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
@media (max-width: 768px) {
  #dx-assessment .create-block .create-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 100%;
    padding: 3.75rem 1.25rem 1.25rem;
  }
}
#dx-assessment .create-block .create-card .body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  word-break: break-all;
}
@media (max-width: 768px) {
  #dx-assessment .create-block .create-card .body {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
#dx-assessment .create-block .create-card .body .sub-title {
  background: #ffd900;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.5rem 2.5rem 0.5rem 1.25rem;
  border-radius: 10px 0 100px 0;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 768px) {
  #dx-assessment .create-block .create-card .body .sub-title {
    width: 100%;
    font-size: 0.875rem;
    border-radius: 0;
    padding: 0.5rem 1.25rem;
    margin: 0;
    line-height: 1.4;
    text-align: center;
  }
}
#dx-assessment .create-block .create-card .body .title {
  font-size: 1.5rem;
  line-height: 1.6;
  border-bottom: 1px solid #eee;
  padding-bottom: 1.25rem;
  margin: 0 0 1.375rem;
}
@media (max-width: 768px) {
  #dx-assessment .create-block .create-card .body .title {
    font-size: 1.125rem;
    padding-bottom: 0.9375rem;
    margin: 0.625rem 0 0.9375rem;
  }
}
#dx-assessment .create-block .create-card .body .lead {
  font-size: 1rem;
}
@media (max-width: 768px) {
  #dx-assessment .create-block .create-card .body .lead {
    font-size: 0.9375rem;
  }
  #dx-assessment .create-block .create-card .body .lead br {
    display: none;
  }
}
#dx-assessment .create-block .create-card .image {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 37.5rem;
  margin-left: 2.5rem;
  text-align: center;
}
@media (max-width: 768px) {
  #dx-assessment .create-block .create-card .image {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    max-width: 100%;
    margin: 0 auto 1.25rem;
  }
}
#dx-assessment .create-block .create-card .image > a, #dx-assessment .create-block .create-card .image .img-wrap {
  padding: 0.625rem;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  display: block;
}
#dx-assessment .create-block .create-card .image > a:hover, #dx-assessment .create-block .create-card .image .img-wrap:hover {
  opacity: 0.6;
}
#dx-assessment .create-block::before {
  content: "";
  opacity: 0.05;
  text-align: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 768px) {
  #dx-assessment .create-block::before {
    position: absolute;
    right: 0.625rem;
    bottom: 0.625rem;
    opacity: 0.025;
  }
}
#dx-assessment .create-block.-left::before {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  margin-left: 3.75rem;
}
#dx-assessment .create-block.-left .create-card {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
#dx-assessment .create-block.-right::before {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  margin-right: 3.75rem;
}
#dx-assessment .create-block.-right .create-card {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
@media (max-width: 768px) {
  #dx-assessment .create-block.-left::before {
    margin-left: 0rem;
  }
  #dx-assessment .create-block.-right::before {
    margin-right: 0rem;
  }
}
#dx-assessment .create-block.no1::before {
  background: url(../lp/dx-assessment/images/no1.svg) no-repeat;
  background-size: 4.5rem 9.625rem;
  width: 4.5rem;
  height: 9.625rem;
}
#dx-assessment .create-block.no2::before {
  background: url(../lp/dx-assessment/images/no2.svg) no-repeat;
  background-size: 6.625rem 9.625rem;
  width: 6.625rem;
  height: 9.625rem;
}
#dx-assessment .create-block.no3 {
  margin-bottom: 5rem;
}
@media (max-width: 768px) {
  #dx-assessment .create-block.no3 {
    margin-bottom: 2.5rem;
  }
}
#dx-assessment .create-block.no3::before {
  background: url(../lp/dx-assessment/images/no3.svg) no-repeat;
  background-size: 6.25rem 9.8125rem;
  width: 6.25rem;
  height: 9.8125rem;
}
#dx-assessment .create-block.no4::before {
  background: url(../lp/dx-assessment/images/no4.svg) no-repeat;
  background-size: 6.0625rem 9.625rem;
  width: 6.0625rem;
  height: 9.625rem;
}
#dx-assessment .create-block.-left > .create-card > .body {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
#dx-assessment .create-block.-left > .create-card > .image {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0 2.5rem 0 0;
}
@media (max-width: 768px) {
  #dx-assessment .create-block.-left > .create-card > .image {
    margin: 0 0 0.625rem;
  }
}
#dx-assessment .create-block.-left > .create-card > .image > a > img {
  max-height: 360px;
}
#dx-assessment .main-visual {
  position: relative;
  background: url(../lp/dx-assessment/images/bg2.jpg) no-repeat center center;
  background-size: cover;
}
#dx-assessment .main-visual .particles-js-canvas-el {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  margin: auto;
  opacity: 0.5;
  pointer-events: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#dx-assessment .main-visual > .inner {
  width: 100%;
  max-width: 1680px;
  padding: 7.5rem 3.75rem 3.75rem;
  margin: 0 auto;
}
@media (max-width: 768px) {
  #dx-assessment .main-visual > .inner {
    padding: 5rem 1.25rem 2.5rem;
  }
}
#dx-assessment .main-visual .catch-block {
  width: 100%;
  margin: 0 auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 768px) {
  #dx-assessment .main-visual .catch-block {
    max-width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
#dx-assessment .main-visual .catch-block > .body {
  position: relative;
  z-index: 5;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 768px) {
  #dx-assessment .main-visual .catch-block > .body {
    width: 100%;
    text-align: center;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
#dx-assessment .main-visual .catch-block > .body .sub {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.1875rem 1.25rem 0.25rem;
  margin-bottom: 1.5625rem;
  font-size: 1rem;
  color: #fff;
  font-weight: 400;
  line-height: 1.6;
  border: 1px solid #fff;
  text-align: center;
}
@media (max-width: 768px) {
  #dx-assessment .main-visual .catch-block > .body .sub {
    font-size: 1rem;
    margin: 0 auto 0.625rem;
  }
}
#dx-assessment .main-visual .catch-block > .body .sub > em {
  font-style: normal;
}
#dx-assessment .main-visual .catch-block > .body .main {
  color: #fff;
  line-height: 1.4;
  font-weight: 900;
  letter-spacing: 0.025em;
  margin-bottom: 1.25rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 768px) {
  #dx-assessment .main-visual .catch-block > .body .main {
    font-size: 1.875rem;
    margin-bottom: 0.9375rem;
  }
}
#dx-assessment .main-visual .catch-block > .body .main > .small {
  font-size: 1.4375rem;
  display: block;
}
@media (max-width: 768px) {
  #dx-assessment .main-visual .catch-block > .body .main > .small {
    font-size: 1.125rem;
  }
}
#dx-assessment .main-visual .catch-block > .body .main > .middle {
  font-size: 2rem;
  letter-spacing: 0.08em;
}
@media (max-width: 768px) {
  #dx-assessment .main-visual .catch-block > .body .main > .middle {
    font-size: 1.375rem;
  }
}
#dx-assessment .main-visual .catch-block > .body .main > .middle.-spacer {
  margin-right: 0.125rem;
}
#dx-assessment .main-visual .catch-block > .body .main > .large {
  font-size: 3.25rem;
  letter-spacing: 0.08em;
}
@media (max-width: 768px) {
  #dx-assessment .main-visual .catch-block > .body .main > .large {
    font-size: 2.375rem;
  }
}
#dx-assessment .main-visual .catch-block > .body .main > .large > .en {
  font-size: 3.625rem;
  line-height: 1.3;
  font-style: normal;
  display: inline-block;
  vertical-align: text-top;
  margin-right: 0.125rem;
}
@media (max-width: 768px) {
  #dx-assessment .main-visual .catch-block > .body .main > .large > .en {
    font-size: 2.75rem;
  }
}
#dx-assessment .main-visual .catch-block > .body .release {
  font-size: 1rem;
  line-height: 2;
  color: #fff;
  margin-bottom: 2.5rem;
}
@media (max-width: 768px) {
  #dx-assessment .main-visual .catch-block > .body .release {
    font-size: 0.75rem;
    margin-bottom: 1.875rem;
  }
}
@media (max-width: 768px) {
  #dx-assessment .main-visual .catch-block > .body .button {
    text-align: center;
  }
}
#dx-assessment .main-visual .catch-block > .body .button > a {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.625rem 1.25rem;
  display: block;
  background: #ffd900;
  color: #000;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.125rem;
  border-radius: 10px;
}
@media (max-width: 768px) {
  #dx-assessment .main-visual .catch-block > .body .button > a {
    width: 100%;
  }
}
#dx-assessment .main-visual .catch-block > .body .button > a:hover {
  background: #000;
  color: #ffd900;
}
#dx-assessment .main-visual .catch-block .image {
  padding-left: 3.75rem;
  position: relative;
  z-index: 9;
}
@media (max-width: 768px) {
  #dx-assessment .main-visual .catch-block .image {
    padding-left: 0;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 100%;
    margin-bottom: 1.875rem;
  }
}
#dx-assessment .case-study-content > .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 768px) {
  #dx-assessment .case-study-content > .item {
    display: block;
  }
}
#dx-assessment .case-study-content > .item > .thumbnail {
  width: 100%;
  max-width: 38.75rem;
}
@media screen and (max-width: 1540px) {
  #dx-assessment .case-study-content > .item > .thumbnail {
    max-width: 35rem;
  }
}
@media (max-width: 768px) {
  #dx-assessment .case-study-content > .item > .thumbnail {
    max-width: 100%;
    margin-bottom: 1.25rem;
  }
}
#dx-assessment .case-study-content > .item > .thumbnail > a {
  display: block;
  overflow: hidden;
  border-radius: 20px;
}
@media (max-width: 768px) {
  #dx-assessment .case-study-content > .item > .thumbnail > a {
    border-radius: 10px;
  }
}
#dx-assessment .case-study-content > .item > .thumbnail > a img {
  border-radius: 20px;
  -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 768px) {
  #dx-assessment .case-study-content > .item > .thumbnail > a img {
    border-radius: 10px;
  }
}
#dx-assessment .case-study-content > .item > .thumbnail > a:hover img {
  -webkit-transform: scale(1.2, 1.2);
          transform: scale(1.2, 1.2);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#dx-assessment .case-study-content > .item > .body {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  padding: 0 0 0 3.75rem;
}
@media screen and (max-width: 1540px) {
  #dx-assessment .case-study-content > .item > .body {
    padding: 0 0 0 2.5rem;
  }
}
@media (max-width: 768px) {
  #dx-assessment .case-study-content > .item > .body {
    padding: 0;
    overflow: hidden;
  }
}
#dx-assessment .case-study-content > .item > .body > .head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 2.5rem;
  margin-bottom: 2.1875rem;
  border-bottom: 1px solid #e5e5e5;
}
@media screen and (max-width: 1540px) {
  #dx-assessment .case-study-content > .item > .body > .head {
    padding-bottom: 1.875rem;
    margin-bottom: 1.5625rem;
  }
}
@media (max-width: 768px) {
  #dx-assessment .case-study-content > .item > .body > .head {
    padding-bottom: 1.25rem;
    margin-bottom: 0.9375rem;
  }
}
#dx-assessment .case-study-content > .item > .body > .head .company-logo {
  border-radius: 10px;
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
#dx-assessment .case-study-content > .item > .body > .head .company-logo img {
  width: 100%;
  max-width: 11.25rem;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.06);
          box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.06);
}
@media screen and (max-width: 1540px) {
  #dx-assessment .case-study-content > .item > .body > .head .company-logo img {
    max-width: 9.375rem;
  }
}
@media (max-width: 768px) {
  #dx-assessment .case-study-content > .item > .body > .head .company-logo img {
    max-width: 7.5rem;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06);
            box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06);
  }
}
#dx-assessment .case-study-content > .item > .body > .head .company-name {
  font-size: 1.3125rem;
  font-weight: 300;
  margin-left: 1.25rem;
  display: block;
}
@media screen and (max-width: 1540px) {
  #dx-assessment .case-study-content > .item > .body > .head .company-name {
    font-size: 1.125rem;
  }
}
@media (max-width: 768px) {
  #dx-assessment .case-study-content > .item > .body > .head .company-name {
    font-size: 0.875rem;
    margin-left: 0.625rem;
  }
}
#dx-assessment .case-study-content > .item > .body > .foot > .title {
  font-size: 1.625rem;
  font-weight: 400;
  margin-bottom: 1.5625rem;
}
@media screen and (max-width: 1540px) {
  #dx-assessment .case-study-content > .item > .body > .foot > .title {
    font-size: 1.5rem;
    margin-bottom: 1.25rem;
  }
}
@media (max-width: 768px) {
  #dx-assessment .case-study-content > .item > .body > .foot > .title {
    font-size: 1rem;
    margin-bottom: 0.9375rem;
  }
}
#dx-assessment .case-study-content > .item > .body > .foot > .information-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 2.1875rem;
}
#dx-assessment .case-study-content > .item > .body > .foot > .information-list > .item {
  font-size: 1rem;
  font-weight: 300;
  color: #999;
}
@media (max-width: 768px) {
  #dx-assessment .case-study-content > .item > .body > .foot > .information-list > .item {
    font-size: 0.875rem;
  }
}
#dx-assessment .case-study-content > .item > .body > .foot > .information-list > .item.-category {
  margin-left: 1.25rem;
}
#dx-assessment .case-study-content > .item > .body > .foot > .information-list > .item.-category > a {
  color: #999;
  text-decoration: none;
}
#dx-assessment .case-study-content > .item > .body > .foot > .information-list > .item.-category > a:hover {
  text-decoration: underline;
}
@media (max-width: 768px) {
  #dx-assessment .case-study-content > .item > .body > .foot > .information-list > .item.-category {
    margin-left: 0.9375rem;
  }
}
#dx-assessment .case-study-content > .item > .body > .more {
  margin: 0;
}
#dx-assessment .case-study-content > .item > .body > .more > a {
  margin: 0;
}
@media (max-width: 768px) {
  #dx-assessment .service-block {
    display: block;
  }
}
@media (max-width: 768px) {
  #dx-assessment .service-block .block {
    width: 100%;
    margin-bottom: 1.875rem;
  }
  #dx-assessment .service-block .block:last-child {
    margin-bottom: 0;
  }
}
#dx-assessment .link-text-how {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 1.25rem;
  margin-bottom: 3.75rem;
  font-size: 0.9375rem;
}
#dx-assessment .link-text-how > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
}
#dx-assessment .link-text-how > a::before {
  content: "";
  background: url(../images/icon/icon_hatena_black.svg) no-repeat;
  background-size: 1rem 1rem;
  width: 1rem;
  height: 1rem;
  display: block;
  border-radius: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#dx-assessment .link-text-how > a:hover {
  text-decoration: underline;
}
#dx-assessment .link-text-how > a:hover::before {
  background: url(../images/icon/icon_hatena_yellow.svg) no-repeat;
  background-size: 1rem 1rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#dx-assessment .link-text-how._txtr {
  text-align: right;
  margin-left: auto;
}
#dx-assessment .link-text-how._txtr > a {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
#dx-assessment .bnr-minnnade > a:hover {
  opacity: 0.6;
}
#dx-assessment .after-support {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 768px) {
  #dx-assessment .after-support {
    display: block;
  }
}
#dx-assessment .after-support > .item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#dx-assessment .after-support > .item > .title {
  font-size: 1.125rem;
  border: 2px solid #a6a6a6;
  border-radius: 100px;
  background: #fff;
  text-align: center;
  width: 100%;
  padding: 0.375rem 1.25rem 0.5rem;
  margin: 3.75rem 0;
}
@media (max-width: 768px) {
  #dx-assessment .after-support > .item > .title {
    font-size: 1rem;
    margin: 2.5rem 0;
  }
}
@media (max-width: 768px) {
  #dx-assessment .after-support > .item:last-child {
    margin-top: 2.5rem;
  }
}
#dx-assessment .after-support > .hr {
  width: 1px;
  height: auto;
  margin: 0 5rem;
  display: block;
  background: none;
  border: none;
  border-left: 1px dotted #ccc;
}
@media screen and (max-width: 1862px) {
  #dx-assessment .after-support > .hr {
    margin: 0 2.5rem;
  }
}
#dx-assessment .pickup-course {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 1650px) {
  #dx-assessment .pickup-course {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#dx-assessment .pickup-course > .text {
  width: calc(100% - 22.5rem);
  text-align: center;
  line-height: 2;
}
@media screen and (max-width: 1786px) {
  #dx-assessment .pickup-course > .text {
    width: calc(100% - 18.75rem);
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 1650px) {
  #dx-assessment .pickup-course > .text {
    width: 100%;
    margin: 0 auto;
  }
}
#dx-assessment .pickup-course > .text.character::after {
  content: "";
  background: url(../lp/dx-assessment/images/support_character1.png) no-repeat;
  background-size: 7.5rem 7.6875rem;
  width: 7.5rem;
  height: 7.6875rem;
  display: block;
  margin: 2.5rem auto 0;
}
@media screen and (max-width: 1650px) {
  #dx-assessment .pickup-course > .text.character::after {
    display: none;
  }
}
#dx-assessment .pickup-course > .block {
  max-width: 22.5rem;
}
@media screen and (max-width: 1786px) {
  #dx-assessment .pickup-course > .block {
    max-width: 18.75rem;
  }
}
@media screen and (max-width: 1650px) {
  #dx-assessment .pickup-course > .block {
    max-width: 22.5rem;
  }
}
#dx-assessment .pickup-course > .block > .catch1 {
  width: 11.1875rem;
  margin: 0 auto 1.25rem;
}
#dx-assessment .pickup-course > .block > .catch2 {
  width: 10.25rem;
  margin: 0 auto 1.25rem;
}
#dx-assessment .pickup-course > .block > .catch3 {
  width: 16.6875rem;
  margin: 0 auto 1.25rem;
}
#dx-assessment .pickup-course > .block > .catch4 {
  width: 10.375rem;
  margin: 0 auto 1.25rem;
}
#dx-assessment .pickup-course > .block > .item {
  display: block;
  -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  background: #fff;
  text-decoration: none;
  height: 100%;
}
#dx-assessment .pickup-course > .block > .item > .thumbnail {
  overflow: hidden;
  border-radius: 20px 20px 0 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#dx-assessment .pickup-course > .block > .item > .thumbnail img {
  border-radius: 20px 20px 0 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#dx-assessment .pickup-course > .block > .item > .thumbnail.border {
  border-bottom: 1px solid #e5e5e5;
}
#dx-assessment .pickup-course > .block > .item > .body {
  padding: 1.5625rem 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#dx-assessment .pickup-course > .block > .item > .body > .head {
  padding-bottom: 1.25rem;
  margin-bottom: 1.25rem;
  border-bottom: 1px solid #e5e5e5;
}
#dx-assessment .pickup-course > .block > .item > .body > .head > .about {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.875rem;
}
#dx-assessment .pickup-course > .block > .item > .body > .head > .about > .item.-label {
  font-size: 0.75rem;
  font-weight: 200;
  color: #fff;
  text-align: center;
  width: 9.375rem;
  padding: 0.3125rem 0.625rem 0.375rem;
  border-radius: 6px;
}
#dx-assessment .pickup-course > .block > .item > .body > .head > .about > .item.-label.-live {
  background: #ff9600;
}
#dx-assessment .pickup-course > .block > .item > .body > .head > .about > .item.-label.-anime {
  background: #e57373;
}
#dx-assessment .pickup-course > .block > .item > .body > .head > .about > .item.-time {
  font-size: 0.875rem;
  font-weight: 200;
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: middle;
}
#dx-assessment .pickup-course > .block > .item > .body > .head > .about > .item.-time::before {
  content: "";
  background: url(../images/icon/icon_time.svg) no-repeat;
  background-size: 1rem 1rem;
  width: 1rem;
  height: 1rem;
  display: block;
  margin: 0.0625rem 0.5rem 0 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
#dx-assessment .pickup-course > .block > .item > .body > .head > .title {
  font-size: 1.125rem;
  font-weight: 500;
  display: block;
}
#dx-assessment .pickup-course > .block > .item > .body > .foot > .target {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.75rem;
}
#dx-assessment .pickup-course > .block > .item > .body > .foot > .target > .item {
  font-size: 1rem;
  font-weight: 300;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
#dx-assessment .pickup-course > .block > .item > .body > .foot > .target > .detail {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  font-size: 1rem;
  font-weight: 200;
}
#dx-assessment .pickup-course > .block > .item > .body > .foot > .tag-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -0.3125rem;
}
#dx-assessment .pickup-course > .block > .item > .body > .foot > .tag-list > .item {
  font-size: 0.875rem;
  font-weight: 300;
  color: #999;
  margin: 0.15625rem 0.3125rem;
  display: block;
  line-height: 1;
}
#dx-assessment .pickup-course > .block > .item:hover {
  color: #000;
  -webkit-box-shadow: none;
          box-shadow: none;
}
#dx-assessment .pickup-course > .block > .item:hover > .thumbnail {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#dx-assessment .pickup-course > .block > .item:hover > .thumbnail img {
  -webkit-transform: scale(1.2, 1.2);
          transform: scale(1.2, 1.2);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#dx-assessment .pickup-course.-left > .text {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  margin-right: 1.875rem;
}
@media screen and (max-width: 1650px) {
  #dx-assessment .pickup-course.-left > .text {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin: 1.25rem auto 0;
  }
}
#dx-assessment .pickup-course.-left > .block {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
@media screen and (max-width: 1650px) {
  #dx-assessment .pickup-course.-left > .block {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
#dx-assessment .pickup-course.-right > .text {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  margin-left: 1.875rem;
}
@media screen and (max-width: 1650px) {
  #dx-assessment .pickup-course.-right > .text {
    margin: 1.25rem auto 0;
  }
}
#dx-assessment .pickup-course.-right > .block {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
#dx-assessment #minnnade {
  border-radius: 0 0 1000px 1000px;
  padding-bottom: 6.25rem;
}
#dx-assessment .section-pickup {
  margin-top: -18.75rem;
}
@media (max-width: 768px) {
  #dx-assessment .section-pickup {
    margin-top: -12.5rem;
  }
}
#dx-assessment .title-minnade {
  font-size: 1.875rem;
  text-align: center;
  margin: 3.75rem auto 1.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media (max-width: 768px) {
  #dx-assessment .title-minnade {
    font-size: 1.375rem;
    margin: 2.5rem auto 1.25rem;
  }
}
#dx-assessment .title-minnade::after {
  content: "";
  background: url(../lp/dx-assessment/images/support_character2.png) no-repeat;
  background-size: 5rem 5.1875rem;
  width: 5rem;
  height: 5.1875rem;
  display: block;
  margin-left: 1rem;
}
@media (max-width: 768px) {
  #dx-assessment .title-minnade::after {
    display: none;
  }
}
#dx-assessment .bnr-minnade {
  width: 80%;
  margin: 0 auto;
  border: 1px solid #b9b9b9;
}
@media (max-width: 768px) {
  #dx-assessment .bnr-minnade {
    width: 100%;
  }
}
#dx-assessment .bnr-minnade > a {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
}
#dx-assessment .bnr-minnade > a:hover {
  opacity: 0.6;
}

/**************************************************
    IT Passport
***************************************************/
#passport .bg.-point {
  background: #e9effc;
}
#passport .fig-point {
  padding: 0 1.25rem;
  background: #e9effc;
}
#passport .fig-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 768px) {
  #passport .fig-box {
    display: block;
  }
}
#passport .fig-box > .fig {
  width: 32.5rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 2.5rem;
  text-align: center;
}
@media (max-width: 768px) {
  #passport .fig-box > .fig {
    width: 100%;
    margin: 0 auto 1.25rem;
  }
}
#passport .fig-box > .fig > a {
  display: block;
}
@media (max-width: 768px) {
  #passport .fig-box > .fig .caption {
    font-size: 0.75rem;
  }
}
#passport .fig-box > .body {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
#passport .table-box {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 30px 2fr;
  grid-template-columns: 1fr 2fr;
  gap: 30px;
}
@media (max-width: 768px) {
  #passport .table-box {
    display: block;
  }
}
#passport .table-box > .fig {
  text-align: center;
}
@media (max-width: 768px) {
  #passport .table-box > .fig {
    width: 100%;
    margin: 0 auto 1.25rem;
  }
}
#passport .table-box > .body .table-b, #passport .table-box > .body #cookie #cookiefirst-policy-page table, #cookie #cookiefirst-policy-page #passport .table-box > .body table {
  font-size: 0.875rem;
}
#passport .table-box > .body .table-b tr th, #passport .table-box > .body #cookie #cookiefirst-policy-page table tr th, #cookie #cookiefirst-policy-page #passport .table-box > .body table tr th {
  width: 12.5rem;
}
#passport .button-more {
  margin-bottom: 5rem;
}
@media (max-width: 768px) {
  #passport .button-more {
    margin: 1.25rem 0 2.5rem;
  }
}
#passport .table-b td, #passport #cookie #cookiefirst-policy-page table td, #cookie #cookiefirst-policy-page #passport table td {
  background: #fff;
}
#passport .course-no1 .table-b th, #passport .course-no1 #cookie #cookiefirst-policy-page table th, #cookie #cookiefirst-policy-page #passport .course-no1 table th {
  background: #f26359;
}
#passport .course-no2 .table-b th, #passport .course-no2 #cookie #cookiefirst-policy-page table th, #cookie #cookiefirst-policy-page #passport .course-no2 table th {
  background: #11abd7;
}
#passport .course-no3 .table-b th, #passport .course-no3 #cookie #cookiefirst-policy-page table th, #cookie #cookiefirst-policy-page #passport .course-no3 table th {
  background: #54ba57;
}
#passport .point-block {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2.5rem 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 3.75rem 2.5rem;
}
@media (max-width: 768px) {
  #passport .point-block {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 1.875rem 0;
  }
}
#passport .point-block > .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#passport .point-block > .item .h3-c {
  font-size: 1.125rem;
  background: #ffd900;
  margin-bottom: 0;
}
#passport .point-block > .item .box-a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  margin-bottom: 0;
}
#passport .point-block > .item .box-a .point-list > .item {
  font-size: 1.0625rem;
}
@media (max-width: 768px) {
  #passport .point-block > .item .box-a .point-list > .item {
    font-size: 0.9375rem;
  }
}
#passport .point-block > .item .box-a .point-list > .item::before {
  background-size: 1.25rem 1.8125rem;
  width: 1.25rem;
  height: 1.8125rem;
  margin-right: 1rem;
}
@-webkit-keyframes GradietionAnimation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes GradietionAnimation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
#passport .main-visual {
  background: #1a76d2;
  position: relative;
}
#passport .main-visual .particles-js-canvas-el {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  margin: auto;
  opacity: 0.5;
  pointer-events: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#passport .main-visual > .inner {
  width: 100%;
  max-width: 1680px;
  padding: 7.5rem 3.75rem 3.75rem;
  margin: 0 auto;
}
@media (max-width: 768px) {
  #passport .main-visual > .inner {
    padding: 5rem 1.25rem 2.5rem;
  }
}
#passport .main-visual .catch-block {
  width: 100%;
  margin: 0 auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 768px) {
  #passport .main-visual .catch-block {
    max-width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
#passport .main-visual .catch-block > .body {
  position: relative;
  z-index: 5;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 768px) {
  #passport .main-visual .catch-block > .body {
    width: 100%;
    text-align: center;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
#passport .main-visual .catch-block > .body .sub {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.1875rem 1.25rem 0.25rem;
  margin-bottom: 1.5625rem;
  font-size: 1rem;
  color: #fff;
  font-weight: 400;
  line-height: 1.6;
  border: 1px solid #fff;
  text-align: center;
}
@media (max-width: 768px) {
  #passport .main-visual .catch-block > .body .sub {
    font-size: 1rem;
    margin: 0 auto 0.625rem;
  }
}
#passport .main-visual .catch-block > .body .sub > em {
  font-style: normal;
}
#passport .main-visual .catch-block > .body .main {
  color: #fff;
  line-height: 1.4;
  font-weight: 900;
  letter-spacing: 0.025em;
  margin-bottom: 1.875rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 768px) {
  #passport .main-visual .catch-block > .body .main {
    font-size: 1.875rem;
    margin-bottom: 0.9375rem;
  }
}
#passport .main-visual .catch-block > .body .main > .small {
  font-size: 1.4375rem;
  display: block;
}
@media (max-width: 768px) {
  #passport .main-visual .catch-block > .body .main > .small {
    font-size: 1.125rem;
  }
}
#passport .main-visual .catch-block > .body .main > .middle {
  font-size: 2rem;
  letter-spacing: 0.08em;
}
@media (max-width: 768px) {
  #passport .main-visual .catch-block > .body .main > .middle {
    font-size: 1.375rem;
  }
}
#passport .main-visual .catch-block > .body .main > .middle.-spacer {
  margin-right: 0.125rem;
}
#passport .main-visual .catch-block > .body .main > .large {
  font-size: 3.25rem;
  letter-spacing: 0.08em;
}
@media (max-width: 768px) {
  #passport .main-visual .catch-block > .body .main > .large {
    font-size: 2.375rem;
  }
}
#passport .main-visual .catch-block > .body .main > .large > .en {
  font-size: 3.625rem;
  line-height: 1.3;
  font-style: normal;
  display: inline-block;
  vertical-align: text-top;
  margin-right: 0.125rem;
}
@media (max-width: 768px) {
  #passport .main-visual .catch-block > .body .main > .large > .en {
    font-size: 2.75rem;
  }
}
#passport .main-visual .catch-block > .body .release {
  font-size: 1rem;
  line-height: 2;
  color: #fff;
  margin-bottom: 2.5rem;
}
@media (max-width: 768px) {
  #passport .main-visual .catch-block > .body .release {
    font-size: 0.75rem;
    margin-bottom: 1.875rem;
  }
}
@media (max-width: 768px) {
  #passport .main-visual .catch-block > .body .button {
    text-align: center;
  }
}
#passport .main-visual .catch-block > .body .button > a {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.625rem 1.25rem;
  display: block;
  background: #ffd900;
  color: #000;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.125rem;
  border-radius: 10px;
}
@media (max-width: 768px) {
  #passport .main-visual .catch-block > .body .button > a {
    width: 100%;
  }
}
#passport .main-visual .catch-block > .body .button > a:hover {
  background: #000;
  color: #ffd900;
}
#passport .main-visual .catch-block .image {
  padding-left: 3.75rem;
  position: relative;
  z-index: 9;
}
@media (max-width: 768px) {
  #passport .main-visual .catch-block .image {
    padding-left: 0;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 100%;
    margin-bottom: 1.875rem;
  }
}
#passport .section-course .recommendation-course {
  margin-bottom: 1.875rem;
}
#passport .section-course .recommendation-course > .item {
  border: 1px solid #fff;
  margin-bottom: 0 !important;
}
#passport .section-course .recommendation-course > .item > .thumbnail {
  max-width: 20rem !important;
  margin-right: 1.875rem !important;
}
@media (max-width: 768px) {
  #passport .section-course .recommendation-course > .item > .thumbnail {
    max-width: 100% !important;
    margin-right: 0 !important;
  }
}
#passport .section-course .recommendation-course > .item > .thumbnail img {
  width: 100vw;
  height: auto;
}
@media (max-width: 768px) {
  #passport .section-course .recommendation-course > .item > .thumbnail img {
    width: 100%;
  }
}
#passport .section-course .recommendation-course > .item > .body {
  width: 100%;
}
#passport .section-course .recommendation-course > .item > .body > .head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 1.25rem;
  margin-bottom: 1.25rem;
}
@media (max-width: 768px) {
  #passport .section-course .recommendation-course > .item > .body > .head {
    display: block;
  }
}
#passport .section-course .recommendation-course > .item > .body > .head > .label {
  font-size: 0.75rem;
  font-weight: 200;
  color: #fff;
  text-align: center;
  width: 9.375rem;
  height: auto;
  padding: 0.125rem 0.625rem 0.1875rem;
  margin-right: 1.25rem;
  border-radius: 4px;
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 768px) {
  #passport .section-course .recommendation-course > .item > .body > .head > .label {
    width: 100%;
    padding: 0.3125rem;
    font-size: 0.625rem;
    margin-bottom: 0.625rem;
  }
}
#passport .section-course .recommendation-course > .item > .body > .head > .label.-lecture {
  background: #08415c;
}
#passport .section-course .recommendation-course > .item > .body > .head > .label.-workshop {
  background: #2ca58d;
}
#passport .section-course .recommendation-course > .item > .body > .head > .label.-lecture-workshop {
  background: #5c0859;
}
#passport .section-course .recommendation-course > .item > .body > .head > .label.-live {
  background: #ff9600;
}
#passport .section-course .recommendation-course > .item > .body > .head > .label.-anime {
  background: #e57373;
}
#passport .section-course .recommendation-course > .item > .body > .head > .label.-ai-voice {
  background: #cccc00;
}
#passport .section-course .recommendation-course > .item > .body > .head > .title {
  font-size: 1.3125rem;
  line-height: 1.6;
  margin: 0;
}
@media (max-width: 768px) {
  #passport .section-course .recommendation-course > .item > .body > .head > .title {
    font-size: 1rem;
  }
}
#passport .section-course .recommendation-course > .item > .body > .foot > .list > .item {
  font-size: 0.9375rem;
  text-indent: -3em;
  padding-left: 3em;
  line-height: 1.5;
  margin-bottom: 0.25rem;
}
@media (max-width: 768px) {
  #passport .section-course .recommendation-course > .item > .body > .foot > .list > .item {
    font-size: 0.75rem;
  }
}
#passport .section-course .recommendation-course > .item > .body > .foot > .list > .item:last-child {
  margin-bottom: 0;
}
#passport .section-course .recommendation-course > .item:hover {
  background: #f8f8f8;
  border: 1px solid #e5e5e5;
}
@media (max-width: 768px) {
  #passport .section-course .recommendation-course:last-child {
    margin-bottom: 0;
  }
}
#passport .section-course .contact-area {
  margin-top: 5rem;
}
@media (max-width: 768px) {
  #passport .section-course .contact-area {
    margin-top: 2.5rem;
  }
}

/**************************************************
    Katsuyou Assessment
***************************************************/
.scroll-padding-top {
  scroll-behavior: smooth;
  scroll-padding-top: calc((var(--headerHeight, 60px)) + 60px);
}
@media (max-width: 768px) {
  .scroll-padding-top {
    scroll-padding-top: calc((var(--headerHeight, 60px)) + 0);
  }
}

.indent-list-a > li {
  font-size: 1.125rem;
  text-indent: -1em;
  padding-left: 1em;
  color: red;
}
@media (max-width: 768px) {
  .indent-list-a > li {
    font-size: 0.875rem;
  }
}
.indent-list-a > li > a {
  color: red;
}

#katsuyou-assessment {
  padding: 0;
}
#katsuyou-assessment .site-content > section > .inner {
  max-width: 1640px;
  padding: 3.75rem 3.75rem;
  margin: 0 auto;
}
@media (max-width: 768px) {
  #katsuyou-assessment .site-content > section > .inner {
    max-width: 100%;
    padding: 1.875rem 1.25rem;
  }
}
#katsuyou-assessment .site-content > section > .inner.-pb0 {
  padding-bottom: 0;
}
#katsuyou-assessment .lp-marker {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #ffe866));
  background: linear-gradient(transparent 60%, #ffe866 60%);
  font-style: normal;
  font-weight: bold;
}
#katsuyou-assessment .lp-marker.-heavy {
  font-weight: 900;
}
#katsuyou-assessment .lp-section-title {
  font-size: 2.625rem;
  text-align: center;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 768px) {
  #katsuyou-assessment .lp-section-title {
    font-size: 1.625rem;
    line-height: 1.5;
  }
}
#katsuyou-assessment .lp-section-title i {
  font-style: normal;
  padding: 0 1.875rem;
  white-space: nowrap;
}
@media (max-width: 768px) {
  #katsuyou-assessment .lp-section-title i {
    padding: 0 0.9375rem;
    display: block;
  }
}
#katsuyou-assessment .lp-section-title::before, #katsuyou-assessment .lp-section-title::after {
  content: "";
  background: #000;
  width: 100%;
  height: 1px;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
#katsuyou-assessment .lp-section-lead-a {
  font-size: 2rem;
  margin-bottom: 2.5rem;
  font-weight: 700;
  text-align: center;
}
@media (max-width: 768px) {
  #katsuyou-assessment .lp-section-lead-a {
    font-size: 1.125rem;
    margin-bottom: 1.25rem;
  }
}
#katsuyou-assessment .lp-section-lead-b {
  font-size: 1.3125rem;
  margin: 1.25rem auto 3.125rem;
  font-weight: 400;
  text-align: center;
}
@media (max-width: 768px) {
  #katsuyou-assessment .lp-section-lead-b {
    font-size: 1rem;
    margin: 0.9375rem auto 1.25rem;
  }
}
#katsuyou-assessment .h3-a {
  width: 100%;
  max-width: 100%;
}
@media (max-width: 768px) {
  #katsuyou-assessment .h3-a {
    font-size: 1.125rem;
  }
}
#katsuyou-assessment .button-basic {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  color: #ffd900;
  border: 1px solid #ffd900;
  border-radius: 100px;
  text-decoration: none;
  font-size: 1rem;
  font-weight: 400;
  text-align: center;
  padding: 0.375rem 0.625rem 0.5rem;
  background: #000;
}
#katsuyou-assessment .button-basic:hover {
  background: #ffd900;
  color: #000;
}
#katsuyou-assessment .button-application {
  background: #ffd900;
  color: #000;
  text-decoration: none;
  width: 15rem;
  height: 3.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
}
#katsuyou-assessment .button-application::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 0.375rem solid transparent;
  border-bottom: 0.375rem solid transparent;
  border-left: 0.375rem solid #000;
  border-right: 0;
  margin: 0.1875rem 0.5rem 0 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#katsuyou-assessment .button-application:hover {
  background: #4651a7;
  color: #fff;
}
#katsuyou-assessment .button-application:hover::before {
  border-left: 0.375rem solid #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#katsuyou-assessment .button-large {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  color: #000;
  border: 1px solid #000;
  border-radius: 100px;
  text-decoration: none;
  font-size: clamp(1.125rem, 0.7916666667rem + 0.6944444444vw, 1.625rem);
  font-weight: 700;
  text-align: center;
  padding: 0.375rem clamp(1.25rem, 0.4166666667rem + 1.7361111111vw, 2.5rem) 0.5rem;
  margin: 0 auto;
  background: #ffd900;
}
@media (max-width: 768px) {
  #katsuyou-assessment .button-large {
    font-size: 1rem;
  }
}
#katsuyou-assessment .button-large:hover {
  background: #000;
  color: #ffd900;
  border: 1px solid #ffd900;
}
#katsuyou-assessment .drawer-menu {
  display: none;
}
@media (max-width: 768px) {
  #katsuyou-assessment .drawer-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
#katsuyou-assessment .site-header {
  display: none;
}
@media (max-width: 768px) {
  #katsuyou-assessment .site-header {
    display: block;
  }
  #katsuyou-assessment .site-header .sp-menu-site-logo {
    width: 6.25rem;
    height: 6.25rem;
    margin: 0 auto 1.25rem;
  }
  #katsuyou-assessment .site-header .sp-menu-site-logo > a {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: block;
  }
  #katsuyou-assessment .site-header .sp-menu-site-logo > a img {
    width: 100%;
    height: auto;
  }
  #katsuyou-assessment .site-header .lp-global-nav > .inner > .item a {
    display: block;
    text-decoration: none;
    border: 1px solid #000;
    text-align: center;
    padding: 0.625rem;
    margin-bottom: 1.25rem;
  }
  #katsuyou-assessment .site-header .lp-global-nav > .inner > .item a:hover {
    background: #000;
    color: #ffd900;
  }
  #katsuyou-assessment .site-header .bnr-group {
    margin-top: 1.875rem;
  }
  #katsuyou-assessment .site-header .button-large {
    width: 100%;
    margin: 1.875rem 0 3.75rem;
  }
}
#katsuyou-assessment .lp-header {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 768px) {
  #katsuyou-assessment .lp-header {
    display: none;
  }
}
#katsuyou-assessment .lp-header .site-logo {
  width: 8.75rem;
  max-width: 8.75rem;
  height: 8.75rem;
  margin: 0;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: 0px 1px 30px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 30px 0px rgba(0, 0, 0, 0.1);
}
#katsuyou-assessment .lp-header .site-logo > a {
  width: 6.25rem;
  display: block;
}
#katsuyou-assessment .lp-header .site-logo > a:hover {
  opacity: 0.5;
}
#katsuyou-assessment .lp-header .lp-info {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
#katsuyou-assessment .lp-header .lp-info .head {
  background: #000;
  height: 3.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 0 0 1.875rem;
}
#katsuyou-assessment .lp-header .lp-info .head .company-name {
  font-size: 1rem;
  font-weight: 400;
  color: #999;
  margin: 0;
}
#katsuyou-assessment .lp-header .lp-info .head .company-name > a {
  text-decoration: none;
  color: #999;
}
#katsuyou-assessment .lp-header .lp-info .head .button-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#katsuyou-assessment .lp-header .lp-info .head .button-list > .item {
  margin-left: 1.25rem;
}
#katsuyou-assessment .lp-header .lp-info .head .button-list > .item .button-basic {
  width: 11.25rem;
  line-height: 1;
}
#katsuyou-assessment .lp-header .lp-info .head .button-list > .item:last-child {
  margin-left: 1.875rem;
}
#katsuyou-assessment .lp-header .lp-info .foot {
  background: #ccc;
  height: 5rem;
  padding: 0 1.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 768px) {
  #katsuyou-assessment .lp-header .lp-info .foot {
    display: none;
  }
}
#katsuyou-assessment .lp-header .lp-info .foot .lp-message {
  font-size: 1.625rem;
  font-weight: 400;
}
@-webkit-keyframes slideDown {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
@keyframes slideDown {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
#katsuyou-assessment .lp-header.-scroll {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  visibility: visible;
  -webkit-animation: slideDown 0.3s ease-in-out;
          animation: slideDown 0.3s ease-in-out;
  -webkit-box-shadow: 0px 1px 30px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 30px 0px rgba(0, 0, 0, 0.1);
  z-index: 99;
}
#katsuyou-assessment .lp-header.-scroll .site-logo {
  width: 3.75rem;
  max-width: 3.75rem;
  height: 3.75rem;
  -webkit-box-shadow: none;
          box-shadow: none;
}
#katsuyou-assessment .lp-header.-scroll .site-logo > a {
  width: 2.5rem;
}
#katsuyou-assessment .lp-header.-scroll .lp-info .foot {
  display: none;
}
#katsuyou-assessment .section-main-visual {
  background: url(../lp/katsuyou-assessment/images/bg.jpg) no-repeat center center;
  background-size: cover;
  overflow: hidden;
  position: relative;
}
#katsuyou-assessment .section-main-visual .particles-js-canvas-el {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  margin: auto;
  opacity: 0.4;
  pointer-events: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 9999;
}
#katsuyou-assessment .section-main-visual > .inner {
  width: 100%;
  max-width: 100% !important;
  padding: 3.75rem 3.75rem 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: static;
}
@media (max-width: 768px) {
  #katsuyou-assessment .section-main-visual > .inner {
    display: block;
  }
}
#katsuyou-assessment .section-main-visual .img-pc-sp {
  z-index: 2;
}
@media (max-width: 768px) {
  #katsuyou-assessment .section-main-visual .img-pc-sp {
    text-align: center;
    margin: 2.1875rem 0 1.25rem;
  }
}
#katsuyou-assessment .section-main-visual .img-pc-sp img {
  width: 100%;
  height: auto;
}
#katsuyou-assessment .section-main-visual .body {
  text-align: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 1.25rem;
}
@media (max-width: 768px) {
  #katsuyou-assessment .section-main-visual .body {
    margin: 0 auto;
    padding-bottom: 0;
  }
}
#katsuyou-assessment .section-main-visual .body .main-title {
  margin-bottom: clamp(1.875rem, 1.4583333333rem + 0.8680555556vw, 2.5rem);
}
#katsuyou-assessment .section-main-visual .body .main-title > .sub {
  font-size: clamp(1rem, 0.75rem + 0.5208333333vw, 1.375rem);
  font-weight: 700;
  line-height: 1.5;
  color: #000;
  display: block;
  padding: 0.25rem 1.25rem;
  margin: 0 auto clamp(0.625rem, 0.4166666667rem + 0.4340277778vw, 0.9375rem);
  background: #ffd900;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}
@media (max-width: 768px) {
  #katsuyou-assessment .section-main-visual .body .main-title > .sub {
    font-size: 0.9375rem;
    padding: 0.25rem 0.625rem 0.375rem;
  }
}
#katsuyou-assessment .section-main-visual .body .main-title > .sub::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-top: 10px solid #ffd900;
  border-bottom: 0;
  display: block;
  margin: 0 auto;
  position: absolute;
  right: 0;
  bottom: -10px;
  left: 0;
}
#katsuyou-assessment .section-main-visual .body .main-title > .main {
  font-size: clamp(1.5rem, 0.75rem + 1.5625vw, 2.625rem);
  font-weight: 700;
  line-height: 1.4;
  color: #fff;
  text-shadow: 0px 1px 10px rgba(0, 0, 0, 0.45);
  display: block;
  margin-bottom: 1rem;
}
@media (max-width: 768px) {
  #katsuyou-assessment .section-main-visual .body .main-title > .main {
    font-size: 1.375rem;
  }
}
#katsuyou-assessment .section-main-visual .body .main-title > .main::after {
  content: "";
  width: 60px;
  height: 4px;
  display: block;
  margin: 1rem auto 0;
  background: #fff;
}
#katsuyou-assessment .section-main-visual .body .main-title > .name {
  font-size: clamp(1.25rem, 0.6666666667rem + 1.2152777778vw, 2.125rem);
  font-weight: 700;
  line-height: 1.5;
  color: #fff;
  text-shadow: 0px 1px 10px rgba(0, 0, 0, 0.45);
  display: block;
  margin-bottom: 0;
}
@media (max-width: 768px) {
  #katsuyou-assessment .section-main-visual .body .main-title > .name {
    font-size: 1.125rem;
  }
}
@-webkit-keyframes infinity-scroll-left {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@keyframes infinity-scroll-left {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
#katsuyou-assessment .section-main-visual .scroll-infinity {
  position: absolute;
  left: -100%;
}
#katsuyou-assessment .section-main-visual .scroll-infinity__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
#katsuyou-assessment .section-main-visual .scroll-infinity__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  padding: 0;
}
#katsuyou-assessment .section-main-visual .scroll-infinity__list--left {
  -webkit-animation: infinity-scroll-left 50s infinite linear 0.5s both;
          animation: infinity-scroll-left 50s infinite linear 0.5s both;
}
#katsuyou-assessment .section-main-visual .scroll-infinity__item {
  width: clamp(9.375rem, 3.125rem + 13.0208333333vw, 18.75rem);
  margin: 0 1.25rem;
}
@media (max-width: 768px) {
  #katsuyou-assessment .section-main-visual .scroll-infinity__item {
    margin: 0 0.625rem;
  }
}
#katsuyou-assessment .section-main-visual .scroll-infinity__item > img {
  width: clamp(9.375rem, 3.125rem + 13.0208333333vw, 18.75rem);
  height: auto;
}
#katsuyou-assessment .section-main-visual .lp-campaign-catch {
  margin: clamp(8.125rem, 4.375rem + 7.8125vw, 13.75rem) auto 1.25rem;
  text-align: center;
}
#katsuyou-assessment .section-main-visual .lp-campaign-catch > .large {
  font-size: clamp(1.625rem, 1.2083333333rem + 0.8680555556vw, 2.25rem);
  font-weight: 700;
  display: block;
  color: #ffd900;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 1.25rem;
  margin: 0 auto;
}
#katsuyou-assessment .section-main-visual .lp-campaign-catch > .large small {
  font-size: 1.25rem;
}
@media (max-width: 768px) {
  #katsuyou-assessment .section-main-visual .lp-campaign-catch > .large {
    width: 100%;
    padding: 0;
    font-size: 1.5rem;
    line-height: 1.4;
  }
}
#katsuyou-assessment .section-main-visual .lp-campaign-catch > .small {
  font-size: clamp(0.875rem, 0.4583333333rem + 0.8680555556vw, 1.5rem);
  display: block;
  color: #ffd900;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
#katsuyou-assessment .section-main-visual .lp-campaign {
  color: #fff;
  line-height: 1;
  font-weight: 400;
  margin: clamp(9.375rem, 3.125rem + 13.0208333333vw, 18.75rem) auto 1.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#katsuyou-assessment .section-main-visual .lp-campaign > .item {
  font-size: clamp(1rem, 0.3333333333rem + 1.3888888889vw, 2rem);
  border: 1px solid #fff;
  width: clamp(2.5rem, 1.6666666667rem + 1.7361111111vw, 3.75rem);
  height: clamp(2.5rem, 1.6666666667rem + 1.7361111111vw, 3.75rem);
  margin-left: -1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#katsuyou-assessment .section-main-visual .button-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1.875rem 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 0 1.875rem;
}
@media (max-width: 768px) {
  #katsuyou-assessment .section-main-visual .button-list {
    gap: 0 0.9375rem;
  }
}
#katsuyou-assessment .section-main-visual .button-list > .item .button-basic {
  font-size: clamp(1rem, 0.9166666667rem + 0.1736111111vw, 1.125rem);
  font-weight: 700;
  width: 100%;
  padding: 0.75rem 0.625rem 0.875rem;
}
@media (max-width: 768px) {
  #katsuyou-assessment .section-main-visual .button-list > .item .button-basic {
    font-size: 0.875rem;
    padding: 0.5rem 0.625rem 0.625rem;
  }
}
#katsuyou-assessment .section-main-visual .text-check {
  font-size: clamp(1rem, 0.6666666667rem + 0.6944444444vw, 1.5rem);
  color: #fff;
  margin: 1.5625rem auto 0;
}
#katsuyou-assessment .section-main-visual .text-check a {
  color: #fff;
}
#katsuyou-assessment .section-main-visual .text-check a:hover {
  color: #ffd900;
  text-decoration: underline;
}
#katsuyou-assessment .section-main-visual .campaign-countdown {
  width: clamp(28.8125rem, 9.6041666667rem + 40.0173611111vw, 57.625rem);
  position: absolute;
  right: 0;
  bottom: 0;
}
@media (max-width: 768px) {
  #katsuyou-assessment .section-main-visual .campaign-countdown {
    width: 100%;
  }
}
#katsuyou-assessment .section-message img {
  width: 100%;
  height: auto;
}
#katsuyou-assessment .section-assignment .assignment-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 3.75rem 1fr 3.75rem 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0 3.75rem;
}
@media (max-width: 768px) {
  #katsuyou-assessment .section-assignment .assignment-list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 1.25rem 0;
  }
}
#katsuyou-assessment .section-assignment .assignment-list > .item {
  cursor: pointer;
  position: relative;
}
#katsuyou-assessment .section-assignment .assignment-list > .item img {
  filter: blur(0);
  -webkit-filter: blur(0);
  -webkit-box-shadow: 0px 1px 20px 0px rgba(190, 162, 0, 0.14);
          box-shadow: 0px 1px 20px 0px rgba(190, 162, 0, 0.14);
}
#katsuyou-assessment .section-assignment .assignment-list > .item img.surface {
  opacity: 1;
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
  -webkit-transition: opacity 100ms 150ms, -webkit-transform 300ms 150ms;
  transition: opacity 100ms 150ms, -webkit-transform 300ms 150ms;
  transition: opacity 100ms 150ms, transform 300ms 150ms;
  transition: opacity 100ms 150ms, transform 300ms 150ms, -webkit-transform 300ms 150ms;
}
#katsuyou-assessment .section-assignment .assignment-list > .item img.reverse {
  opacity: 0;
  -webkit-transform: rotateY(90deg);
          transform: rotateY(90deg);
  -webkit-transition: opacity 50ms 200ms, -webkit-transform 300ms;
  transition: opacity 50ms 200ms, -webkit-transform 300ms;
  transition: opacity 50ms 200ms, transform 300ms;
  transition: opacity 50ms 200ms, transform 300ms, -webkit-transform 300ms;
  position: absolute;
  top: 0;
  left: 0;
}
#katsuyou-assessment .section-assignment .assignment-list > .item:hover img.surface {
  opacity: 0;
  -webkit-transform: rotateY(90deg);
          transform: rotateY(90deg);
  -webkit-transition: opacity 50ms 200ms, -webkit-transform 300ms;
  transition: opacity 50ms 200ms, -webkit-transform 300ms;
  transition: opacity 50ms 200ms, transform 300ms;
  transition: opacity 50ms 200ms, transform 300ms, -webkit-transform 300ms;
}
#katsuyou-assessment .section-assignment .assignment-list > .item:hover img.reverse {
  opacity: 1;
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
  -webkit-transition: opacity 100ms 150ms, -webkit-transform 300ms 150ms;
  transition: opacity 100ms 150ms, -webkit-transform 300ms 150ms;
  transition: opacity 100ms 150ms, transform 300ms 150ms;
  transition: opacity 100ms 150ms, transform 300ms 150ms, -webkit-transform 300ms 150ms;
}
#katsuyou-assessment .section-feature {
  background: #fffbe3 url(../../lp/katsuyou-assessment/images/bg_feature.gif) no-repeat center bottom;
  background-size: contain;
}
#katsuyou-assessment .section-feature .fukidashi {
  text-align: center;
  margin: 0 auto;
  display: block;
}
@media (max-width: 768px) {
  #katsuyou-assessment .section-feature .fukidashi {
    margin: 0 auto 0.9375rem;
  }
}
#katsuyou-assessment .section-feature .img-dashboard {
  text-align: center;
}
#katsuyou-assessment .section-feature .img-dashboard img {
  width: 100%;
  max-width: 1520px;
  height: auto;
}
#katsuyou-assessment .section-feature .img-dashboard > .caption {
  font-size: 0.875rem;
  color: #999;
  margin-top: 1.25rem;
}
@media (max-width: 768px) {
  #katsuyou-assessment .section-feature .img-dashboard > .caption {
    font-size: 0.75rem;
  }
}
#katsuyou-assessment .section-point {
  overflow: hidden;
}
#katsuyou-assessment .section-point .point-block {
  background: #ffd900;
  color: #000;
  padding: 1.25rem;
  margin-top: 3.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
@media (max-width: 768px) {
  #katsuyou-assessment .section-point .point-block {
    margin-top: 1.25rem;
    display: block;
  }
}
#katsuyou-assessment .section-point .point-block::before {
  content: "";
  background: #ffd900;
  display: block;
  width: 100vw;
  height: 100%;
  position: absolute;
  top: 0;
}
#katsuyou-assessment .section-point .point-block > .body {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1.25rem 0 1.25rem 0;
}
#katsuyou-assessment .section-point .point-block > .body .title {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: clamp(1.25rem, 0.75rem + 1.0416666667vw, 2rem);
  padding: 0 0.625rem;
  margin-bottom: 1.25rem;
  font-weight: 700;
}
@media (max-width: 768px) {
  #katsuyou-assessment .section-point .point-block > .body .title {
    line-height: 1.6;
  }
}
#katsuyou-assessment .section-point .point-block > .body .list > .item {
  font-size: clamp(1rem, 0.5833333333rem + 0.8680555556vw, 1.625rem);
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 768px) {
  #katsuyou-assessment .section-point .point-block > .body .list > .item {
    line-height: 1.6;
  }
}
#katsuyou-assessment .section-point .point-block > .body .list > .item::before {
  content: "";
  display: block;
  width: clamp(0.375rem, 0.125rem + 0.5208333333vw, 0.75rem);
  height: clamp(0.375rem, 0.125rem + 0.5208333333vw, 0.75rem);
  background: #ffe866;
  border: 1px solid #000;
  border-radius: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0.125rem 0.5rem 0 0;
}
#katsuyou-assessment .section-point .point-block > .body::before {
  content: "";
  display: block;
  margin-right: 2.1875rem;
}
@media (max-width: 768px) {
  #katsuyou-assessment .section-point .point-block > .body::before {
    position: relative;
    margin-right: 1.25rem;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
#katsuyou-assessment .section-point .point-block > .illust {
  position: relative;
  z-index: 2;
}
@media (max-width: 768px) {
  #katsuyou-assessment .section-point .point-block > .illust {
    margin: 0 auto;
    text-align: center;
  }
}
#katsuyou-assessment .section-point .point-block > .illust img.illust1 {
  width: clamp(8.375rem, 2.7916666667rem + 11.6319444444vw, 16.75rem);
}
#katsuyou-assessment .section-point .point-block > .illust img.illust2 {
  width: clamp(5.25rem, 1.75rem + 7.2916666667vw, 10.5rem);
}
#katsuyou-assessment .section-point .point-block > .illust img.illust3 {
  width: clamp(6rem, 2.0416666667rem + 8.2465277778vw, 11.9375rem);
}
#katsuyou-assessment .section-point .point-block.-right {
  border-radius: 100px 0 0 0;
}
@media (max-width: 768px) {
  #katsuyou-assessment .section-point .point-block.-right {
    padding: 1.25rem 0 1.25rem 0;
  }
}
#katsuyou-assessment .section-point .point-block.-right::before {
  right: -100vw;
}
#katsuyou-assessment .section-point .point-block.-right > .body {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  padding-left: 3.125rem;
}
#katsuyou-assessment .section-point .point-block.-right > .illust {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
#katsuyou-assessment .section-point .point-block.-left {
  border-radius: 0 100px 0 0;
  -webkit-box-pack: unset;
      -ms-flex-pack: unset;
          justify-content: unset;
}
@media (max-width: 768px) {
  #katsuyou-assessment .section-point .point-block.-left {
    padding: 1.25rem 1.25rem 1.25rem 0;
  }
}
#katsuyou-assessment .section-point .point-block.-left::before {
  left: -100vw;
}
#katsuyou-assessment .section-point .point-block.-left > .body {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  padding-left: 5rem;
}
@media (max-width: 768px) {
  #katsuyou-assessment .section-point .point-block.-left > .body {
    padding-left: 0;
  }
}
#katsuyou-assessment .section-point .point-block.-left > .illust {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
#katsuyou-assessment .section-point .point-block.-point1 > .body::before {
  background: url(../lp/katsuyou-assessment/images/no1.svg) no-repeat;
  background-size: 1.125rem 4.3125rem;
  width: 1.125rem;
  height: 4.3125rem;
}
#katsuyou-assessment .section-point .point-block.-point1 > .illust img {
  margin-bottom: -1.25rem;
}
#katsuyou-assessment .section-point .point-block.-point2 > .body::before {
  background: url(../lp/katsuyou-assessment/images/no2.svg) no-repeat;
  background-size: 3.0625rem 4.3125rem;
  width: 3.0625rem;
  height: 4.3125rem;
}
#katsuyou-assessment .section-point .point-block.-point3 > .body::before {
  background: url(../lp/katsuyou-assessment/images/no3.svg) no-repeat;
  background-size: 2.8125rem 4.375rem;
  width: 2.8125rem;
  height: 4.375rem;
}
#katsuyou-assessment .section-other .table-a {
  border-left: 1px solid #000;
  font-size: 1.125rem;
}
@media (max-width: 768px) {
  #katsuyou-assessment .section-other .table-a {
    width: 100%;
    font-size: 0.875rem;
  }
}
#katsuyou-assessment .section-other .table-a thead {
  border-right: 1px solid #000;
}
#katsuyou-assessment .section-other .table-a thead tr th {
  font-size: 1.375rem;
  background: #ffd900;
  color: #000;
  text-align: center;
}
@media (max-width: 768px) {
  #katsuyou-assessment .section-other .table-a thead tr th {
    font-size: 1rem;
  }
}
#katsuyou-assessment .section-other .table-a tbody tr th {
  text-align: center;
  background: #fefbe5;
  border-right: 1px solid #000;
}
@media (max-width: 768px) {
  #katsuyou-assessment .section-other .table-a tbody tr th {
    width: 100%;
    display: block;
    margin-top: -1px;
  }
}
#katsuyou-assessment .section-other .table-a tbody tr td {
  border-right: 1px solid #000;
}
@media (max-width: 768px) {
  #katsuyou-assessment .section-other .table-a tbody tr td {
    width: 100%;
    display: block;
    margin-top: -1px;
  }
}
#katsuyou-assessment .section-other .fig1 {
  background: #fffdf2;
  padding: 3.75rem;
  margin: -1px 0 3.125rem;
  text-align: center;
  border: 1px solid #000;
}
@media (max-width: 768px) {
  #katsuyou-assessment .section-other .fig1 {
    width: 100%;
    padding: 1.25rem;
    margin: -1px 0 1.875rem;
  }
}
#katsuyou-assessment .section-other .fig1 img {
  width: 100%;
  max-width: 1238px;
}
@media (max-width: 768px) {
  #katsuyou-assessment .section-other .fig1 img {
    max-width: 100%;
  }
}
#katsuyou-assessment .section-other .lp-bnr-group {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2.5rem 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 0 2.5rem;
  margin: 5rem 0 2.5rem;
}
@media (max-width: 768px) {
  #katsuyou-assessment .section-other .lp-bnr-group {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 1.25rem 0;
    margin: 2.5rem 0 1.25rem;
  }
}
#katsuyou-assessment .section-other .lp-bnr-group > .item > a {
  display: block;
}
#katsuyou-assessment .section-other .lp-bnr-group > .item > a img {
  width: 100%;
  height: auto;
}
#katsuyou-assessment .section-other .lp-bnr-group > .item > a:hover {
  opacity: 0.6;
}
#katsuyou-assessment .section-other .bnr-application > a {
  display: block;
}
#katsuyou-assessment .section-other .bnr-application > a img {
  width: 100%;
  height: auto;
}
#katsuyou-assessment .section-other .bnr-application > a:hover {
  opacity: 0.6;
}
#katsuyou-assessment .section-other .attention-text {
  font-size: 1.25rem;
  font-weight: 700;
  text-align: center;
  color: #ff0000;
  margin-bottom: 3.75rem;
}
@media (max-width: 768px) {
  #katsuyou-assessment .section-other .attention-text {
    font-size: 1rem;
    margin-bottom: 2.5rem;
  }
}
#katsuyou-assessment .section-contact {
  background: #fffbe3;
}
#katsuyou-assessment .section-contact .form-step {
  margin-top: 3.75rem;
  background: #fff7c9;
}
@media (max-width: 768px) {
  #katsuyou-assessment .section-contact .form-step {
    margin-top: 1.875rem;
  }
}
#katsuyou-assessment .section-contact .form-table th, #katsuyou-assessment .section-contact .form-table td {
  border: none;
}
#katsuyou-assessment .section-contact .text-field, #katsuyou-assessment .section-contact .text-area, #katsuyou-assessment .section-contact .select-box {
  border: 1px solid #000;
}
#katsuyou-assessment .section-contact .box-b {
  background: #fff;
}
@media (max-width: 768px) {
  #katsuyou-assessment .section-contact .box-b {
    margin: 1.25rem 0 1.5625rem !important;
  }
}
@media (max-width: 768px) {
  #katsuyou-assessment .section-contact .box-b .lead {
    font-size: 0.8125rem;
  }
}
#katsuyou-assessment .section-contact .box-b .check label input {
  margin-right: 0.5rem;
}
#katsuyou-assessment .section-dga .bnr-dga > a {
  display: block;
}
#katsuyou-assessment .section-dga .bnr-dga > a:hover {
  opacity: 0.6;
}
#katsuyou-assessment .lp-footer .copyright {
  font-family: "presicav", sans-serif;
  margin-top: 0.75rem;
  font-weight: 300;
  display: block;
  background: #000;
  color: #fff;
  text-align: center;
  padding: 1.25rem 1.875rem;
  margin: 0 auto;
}
@media (max-width: 768px) {
  #katsuyou-assessment .lp-footer .copyright {
    font-size: 0.625rem;
    padding: 0.9375rem 0.625rem;
  }
}