@charset "UTF-8";
/*! destyle.css v2.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
*,
::before,
::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}

/* Document */
/* ============================================ */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Remove gray overlay on links for iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -webkit-tap-highlight-color: transparent; /* 3*/
}

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

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

/* Vertical rhythm */
/* ============================================ */
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}

/* Headings */
/* ============================================ */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  margin: 0;
}

/* Lists (enumeration) */
/* ============================================ */
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Lists (definition) */
/* ============================================ */
dt {
  font-weight: bold;
}

dd {
  margin-left: 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 */
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
}

/**
 * 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: inherit; /* 2 */
}

address {
  font-style: inherit;
}

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

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  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: inherit; /* 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 */
/* ============================================ */
/**
 * Prevent vertical alignment issues.
 */
img,
embed,
object,
iframe {
  vertical-align: bottom;
}

/* Forms */
/* ============================================ */
/**
 * Reset form fields to make them styleable
 */
button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  outline: 0;
  border-radius: 0;
  text-align: inherit;
}

/**
 * Reset radio and checkbox appearance to preserve their look in iOS.
 */
[type=checkbox] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
       appearance: checkbox;
}

[type=radio] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
       appearance: radio;
}

/**
 * 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] {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

button[disabled],
[type=button][disabled],
[type=reset][disabled],
[type=submit][disabled] {
  cursor: default;
}

/**
 * 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;
}

/**
 * Remove arrow in IE10 & IE11
 */
select::-ms-expand {
  display: none;
}

/**
 * Remove padding
 */
option {
  padding: 0;
}

/**
 * Reset to invisible
 */
fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
}

/**
 * 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 {
  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;
}

/**
 * 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 outline style in Safari.
 */
[type=search] {
  outline-offset: -2px; /* 1 */
}

/**
 * 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 */
}

/**
 * Clickable labels
 */
label[for] {
  cursor: pointer;
}

/* 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;
}

/*
 * Remove outline for editable content.
 */
[contenteditable] {
  outline: none;
}

/* Table */
/* ============================================ */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption {
  text-align: left;
}

td,
th {
  vertical-align: top;
  padding: 0;
}

th {
  text-align: left;
  font-weight: bold;
}

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

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

:root {
  --colorText: #595757;
  --colorLink: #595757;
  --colorMain: #E84737;
  --colorGray: #f0f0f0;
  --fontJA: Noto Sans JP, sans-serif;
  --fontEN: Quicksand, sans-serif;
  --fontEN2: Inter, sans-serif;
  --theme-color: #595757;
  --logo-primary: #E84737;
  --logo-secondary: #595757;
  --fontMaru: "M PLUS Rounded 1c", sans-serif;
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes maskRotate {
  0% {
    -webkit-transform: translate(-139.5px, -139.5px) scale(0.0035714286) rotate(0deg);
            transform: translate(-139.5px, -139.5px) scale(0.0035714286) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-139.5px, -139.5px) scale(0.0035714286) rotate(360deg);
            transform: translate(-139.5px, -139.5px) scale(0.0035714286) rotate(360deg);
  }
}
@keyframes maskRotate {
  0% {
    -webkit-transform: translate(-139.5px, -139.5px) scale(0.0035714286) rotate(0deg);
            transform: translate(-139.5px, -139.5px) scale(0.0035714286) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-139.5px, -139.5px) scale(0.0035714286) rotate(360deg);
            transform: translate(-139.5px, -139.5px) scale(0.0035714286) rotate(360deg);
  }
}
@-webkit-keyframes bgLoop {
  0% {
    background-position-x: 0;
  }
  100% {
    background-position-x: -142rem;
    @media (max-width: 768px) {
      background-position-x: -101.42rem;
    }
  }
}
@keyframes bgLoop {
  0% {
    background-position-x: 0;
  }
  100% {
    background-position-x: -142rem;
    @media (max-width: 768px) {
      background-position-x: -101.42rem;
    }
  }
}
html {
  font-size: min(62.5%, 0.78125vw);
}
@media (max-width: 768px) {
  html {
    font-size: 2.6666666667vw;
  }
}

body {
  margin: 0;
  padding: 9.2rem 0 0;
  font-size: 1.6rem;
  letter-spacing: 0;
  font-family: var(--fontJA);
  color: var(--colorText);
  line-height: 2;
  text-align: justify;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
}
@media (max-width: 768px) {
  body {
    padding: 5rem 0 0;
  }
}
@media (max-width: 768px) {
  body.isFixed {
    position: fixed;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 90;
  opacity: 0;
  -webkit-transition: opacity 0.6s ease;
  transition: opacity 0.6s ease;
  pointer-events: none;
}
body.isOverlay::before {
  opacity: 1;
  pointer-events: auto;
}

#contents {
  max-width: 100vw;
  width: 100%;
}

a, button {
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: opacity ease 0.4s, color ease 0.4s, border-color ease 0.4s, background-color ease 0.4s, background-image ease 0.4s, -webkit-box-shadow ease 0.4s;
  transition: opacity ease 0.4s, color ease 0.4s, border-color ease 0.4s, background-color ease 0.4s, background-image ease 0.4s, -webkit-box-shadow ease 0.4s;
  transition: opacity ease 0.4s, color ease 0.4s, border-color ease 0.4s, background-color ease 0.4s, background-image ease 0.4s, box-shadow ease 0.4s;
  transition: opacity ease 0.4s, color ease 0.4s, border-color ease 0.4s, background-color ease 0.4s, background-image ease 0.4s, box-shadow ease 0.4s, -webkit-box-shadow ease 0.4s;
}
a img, button img {
  -webkit-transition: opacity ease 0.4s;
  transition: opacity ease 0.4s;
}
a path, button path {
  -webkit-transition: fill ease 0.4s;
  transition: fill ease 0.4s;
}
a:link, a:visited, button:link, button:visited {
  text-decoration: none;
}
a:hover, button:hover {
  text-decoration: none;
  outline: none;
}
a:active, button:active {
  outline: none;
}
@media (min-width: 769px) {
  a[href*="tel:"], button[href*="tel:"] {
    pointer-events: none;
  }
}

img, svg {
  display: block;
  max-width: 100%;
  height: auto;
}

section, article {
  display: block;
}

.svgSprite {
  display: block;
  overflow: hidden;
  width: 0;
  height: 0;
}

*::-moz-selection {
  background: rgba(255, 145, 123, 0.4);
  color: #fff;
}

*::selection {
  background: rgba(255, 145, 123, 0.4);
  color: #fff;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.btnSmall {
  width: 10.6rem;
  height: 5.2rem;
}
@media (max-width: 768px) {
  .btnSmall {
    width: 9.8rem;
    height: 3.7rem;
  }
}
.btnSmall a {
  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%;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  background-color: var(--theme-color);
  color: #fff;
  border-radius: 10rem;
  overflow: hidden;
  position: relative;
  z-index: 0;
}
@media (min-width: 769px) {
  .btnSmall a:hover::before {
    opacity: 1;
    left: 0%;
  }
  .btnSmall a:hover::after {
    opacity: 0;
    left: 0;
  }
  .btnSmall a::before, .btnSmall a::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    border-radius: 10rem;
    background-color: #000;
    opacity: 0.5;
    z-index: -1;
    mix-blend-mode: overlay;
    -webkit-transition: left 0.4s ease;
    transition: left 0.4s ease;
  }
  .btnSmall a::before {
    opacity: 0;
    left: -100%;
  }
  .btnSmall a::after {
    opacity: 1;
    left: 100%;
  }
}
@media (max-width: 768px) {
  .btnSmall a {
    font-size: 1.2rem;
  }
}
.btnSmall--primary {
  --theme-color: var(--colorMain);
}
@media (max-width: 768px) {
  .btnSmall--spArrow a::after {
    content: "";
    display: block;
    width: 1.3rem;
    height: 0.8rem;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin: 0 -1rem 0 0.6rem;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2013.409%208.174%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M.5%203.993h10.771M8.332.702l4.272%203.3-4.272%203.466%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center center/contain no-repeat;
  }
}

.btnSimple {
  width: 22.3rem;
  height: 5.4rem;
}
@media (max-width: 768px) {
  .btnSimple {
    width: 18.8rem;
    height: 4.6rem;
  }
}
.btnSimple 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;
  border: 0.1rem solid var(--colorMain);
  font-size: 1.6rem;
  letter-spacing: 0.04em;
  line-height: 1.5;
  font-weight: 500;
  color: var(--colorMain);
  border-radius: 10rem;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
@media (min-width: 769px) {
  .btnSimple a {
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
  }
  .btnSimple a:hover {
    color: #fff;
  }
  .btnSimple a:hover::before {
    opacity: 1;
    left: 0%;
  }
  .btnSimple a:hover::after {
    opacity: 0;
    left: 0;
  }
  .btnSimple a:hover .arrow {
    width: 2.2rem;
    margin-right: -0.9rem;
  }
}
@media (max-width: 768px) {
  .btnSimple a {
    font-size: 1.5rem;
    padding-left: 1rem;
  }
}
.btnSimple a::before, .btnSimple a::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  border-radius: 10rem;
  background-color: var(--colorMain);
  z-index: -1;
  -webkit-transition: left 0.4s ease;
  transition: left 0.4s ease;
}
.btnSimple a::before {
  opacity: 0;
  left: -100%;
}
.btnSimple a::after {
  opacity: 1;
  left: 100%;
}
.btnSimple a .arrow {
  --theme-color: currentColor;
  margin-left: 1rem;
  -webkit-transition: width 0.3s ease, margin 0.3s ease;
  transition: width 0.3s ease, margin 0.3s ease;
}

.btnCv {
  width: 69.5rem;
  height: 7.8rem;
}
@media (max-width: 768px) {
  .btnCv {
    width: 31.5rem;
    height: 7.6rem;
  }
}
.btnCv a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  border: 0.4rem solid var(--colorMain);
  background-color: var(--colorMain);
  position: relative;
  z-index: 0;
  border-radius: 2rem;
}
@media (min-width: 769px) {
  .btnCv a:hover .btnCv__bg::before {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: left;
            transform-origin: left;
  }
}
@media (max-width: 768px) {
  .btnCv a {
    display: block;
    border-radius: 1rem;
  }
}
.btnCv__bg {
  position: absolute;
  top: -0.4rem;
  left: -0.4rem;
  right: -0.4rem;
  bottom: -0.4rem;
  z-index: -1;
  border-radius: 2rem;
  overflow: hidden;
}
.btnCv__bg::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--colorText);
  z-index: -1;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: right;
          transform-origin: right;
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}
.btnCv__left {
  padding: 0 0 0 17.8rem;
  font-size: 2.1rem;
  font-weight: 700;
  line-height: 1.4761904762;
  color: var(--colorMain);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  height: 100%;
  z-index: 1;
}
@media (max-width: 768px) {
  .btnCv__left {
    padding: 0 0 0 1.5rem;
    font-size: 1.5rem;
    height: calc(50% + 0.2rem);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .btnCv__left span {
    font-size: 1.2rem;
  }
}
.btnCv__left::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: -4rem;
  bottom: 0;
  -webkit-clip-path: polygon(0 0, calc(100% - 2rem) 0, 100% 50%, calc(100% - 2rem) 100%, 0 100%);
          clip-path: polygon(0 0, calc(100% - 2rem) 0, 100% 50%, calc(100% - 2rem) 100%, 0 100%);
  border-radius: 1.6rem 0 0 1.6rem;
  background-color: #fff;
  z-index: -1;
}
@media (max-width: 768px) {
  .btnCv__left::before {
    right: 0;
    border-radius: 0.6rem 0.6rem 0 0;
    -webkit-clip-path: none;
            clip-path: none;
  }
}
.btnCv__left img {
  width: 17.2rem;
  position: absolute;
  left: 0.8rem;
  bottom: 0;
}
@media (max-width: 768px) {
  .btnCv__left img {
    width: 9.2rem;
    left: auto;
    right: 0.2rem;
    bottom: -3.2rem;
    z-index: 1;
  }
}
.btnCv__right {
  position: relative;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.45;
  z-index: 0;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 0 0 0 6.6rem;
  color: #fff;
}
@media (max-width: 768px) {
  .btnCv__right {
    background-color: var(--colorMain);
    font-size: 1.5rem;
    height: calc(50% - 0.2rem);
    border-radius: 0 0 0.4rem 0.4rem;
    padding: 0 0 0 1.5rem;
  }
}
.btnCv__arrow {
  width: 2.7rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: #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;
  margin: 0 0 0 1.6rem;
}
@media (max-width: 768px) {
  .btnCv__arrow {
    width: 1.7rem;
    margin: 0 0 0 0.8rem;
  }
}
.btnCv__arrow .arrow {
  --theme-color: var(--colorMain);
}

.btnFixedCv {
  width: 29rem;
  position: fixed;
  right: 2.2rem;
  bottom: 2.8rem;
  z-index: 20;
  -webkit-transition: opacity 0.6s ease;
  transition: opacity 0.6s ease;
  opacity: 0;
  pointer-events: none;
}
@media (max-width: 768px) {
  .btnFixedCv {
    left: 2.2rem;
    width: auto;
  }
}
.btnFixedCv.isShow {
  opacity: 1;
  pointer-events: auto;
}
.btnFixedCv.isClosed.isShow {
  opacity: 0;
  pointer-events: none;
}
.btnFixedCv__close {
  width: 2.6rem;
  aspect-ratio: 1/1;
  background-color: var(--colorText);
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
  cursor: pointer;
}
.btnFixedCv__close::before, .btnFixedCv__close::after {
  content: "";
  display: block;
  width: 1rem;
  height: 0.2rem;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.btnFixedCv__close::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.btnFixedCv__close::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.btnFixedCv a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: 0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.06);
          box-shadow: 0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.06);
  width: 100%;
  height: 9.3rem;
  background-color: #fff;
  border-radius: 1rem;
  position: relative;
  padding: 0 1.3rem;
  overflow: hidden;
}
@media (min-width: 769px) {
  .btnFixedCv a:hover::after {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: left;
            transform-origin: left;
  }
  .btnFixedCv a:hover .btnFixedCv__arrow {
    width: 3.5rem;
    background-color: var(--colorMain);
  }
  .btnFixedCv a:hover .btnFixedCv__arrow .arrow {
    --theme-color: #fff;
  }
}
@media (max-width: 768px) {
  .btnFixedCv a {
    height: 6.3rem;
  }
}
.btnFixedCv a::before, .btnFixedCv a::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 0.5rem;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.btnFixedCv a::before {
  background-color: #E68E2A;
}
.btnFixedCv a::after {
  background-color: var(--colorMain);
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: right;
          transform-origin: right;
}
.btnFixedCv a img {
  width: 6.6rem;
  margin: 0 1rem 0 0;
}
@media (max-width: 768px) {
  .btnFixedCv a img {
    width: 4.6rem;
  }
}
.btnFixedCv__text {
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  line-height: 1.8;
}
@media (max-width: 768px) {
  .btnFixedCv__text {
    font-size: 1.6rem;
    line-height: 1.375;
  }
}
.btnFixedCv__text span {
  color: #E68E2A;
}
@media (min-width: 769px) {
  .btnFixedCv__text span {
    font-size: 1.9rem;
    line-height: 1.4210526316;
  }
}
.btnFixedCv__arrow {
  width: 4.1rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  border: 0.1rem solid var(--colorMain);
  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;
  top: 0;
  left: calc(100% - 4.1rem - 1.3rem);
  right: 1.3rem;
  bottom: 0;
  margin: auto;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
@media (max-width: 768px) {
  .btnFixedCv__arrow {
    width: 2.3rem;
    background-color: var(--colorMain);
    top: 0.5rem;
    left: calc(100% - 2.3rem - 1.3rem);
  }
}
.btnFixedCv__arrow .arrow {
  --theme-color: var(--colorMain);
  -webkit-transform: scale(0.75);
          transform: scale(0.75);
}
@media (max-width: 768px) {
  .btnFixedCv__arrow .arrow {
    --theme-color: #fff;
  }
}

.btnCvInsert {
  width: 51rem;
  height: 7.7rem;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 768px) {
  .btnCvInsert {
    width: 25.6rem;
    height: auto;
    padding: 4.4rem 0 0;
  }
}
.btnCvInsert a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 0.2rem;
  background-color: var(--colorMain);
  border-radius: 10rem;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
@media (min-width: 769px) {
  .btnCvInsert a:hover::before {
    width: 100%;
    left: 0;
    right: auto;
  }
  .btnCvInsert a:hover .btnCvInsert__left {
    color: var(--colorMain);
  }
}
@media (max-width: 768px) {
  .btnCvInsert a {
    overflow: visible;
    height: 6.1rem;
  }
}
.btnCvInsert a::before {
  content: "";
  display: block;
  position: absolute;
  width: 0%;
  top: 0;
  left: auto;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: #595757;
  -webkit-transition: width 0.4s ease;
  transition: width 0.4s ease;
}
.btnCvInsert__left {
  width: 55%;
  position: relative;
  z-index: 0;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #595757;
  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: 0.2rem 0 0;
  -webkit-transition: color 0.4s ease;
  transition: color 0.4s ease;
}
@media (max-width: 768px) {
  .btnCvInsert__left {
    padding: 0;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: -4.6rem;
    line-height: 1;
    pointer-events: none;
  }
  .btnCvInsert__left::before, .btnCvInsert__left::after {
    content: "";
    display: block;
    width: 0.2rem;
    height: 2.4rem;
    background-color: var(--colorMain);
    position: absolute;
    top: 0;
    bottom: -0.6rem;
    margin: auto 0;
  }
  .btnCvInsert__left::before {
    left: 1.2rem;
    -webkit-transform: rotate(-43deg);
            transform: rotate(-43deg);
  }
  .btnCvInsert__left::after {
    right: 1.2rem;
    -webkit-transform: rotate(43deg);
            transform: rotate(43deg);
  }
}
.btnCvInsert__left span {
  font-size: 4rem;
  font-family: var(--fontEN);
  color: #E68E2A;
  display: inline-block;
  padding: 0 0.1em;
  -webkit-transform: translate(0, -0.4rem);
          transform: translate(0, -0.4rem);
}
@media (min-width: 769px) {
  .btnCvInsert__left::before {
    content: "";
    display: block;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-clip-path: polygon(0% 0%, calc(100% - 3rem) 0%, 100% 50%, calc(100% - 3rem) 100%, 0% 100%);
            clip-path: polygon(0% 0%, calc(100% - 3rem) 0%, 100% 50%, calc(100% - 3rem) 100%, 0% 100%);
    z-index: -1;
    border-radius: 10rem 0 0 10rem;
  }
}
.btnCvInsert__right {
  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;
  width: 45%;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #fff;
}
@media (max-width: 768px) {
  .btnCvInsert__right {
    width: 100%;
    padding: 0 1.6rem 0 0;
  }
}
.btnCvInsert__arrow {
  width: 2.7rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: #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;
  margin: 0 0 0 1.6rem;
}
@media (max-width: 768px) {
  .btnCvInsert__arrow {
    position: absolute;
    top: 0;
    right: 1.6rem;
    bottom: 0;
    margin: auto 0;
  }
}
.btnCvInsert__arrow .arrow {
  --theme-color: var(--colorMain);
}

.linkText {
  font-size: 1.5rem;
  line-height: 1.4666666667;
}
.linkText a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.4666666667;
  text-decoration: underline;
}
@media (min-width: 769px) {
  .linkText a:hover {
    text-decoration: none;
  }
  .linkText a:hover .arrow {
    width: 1.8rem;
    margin-right: -0.5rem;
  }
}
.linkText a .arrow {
  margin: 0 0 0 0.8rem;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

.footer_text_link {
  text-align: center;
  font-size: 1.5rem;
  line-height: 1.4666666667;
  margin: 4rem auto;
}

.footer_text_link a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.4666666667;
  text-decoration: underline;
}
.footer_text_link a .arrow {
  margin: 0 0 0 0.8rem;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.footer_text_link a .arrow::before {
  content: "";
  display: block;
  width: calc(100% - 0.1rem);
  height: 0.1rem;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto 0;
  background-color: var(--theme-color);
  border-radius: 1rem;
}
.footer_text_link a .arrow svg {
  fill: var(--theme-color);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 0.6rem;
  margin: auto 0;
  height: 100%;
}
@media (min-width: 769px) {
  .footer_text_link a:hover {
    text-decoration: none;
  }
  .footer_text_link a:hover .arrow {
    width: 1.8rem;
    margin-right: -0.5rem;
  }
}

.arrow {
  position: relative;
  width: 1.3rem;
  height: 1.1rem;
}
@media (max-width: 768px) {
  .arrow {
    width: 1rem;
    height: 0.7rem;
  }
}
.arrow::before {
  content: "";
  display: block;
  width: calc(100% - 0.1rem);
  height: 0.1rem;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto 0;
  background-color: var(--theme-color);
  border-radius: 1rem;
}
.arrow svg {
  fill: var(--theme-color);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 0.6rem;
  margin: auto 0;
  height: 100%;
}

.ttlBorder {
  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: 2.2rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.5;
  gap: 2rem;
}
@media (max-width: 768px) {
  .ttlBorder {
    font-size: 2.1rem;
    gap: 1.5rem;
  }
}
.ttlBorder::before, .ttlBorder::after {
  content: "";
  display: block;
  width: 3rem;
  height: 0.2rem;
  border-radius: 1rem;
  background-color: currentColor;
}
@media (max-width: 768px) {
  .ttlBorder::before, .ttlBorder::after {
    width: 2rem;
  }
}

.ttlMain {
  position: relative;
}
.ttlMain.jsScrollView:not(.isAnimated)::before {
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
}
.ttlMain.jsScrollView:not(.isAnimated) .ttlMain__en {
  -webkit-transform: translateX(-2rem);
          transform: translateX(-2rem);
  opacity: 0;
}
.ttlMain.jsScrollView:not(.isAnimated) .ttlMain__ja {
  -webkit-transform: translateX(-2rem);
          transform: translateX(-2rem);
  opacity: 0;
}
.ttlMain::before {
  content: "";
  display: block;
  width: 15rem;
  height: 0.1rem;
  background-color: #DFDFDF;
  position: absolute;
  top: 3rem;
  left: -20rem;
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-transition: 0.8s ease;
  transition: 0.8s ease;
}
@media (max-width: 768px) {
  .ttlMain::before {
    left: -4rem;
    width: 2rem;
    top: 2.2rem;
  }
}
.ttlMain__en {
  display: block;
  font-family: var(--fontEN);
  font-size: 6rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  line-height: 1;
  margin: 0 0 2rem;
  -webkit-transition: 0.6s ease 0.4s;
  transition: 0.6s ease 0.4s;
}
@media (max-width: 768px) {
  .ttlMain__en {
    font-size: 4.1rem;
    margin: 0 0 0.4rem;
  }
}
.ttlMain__en::first-letter {
  color: #E94738;
}
.ttlMain__ja {
  display: block;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.5;
  color: #E94738;
  -webkit-transition: 0.6s ease 0.6s;
  transition: 0.6s ease 0.6s;
}
@media (max-width: 768px) {
  .ttlMain__ja {
    font-size: 1.4rem;
  }
}
.ttlMain--invert::before {
  background-color: #fff;
  opacity: 0.4;
}
.ttlMain--invert .ttlMain__en {
  color: #fff;
}
.ttlMain--invert .ttlMain__en::first-letter {
  color: var(--colorText);
}
.ttlMain--invert .ttlMain__ja {
  color: #fff;
}
.ttlMain--white .ttlMain__en {
  color: #fff;
}
.ttlMain--white .ttlMain__en::first-letter {
  color: inherit;
}
.ttlMain--white .ttlMain__ja {
  color: rgba(255, 255, 255, 0.5);
}

.ttlDot {
  font-size: 3.2rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.46875;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (max-width: 768px) {
  .ttlDot {
    font-size: 2.2rem;
    line-height: 1.5;
  }
}
.ttlDot::before {
  content: "";
  display: block;
  width: 0.8rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: var(--colorMain);
  margin: 0 2.1rem 0 0;
  -webkit-transform: translateY(2rem);
          transform: translateY(2rem);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
@media (max-width: 768px) {
  .ttlDot::before {
    width: 0.5rem;
    margin: 0 1.6rem 0 0;
    -webkit-transform: translateY(1.5rem);
            transform: translateY(1.5rem);
  }
}
.ttlDot--large {
  font-size: 3.4rem;
}
@media (max-width: 768px) {
  .ttlDot--large {
    font-size: 2.3rem;
  }
}
.ttlDot--large::before {
  -webkit-transform: translateY(2.2rem);
          transform: translateY(2.2rem);
}
@media (max-width: 768px) {
  .ttlDot--large::before {
    -webkit-transform: translateY(1.6rem);
            transform: translateY(1.6rem);
  }
}

.ttlBeginner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 3.2rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: 1.1875;
}
@media (max-width: 768px) {
  .ttlBeginner {
    font-size: 2.2rem;
    line-height: 1.2727272727;
  }
}
.ttlBeginner::before {
  content: "";
  display: block;
  width: 4.8rem;
  height: 6.2rem;
  background: url(/static/images/semicon/icon_beginner.webp) center center/contain no-repeat;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 0 2.7rem 0 0;
}
@media (max-width: 768px) {
  .ttlBeginner::before {
    margin: 0 1.5rem 0 0;
  }
}

.ttlHero small {
  display: block;
  font-size: 2.1rem;
  font-weight: 500;
  letter-spacing: 0.04em;
}
@media (max-width: 768px) {
  .ttlHero small {
    font-size: 1.4rem;
    margin: 0 0 0.6rem;
  }
}
.ttlHero span {
  display: block;
  font-size: 4.2rem;
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: 1;
  position: relative;
}
@media (max-width: 768px) {
  .ttlHero span {
    font-size: 2.4rem;
  }
}
.ttlHero span::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -20rem;
  bottom: 0;
  width: 15rem;
  height: 0.1rem;
  background-color: var(--colorMain);
  margin: auto 0;
}
@media (max-width: 768px) {
  .ttlHero span::before {
    width: 2rem;
    left: -4rem;
  }
}

.note {
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.0714285714;
  color: #B5B5B5;
}
@media (max-width: 768px) {
  .note {
    font-size: 1rem;
  }
}

.textDots {
  display: inline-block;
  font-size: 1.7rem;
  font-weight: 400;
  letter-spacing: 0.06em;
}
@media (max-width: 768px) {
  .textDots {
    font-size: 1.5rem;
    text-align: center;
    display: block;
  }
}
.textDots::after {
  content: "";
  display: block;
  width: 100%;
  height: 0.2rem;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xml%3Aspace%3D%22preserve%22%20viewBox%3D%220%200%207%202%22%3E%3Cpath%20fill%3D%22%23e94738%22%20d%3D%22M0%201c0-.55.44-1%201-1%20.55%200%201%20.45%201%201s-.45%201-1%201c-.56%200-1-.45-1-1z%22%2F%3E%3C%2Fsvg%3E") left center/contain repeat-x;
}
.textDots span {
  color: var(--colorMain);
  font-weight: 700;
}

.text {
  font-size: 1.8rem;
  font-weight: 400;
  letter-spacing: 0.04em;
  line-height: 2;
}
@media (max-width: 768px) {
  .text {
    font-size: 1.5rem;
    line-height: 1.8666666667;
  }
}

.clock {
  width: 6rem;
  height: 6rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  border: 0.2rem solid #595757;
  background-color: #FAFAFA;
  position: relative;
  z-index: 0;
}
@media (max-width: 768px) {
  .clock {
    width: 4.4rem;
    height: 4.4rem;
  }
}
.clock::before {
  content: "";
  display: block;
  width: 0.6rem;
  height: 0.6rem;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border-radius: 50%;
  background-color: var(--colorMain);
}
@media (max-width: 768px) {
  .clock::before {
    width: 0.4rem;
    height: 0.4rem;
  }
}
.clock__hour, .clock__minute {
  width: 0.2rem;
  border-radius: 10rem;
  background-color: var(--colorMain);
  -webkit-transform-origin: center -0.6rem;
          transform-origin: center -0.6rem;
  position: absolute;
  top: calc(50% + 0.6rem);
  left: calc(50% - 0.1rem);
}
@media (max-width: 768px) {
  .clock__hour, .clock__minute {
    -webkit-transform-origin: center -0.4rem;
            transform-origin: center -0.4rem;
    top: calc(50% + 0.4rem);
    left: calc(50% - 0.1rem);
  }
}
.clock__hour {
  height: 1.2rem;
  -webkit-transform: rotate(calc(30deg * var(--hour, 0) + 180deg));
          transform: rotate(calc(30deg * var(--hour, 0) + 180deg));
}
@media (max-width: 768px) {
  .clock__hour {
    height: 0.7rem;
  }
}
.clock__minute {
  height: 1.6rem;
  -webkit-transform: rotate(calc(6deg * var(--minute, 0) + 180deg));
          transform: rotate(calc(6deg * var(--minute, 0) + 180deg));
}
@media (max-width: 768px) {
  .clock__minute {
    height: 1.1rem;
  }
}

/*
.siteFooter {
  margin: 12rem 0 0;
  background-color: rgba(89, 87, 87, 0.03);
  padding: 9.3rem 0 7.8rem;
}
@media (max-width: 768px) {
  .siteFooter {
    padding: 4rem 0 11rem;
    margin: 6rem 0 0;
  }
}
.siteFooter .inner {
  padding: 0 5rem;
}
@media (max-width: 768px) {
  .siteFooter .inner {
    padding: 0;
  }
}
.siteFooter__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 768px) {
  .siteFooter__nav {
    display: block;
  }
}
@media (max-width: 768px) {
  .siteFooter__navGrp {
    margin: 0 -2rem;
    padding: 1.8rem 2rem;
  }
  .siteFooter__navGrp:not(:first-child) {
    border-top: 0.1rem solid rgba(89, 87, 87, 0.1);
  }
  .siteFooter__navGrp--onlyParent {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .siteFooter__navGrp--onlyParent .siteFooter__navParent {
    margin: 2rem 0;
  }
}
.siteFooter__navParent {
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: 1.5;
  margin: 0 0 1.6rem;
}
@media (max-width: 768px) {
  .siteFooter__navParent {
    margin: 0;
    font-size: 1.4rem;
  }
}
@media (max-width: 768px) {
  .siteFooter__navParent.jsAccordionTtlSP {
    position: relative;
  }
  .siteFooter__navParent.jsAccordionTtlSP.isActive::before {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  .siteFooter__navParent.jsAccordionTtlSP::before, .siteFooter__navParent.jsAccordionTtlSP::after {
    content: "";
    display: block;
    width: 1.1rem;
    height: 0.1rem;
    background: var(--colorText);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto 0;
  }
  .siteFooter__navParent.jsAccordionTtlSP::before {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease;
  }
  .siteFooter__navParent.jsAccordionTtlSP a {
    pointer-events: none;
  }
}
@media (min-width: 769px) {
  .siteFooter__navParent a {
    position: relative;
  }
  .siteFooter__navParent a:hover::after {
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  .siteFooter__navParent a::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 0.1rem;
    left: 0;
    top: calc(50% + 0.5em + 0.5rem);
    background-color: currentColor;
    opacity: 0.3;
    -webkit-transform-origin: right;
            transform-origin: right;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  }
}
.siteFooter__navChild {
  margin: 2rem 0 0;
}
@media (max-width: 768px) {
  .siteFooter__navChild {
    display: none;
  }
}
.siteFooter__navChild ul, .siteFooter__navChild li {
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.04em;
  line-height: 2.2857142857;
  color: rgba(89, 86, 86, 0.6);
}
@media (max-width: 768px) {
  .siteFooter__navChild ul, .siteFooter__navChild li {
    font-size: 1.3rem;
    line-height: 2.4615384615;
  }
}
.siteFooter__navChild li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.siteFooter__navChild li::before {
  content: "";
  display: block;
  width: 0.3rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: var(--colorMain);
  margin: 0 1rem 0 0;
}
@media (min-width: 769px) {
  .siteFooter__navChild li a {
    position: relative;
  }
  .siteFooter__navChild li a:hover::after {
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  .siteFooter__navChild li a::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 0.1rem;
    left: 0;
    top: calc(50% + 0.5em + 0.5rem);
    background-color: currentColor;
    opacity: 0.3;
    -webkit-transform-origin: right;
            transform-origin: right;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  }
}
.siteFooter__intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 0.1rem solid rgba(89, 87, 87, 0.1);
  margin: 9rem 0 0;
  padding: 0 0 5rem;
}
@media (max-width: 768px) {
  .siteFooter__intro {
    display: block;
    margin: 4.8rem 0 0;
  }
}
.siteFooter__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--colorMain);
  margin: 0 3rem 0 0;
}
@media (max-width: 768px) {
  .siteFooter__logo {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 1.3rem;
    margin: 0 0 2rem;
  }
}
.siteFooter__logo svg {
  width: 16rem;
  height: 5.4rem;
  margin: 0 2.4rem 0 0;
}
@media (max-width: 768px) {
  .siteFooter__logo svg {
    width: 14.9rem;
    height: 5rem;
    margin: 0 1.8rem 0 0;
  }
}
.siteFooter__text {
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.04em;
  line-height: 1.8571428571;
}
@media (max-width: 768px) {
  .siteFooter__text {
    font-size: 1.2rem;
    text-align: center;
  }
}
.siteFooter__foot {
  padding: 2.6rem 0 0;
  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) {
  .siteFooter__foot {
    display: block;
  }
}
.siteFooter__foot nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3rem;
}
@media (max-width: 768px) {
  .siteFooter__foot nav {
    gap: 1rem 2rem;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.siteFooter__foot a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.3rem;
  font-weight: 400;
  letter-spacing: 0.04em;
  line-height: 1.4615384615;
}
@media (min-width: 769px) {
  .siteFooter__foot a:hover {
    text-decoration: underline;
  }
}
@media (max-width: 768px) {
  .siteFooter__foot a:nth-child(1) {
    width: calc(55% - 1rem);
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .siteFooter__foot a:nth-child(2) {
    width: calc(55% - 1rem);
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .siteFooter__foot a:nth-child(3) {
    width: calc(45% - 1rem);
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .siteFooter__foot a:nth-child(4) {
    width: calc(45% - 1rem);
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
}
.siteFooter__foot a[target=_blank]::after {
  content: "";
  display: block;
  width: 1.2rem;
  height: 1rem;
  margin: 0 0 0 0.5em;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2010.5%208.43%22%3E%3Cg%20fill%3D%22none%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2017371%22%3E%3Cg%20data-name%3D%22%E3%83%91%E3%82%B9%2049892%22%3E%3Cpath%20d%3D%22M2.5%200h8v6h-8Z%22%2F%3E%3Cpath%20fill%3D%22%23999898%22%20d%3D%22M3.5%201v4h6V1h-6m-1-1h8v6h-8V0Z%22%2F%3E%3C%2Fg%3E%3Cpath%20stroke%3D%22%23d2d2d2%22%20d%3D%22m.5%202%20.023%205.93h8.416%22%20data-name%3D%22%E3%83%91%E3%82%B9%2049891%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.siteFooter__foot small {
  font-family: var(--fontEN);
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.2307692308;
  opacity: 0.6;
}
@media (max-width: 768px) {
  .siteFooter__foot small {
    opacity: 1;
    margin: 3.2rem -2rem 0;
    text-align: center;
    display: block;
  }
}
*/

.landingFooter {
  text-align: center;
  background: #595757;
  color: #fff;
  font-size: 1.2rem;
  padding: 2rem 0;
  font-family: "Barlow",sans-serif;
  font-weight: 400;
  letter-spacing: 0
}

.siteHeader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  padding: 2rem 5rem;
  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 (min-width: 769px) {
  .siteHeader.isInvert .siteHeader__logo {
    color: #fff;
  }
  .siteHeader.isInvert .siteHeader__logo svg {
    --logo-primary: #fff;
    --logo-secondary: #fff;
  }
}
@media (max-width: 1360px) and (min-width: 769px) {
  .siteHeader {
    padding: 2rem 2rem;
  }
}
@media (max-width: 768px) {
  .siteHeader {
    padding: 1rem 2rem;
    background-color: #fff;
  }
}
.siteHeader__logo a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0.06em;
  line-height: 1.5;
  white-space: nowrap;
  -webkit-transition: none;
  transition: none;
}
@media (max-width: 768px) {
  .siteHeader__logo a {
    font-size: 1rem;
    letter-spacing: 0.04em;
  }
}
.siteHeader__logo svg {
  display: block;
  width: 13rem;
  height: 4.4rem;
  margin: 0 2rem 0 0;
}
@media (max-width: 768px) {
  .siteHeader__logo svg {
    width: 8.8rem;
    height: 3rem;
    margin: 0 1rem 0 0;
  }
}
.siteHeader__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
@media (max-width: 768px) {
  .siteHeader__content {
    display: block;
    -webkit-transition: opacity 0.6s ease;
    transition: opacity 0.6s ease;
    position: absolute;
    top: calc(100% + 1.4rem);
    left: 2rem;
    right: 2rem;
    bottom: calc(var(--vh, 1vh) * -100 + 8.8rem);
    z-index: 0;
    overflow-y: scroll;
    background-color: #fff;
    border-radius: 2rem;
    padding: 3.5rem 3.5rem 12rem;
  }
  .siteHeader__content:not(.isActive) {
    opacity: 0;
    pointer-events: none;
  }
}
.siteHeader__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2.4rem;
  border-radius: 10rem;
  background-color: #fff;
  padding: 0 4rem;
  position: relative;
}
@media (max-width: 1360px) and (min-width: 769px) {
  .siteHeader__nav {
    gap: 2rem;
    padding: 0 2rem;
  }
}
@media (max-width: 768px) {
  .siteHeader__nav {
    display: block;
    background: none;
    padding: 0;
  }
}
@media (max-width: 768px) {
  .siteHeader__grp {
    margin: 0 -1.5rem;
  }
  .siteHeader__grp:not(:first-child) {
    border-top: 0.1rem solid #EEE;
  }
}
@media (min-width: 769px) {
  .siteHeader__grpParent.isPCActive a::after, .siteHeader__grpParent.isPCActive p::after {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}
@media (max-width: 768px) {
  .siteHeader__grpParent.isSPActive p::before {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
.siteHeader__grpParent a, .siteHeader__grpParent p {
  display: block;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 2.2857142857;
  padding: 1rem 0;
}
@media (min-width: 769px) {
  .siteHeader__grpParent a, .siteHeader__grpParent p {
    position: relative;
  }
  .siteHeader__grpParent a::after, .siteHeader__grpParent p::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 0.2rem;
    background: var(--colorMain);
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: right;
            transform-origin: right;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  }
  .siteHeader__grpParent a:hover::after, .siteHeader__grpParent p:hover::after {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: left;
            transform-origin: left;
  }
}
@media (max-width: 1360px) and (min-width: 769px) {
  .siteHeader__grpParent a, .siteHeader__grpParent p {
    font-size: 1.3rem;
    letter-spacing: 0;
  }
}
@media (max-width: 768px) {
  .siteHeader__grpParent a, .siteHeader__grpParent p {
    font-size: 1.5rem;
    letter-spacing: 0.07em;
    line-height: 1.4666666667;
    padding: 1.8rem 1.5rem 1.8rem;
    position: relative;
  }
}
@media (max-width: 768px) {
  .siteHeader__grpParent a::after, .siteHeader__grpParent p::after {
    content: "";
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 1.6rem;
    height: 1rem;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016.454%2011.189%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23595656%22%20stroke-linecap%3D%22round%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2017730%22%3E%3Cpath%20d%3D%22M.5%205.458h14.108%22%20data-name%3D%22%E3%83%91%E3%82%B9%2046881%22%2F%3E%3Cpath%20d%3D%22m9.817.703%205.857%204.758-5.857%205.024%22%20data-name%3D%22%E3%83%91%E3%82%B9%2046882%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center center/contain no-repeat;
    position: absolute;
    top: 0.6rem;
    right: 1.6rem;
    bottom: 0;
    margin: auto 0;
  }
}
.siteHeader__grpChild {
  position: absolute;
  z-index: 0;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding: 6.6rem 5rem 4.4rem;
  -webkit-transition: opacity 0.6s ease;
  transition: opacity 0.6s ease;
}
@media (max-width: 768px) {
  .siteHeader__grpChild {
    position: static;
    padding: 0 0 2.4rem 1.5rem;
    -webkit-transition: none;
    transition: none;
    -webkit-transform: none;
            transform: none;
  }
}
@media (min-width: 769px) {
  .siteHeader__grpChild:not(.isPCActive) {
    opacity: 0;
    pointer-events: none;
  }
}
@media (min-width: 769px) {
  .siteHeader__grpChild--left {
    left: 0;
    -webkit-transform: none;
            transform: none;
  }
}
.siteHeader__grpChild::before {
  content: "";
  top: 2.2rem;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  border-radius: 4rem;
  position: absolute;
  z-index: -1;
}
@media (max-width: 768px) {
  .siteHeader__grpChild::before {
    content: none;
  }
}
.siteHeader__colCards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3rem;
}
@media (max-width: 768px) {
  .siteHeader__colCards {
    display: block;
  }
}
.siteHeader__colCards a {
  display: block;
  width: 22.8rem;
}
.siteHeader__colCards a p {
  white-space: nowrap;
}
@media (min-width: 769px) {
  .siteHeader__colCards a:hover figure::after {
    opacity: 1;
  }
  .siteHeader__colCards a:hover p::before {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: left;
            transform-origin: left;
  }
  .siteHeader__colCards a:hover p .arrow {
    width: 1.9rem;
    margin-right: -0.6rem;
  }
}
@media (max-width: 768px) {
  .siteHeader__colCards a figure {
    display: none;
  }
}
.siteHeader__colCards p {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: 0.04em;
  margin: 1rem 0 0;
  position: relative;
}
@media (max-width: 768px) {
  .siteHeader__colCards p {
    margin: 0 0 0 0.5rem;
    font-size: 1.4rem;
  }
}
@media (min-width: 769px) {
  .siteHeader__colCards p::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 2.3rem;
    bottom: 0;
    height: 0.1rem;
    background-color: var(--colorMain);
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: right;
            transform-origin: right;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  }
}
@media (max-width: 768px) {
  .siteHeader__colCards p::before {
    content: "";
    display: block;
    width: 0.3rem;
    aspect-ratio: 1/1;
    border-radius: 50%;
    background-color: var(--colorMain);
    margin: 0 1rem 0 0;
  }
}
.siteHeader__colCards p .arrow {
  --theme-color: var(--colorMain);
  margin: 0 0 0 1rem;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.siteHeader__ttl {
  font-size: 2.4rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.5;
  color: var(--colorMain);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 2rem;
}
@media (max-width: 768px) {
  .siteHeader__ttl {
    font-size: 1.8rem;
    margin: 0 0 1rem;
    display: none;
  }
}
.siteHeader__ttl::before {
  content: "";
  display: block;
  width: 0.6rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: var(--colorMain);
  margin: 0 1.6rem 0 0;
  -webkit-transform: translateY(0.2rem);
          transform: translateY(0.2rem);
}
@media (max-width: 768px) {
  .siteHeader__ttl::before {
    width: 0.4rem;
    margin: 0 1rem 0 0;
  }
}
.siteHeader__ttl a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 5.7rem 0 0;
  position: relative;
}
@media (min-width: 769px) {
  .siteHeader__ttl a:hover span:not([class])::before {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: left;
            transform-origin: left;
  }
  .siteHeader__ttl a:hover .siteHeader__ttlArrow {
    width: 3.1rem;
    right: 0.5rem;
    background-color: var(--colorMain);
  }
  .siteHeader__ttl a:hover .siteHeader__ttlArrow .arrow {
    --theme-color: #fff;
  }
}
@media (max-width: 768px) {
  .siteHeader__ttl a {
    padding: 0 3.2rem 0 0;
  }
}
.siteHeader__ttl a span:not([class]) {
  display: inline-block;
  position: relative;
}
.siteHeader__ttl a span:not([class])::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 0.1rem;
  background-color: var(--colorText);
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: right;
          transform-origin: right;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.siteHeader__ttlArrow {
  width: 4.1rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  border: 0.1rem solid var(--colorMain);
  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-transition: 0.3s ease;
  transition: 0.3s ease;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin: auto 0;
}
@media (max-width: 768px) {
  .siteHeader__ttlArrow {
    width: 2.1rem;
  }
}
.siteHeader__ttlArrow .arrow {
  --theme-color: var(--colorMain);
}
.siteHeader__iconImg {
  position: relative;
  border-radius: 1rem;
  overflow: hidden;
}
@media (max-width: 768px) {
  .siteHeader__iconImg {
    display: none;
  }
}
.siteHeader__iconImg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(232, 71, 55, 0.1);
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  opacity: 0;
}
.siteHeader__iconImg img {
  width: 100%;
  aspect-ratio: 228/138;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 1rem;
  padding: 3rem;
  background-color: #F5F5F5;
}
.siteHeader__iconImg--icon img {
  padding: 3rem 7rem;
}
.siteHeader__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
@media (max-width: 768px) {
  .siteHeader__btns {
    margin: 2.8rem -1.5rem 0;
  }
  .siteHeader__btns .btnSmall {
    width: 14.3rem;
    height: 4.6rem;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
  .siteHeader__btns .btnSmall a {
    font-size: 1.4rem;
  }
}
.siteHeader__spUnit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 769px) {
  .siteHeader__spUnit {
    display: none;
  }
}
.siteHeader__menuBtn {
  width: 3.6rem;
  aspect-ratio: 1/1;
  position: relative;
  cursor: pointer;
  margin: 0 -0.8rem 0 1.2rem;
}
.siteHeader__menuBtn.isActive figure:nth-child(1) {
  bottom: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.siteHeader__menuBtn.isActive figure:nth-child(2) {
  opacity: 0;
}
.siteHeader__menuBtn.isActive figure:nth-child(3) {
  top: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.siteHeader__menuBtn figure {
  width: 2rem;
  height: 0.2rem;
  background-color: var(--colorText);
  border-radius: 1rem;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
}
.siteHeader__menuBtn figure:nth-child(1) {
  top: 0;
  bottom: 1.2rem;
}
.siteHeader__menuBtn figure:nth-child(2) {
  top: 0;
  bottom: 0;
}
.siteHeader__menuBtn figure:nth-child(3) {
  top: 1.2rem;
  bottom: 0;
}

@media (max-width: 768px) {
  .siteHeader__grpParent.sp_extra a {
    padding: 1.8rem 1.5rem 0.5rem;
  }
}
.inner {
  width: 120rem;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 768px) {
  .inner {
    width: calc(100% - 8rem);
  }
}
@media (min-width: 769px) {
  .inner--pcS {
    width: 110rem;
  }
}
@media (min-width: 769px) {
  .inner--pcXS {
    width: 100rem;
  }
}

.mainvisual {
  width: 100%;
  height: clamp(56rem, 100vh - 9.2rem, 70.8rem);
  position: relative;
  z-index: 0;
}
@media (max-width: 768px) {
  .mainvisual {
    height: max(80rem, 90vh);
    padding: 0 0 9rem;
    overflow: hidden;
  }
}
.mainvisual.jsScrollView .mainvisual__ttlText img {
  -webkit-clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%);
          clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%);
}
.mainvisual.jsScrollView .mainvisual__ttlLine {
  -webkit-clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%);
          clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%);
}
.mainvisual.jsScrollView .mainvisual__symbol {
  -webkit-transform: translateX(-3rem);
          transform: translateX(-3rem);
  opacity: 0;
}
.mainvisual.jsScrollView .mainvisual__badge {
  -webkit-transform: translateY(2rem);
          transform: translateY(2rem);
  opacity: 0;
}
.mainvisual.jsScrollView .btnCv {
  -webkit-transform: translateY(2rem);
          transform: translateY(2rem);
  opacity: 0;
}
.mainvisual.jsScrollView.isAnimated .mainvisual__ttlText img {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
@media (max-width: 768px) {
  .mainvisual.jsScrollView.isAnimated .mainvisual__ttlText--pc {
    display: none;
  }
}
.mainvisual.jsScrollView.isAnimated .mainvisual__ttlText--pc img:nth-child(1) {
  -webkit-transition: -webkit-clip-path 0.8s ease 0.3s;
  transition: -webkit-clip-path 0.8s ease 0.3s;
  transition: clip-path 0.8s ease 0.3s;
  transition: clip-path 0.8s ease 0.3s, -webkit-clip-path 0.8s ease 0.3s;
}
.mainvisual.jsScrollView.isAnimated .mainvisual__ttlText--pc img:nth-child(2) {
  -webkit-transition: -webkit-clip-path 0.8s ease 0.6s;
  transition: -webkit-clip-path 0.8s ease 0.6s;
  transition: clip-path 0.8s ease 0.6s;
  transition: clip-path 0.8s ease 0.6s, -webkit-clip-path 0.8s ease 0.6s;
}
.mainvisual.jsScrollView.isAnimated .mainvisual__ttlText--sp img:nth-child(1) {
  -webkit-transition: -webkit-clip-path 0.8s ease 0.3s;
  transition: -webkit-clip-path 0.8s ease 0.3s;
  transition: clip-path 0.8s ease 0.3s;
  transition: clip-path 0.8s ease 0.3s, -webkit-clip-path 0.8s ease 0.3s;
}
.mainvisual.jsScrollView.isAnimated .mainvisual__ttlText--sp img:nth-child(2) {
  -webkit-transition: -webkit-clip-path 0.8s ease 0.45s;
  transition: -webkit-clip-path 0.8s ease 0.45s;
  transition: clip-path 0.8s ease 0.45s;
  transition: clip-path 0.8s ease 0.45s, -webkit-clip-path 0.8s ease 0.45s;
}
.mainvisual.jsScrollView.isAnimated .mainvisual__ttlText--sp img:nth-child(3) {
  -webkit-transition: -webkit-clip-path 0.8s ease 0.6s;
  transition: -webkit-clip-path 0.8s ease 0.6s;
  transition: clip-path 0.8s ease 0.6s;
  transition: clip-path 0.8s ease 0.6s, -webkit-clip-path 0.8s ease 0.6s;
}
.mainvisual.jsScrollView.isAnimated .mainvisual__ttlLine {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  -webkit-transition: -webkit-clip-path 0.8s ease 1.1s;
  transition: -webkit-clip-path 0.8s ease 1.1s;
  transition: clip-path 0.8s ease 1.1s;
  transition: clip-path 0.8s ease 1.1s, -webkit-clip-path 0.8s ease 1.1s;
}
.mainvisual.jsScrollView.isAnimated .mainvisual__symbol {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 0.06;
  -webkit-transition: opacity 0.6s ease 1.8s, -webkit-transform 0.6s ease 1.8s;
  transition: opacity 0.6s ease 1.8s, -webkit-transform 0.6s ease 1.8s;
  transition: transform 0.6s ease 1.8s, opacity 0.6s ease 1.8s;
  transition: transform 0.6s ease 1.8s, opacity 0.6s ease 1.8s, -webkit-transform 0.6s ease 1.8s;
}
.mainvisual.jsScrollView.isAnimated .mainvisual__badge {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  -webkit-transition: opacity 0.6s ease 2.2s, -webkit-transform 0.6s ease 2.2s;
  transition: opacity 0.6s ease 2.2s, -webkit-transform 0.6s ease 2.2s;
  transition: transform 0.6s ease 2.2s, opacity 0.6s ease 2.2s;
  transition: transform 0.6s ease 2.2s, opacity 0.6s ease 2.2s, -webkit-transform 0.6s ease 2.2s;
}
.mainvisual.jsScrollView.isAnimated .btnCv {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  -webkit-transition: opacity 0.6s ease 2s, -webkit-transform 0.6s ease 2s;
  transition: opacity 0.6s ease 2s, -webkit-transform 0.6s ease 2s;
  transition: transform 0.6s ease 2s, opacity 0.6s ease 2s;
  transition: transform 0.6s ease 2s, opacity 0.6s ease 2s, -webkit-transform 0.6s ease 2s;
}
.mainvisual::before {
  content: "";
  display: block;
  position: absolute;
  top: -9.2rem;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(/static/images/semicon/bg_mv.webp) center center/162.3rem no-repeat;
}
@media (max-width: 768px) {
  .mainvisual::before {
    top: 2rem;
    left: -2rem;
    right: -6rem;
    bottom: 8rem;
    background-image: url(/static/images/semicon/bg_mv_sp.webp);
    background-size: contain;
  }
}
.mainvisual .inner {
  height: auto;
}
.mainvisual__content {
  height: 100%;
  position: relative;
}
.mainvisual__img {
  aspect-ratio: 1/1;
  position: absolute;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.mainvisual__img--01 {
  width: 24rem;
  top: 19%;
  left: max(-12.8rem, 24.2rem - 25vw);
}
@media (max-width: 768px) {
  .mainvisual__img--01 {
    width: 13rem;
    top: 8rem;
    left: -3.6rem;
  }
}
.mainvisual__img--01 img {
  -webkit-clip-path: url(#triangle1);
          clip-path: url(#triangle1);
}
.mainvisual__img--02 {
  width: 39.5rem;
  top: 75%;
  left: max(-24.9rem, 17.5rem - 25vw);
}
@media (max-width: 768px) {
  .mainvisual__img--02 {
    width: 20.6rem;
    top: 58.5rem;
    left: -8.7rem;
  }
}
.mainvisual__img--02 img {
  -webkit-clip-path: url(#triangle2);
          clip-path: url(#triangle2);
}
.mainvisual__img--03 {
  width: 36.3rem;
  top: 23%;
  right: max(-31.6rem, 18.8rem - 25vw);
}
@media (max-width: 768px) {
  .mainvisual__img--03 {
    width: 18rem;
    top: 55.6rem;
    right: -5.6rem;
  }
}
.mainvisual__img--03 img {
  -webkit-clip-path: url(#triangle3);
          clip-path: url(#triangle3);
}
.mainvisual__img--04 {
  width: 21.6rem;
  top: 89%;
  right: max(-19.4rem, 24.2rem - 25vw);
}
@media (max-width: 768px) {
  .mainvisual__img--04 {
    width: 13.6rem;
    top: 66.4rem;
    right: 6.4rem;
  }
}
.mainvisual__img--04 img {
  -webkit-clip-path: url(#triangle4);
          clip-path: url(#triangle4);
}
.mainvisual__symbol {
  width: 70.7rem;
  height: 42.3rem;
  position: absolute;
  top: 0;
  left: 5%;
  right: 0;
  bottom: 18%;
  margin: auto;
}
@media (max-width: 768px) {
  .mainvisual__symbol {
    width: 33.2rem;
    height: 20rem;
    top: 15rem;
    left: -4rem;
    right: -4rem;
    bottom: auto;
  }
}
.mainvisual__symbol svg {
  width: 100%;
  height: 100%;
  fill: var(--colorMain);
}
.mainvisual__ttl {
  position: absolute;
  top: 38.8%;
  left: 0;
  right: 0;
  width: min(85%, 120rem);
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 768px) {
  .mainvisual__ttl {
    top: 26.2rem;
    width: 100%;
  }
}
.mainvisual__ttlText {
  width: 100%;
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 768px) {
  .mainvisual__ttlText--pc {
    display: none;
  }
}
.mainvisual__ttlText--pc img:nth-child(1) {
  width: 79.1%;
  -webkit-transform: translateX(-1.2rem);
          transform: translateX(-1.2rem);
  margin: 0 0 1rem;
}
.mainvisual__ttlText--pc img:nth-child(2) {
  width: 48.5%;
  -webkit-transform: translateX(-1.5rem);
          transform: translateX(-1.5rem);
}
@media (min-width: 769px) {
  .mainvisual__ttlText--sp {
    display: none;
  }
}
.mainvisual__ttlText--sp img:nth-child(1) {
  width: 29.2rem;
}
.mainvisual__ttlText--sp img:nth-child(2) {
  width: 17.4rem;
  margin-top: 0.6rem;
}
.mainvisual__ttlText--sp img:nth-child(3) {
  width: 27.6rem;
  margin-top: 0.8rem;
}
.mainvisual__ttlLine {
  position: relative;
  z-index: -1;
  display: block;
  width: 50.5%;
  -webkit-transform: translateX(-1.6rem);
          transform: translateX(-1.6rem);
  margin: -5rem 0 0;
}
@media (max-width: 768px) {
  .mainvisual__ttlLine {
    width: 28.4rem;
    -webkit-transform: none;
            transform: none;
    margin: -2.2rem 0 0;
  }
}
.mainvisual__ttlLine img {
  width: 100%;
}
.mainvisual__badge {
  width: 20rem;
  height: 20rem;
  border-radius: 50%;
  border: 0.4rem solid var(--colorMain);
  background-color: #fff;
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: -31%;
  margin: auto 0;
  padding: 1rem 0 0;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .mainvisual__badge {
    width: 11.6rem;
    height: 11.6rem;
    border-width: 0.2rem;
    padding: 0;
    top: 2rem;
    right: -1rem;
    bottom: auto;
  }
}
.mainvisual__badge img {
  width: 3.5rem;
  position: absolute;
  top: -1.2rem;
  right: -1.2rem;
}
@media (max-width: 768px) {
  .mainvisual__badge img {
    width: 2.6rem;
    top: -0.8rem;
    right: -1.4rem;
  }
}
.mainvisual__badgeTtl {
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: 1;
  margin: 0 0 0.6rem;
}
@media (max-width: 768px) {
  .mainvisual__badgeTtl {
    font-size: 1.3rem;
    margin: 0 0 0.2rem;
  }
}
.mainvisual__badgeNum {
  font-size: 1.9rem;
  font-weight: 700;
}
@media (max-width: 768px) {
  .mainvisual__badgeNum {
    font-size: 1.5rem;
    position: relative;
  }
  .mainvisual__badgeNum::after {
    content: "※";
    font-size: 1rem;
    color: #B5B5B5;
    position: absolute;
    top: 1rem;
    right: 0;
    line-height: 1;
  }
}
.mainvisual__badgeNum span {
  font-family: var(--fontEN2);
  color: #E68E2A;
  font-weight: 700;
  font-size: 6.5rem;
  line-height: 1;
}
@media (max-width: 768px) {
  .mainvisual__badgeNum span {
    font-size: 4.3rem;
    font-family: var(--fontEN);
  }
}
.mainvisual__badgeNum span span {
  font-size: 4rem;
}
@media (max-width: 768px) {
  .mainvisual__badgeNum span span {
    font-size: 2.6rem;
  }
}
.mainvisual__note {
  font-size: 2rem;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  margin: -2rem 0;
  font-weight: 400;
  color: #B5B5B5;
  text-align: center;
  line-height: 1.5;
}
@media (max-width: 768px) {
  .mainvisual__note {
    position: absolute;
    right: 2rem;
    bottom: 1rem;
    font-size: 1rem;
    -webkit-transform: none;
            transform: none;
    margin: 0;
  }
}
.mainvisual .btnCv {
  position: absolute;
  top: 5%;
  bottom: -42%;
  left: 0;
  right: 0;
  margin: auto;
}
@media (max-width: 768px) {
  .mainvisual .btnCv {
    top: auto;
    left: -4rem;
    right: -4rem;
    bottom: 25rem;
  }
}

@media (max-width: 768px) {
  .leadNews .inner {
    width: calc(100% - 4rem);
  }
}
.leadNews .displayNews {
  width: min(100%, 86rem);
  margin: -1rem auto;
}
.leadNews .slick-vertical .slick-slide {
  border-top-width: 1rem;
  border-left-width: 0;
  border-right-width: 0;
  border-bottom-width: 1rem;
}

.leadJob {
  background: var(--colorMain) url(/static/images/semicon/bg_electric.webp) right top/62.9rem no-repeat;
  padding: 7rem 0;
}
@media (max-width: 768px) {
  .leadJob {
    background-size: 26.8rem;
    padding: 4rem 0;
  }
}
.leadJob .ttlMain {
  margin: 0 0 3.6rem;
}
@media (max-width: 768px) {
  .leadJob .ttlMain {
    margin: 0 0 2rem;
  }
}
.leadJob__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 4.4rem;
}
@media (max-width: 768px) {
  .leadJob__list {
    grid-template-columns: repeat(1, 1fr);
    gap: 2rem;
  }
}

.leadTraining {
  padding: 8rem 0 2rem;
}
@media (max-width: 768px) {
  .leadTraining {
    padding: 4rem 0 1rem;
  }
}
.leadTraining .ttlMain {
  margin: 0 0 3.6rem;
}
@media (max-width: 768px) {
  .leadTraining .ttlMain {
    margin: 0 0 2rem;
  }
}
.leadTraining__col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6rem;
}
@media (max-width: 768px) {
  .leadTraining__col {
    display: block;
  }
}
.leadTraining__img {
  width: 58rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
@media (max-width: 768px) {
  .leadTraining__img {
    width: 100%;
  }
}
.leadTraining__textarea {
  width: 100%;
  padding: 1.4rem 0 0;
}
@media (max-width: 768px) {
  .leadTraining__textarea {
    padding: 2.7rem 0 0;
  }
}
.leadTraining__textarea .textDots {
  margin: 0 0 1.8rem;
}
.leadTraining__textarea .ttlBeginner {
  margin: 0 0 2rem;
}
.leadTraining__textarea .btnSimple {
  margin: 3.8rem 0 0;
}
@media (max-width: 768px) {
  .leadTraining__textarea .btnSimple {
    margin: 2.6rem auto 0;
  }
}

.leadPeople {
  padding: 5rem 0 3rem;
  position: relative;
  z-index: 0;
}
@media (max-width: 768px) {
  .leadPeople {
    padding: 4rem 0 2rem;
  }
}
.leadPeople::before {
  content: "";
  display: block;
  position: absolute;
  top: -7.8rem;
  left: 0;
  right: 0;
  height: 31.5rem;
  background: url(/static/images/semicon/bg_lab.webp) left 50vw bottom 0/contain no-repeat;
  pointer-events: none;
}
@media (max-width: 768px) {
  .leadPeople::before {
    top: 1.8rem;
    height: 13.4rem;
    background-position: left 10.7rem bottom 0;
    background-size: auto 100%;
  }
}
.leadPeople .ttlMain {
  margin: 0 0 4rem;
}
@media (max-width: 768px) {
  .leadPeople .ttlMain {
    margin: 0 0 2rem;
  }
}
.leadPeople__box {
  position: relative;
  z-index: 0;
  padding: 8rem 0 7rem 15rem;
}
@media (max-width: 768px) {
  .leadPeople__box {
    padding: 2rem 0 4rem;
  }
}
.leadPeople__box::before {
  content: "";
  display: block;
  background: #FAFAFA;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 5rem;
  bottom: 0;
  width: calc(50vw + 50% - 5rem);
  border-radius: 9rem 0 0 9rem;
}
@media (max-width: 768px) {
  .leadPeople__box::before {
    left: -2rem;
    width: calc(100vw - 2rem);
    border-radius: 4rem 0 0 4rem;
  }
}
.leadPeople__box::after {
  content: "";
  display: block;
  width: 40.8rem;
  height: 48.2rem;
  background: url(/static/images/semicon/img_people01.webp) center center/contain no-repeat;
  position: absolute;
  top: 4.6rem;
  right: 0;
}
@media (max-width: 768px) {
  .leadPeople__box::after {
    width: 28.6rem;
    height: 34rem;
    top: 5.6rem;
    left: 1rem;
    right: 0;
    margin: 0 auto;
    background-image: url(/static/images/semicon/img_people01_sp.webp);
  }
}
.leadPeople__label {
  position: absolute;
  font-family: var(--fontEN);
  font-size: 2.8rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  top: 0;
  left: -1.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 768px) {
  .leadPeople__label {
    font-size: 2.8rem;
    position: relative;
    top: 0;
    left: 0;
    -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
            writing-mode: horizontal-tb;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: calc(100% - 2rem);
    margin: 0 0 0 2rem;
  }
}
.leadPeople__label::before {
  content: "";
}
@media (min-width: 769px) {
  .leadPeople__label::before {
    display: block;
    width: 0.8rem;
    aspect-ratio: 1/1;
    border-radius: 50%;
    background-color: var(--colorMain);
    margin: 0 0 1.6rem;
  }
}
@media (max-width: 768px) {
  .leadPeople__label::before {
    margin: 0 2.2rem 0 0;
  }
}
.leadPeople__label::after {
  content: "";
}
@media (min-width: 769px) {
  .leadPeople__label::after {
    display: block;
    width: 9.8rem;
    height: 8.8rem;
    border-left: 0.2rem solid var(--colorMain);
    border-bottom: 0.2rem solid var(--colorMain);
    position: absolute;
    top: calc(100% + 1.6rem);
    left: 50%;
  }
}
@media (max-width: 768px) {
  .leadPeople__label::after {
    margin: 0 0 0 2.2rem;
  }
}
@media (max-width: 768px) {
  .leadPeople__label::before, .leadPeople__label::after {
    display: block;
    width: 100%;
    height: 0.2rem;
    background-color: var(--colorMain);
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
}
.leadPeople__label span {
  color: var(--colorMain);
}
.leadPeople__ttl {
  position: relative;
  padding: 0 0 0 19.2rem;
  margin: 0 0 3.2rem;
}
@media (max-width: 768px) {
  .leadPeople__ttl {
    position: static;
    padding: 0 0 0 2rem;
    margin: 29.6rem 0 1.6rem;
  }
}
.leadPeople__ttlBadge {
  width: 16.8rem;
  aspect-ratio: 1/1;
  position: absolute;
  top: 0;
  left: 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;
  border-radius: 50%;
  background: var(--colorMain) url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22158%22%20height%3D%22158%22%20viewBox%3D%220%200%20158%20158%22%3E%20%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_187%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%20187%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke-dasharray%3D%221%208%22%3E%20%3Ccircle%20cx%3D%2279%22%20cy%3D%2279%22%20r%3D%2279%22%20stroke%3D%22none%22%2F%3E%20%3Ccircle%20cx%3D%2279%22%20cy%3D%2279%22%20r%3D%2278%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E") center center/94% no-repeat;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.5;
}
@media (max-width: 768px) {
  .leadPeople__ttlBadge {
    width: calc(100% - 2rem);
    height: 5rem;
    aspect-ratio: auto;
    border-radius: 1rem;
    background-image: none;
    top: 9.2rem;
    font-size: 1.6rem;
    margin: 0 0 0 2rem;
    display: none;
  }
  .leadPeople__ttlBadge::before {
    content: "";
    display: block;
    position: absolute;
    top: 0.4rem;
    left: 0.4rem;
    right: 0.4rem;
    bottom: 0.4rem;
    border: 0.2rem dotted #fff;
    border-radius: 0.6rem;
  }
}
.leadPeople__ttlSub {
  font-size: 2.1rem;
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: 1.2916666667;
  color: var(--colorMain);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
  margin: 0 0 1.6rem 1rem;
}
@media (max-width: 768px) {
  .leadPeople__ttlSub {
    font-size: 1.5rem;
    gap: 1.5rem;
    margin: 0 0 0 1rem;
  }
}
.leadPeople__ttlSub::before, .leadPeople__ttlSub::after {
  content: "";
  display: block;
  width: 0.2rem;
  height: 3.6rem;
  border-radius: 1rem;
  background-color: currentColor;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
@media (max-width: 768px) {
  .leadPeople__ttlSub::before, .leadPeople__ttlSub::after {
    height: 1.8rem;
  }
}
.leadPeople__ttlSub::before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.leadPeople__ttlSub::after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.leadPeople__ttlMain {
  font-size: 4.2rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: 1.2;
}
@media (max-width: 768px) {
  .leadPeople__ttlMain {
    font-size: 2.4rem;
    line-height: 1.5;
    display: block;
    margin: 1rem 0 0;
  }
}
.leadPeople .text {
  width: 54.8rem;
  margin: 0 0 4.8rem;
}
@media (max-width: 768px) {
  .leadPeople .text {
    width: 100%;
    margin: 0 0 2.6rem;
    padding: 0 0 0 2rem;
  }
}
@media (max-width: 768px) {
  .leadPeople .btnSimple {
    margin: 0 auto;
  }
}

.leadInterview {
  padding: 7rem 0 8rem;
  position: relative;
  overflow: hidden;
}
@media (max-width: 768px) {
  .leadInterview {
    padding: 2rem 0 4rem;
  }
}
.leadInterview::before {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  top: 0.8rem;
  left: 0;
  right: 0;
  height: 12.6rem;
  background: url(/static/images/semicon/text_interview.svg) right center/contain no-repeat;
  z-index: -1;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .leadInterview::before {
    top: 0.6rem;
    width: 90%;
    height: 6.4rem;
    background-size: auto 100%;
    left: auto;
  }
}
.leadInterview .ttlDot {
  margin: 0 0 4.2rem;
}
@media (max-width: 768px) {
  .leadInterview .ttlDot {
    margin: 0 0 2rem;
  }
}
@media (min-width: 769px) {
  .leadInterview .slick-list {
    margin-left: -6rem;
  }
}
@media (min-width: 769px) {
  .leadInterview .sliderCards .cardInterview {
    margin-left: 6rem;
  }
}

.leadInterview2 {
  background-color: #fff;
  padding: 7rem 0 8rem;
}
@media (max-width: 768px) {
  .leadInterview2 {
    padding: 4rem 0;
  }
}
.leadInterview2 .ttlDot {
  margin: 0 0 2.6rem;
}
@media (min-width: 769px) {
  .leadInterview2 .slick-list {
    margin-left: -5.5rem;
  }
}
@media (min-width: 769px) {
  .leadInterview2 .sliderCards .cardInterview {
    margin-left: 5.5rem;
  }
}
@media (max-width: 768px) {
  .leadInterview2 .sliderCards .cardInterview__img img {
    aspect-ratio: 1/1;
  }
}
@media (min-width: 769px) {
  .leadInterview2 .sliderCards__indicator {
    display: none;
  }
}
.leadInterview2 .sliderCards__arrows {
  display: none;
}
@media (min-width: 769px) {
  .leadInterview2 .sliderCards__controls .btnSimple {
    margin: 0 auto;
  }
}

.leadCompany {
  position: relative;
  z-index: 0;
}
.leadCompany::before {
  content: "";
  display: block;
  position: absolute;
  top: 18.6rem;
  left: 0;
  right: 0;
  height: 98rem;
  background-color: #FAFAFA;
  z-index: -1;
}
@media (max-width: 768px) {
  .leadCompany::before {
    top: 7.5rem;
    height: 150rem;
  }
}
.leadCompany__head {
  position: relative;
  padding: 7rem 0 16.2rem;
}
@media (max-width: 768px) {
  .leadCompany__head {
    padding: 4rem 0 12rem;
  }
}
.leadCompany__head::before, .leadCompany__head::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: -1;
}
.leadCompany__head::before {
  left: 0;
  right: -10rem;
  background-color: #DF3D2E;
  border-radius: 0 9rem 0 0;
}
@media (max-width: 768px) {
  .leadCompany__head::before {
    right: -2rem;
    border-radius: 0 5rem 0 0;
  }
}
.leadCompany__head::after {
  left: min(-50vw + 50%, 0rem);
  right: 54rem;
  background-color: #E94738;
  -webkit-clip-path: polygon(0% 0%, calc(100% - 13rem) 0, 100% 50%, calc(100% - 13rem) 100%, 0% 100%);
          clip-path: polygon(0% 0%, calc(100% - 13rem) 0, 100% 50%, calc(100% - 13rem) 100%, 0% 100%);
}
@media (max-width: 768px) {
  .leadCompany__head::after {
    left: -4rem;
    right: 40%;
    -webkit-clip-path: polygon(0% 0%, calc(100% - 9rem) 0, 100% 50%, calc(100% - 9rem) 100%, 0% 100%);
            clip-path: polygon(0% 0%, calc(100% - 9rem) 0, 100% 50%, calc(100% - 9rem) 100%, 0% 100%);
  }
}
.leadCompany__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4.4rem;
  margin: -12.6rem 0 0;
  position: relative;
  z-index: 0;
}
@media (max-width: 768px) {
  .leadCompany__list {
    margin: -9.6rem 0 0;
    grid-template-columns: repeat(1, 1fr);
    gap: 3rem;
  }
}

.leadInfo {
  margin: 10rem 0 0;
}
@media (max-width: 768px) {
  .leadInfo {
    margin: 4rem 0 0;
  }
}
.leadInfo .inner {
  position: relative;
  z-index: 0;
  padding-top: 7rem;
  /*
  padding-bottom: 7rem;
  */
}
@media (max-width: 768px) {
  .leadInfo .inner {
    padding-top: 4rem;
    /*
    padding-bottom: 4rem;
    */
  }
}
.leadInfo .inner::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -10rem;
  right: min(-50vw + 50%, 0rem);
  z-index: -1;
  background-color: #fff;
  border-radius: 9rem 0 0 9rem;
}
@media (max-width: 768px) {
  .leadInfo .inner::before {
    left: -2rem;
    right: -4rem;
    border-radius: 5rem 0 0 0;
  }
}
.leadInfo .ttlMain {
  margin: 0 0 3.6rem;
}
@media (max-width: 768px) {
  .leadInfo .ttlMain {
    margin: 0 0 2rem;
  }
}
@media (min-width: 769px) {
  .leadInfo .slick-list {
    margin-left: -4rem;
  }
}
@media (min-width: 769px) {
  .leadInfo .sliderCards .cardInfo {
    margin-left: 4rem;
  }
}

@media (max-width: 768px) {
  .leadEntry__box {
    margin: 0 -2rem;
  }
}
.leadEntry__box a {
  width: 100%;
  height: 25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--colorText);
  border-radius: 4rem;
  overflow: hidden;
  position: relative;
  z-index: 0;
  padding: 0 10rem;
}
@media (min-width: 769px) {
  .leadEntry__box a {
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
  }
  .leadEntry__box a:hover::before {
    opacity: 1;
    left: 0;
  }
  .leadEntry__box a:hover::after {
    opacity: 0;
    left: 0;
  }
  .leadEntry__box a:hover .ttlMain__ja::after {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: left;
            transform-origin: left;
  }
  .leadEntry__box a:hover .leadEntry__symbol {
    -webkit-transform: translateX(2rem);
            transform: translateX(2rem);
    opacity: 0.23;
  }
  .leadEntry__box a:hover .leadEntry__arrow {
    width: 11.8rem;
    border-color: #fff;
    background-color: #fff;
  }
  .leadEntry__box a:hover .leadEntry__arrow .arrow {
    --theme-color: var(--colorMain);
  }
}
@media (max-width: 768px) {
  .leadEntry__box a {
    height: 12.7rem;
    border-radius: 2rem;
    background-color: var(--colorMain);
    padding: 0 3rem;
  }
}
.leadEntry__box a::before, .leadEntry__box a::after {
  content: "";
  display: block;
  position: absolute;
  width: calc(100% + 8rem);
  top: 0;
  bottom: 0;
  background-color: var(--colorMain);
  z-index: -1;
  -webkit-transition: left 0.3s ease;
  transition: left 0.3s ease;
  -webkit-clip-path: polygon(0% 0%, calc(100% - 8rem) 0, 100% 50%, calc(100% - 8rem) 100%, 0% 100%);
          clip-path: polygon(0% 0%, calc(100% - 8rem) 0, 100% 50%, calc(100% - 8rem) 100%, 0% 100%);
}
.leadEntry__box a::before {
  opacity: 0;
  left: -100%;
}
.leadEntry__box a::after {
  opacity: 1;
  left: 100%;
}
.leadEntry__box a .ttlMain::before {
  content: none;
}
@media (max-width: 768px) {
  .leadEntry__box a .ttlMain__en {
    font-size: 3.4rem;
  }
}
.leadEntry__box a .ttlMain__ja {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 768px) {
  .leadEntry__box a .ttlMain__ja {
    color: #fff;
  }
}
.leadEntry__box a .ttlMain__ja::after {
  content: "";
  display: block;
  width: 10rem;
  height: 0.1rem;
  background-color: #fff;
  margin: 0 0 0 1rem;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: right;
          transform-origin: right;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.leadEntry__symbol {
  width: 24rem;
  height: 14.5rem;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  opacity: 0.03;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
@media (max-width: 768px) {
  .leadEntry__symbol {
    width: 9.1rem;
    height: 5.5rem;
    opacity: 0.2;
    left: 5.4rem;
  }
}
.leadEntry__symbol svg {
  width: 100%;
  height: 100%;
  fill: #fff;
}
.leadEntry__arrow {
  width: 14.4rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  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: 0.1rem solid #fff;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: calc(100% - 10rem - 14.4rem);
  right: 10rem;
  bottom: 0;
  margin: auto;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
@media (max-width: 768px) {
  .leadEntry__arrow {
    width: 5.3rem;
    background-color: #fff;
    left: auto;
    right: 3rem;
  }
}
.leadEntry__arrow .arrow {
  --theme-color: #fff;
}
@media (min-width: 769px) {
  .leadEntry__arrow .arrow {
    width: 2.4rem;
    height: 1.3rem;
  }
  .leadEntry__arrow .arrow svg {
    width: 1rem;
  }
}
@media (max-width: 768px) {
  .leadEntry__arrow .arrow {
    --theme-color: var(--colorMain);
  }
}

.exampleCompany {
  padding: 5rem 0 4rem;
}
@media (max-width: 768px) {
  .exampleCompany {
    padding: 4rem 0;
  }
}
.exampleCompany .inner {
  position: relative;
}
@media (max-width: 768px) {
  .exampleCompany .inner {
    width: calc(100% - 4rem);
  }
}
.exampleCompany .ttlBorder {
  margin: 0 0 2.6rem;
}
@media (max-width: 768px) {
  .exampleCompany .ttlBorder {
    margin: 0 0 2rem;
  }
}
.exampleCompany__list {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 1.2rem;
  margin: 0 0 3.2rem;
}
@media (max-width: 768px) {
  .exampleCompany__list {
    grid-template-columns: repeat(3, 1fr);
    gap: 0.6rem;
    margin: 0 0 1.6rem;
  }
}
.exampleCompany__list li {
  border: 0.1rem solid #EEE;
  background-color: #fff;
  border-radius: 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;
  padding: 1rem;
  aspect-ratio: 190/74;
}
@media (max-width: 768px) {
  .exampleCompany__list li {
    border-radius: 0.6rem;
    padding: 0.5rem;
    aspect-ratio: 108/42;
  }
  .exampleCompany__list li:nth-child(n+10) {
    display: none;
  }
}
.exampleCompany__list li img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.exampleCompany .note {
  margin: 0 0 -3rem;
}
@media (min-width: 769px) {
  .exampleCompany .note {
    text-align: right;
    padding: 0 13rem 0 0;
  }
}
@media (max-width: 768px) {
  .exampleCompany .note {
    text-align: center;
  }
}
.exampleCompany .linkText {
  text-align: right;
  margin: 1rem 0 0;
}
@media (max-width: 768px) {
  .exampleCompany .linkText {
    position: relative;
    z-index: 1;
  }
}
.exampleCompany .linkText a {
  font-weight: 700;
}

.hero {
  position: relative;
  z-index: 0;
  padding: 3.6rem 0;
}
@media (max-width: 768px) {
  .hero {
    padding: 2.4rem 0 2rem;
  }
}
.hero::before {
  content: "";
  display: block;
  position: absolute;
  top: -9.2rem;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #FAFAFA;
  z-index: -1;
}
@media (max-width: 768px) {
  .hero::before {
    top: -6.5rem;
  }
}
.hero .inner {
  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;
  gap: 5rem;
}
.hero__textarea {
  width: 60rem;
  width: 50%;
}
@media (max-width: 768px) {
  .hero__textarea {
    width: 100%;
  }
}
.hero__textarea .gridAnchor {
  width: 54rem;
  margin: 3.8rem 0 0;
}
@media (max-width: 768px) {
  .hero__textarea .gridAnchor {
    width: 100%;
    margin: 2rem 0 0;
  }
}
.hero__slider {
  width: 55rem;
}
@media (max-width: 768px) {
  .hero__slider {
    width: 100%;
  }
}
.hero__slider figure img {
  aspect-ratio: 550/377;
  border-radius: 3rem;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 768px) {
  .hero__slider figure img {
    border-radius: 1.5rem;
  }
}
.hero__slider .slick-dots {
  font-size: 0;
  color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 3rem;
  margin: 2.8rem 0 0;
}
@media (max-width: 768px) {
  .hero__slider .slick-dots {
    gap: 2rem;
    margin: 1.3rem 0.8rem 0 0;
  }
}
.hero__slider .slick-dots li {
  position: relative;
}
.hero__slider .slick-dots li.slick-active button {
  background-color: var(--colorMain);
}
.hero__slider .slick-dots li.slick-active button::before {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.hero__slider .slick-dots li button {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #DCDCDC;
}
@media (max-width: 768px) {
  .hero__slider .slick-dots li button {
    width: 0.3rem;
    height: 0.3rem;
  }
}
.hero__slider .slick-dots li button::before {
  content: "";
  width: 2.9rem;
  height: 2.9rem;
  border: 0.1rem solid var(--colorMain);
  border-radius: 50%;
  position: absolute;
  top: -1.2rem;
  left: -1.2rem;
  right: -1.2rem;
  bottom: -1.2rem;
  margin: auto;
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
  opacity: 0;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
@media (max-width: 768px) {
  .hero__slider .slick-dots li button::before {
    width: 1.9rem;
    height: 1.9rem;
  }
}
@media (max-width: 768px) {
  .hero--withSlider .inner {
    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) and (max-width: 768px) {
  .hero--withSlider .inner {
    gap: 1rem;
  }
}
@media (max-width: 768px) {
  .hero--withSlider .inner .hero__slider {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .hero--withSlider .inner .hero__textarea {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

.breadcrumbs {
  padding: 4.8rem 0;
  margin: 0 0 -12rem;
}
@media (max-width: 768px) {
  .breadcrumbs {
    margin: 0 0 -6rem;
    padding: 2.8rem 4rem;
    overflow-x: scroll;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.breadcrumbs .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5rem;
}
@media (max-width: 768px) {
  .breadcrumbs .inner {
    gap: 3.2rem;
    white-space: nowrap;
    margin: 0 -4rem;
    padding: 0 4rem;
    width: auto;
  }
}
.breadcrumbs .inner > span {
  position: relative;
  font-size: 1.1rem;
  font-weight: 400;
}
.breadcrumbs .inner > span:nth-child(n+2)::before {
  content: "";
  width: 0.7rem;
  height: 0.7rem;
  border-top: 0.1rem solid #CBCBCB;
  border-right: 0.1rem solid #CBCBCB;
  position: absolute;
  top: 0;
  left: -3rem;
  bottom: 0;
  margin: auto 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
@media (max-width: 768px) {
  .breadcrumbs .inner > span:nth-child(n+2)::before {
    width: 0.6rem;
    height: 0.6rem;
    left: -2rem;
  }
}
.breadcrumbs .inner > span a {
  color: #9A9A9A;
}
@media (min-width: 769px) {
  .breadcrumbs .inner > span a:hover {
    text-decoration: underline;
  }
}

.flowWork {
  background-color: #FAFAFA;
  position: relative;
  z-index: 0;
  padding: 7.2rem 0 8rem;
}
@media (max-width: 768px) {
  .flowWork {
    padding: 3rem 0 4rem;
  }
}
.flowWork::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: -1;
  border-radius: 10rem 10rem 0 0;
}
@media (max-width: 768px) {
  .flowWork::before {
    border-radius: 5rem 5rem 0 0;
  }
}
.flowWork .ttlDot {
  margin: 0 0 2.6rem;
}
@media (max-width: 768px) {
  .flowWork .ttlDot {
    margin: 0 0 1.8rem;
  }
}
.flowWork__box {
  margin: 4.8rem 0 0;
  background-color: #FAFAFA;
  border-radius: 2rem;
  padding: 4.2rem 5rem 5rem;
}
@media (max-width: 768px) {
  .flowWork__box {
    margin: 2.2rem -4rem 0;
    padding: 3rem 4rem;
    border-radius: 0;
  }
}
.flowWork__box ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: relative;
  z-index: 0;
}
@media (max-width: 768px) {
  .flowWork__box ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 3rem;
    width: 24rem;
    margin: 0 auto;
    padding: 1.6rem 0 0;
  }
}
.flowWork__box ul::before {
  content: "Flow";
  display: block;
  font-family: var(--fontEN);
  color: var(--colorMain);
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  position: absolute;
  left: 0;
  bottom: 50%;
  line-height: 1.8;
}
@media (max-width: 768px) {
  .flowWork__box ul::before {
    font-size: 2rem;
    text-align: center;
    top: -4.6rem;
    right: 0;
    bottom: auto;
  }
}
.flowWork__box ul::after {
  content: "";
  display: block;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 1rem;
  bottom: 0;
  border-top: 0.3rem dotted var(--colorMain);
  margin: auto 0;
  z-index: -1;
}
@media (max-width: 768px) {
  .flowWork__box ul::after {
    content: none;
  }
}
.flowWork__box ul li {
  width: 23.6rem;
  height: 15.6rem;
  position: relative;
  z-index: 0;
  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;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.04em;
}
@media (max-width: 768px) {
  .flowWork__box ul li {
    width: 100%;
    height: 5.4rem;
    font-size: 1.8rem;
    border: 0.3rem solid #D2D2D2;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 0 0.5rem 0 0;
  }
  .flowWork__box ul li::before {
    content: "";
    width: 1.5rem;
    height: 1.5rem;
    border-right: 0.2rem solid var(--colorMain);
    border-bottom: 0.2rem solid var(--colorMain);
    position: absolute;
    left: 0;
    right: 0;
    top: -2.9rem;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    margin: 0 auto;
  }
}
.flowWork__box ul li p {
  margin: 1.4rem 0 0;
  line-height: 1.3333333333;
}
@media (max-width: 768px) {
  .flowWork__box ul li p {
    margin: 0.2rem 0 0;
  }
}
.flowWork__box ul li.active {
  color: var(--colorMain);
}
@media (max-width: 768px) {
  .flowWork__box ul li.active {
    border-color: var(--colorMain);
  }
}
.flowWork__box ul li.active svg {
  fill: var(--colorMain);
}
@media (min-width: 769px) {
  .flowWork__box ul li.active::before {
    background-color: var(--colorMain);
  }
}
@media (min-width: 769px) {
  .flowWork__box ul li::before, .flowWork__box ul li::after {
    content: "";
    position: absolute;
    z-index: -1;
  }
  .flowWork__box ul li::before, .flowWork__box ul li::after {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #D2D2D2;
    --diff: 4rem;
  }
}
@media (min-width: 769px) {
  .flowWork__box ul li:first-child {
    padding: 0 3rem 0 0;
  }
  .flowWork__box ul li:first-child::before, .flowWork__box ul li:first-child::after {
    -webkit-transform-origin: 48% 50%;
            transform-origin: 48% 50%;
    -webkit-clip-path: polygon(0% 0%, calc(100% - var(--diff)) 0%, 100% 50%, calc(100% - var(--diff)) 100%, 0% 100%);
            clip-path: polygon(0% 0%, calc(100% - var(--diff)) 0%, 100% 50%, calc(100% - var(--diff)) 100%, 0% 100%);
  }
  .flowWork__box ul li:first-child::after {
    background-color: #fff;
    -webkit-transform: scale(0.96);
            transform: scale(0.96);
  }
}
@media (min-width: 769px) and (max-width: 768px) {
  .flowWork__box ul li:first-child::after {
    -webkit-transform: scale(0.92);
            transform: scale(0.92);
  }
}
@media (min-width: 769px) {
  .flowWork__box ul li:not(:first-child):not(:last-child)::before, .flowWork__box ul li:not(:first-child):not(:last-child)::after {
    -webkit-transform-origin: 54% 50%;
            transform-origin: 54% 50%;
    -webkit-clip-path: polygon(calc(100% - var(--diff)) 0%, 100% 50%, calc(100% - var(--diff)) 100%, 0% 100%, var(--diff) 50%, 0% 0%);
            clip-path: polygon(calc(100% - var(--diff)) 0%, 100% 50%, calc(100% - var(--diff)) 100%, 0% 100%, var(--diff) 50%, 0% 0%);
  }
  .flowWork__box ul li:not(:first-child):not(:last-child)::after {
    background-color: #fff;
    -webkit-transform: scale(0.96);
            transform: scale(0.96);
  }
}
@media (min-width: 769px) and (max-width: 768px) {
  .flowWork__box ul li:not(:first-child):not(:last-child)::after {
    -webkit-transform: scale(0.92);
            transform: scale(0.92);
  }
}
@media (min-width: 769px) {
  .flowWork__box ul li:last-child {
    padding: 0 0 0 2rem;
  }
  .flowWork__box ul li:last-child::before, .flowWork__box ul li:last-child::after {
    -webkit-transform-origin: 58% 50%;
            transform-origin: 58% 50%;
    -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%, var(--diff) 50%);
            clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%, var(--diff) 50%);
  }
  .flowWork__box ul li:last-child::after {
    background-color: #fff;
    -webkit-transform: scale(0.96);
            transform: scale(0.96);
  }
}
@media (min-width: 769px) and (max-width: 768px) {
  .flowWork__box ul li:last-child::after {
    -webkit-transform: scale(0.92);
            transform: scale(0.92);
  }
}
@media (min-width: 769px) {
  .flowWork__box ul li:nth-child(n+2) {
    margin-left: -1rem;
  }
}
.flowWork__box ul li svg {
  width: 7.5rem;
  height: 5rem;
  fill: #595757;
}
@media (max-width: 768px) {
  .flowWork__box ul li svg {
    width: 4.5rem;
    height: 3rem;
    margin: 0 1.5rem 0 0;
  }
}
@media (max-width: 768px) {
  .flowWork__spCenter {
    -webkit-transform: translateX(0.5em);
            transform: translateX(0.5em);
  }
}
.flowWork__copy {
  font-size: 2.4rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.4166666667;
  margin: 0 0 2.6rem;
}
@media (max-width: 768px) {
  .flowWork__copy {
    margin: 0 0 5rem;
    text-align: center;
  }
}
.flowWork .btnCvInsert {
  margin-top: 4rem;
}

.exampleProject {
  position: relative;
  z-index: 0;
  background-color: #fff;
  padding: 0 0 8rem;
}
@media (max-width: 768px) {
  .exampleProject {
    padding: 0 0 4rem;
  }
}
.exampleProject::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #FAFAFA;
  z-index: -1;
  border-radius: 0 10rem 0 0;
}
@media (max-width: 768px) {
  .exampleProject::before {
    border-radius: 0;
  }
}
.exampleProject::after {
  content: "";
  position: absolute;
  width: 76.6rem;
  height: 122.3rem;
  right: 0;
  bottom: 0;
  z-index: -1;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22766%22%20height%3D%221223.449%22%20viewBox%3D%220%200%20766%201223.449%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_50378%22%20data-name%3D%22%E3%83%91%E3%82%B9%2050378%22%20d%3D%22M-2670-21767.449-3436-20544h766Z%22%20transform%3D%22translate(3436%2021767.449)%22%20fill%3D%22%23f2f2f2%22%2F%3E%3C%2Fsvg%3E") right bottom/100% 100% no-repeat;
}
@media (max-width: 768px) {
  .exampleProject::after {
    content: none;
  }
}
.exampleProject__head {
  position: relative;
  z-index: 0;
  padding: 7rem 0 20rem;
  margin: 0 0 -17rem;
}
@media (max-width: 768px) {
  .exampleProject__head {
    padding: 3.4rem 0 7.4rem;
    margin: 0 0 -5rem;
  }
}
.exampleProject__head::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: min(-50vw + 50%, 0rem);
  right: 24rem;
  bottom: 0;
  z-index: -1;
  background-color: var(--colorMain);
  -webkit-clip-path: polygon(0% 0%, calc(100% - 13rem) 0%, 100% 50%, calc(100% - 13rem) 100%, 0% 100%);
          clip-path: polygon(0% 0%, calc(100% - 13rem) 0%, 100% 50%, calc(100% - 13rem) 100%, 0% 100%);
}
@media (max-width: 768px) {
  .exampleProject__head::before {
    width: 35.4rem;
    left: -4rem;
    right: auto;
    -webkit-clip-path: polygon(0% 0%, calc(100% - 7.8rem) 0%, 100% 50%, calc(100% - 7.8rem) 100%, 0% 100%);
            clip-path: polygon(0% 0%, calc(100% - 7.8rem) 0%, 100% 50%, calc(100% - 7.8rem) 100%, 0% 100%);
  }
}
.exampleProject__head .ttlDot {
  color: #fff;
  margin: 0 0 2rem;
}
.exampleProject__head .ttlDot::before {
  background-color: #fff;
}
.exampleProject__head .text {
  color: #fff;
}
@media (max-width: 768px) {
  .exampleProject__head .text {
    width: 27.5rem;
  }
}
.exampleProject__list {
  position: relative;
  z-index: 0;
  margin: 0 0 6rem;
}
@media (max-width: 768px) {
  .exampleProject__list {
    display: grid;
    gap: 2.8rem;
    margin: 0 0 3.6rem;
  }
}

.leadStep {
  background-color: #FAFAFA;
  position: relative;
  z-index: 0;
  padding: 7.2rem 0 8rem;
}
@media (max-width: 768px) {
  .leadStep {
    padding: 4rem 0;
  }
}
.leadStep::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: -1;
  border-radius: 10rem 0 0 0;
}
@media (max-width: 768px) {
  .leadStep::before {
    border-radius: 0;
  }
}
.leadStep .ttlDot {
  margin: 0 0 2.4rem;
}
.leadStep__list {
  display: grid;
  gap: 4rem;
  grid-template-columns: repeat(3, 1fr);
  margin: 0 0 4rem;
  position: relative;
  /*&::before, */
}
@media (max-width: 768px) {
  .leadStep__list {
    grid-template-columns: repeat(1, 1fr);
    gap: 4.4rem;
  }
}
.leadStep__list::after {
  content: "";
  display: block;
  width: 3.6rem;
  height: 1.6rem;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2038.986%2018.473%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23e84737%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20stroke-width%3D%222%22%20d%3D%22m27.253%201.404%2010.1%208.061-10.1%207.607%22%2F%3E%3Cpath%20stroke-dasharray%3D%220%206%22%20stroke-width%3D%223%22%20d%3D%22M1.5%209.648h27.753%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center center/contain no-repeat;
  position: absolute;
  top: 13.2rem;
}
@media (max-width: 768px) {
  .leadStep__list::after {
    content: none;
  }
}
.leadStep__list::before {
  left: -4.2rem;
}
.leadStep__list::after {
  right: -3.6rem;
}
.leadStep__list .cardStep {
  position: relative;
  z-index: 0;
}
@media (min-width: 769px) {
  .leadStep__list .cardStep:not(:last-child)::after {
    content: "";
    display: block;
    width: 4.4rem;
    height: 0.3rem;
    background: url(/static/images/semicon/dot.webp) center center/auto 100% repeat-x;
    position: absolute;
    top: 13.2rem;
    right: -4.2rem;
    z-index: -1;
  }
}
@media (max-width: 768px) {
  .leadStep__list .cardStep::before {
    content: "";
    display: block;
    width: 2rem;
    height: 3.4rem;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022.494%2036.593%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23e84737%22%20stroke-dasharray%3D%220%2010%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%223%22%20d%3D%22M11.244%201.5v26.33%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23e84737%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22m21.084%2027.128-9.521%208.166-10.156-8.166%22%2F%3E%3C%2Fsvg%3E") right center/auto 100% no-repeat;
    position: absolute;
    left: 0;
    right: 0;
    top: -1.6rem;
    margin: 0 auto;
  }
}
@media (max-width: 768px) {
  .leadStep__list .cardStep.active::before {
    content: none;
  }
}
.leadStep .boxRanking {
  margin: 8rem 0 0;
}
@media (max-width: 768px) {
  .leadStep .boxRanking {
    margin: 4rem 0 0;
  }
}

.boxRanking .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border: 0.1rem solid #CBCBCB;
  border-radius: 2rem;
  padding: 3.6rem 5.6rem 3.6rem 5rem;
}
@media (max-width: 768px) {
  .boxRanking .inner {
    position: relative;
    padding: 2rem 2rem 2.4rem;
    border-radius: 1.5rem;
  }
}
.boxRanking__ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 3.2rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.53125;
  position: relative;
  margin: 0 0 3.2rem;
}
@media (max-width: 768px) {
  .boxRanking__ttl {
    font-size: 2rem;
    line-height: 1.5;
    margin: 0 0 24.8rem;
  }
}
.boxRanking__ttlIcon {
  width: 9.2rem;
  height: 9.2rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 0 2.4rem 0 0;
}
@media (max-width: 768px) {
  .boxRanking__ttlIcon {
    width: 7rem;
    height: 7rem;
    margin: 0 1.2rem 0 0;
  }
}
.boxRanking__ttlLabel {
  position: absolute;
  top: 2rem;
  left: -0.6rem;
  width: 2rem;
}
@media (max-width: 768px) {
  .boxRanking__ttlLabel {
    width: 1.6rem;
    top: 1.6rem;
    left: -0.2rem;
  }
}
.boxRanking__copy {
  font-size: 2.1rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.2857142857;
  margin: 0 0 1.4rem;
}
@media (max-width: 768px) {
  .boxRanking__copy {
    font-size: 1.7rem;
    margin: 0 0 1.2rem;
  }
}
.boxRanking__ranking {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3rem;
}
@media (max-width: 768px) {
  .boxRanking__ranking {
    gap: 1rem;
  }
}
.boxRanking__ranking li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.8;
}
@media (max-width: 768px) {
  .boxRanking__ranking li {
    font-size: 1.5rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    line-height: 1.5;
  }
}
.boxRanking__ranking li:nth-child(1) {
  color: var(--colorMain);
}
.boxRanking__ranking li:nth-child(1)::before {
  background-image: url(/static/images/semicon/rank01.webp);
}
.boxRanking__ranking li:nth-child(2)::before {
  background-image: url(/static/images/semicon/rank02.webp);
}
.boxRanking__ranking li:nth-child(3)::before {
  background-image: url(/static/images/semicon/rank03.webp);
}
.boxRanking__ranking li::before {
  content: "";
  display: block;
  width: 4.8rem;
  height: 3.2rem;
  background-position: center center;
  background-size: contain;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 0 1.6rem 0 0;
}
@media (max-width: 768px) {
  .boxRanking__ranking li::before {
    width: 3.1rem;
    height: 2.1rem;
    margin: 0 0.8rem 0 0;
  }
}
.boxRanking__note {
  font-size: 1.3rem;
  font-weight: 400;
  letter-spacing: 0.04em;
  color: #B5B5B5;
  margin: 2rem 0 0;
}
@media (max-width: 768px) {
  .boxRanking__note {
    font-size: 1.2rem;
    margin: 0.6rem 0 0;
  }
}
.boxRanking__img {
  width: 26.8rem;
}
@media (max-width: 768px) {
  .boxRanking__img {
    position: absolute;
    top: 10.6rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 20.8rem;
  }
}

.daySchedule {
  background-color: #fff;
  position: relative;
  z-index: 0;
  padding: 7.2rem 0 8rem;
}
@media (max-width: 768px) {
  .daySchedule {
    padding: 4rem 0;
  }
}
.daySchedule::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #FAFAFA;
  z-index: -1;
  border-radius: 10rem 0 0 0;
}
@media (max-width: 768px) {
  .daySchedule::before {
    border-radius: 5rem 5rem 0 0;
  }
}
.daySchedule .ttlDot {
  margin: 0 0 2.2rem;
}
.daySchedule__message {
  border-radius: 1rem;
  border: 0.5rem solid var(--colorMain);
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1rem 2rem;
  position: relative;
  margin: 0 0 4rem;
}
@media (max-width: 768px) {
  .daySchedule__message {
    display: block;
    position: relative;
    padding: 1.5rem 2rem 1.5rem 8.4rem;
    border-width: 0.4rem;
    margin: 0 0 4rem;
  }
}
.daySchedule__message::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1.6rem 2rem 0 0;
  border-color: var(--colorMain) transparent transparent transparent;
  position: absolute;
  top: 100%;
  left: 5rem;
}
@media (max-width: 768px) {
  .daySchedule__message::after {
    left: 4rem;
  }
}
.daySchedule__message img {
  width: 8rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 0 1rem 0 0;
  -webkit-transform: translate(0, -0.4rem);
          transform: translate(0, -0.4rem);
}
@media (max-width: 768px) {
  .daySchedule__message img {
    width: 6.4rem;
    -webkit-transform: none;
            transform: none;
    position: absolute;
    top: 0.5rem;
    left: 1rem;
  }
}
.daySchedule__messageRole {
  font-size: 2.6rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  margin: 0 3rem 0 0;
}
@media (max-width: 768px) {
  .daySchedule__messageRole {
    font-size: 1.6rem;
    line-height: 1.4;
  }
}
.daySchedule__messageTtl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 2.6rem;
  font-weight: 500;
  letter-spacing: 0;
  color: var(--colorMain);
}
@media (max-width: 768px) {
  .daySchedule__messageTtl {
    font-size: 1.8rem;
    line-height: 1.5555555556;
  }
}
.daySchedule__messageTtl::before {
  content: "";
  display: block;
  width: 3.7rem;
  height: 3.2rem;
  background: url(/static/images/semicon/icon_arrow.webp) center center/contain no-repeat;
  margin: 0 2.2rem 0 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
@media (max-width: 768px) {
  .daySchedule__messageTtl::before {
    width: 2.4rem;
    height: 1.7rem;
    margin: 0 1rem 0 0;
    background-image: url(/static/images/semicon/icon_arrow_sp.webp);
  }
}
.daySchedule__col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 768px) {
  .daySchedule__col {
    display: block;
  }
}
.daySchedule__timeline {
  display: grid;
  gap: 3rem;
  position: relative;
}
@media (max-width: 768px) {
  .daySchedule__timeline {
    gap: 1.8rem;
  }
}
.daySchedule__timeline::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 5rem;
  bottom: 0;
  width: 0.2rem;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%222%22%20height%3D%228.904%22%20viewBox%3D%220%200%202%208.904%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_50082%22%20data-name%3D%22%E3%83%91%E3%82%B9%2050082%22%20d%3D%22M-4031-18210v6.9%22%20transform%3D%22translate(4032%2018211)%22%20fill%3D%22none%22%20stroke%3D%22%23e94738%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke-dasharray%3D%220%208%22%2F%3E%3C%2Fsvg%3E") center center/100% auto repeat-y;
}
@media (max-width: 768px) {
  .daySchedule__timeline::before {
    left: 2.1rem;
    bottom: 6rem;
  }
}
.daySchedule__timeline li {
  position: relative;
  padding-left: 12rem;
  min-height: 6rem;
  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;
}
@media (max-width: 768px) {
  .daySchedule__timeline li {
    padding-left: 6rem;
  }
}
.daySchedule__timeline li .clock {
  position: absolute;
  top: 50%;
  left: 2rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 768px) {
  .daySchedule__timeline li .clock {
    top: 0;
    -webkit-transform: none;
            transform: none;
    left: 0;
  }
}
.daySchedule__copy {
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.1666666667;
  color: var(--colorMain);
}
@media (max-width: 768px) {
  .daySchedule__copy {
    font-size: 2.1rem;
  }
}
.daySchedule__text {
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 0.04em;
  line-height: 1.875;
  color: #717171;
  margin: 0.4rem 0 0;
}
@media (max-width: 768px) {
  .daySchedule__text {
    font-size: 1.4rem;
    line-height: 1.8571428571;
    margin: 0.6rem 0 0;
  }
}
.daySchedule__img {
  width: 47.3rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
@media (max-width: 768px) {
  .daySchedule__img {
    width: 100%;
    margin: 2.6rem 0 0;
  }
}
@media (max-width: 768px) {
  .daySchedule__spCenter {
    padding-bottom: 2rem;
  }
}

.leadRelation {
  padding: 5rem 0;
  margin: 0 0 8rem;
  background-color: #FAFAFA;
}
@media (max-width: 768px) {
  .leadRelation {
    padding: 4rem 0;
    margin: 0 0 4rem;
  }
}
.leadRelation__ttl {
  font-size: 2.8rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.3571428571;
  margin: 0 0 2.4rem;
}
@media (max-width: 768px) {
  .leadRelation__ttl {
    font-size: 2.1rem;
    margin: 0 0 1.6rem;
  }
}
.leadRelation__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 3.5rem;
}
@media (max-width: 768px) {
  .leadRelation__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.6rem 1rem;
  }
}
.leadRelation__list li {
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.875;
}
@media (max-width: 768px) {
  .leadRelation__list li {
    font-size: 1.5rem;
  }
}
.leadRelation__list li p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 1.2rem 0 0;
}
@media (max-width: 768px) {
  .leadRelation__list li p {
    margin: 0.8rem 0 0;
  }
}
.leadRelation__list li .arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  --theme-color: var(--colorMain);
  margin: 0 0 0 1rem;
}
.leadRelation__img {
  width: 100%;
  height: 16.6rem;
  background-color: #fff;
  border-radius: 2rem;
  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) {
  .leadRelation__img {
    height: 9.8rem;
    border-radius: 1rem;
  }
}
.leadRelation__img img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 12rem;
  height: 6.4rem;
}
@media (max-width: 768px) {
  .leadRelation__img img {
    width: 7rem;
    height: 3.8rem;
  }
}

.displayNews__item {
  width: 100%;
}
@media (max-width: 768px) {
  .displayNews__item {
    position: relative;
  }
}
.displayNews__item a {
  width: 100%;
  height: 7.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 10rem;
  background-color: #fff;
  border: 0.1rem solid #D6D6D6;
  padding: 0 5rem;
}
@media (min-width: 769px) {
  .displayNews__item a:hover .displayNews__text::before {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: left;
            transform-origin: left;
  }
}
@media (max-width: 768px) {
  .displayNews__item a {
    height: auto;
    padding: 0;
    border-left: none;
    border-right: none;
    border-radius: 0;
    padding: 2rem 0;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.displayNews__label {
  font-family: var(--fontEN);
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: 0.06em;
  margin: 0 2.6rem 0 0;
}
@media (max-width: 768px) {
  .displayNews__label {
    position: absolute;
    top: -1.8rem;
    left: 0;
    background-color: #fff;
    padding: 0 2rem 0 0;
    font-size: 1.8rem;
    pointer-events: none;
  }
}
.displayNews__time {
  font-family: var(--fontEN);
  font-size: 1.4rem;
  font-weight: 400;
  color: #A5A5A5;
  margin: 0 2.6rem 0 0;
}
@media (max-width: 768px) {
  .displayNews__time {
    font-size: 1.2rem;
  }
}
.displayNews__text {
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.04em;
  position: relative;
}
@media (max-width: 768px) {
  .displayNews__text {
    font-size: 1.3rem;
  }
}
.displayNews__text::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 0.1rem;
  background-color: var(--colorMain);
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: right;
          transform-origin: right;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.cardJob a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
@media (min-width: 769px) {
  .cardJob a:hover .cardJob__img::before {
    opacity: 1;
  }
  .cardJob a:hover .cardJob__img img {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  .cardJob a:hover .cardJob__arrow {
    width: 3.5rem;
    right: 3.6rem;
    background-color: var(--colorMain);
  }
  .cardJob a:hover .cardJob__arrow .arrow {
    --theme-color: #fff;
  }
}
.cardJob__img {
  width: 100%;
  border-radius: 2rem 2rem 0 0;
  overflow: hidden;
  position: relative;
}
.cardJob__img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(233, 71, 56, 0.4);
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  opacity: 0;
  z-index: 1;
}
.cardJob__img img {
  width: 100%;
  aspect-ratio: 267/219;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 2rem 2rem 0 0;
  -webkit-transform: scale(1.06);
          transform: scale(1.06);
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
@media (max-width: 768px) {
  .cardJob__img img {
    aspect-ratio: 295/143;
  }
}
.cardJob__textarea {
  border-radius: 0 0 2rem 2rem;
  background-color: #fff;
}
.cardJob__category {
  position: absolute;
  left: 0;
  bottom: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  font-family: var(--fontEN);
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0.08em;
}
@media (max-width: 768px) {
  .cardJob__category {
    font-size: 1rem;
  }
}
.cardJob__category::before {
  content: "";
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  margin: 0 1rem 0 0;
  background-color: #fff;
}
.cardJob__textarea {
  padding: 2.2rem 3rem 3rem;
  position: relative;
}
@media (max-width: 768px) {
  .cardJob__textarea {
    padding: 1.4rem 2rem 2rem;
  }
}
.cardJob__ttl {
  font-size: 2.1rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: 1.75;
}
@media (max-width: 768px) {
  .cardJob__ttl {
    line-height: 1.5;
  }
}
.cardJob__ttl span {
  display: block;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: 1.35;
}
@media (max-width: 768px) {
  .cardJob__ttl span {
    font-size: 1.4rem;
  }
}
.cardJob__arrow {
  position: absolute;
  width: 4.7rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  border: 0.1rem solid var(--colorMain);
  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: 0;
  right: 3rem;
  bottom: 0;
  margin: auto 0;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
@media (max-width: 768px) {
  .cardJob__arrow {
    width: 3.7rem;
    right: 2rem;
  }
}
.cardJob__arrow .arrow {
  --theme-color: var(--colorMain);
}

.cardInterview {
  width: 33rem;
}
@media (max-width: 768px) {
  .cardInterview {
    width: 27.5rem;
  }
}
.cardInterview a {
  display: block;
  width: 100%;
  position: relative;
}
@media (min-width: 769px) {
  .cardInterview a:hover .cardInterview__label {
    padding: 0.8rem 0;
  }
  .cardInterview a:hover .cardInterview__text {
    color: #000;
  }
  .cardInterview a:hover .cardInterview__img::after {
    opacity: 0.3;
  }
  .cardInterview a:hover .cardInterview__img img {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  .cardInterview a:hover .cardInterview__arrow {
    width: 4.9rem;
    background-color: var(--colorMain);
    left: calc(100% - 0.7rem);
  }
  .cardInterview a:hover .cardInterview__arrow .arrow {
    --theme-color: #fff;
  }
}
.cardInterview__img {
  width: 100%;
  overflow: hidden;
  border-radius: 2rem;
  position: relative;
}
.cardInterview__img::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--colorMain);
  opacity: 0;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
}
.cardInterview__img img {
  width: 100%;
  aspect-ratio: 363/417;
  -webkit-transform: scale(1.06);
          transform: scale(1.06);
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
  -o-object-fit: cover;
     object-fit: cover;
}
.cardInterview__label {
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0 2rem 0 2rem;
  background-color: var(--colorMain);
  color: #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;
  z-index: 1;
  width: 15.6rem;
  font-size: 1.2rem;
  letter-spacing: 0.04em;
  text-align: center;
  line-height: 2.5;
  padding: 0.3rem 0;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
}
@media (max-width: 768px) {
  .cardInterview__label {
    width: 11.6rem;
  }
}
.cardInterview__textarea {
  width: calc(100% - 4rem);
  background-color: #fff;
  border-radius: 0 4rem 0 0;
  padding: 2.5rem 3rem 1.6rem 0;
  margin: -7.2rem 0 0;
  position: relative;
  z-index: 0;
}
@media (max-width: 768px) {
  .cardInterview__textarea {
    width: calc(100% - 3rem);
    padding: 2rem 1.5rem 1.5rem 0;
  }
}
.cardInterview__text {
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 1.8;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
  /*
  white-space: nowrap;
  */
  text-align: left;
}
@media (max-width: 768px) {
  .cardInterview__text {
    font-size: 1.6rem;
    letter-spacing: 0.01em;
  }
}
.cardInterview__meta {
  margin: 2rem 0 0;
  /*
  white-space: nowrap;
  */
  text-align: left;
}
@media (max-width: 768px) {
  .cardInterview__meta {
    margin: 1rem 0 0;
  }
}
.cardInterview__note {
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0.04em;
  margin: 0 1.8rem 0 0;
}
.cardInterview__meta {
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.03em;
}
@media (max-width: 768px) {
  .cardInterview__meta {
    font-size: 1.3rem;
  }
}
.cardInterview__arrow {
  width: 6.5rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  border: 0.1rem solid var(--colorMain);
  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;
  --theme-color: var(--colorMain);
  position: absolute;
  top: calc(100% - 6.5rem); /*
left: calc(100% - 6.5rem);
*/
  left: calc(100% - 1.5rem);
  right: 0;
  bottom: 0;
  margin: auto;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
}
@media (max-width: 768px) {
  .cardInterview__arrow {
    width: 4.3rem;
  }
}

.cardCompany {
  width: 37rem;
}
@media (max-width: 768px) {
  .cardCompany {
    width: 100%;
  }
}
.cardCompany a {
  display: block;
}
@media (min-width: 769px) {
  .cardCompany a:hover .cardCompany__img {
    -webkit-box-shadow: 0.6rem 0.6rem 2rem rgba(0, 0, 0, 0.07);
            box-shadow: 0.6rem 0.6rem 2rem rgba(0, 0, 0, 0.07);
  }
  .cardCompany a:hover .cardCompany__ttl .arrow {
    width: 2.4rem;
  }
  .cardCompany a:hover .cardCompany__ttlJa::before {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: left;
            transform-origin: left;
  }
  .cardCompany a:hover .cardCompany__ttlEn {
    color: var(--colorMain);
  }
}
.cardCompany__img {
  width: 100%;
  aspect-ratio: 371/217;
  background-color: #fff;
  border-radius: 2rem;
  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;
  margin: 0 0 2.8rem;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
  --imgW: 12rem;
}
@media (max-width: 768px) {
  .cardCompany__img {
    border-radius: 1.5rem;
    margin: 0 0 2.2rem;
  }
}
.cardCompany__img::after {
  content: "";
  display: block;
  position: absolute;
  top: 2rem;
  left: 2rem;
  right: 2rem;
  bottom: 2rem;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20332%20177%22%3E%3Ccircle%20cx%3D%222%22%20cy%3D%22175%22%20r%3D%222%22%20fill%3D%22%23ccc%22%2F%3E%3Ccircle%20cx%3D%22330%22%20cy%3D%22175%22%20r%3D%222%22%20fill%3D%22%23ccc%22%2F%3E%3Ccircle%20cx%3D%22330%22%20cy%3D%222%22%20r%3D%222%22%20fill%3D%22%23ccc%22%2F%3E%3Ccircle%20cx%3D%222%22%20cy%3D%222%22%20r%3D%222%22%20fill%3D%22%23ccc%22%2F%3E%3C%2Fsvg%3E") center center/contain no-repeat;
}
@media (max-width: 768px) {
  .cardCompany__img::after {
    top: 1.5rem;
    left: 1.5rem;
    right: 1.5rem;
    bottom: 1.5rem;
  }
}
.cardCompany__img img {
  width: var(--imgW);
}
@media (max-width: 768px) {
  .cardCompany__img img {
    width: calc(var(--imgW) * 0.8);
  }
}
.cardCompany__ttl {
  font-size: 2.1rem;
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: 1.4285714286;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  margin: 0 0 1.8rem;
}
@media (max-width: 768px) {
  .cardCompany__ttl {
    margin: 0 0 0.8rem;
  }
}
.cardCompany__ttl .arrow {
  --theme-color: var(--colorMain);
  margin: 0 0 0 1rem;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
}
.cardCompany__ttlJa {
  position: relative;
  display: inline-block;
}
.cardCompany__ttlJa::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -0.3rem;
  height: 0.1rem;
  background-color: var(--colorMain);
  -webkit-transform-origin: right;
          transform-origin: right;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}
.cardCompany__ttlEn {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-family: var(--fontEN);
  font-weight: 700;
  font-size: 1.2rem;
  letter-spacing: 0.08em;
  color: #E2E2E2;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
}
.cardCompany__text {
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: 0.04em;
  line-height: 2;
}

.cardInfo {
  width: 36rem;
}
@media (max-width: 768px) {
  .cardInfo {
    width: 27.5rem;
  }
}
.cardInfo--new .cardInfo__meta::after {
  content: "New";
  width: 7.6rem;
  height: 2.6rem;
  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-family: var(--fontEN);
  font-size: 1.3rem;
  font-weight: 700;
  color: #fff;
  background-color: var(--colorMain);
  position: absolute;
  left: 0;
  bottom: 1.2rem;
  border-radius: 0.6rem 0.6rem 0 0;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
}
@media (max-width: 768px) {
  .cardInfo--new .cardInfo__meta::after {
    width: 5.1rem;
    height: 2.4rem;
    font-size: 1.2rem;
    bottom: 0;
  }
}
.cardInfo a {
  display: block;
  width: 100%;
  background: #FAFAFA;
  border-radius: 2rem;
  padding: 5.6rem 3.5rem 4rem;
}
@media (min-width: 769px) {
  .cardInfo a:hover .cardInfo__meta::after {
    height: 3.6rem;
  }
  .cardInfo a:hover .cardInfo__img::after {
    opacity: 0.3;
  }
  .cardInfo a:hover .cardInfo__img img {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@media (max-width: 768px) {
  .cardInfo a {
    border-radius: 1rem;
    padding: 2.2rem 2rem 3rem;
  }
}
.cardInfo__meta {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 1rem;
}
@media (max-width: 768px) {
  .cardInfo__meta {
    border-bottom: 0.1rem solid var(--colorMain);
  }
}
.cardInfo__meta::before {
  content: "";
  display: block;
  width: 100%;
  height: 0.1rem;
  background-color: var(--colorMain);
}
@media (max-width: 768px) {
  .cardInfo__meta::before {
    content: none;
  }
}
.cardInfo__time {
  font-family: var(--fontEN);
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 2.0833333333;
  color: #C2BEBE;
  white-space: nowrap;
  margin: 0 0 0 2rem;
}
@media (max-width: 768px) {
  .cardInfo__time {
    font-size: 1rem;
    text-align: right;
    margin: 0 0 0 auto;
  }
}
.cardInfo__img {
  width: 100%;
  overflow: hidden;
  border-radius: 2rem;
  position: relative;
  margin: 0 0 2.5rem;
}
@media (max-width: 768px) {
  .cardInfo__img {
    border-radius: 1rem;
    margin: 0 0 1.5rem;
  }
}
.cardInfo__img::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--colorMain);
  opacity: 0;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
}
.cardInfo__img img {
  width: 100%;
  aspect-ratio: 431/268;
  -webkit-transform: scale(1.06);
          transform: scale(1.06);
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
  -o-object-fit: cover;
     object-fit: cover;
}
.cardInfo__text {
  font-size: 2.1rem;
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: 1.5;
  margin: 0 0 2rem;
}
@media (max-width: 768px) {
  .cardInfo__text {
    font-size: 1.8rem;
    margin: 0 0 1.8rem;
  }
}
.cardInfo__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
}
.cardInfo__tags li {
  width: 8.6rem;
  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-color: #fff;
  border-radius: 10rem;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0.04em;
  color: var(--colorMain);
}

@media (min-width: 769px) {
  .cardProject {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .cardProject:first-child .cardProject__textarea::before {
    width: 100%;
  }
}
@media (min-width: 769px) {
  .cardProject--reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .cardProject--reverse .cardProject__textarea {
    margin-left: 0;
    margin-right: -5rem;
  }
  .cardProject--reverse .cardProject__textarea::before {
    left: auto;
    right: 0;
  }
}
.cardProject__img {
  width: 55rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 0 0 5rem 0;
}
@media (max-width: 768px) {
  .cardProject__img {
    width: 100%;
    margin: 0;
  }
}
.cardProject__img img {
  aspect-ratio: 550/311;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 2rem;
}
@media (max-width: 768px) {
  .cardProject__img img {
    border-radius: 1.5rem;
  }
}
.cardProject__textarea {
  width: 100%;
  margin-top: 5rem;
  margin-left: -5rem;
  position: relative;
  z-index: 0;
  padding: 5rem 5rem 6rem;
}
@media (max-width: 768px) {
  .cardProject__textarea {
    padding: 1.2rem 0 0;
    margin-top: -2rem;
    margin-left: 0;
  }
}
.cardProject__textarea::before {
  content: "";
  display: block;
  position: absolute;
  width: 10rem;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: #FAFAFA;
  border-radius: 2rem;
  z-index: -1;
}
@media (max-width: 768px) {
  .cardProject__textarea::before {
    width: calc(100% - 2rem);
    border-radius: 0 1.5rem 0 0;
  }
}
.cardProject__ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 3rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: 1.6333333333;
  color: var(--colorMain);
  margin: 0 0 2.4rem;
}
@media (max-width: 768px) {
  .cardProject__ttl {
    font-size: 2.1rem;
    margin: 0 0 1.2rem;
  }
}
.cardProject__ttl svg {
  width: 4.2rem;
  height: 3.8rem;
  fill: var(--colorMain);
  margin: 0 2rem 0 0;
}
.cardProject__ttl::after {
  content: "";
  display: block;
  width: 8rem;
  height: 0.1rem;
  background-color: #C8C8C8;
  margin: 0 0 0 1.5rem;
}
@media (max-width: 768px) {
  .cardProject__ttl::after {
    width: 4rem;
  }
}
.cardProject__list {
  font-size: 1.8rem;
  font-weight: 400;
  letter-spacing: 0.04em;
  line-height: 2;
  color: #717171;
}
@media (max-width: 768px) {
  .cardProject__list {
    font-size: 1.4rem;
    margin: 0 -2rem 0 -0.2rem;
  }
}
.cardProject__list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cardProject__list li::before {
  content: "";
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  background-color: #E68E2A;
  margin: 0 1.6rem 0 0;
  border-radius: 50%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
@media (max-width: 768px) {
  .cardProject__list li::before {
    margin: 0 0.6rem 0 0;
    width: 0.3rem;
    height: 0.3rem;
  }
}

.cardStep.active .cardStep__img {
  position: relative;
  z-index: 0;
}
.cardStep.active .cardStep__img::before {
  content: "";
  display: block;
  position: absolute;
  top: -0.6rem;
  left: -0.6rem;
  right: -0.6rem;
  bottom: -0.6rem;
  background-color: #F9AD3B;
  z-index: -1;
  border-radius: 1.8rem;
}
.cardStep__num {
  font-family: var(--fontEN);
  font-size: 1.8rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  line-height: 1.4444444444;
  margin: 0 0 0.6rem;
}
.cardStep__num span {
  color: var(--colorMain);
}
.cardStep__img {
  width: 100%;
}
.cardStep__img img {
  width: 100%;
  aspect-ratio: 340/207;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 1.5rem;
}
.cardStep__ttl {
  font-size: 2.1rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.619047619;
  margin: 2rem 0 1rem;
}
@media (max-width: 768px) {
  .cardStep__ttl {
    font-size: 1.8rem;
    margin: 1.8rem 0 0.6rem;
  }
}
.cardStep__text {
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: 0.04em;
  line-height: 1.8666666667;
}
.cardStep__check {
  color: #F9AD3B;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.7333333333;
  letter-spacing: 0.04em;
  margin: 2.6rem 0 0;
}
@media (max-width: 768px) {
  .cardStep__check {
    margin: 1.2rem 0 0;
  }
}
.cardStep__check::before {
  content: "";
  display: block;
  width: 3.7rem;
  height: 3.7rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  border-radius: 50%;
  margin: 0 1.6rem 0 0;
  background: #F9AD3B url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216.927%22%20height%3D%2213.879%22%20viewBox%3D%220%200%2016.927%2013.879%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_50358%22%20data-name%3D%22%E3%83%91%E3%82%B9%2050358%22%20d%3D%22M-4000-19853.75l6%2C5.5%2C8.75-10.75%22%20transform%3D%22translate(4001.014%2019859.947)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E") center center/46% no-repeat;
}

.gridAnchor {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}
.gridAnchor a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 5.5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 10rem;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0em;
  line-height: 1.5;
  border: 0.1rem solid var(--colorMain);
  position: relative;
  padding: 0 2.5rem;
  overflow: hidden;
}
@media (min-width: 769px) {
  .gridAnchor a:hover {
    color: #fff;
  }
  .gridAnchor a:hover::before {
    left: -100%;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  }
  .gridAnchor a:hover::after {
    border-color: #fff;
  }
  .gridAnchor a:hover .gridAnchor__icon {
    fill: #fff;
  }
}
@media (max-width: 768px) {
  .gridAnchor a {
    height: 4rem;
    font-size: 1.2rem;
    padding: 0 2rem;
    height: auto;
    padding: 0.7rem 2.5rem 0.7rem 1.8rem;
    letter-spacing: 0;
  }
}
.gridAnchor a::before {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  border-radius: 10rem;
  background-color: var(--colorMain);
  z-index: -1;
  left: 100%;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: left 0.4s ease, -webkit-transform 0.4s ease 0.025s;
  transition: left 0.4s ease, -webkit-transform 0.4s ease 0.025s;
  transition: left 0.4s ease, transform 0.4s ease 0.025s;
  transition: left 0.4s ease, transform 0.4s ease 0.025s, -webkit-transform 0.4s ease 0.025s;
}
.gridAnchor a::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 2.5rem;
  bottom: 0;
  width: 1rem;
  height: 1rem;
  border-right: 0.1rem solid var(--colorMain);
  border-bottom: 0.1rem solid var(--colorMain);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  margin: auto 0;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
}
@media (max-width: 768px) {
  .gridAnchor a::after {
    width: 0.7rem;
    height: 0.7rem;
    right: 1.5rem;
    bottom: 0.4rem;
  }
}
.gridAnchor__icon {
  width: 2rem;
  height: 2rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  fill: var(--colorMain);
  margin: 0 1.5rem 0 0;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
}
@media (max-width: 768px) {
  .gridAnchor__icon {
    display: none;
  }
}
@media (max-width: 768px) {
  .gridAnchor__spSmall {
    font-size: 1.1rem;
    margin-left: -0.5rem;
  }
}

.information_area .indexMenu {
  margin: 6rem 0;
  border: 1px solid #CFCFCF;
  padding: 4rem 3rem 2rem;
  position: relative;
}
@media (max-width: 768px) {
  .information_area .indexMenu {
    margin: 3rem 0;
    padding: 3rem 2rem 2rem;
  }
}
.information_area .indexMenu__ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  left: 2rem;
  top: -1.3rem;
}
.information_area .indexMenu__ttl span {
  font-size: 2.1rem;
  font-weight: 500;
  line-height: 1;
  padding: 0 2rem;
  background-color: #fff;
}
@media (max-width: 768px) {
  .information_area .indexMenu__ttl span {
    font-size: 1.8rem;
    padding: 0 1.5rem;
  }
}
.information_area .indexMenu__cont {
  position: relative;
  display: grid;
}
@media (max-width: 768px) {
  .information_area .indexMenu__cont {
    grid-template-rows: 17rem;
    overflow: hidden;
    padding-bottom: 0.1rem;
    -webkit-transition: 0.3s grid-template-rows ease;
    transition: 0.3s grid-template-rows ease;
    transition: 0.3s grid-template-rows ease, 0.3s -ms-grid-rows ease;
  }
}
.information_area .indexMenu__cont::after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  display: none;
  width: 100%;
  height: 7.5rem;
  pointer-events: none;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(75%, white));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, white 75%);
}
@media (max-width: 768px) {
  .information_area .indexMenu__cont::after {
    display: block;
  }
}
.information_area .indexMenu__cont ol {
  overflow: hidden;
  counter-reset: olList;
  margin: 0;
  padding: 0.5rem 0;
}
@media (max-width: 768px) {
  .information_area .indexMenu__cont ol {
    padding-top: 0.1rem;
  }
}
.information_area .indexMenu__cont ol > li {
  padding-left: 5.2rem;
  position: relative;
  line-height: 1.6;
}
@media (max-width: 768px) {
  .information_area .indexMenu__cont ol > li {
    padding-left: 4rem;
  }
}
.information_area .indexMenu__cont ol > li::before {
  counter-increment: olList;
  content: counter(olList);
  position: absolute;
  top: -0.1rem;
  left: 0;
  color: #fff;
  background-color: var(--colorMain);
  width: 3rem;
  height: 3rem;
  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;
  font-size: 1.4rem;
  font-weight: 500;
}
@media (max-width: 768px) {
  .information_area .indexMenu__cont ol > li::before {
    top: -0.1rem;
    width: 2.5rem;
    height: 2.5rem;
    font-size: 1.2rem;
  }
}
.information_area .indexMenu__cont ol > li:not(:last-child) {
  margin-bottom: 1.5rem;
}
@media (max-width: 768px) {
  .information_area .indexMenu__cont ol > li:not(:last-child) {
    margin-bottom: 1rem;
  }
}
.information_area .indexMenu__cont ol > li a {
  font-size: 1.8rem;
  font-weight: 500;
  text-decoration: underline;
}
.information_area .indexMenu__cont ol > li a:hover {
  text-decoration: none;
}
@media (max-width: 768px) {
  .information_area .indexMenu__cont ol > li a {
    font-size: 1.5rem;
  }
}
.information_area .indexMenu__cont ol > li ul {
  margin: 0.3rem 0;
}
.information_area .indexMenu__cont ol > li ul li {
  position: relative;
  padding-left: 2rem;
  background: transparent;
  margin: 0;
}
.information_area .indexMenu__cont ol > li ul li::before {
  position: absolute;
  left: 0;
  content: "";
  display: block;
  background-color: var(--colorMain);
  border-radius: 100%;
  width: 0.4rem;
  height: 0.4rem;
  top: 1.1rem;
  left: 0.6rem;
}
.information_area .indexMenu__cont ol > li ul li a {
  font-size: 1.5rem;
  font-weight: normal;
}
.information_area .indexMenu__cont.opened {
  grid-template-rows: 1fr;
  -webkit-transition: 0.3s grid-template-rows ease;
  transition: 0.3s grid-template-rows ease;
  transition: 0.3s grid-template-rows ease, 0.3s -ms-grid-rows ease;
  padding-bottom: 4rem;
}
.information_area .indexMenu__cont.opened::after {
  height: 1px;
}
.information_area .indexMenu .more {
  position: relative;
  z-index: 1;
  margin-top: -2rem;
  display: none;
  -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) {
  .information_area .indexMenu .more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.information_area .indexMenu .more button {
  display: block;
}
.information_area .indexMenu .more button:hover {
  cursor: pointer;
}
.information_area .indexMenu .more button span {
  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;
  gap: 0.6rem;
}
@media (max-width: 768px) {
  .information_area .indexMenu .more button span {
    gap: 0.3rem;
  }
}
.information_area .indexMenu .more button span::before {
  content: "もっと見る";
  font-weight: bold;
  color: var(--colorMain);
  text-decoration: underline;
  font-size: 1.5rem;
}
@media (max-width: 768px) {
  .information_area .indexMenu .more button span::before {
    font-weight: 500;
  }
}
.information_area .indexMenu .more button span::after {
  content: "";
  border-right: 1px solid var(--colorMain);
  border-bottom: 1px solid var(--colorMain);
  width: 0.9rem;
  height: 0.9rem;
  display: block;
  rotate: 45deg;
  -webkit-transform: translateY(-0.3rem);
          transform: translateY(-0.3rem);
}
@media (max-width: 768px) {
  .information_area .indexMenu .more button span::after {
    margin-left: 0.6rem;
  }
}
.information_area .indexMenu .more button.active span::before {
  content: "閉じる";
}
.information_area .indexMenu .more button.active span::after {
  margin-left: 0.6rem;
  rotate: 225deg;
}
.information_area .indexMenu:not(.onBtn) .indexMenu__cont {
  grid-template-rows: 1fr;
}
.information_area .indexMenu:not(.onBtn) .indexMenu__cont::after {
  display: none;
}
.information_area .indexMenu:not(.onBtn) .more {
  display: none;
}

@media (max-width: 768px) {
  .sliderCards__scroll {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: scroll;
    padding: 0 4rem;
    margin: 0 -4rem;
  }
  .sliderCards__scroll::-webkit-scrollbar {
    height: 0;
  }
}
@media (max-width: 768px) {
  .sliderCards__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2rem;
  }
  .sliderCards__content .cardInterview, .sliderCards__content .cardInfo {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
}
.sliderCards .slick-list {
  overflow: visible;
}
.sliderCards__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 4.8rem 0 0;
}
@media (max-width: 768px) {
  .sliderCards__controls {
    display: block;
    margin: 2rem 0 0;
  }
}
.sliderCards__controls .btnSimple {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
@media (max-width: 768px) {
  .sliderCards__controls .btnSimple {
    margin: 2rem auto 0;
  }
}
.sliderCards__indicator {
  width: 100%;
  height: 0.2rem;
  background-color: #DEDEDE;
  position: relative;
  z-index: 0;
}
.sliderCards__indicator figure {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--colorMain);
}
@media (min-width: 769px) {
  .sliderCards__indicator figure {
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease;
  }
}
.sliderCards__arrows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  margin: 0 4rem 0 2rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
@media (max-width: 768px) {
  .sliderCards__arrows {
    display: none;
  }
}
.sliderCards__arrow {
  width: 5.4rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  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-color: #FAFAFA;
}
@media (max-width: 768px) {
  .sliderCards__arrow {
    display: none;
  }
}
.sliderCards__arrow::before {
  content: "";
  display: block;
  width: 0.6rem;
  aspect-ratio: 1/1;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.sliderCards__arrow--prev::before {
  border-left: 0.1rem solid var(--colorMain);
  border-bottom: 0.1rem solid var(--colorMain);
}
.sliderCards__arrow--next::before {
  border-right: 0.1rem solid var(--colorMain);
  border-top: 0.1rem solid var(--colorMain);
}
.sliderCards__arrow.slick-disabled {
  opacity: 0.33;
  pointer-events: none;
}

.cardJob__arrow {
  height: 4.7rem;
}

@media (min-width: 769px) {
  .cardJob a:hover .cardJob__arrow {
    height: 3.5rem;
  }
}
.leadEntry__arrow {
  height: 14.4rem;
}

@media (min-width: 769px) {
  .leadEntry__box a:hover .leadEntry__arrow {
    height: 11.8rem;
  }
}
@media (max-width: 768px) {
  .cardJob__arrow {
    height: 3.7rem;
  }
  .leadEntry__arrow {
    height: 5.3rem;
  }
}
/*---共通---*/
.onlysp {
  display: none !important;
}
@media (max-width: 768px) {
  .onlysp {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

.under_base.no_bgs::after {
  content: none;
}

@media (max-width: 768px) {
  .extra_client_sp {
    width: calc(100% - 4rem);
  }
  .extra_client_sp .mgn_btm {
    padding: 0 2rem 0rem 2rem;
  }
}

@media (max-width: 768px) {
  .sp_extra_iner {
    width: calc(100% - 2rem);
  }
  .sp_extra_iner .mgn_btm {
    margin: 0 0 2.5rem 3rem;
  }
}

.under_base_others.gray_base {
  border-radius: 10rem 10rem 0 0;
  background-color: #FAFAFA;
  margin: 7.2rem 0 0 0;
  padding: 7.2rem 0rem 7.2rem 0;
}
@media (max-width: 768px) {
  .under_base_others.gray_base {
    border-radius: 5rem 5rem 0 0;
    margin: 3rem 0 0 0;
    padding: 3rem 0;
  }
}

.under_base_others.gray_base.last {
  margin: 7.2rem 0 7.2rem 0;
}
@media (max-width: 768px) {
  .under_base_others.gray_base.last {
    margin: 3rem 0 3rem 0;
  }
}

.under_base_others {
  padding: 7.2rem 0rem 0;
}
@media (max-width: 768px) {
  .under_base_others {
    padding: 3rem 0 0rem 0;
  }
}

.mgn_btm {
  margin: 0 0 2.6rem;
}
@media (max-width: 768px) {
  .mgn_btm {
    margin: 0 0 1.5rem;
  }
}

.under_base_bottom {
  padding: 7.2rem 0 7.2rem 0;
}
@media (max-width: 768px) {
  .under_base_bottom {
    padding: 3rem 0 3rem 0;
  }
}

.under_base::after {
  content: "";
  z-index: 1;
  width: 11.4rem;
  height: 11.4rem;
  background-image: url(/static/images/semicon/under_head_bg_pop.svg);
  background-size: contain;
  background-position: right 0rem top 0rem;
  background-repeat: no-repeat;
  position: absolute;
  right: 22rem;
  top: -8rem;
}
@media (max-width: 768px) {
  .under_base::after {
    right: 8rem;
    width: 5rem;
    height: 5rem;
  }
}

.under_bg::before {
  background-image: url(/static/images/semicon/under_head_bg.svg);
  background-size: 42rem 31.8rem;
  background-position: right 5rem top 3rem;
  background-repeat: no-repeat;
}
@media (max-width: 768px) {
  .under_bg::before {
    background-size: 18rem 14rem;
    background-position: right 0rem top 5.5rem;
  }
}

.ttlHero.eng span {
  display: block;
  font-family: var(--fontEN);
  font-size: 6rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  line-height: 1;
  margin: 0 0 1rem;
}
@media (max-width: 768px) {
  .ttlHero.eng span {
    font-size: 3.6rem;
    margin: 0 0 0rem;
  }
}

.ttlHero.eng span::first-letter {
  color: #E84737;
}

.ttlHero.eng small {
  display: block;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  margin: 0;
}
@media (max-width: 768px) {
  .ttlHero.eng small {
    font-size: 1.4rem;
  }
}

/*------btn------*/
.btnSimple.extra28 {
  width: 28rem;
  margin: 5rem 0 0 0;
}
@media (max-width: 768px) {
  .btnSimple.extra28 {
    width: 28rem;
    margin: 3rem auto 0;
  }
}

.btnSimple.extra26 {
  width: 26rem;
  margin: 2rem 0 0 0;
}
@media (max-width: 768px) {
  .btnSimple.extra26 {
    width: 26rem;
    margin: 2rem auto 0;
  }
}

.btnSimple.extra34 {
  width: 34rem;
  margin: 2rem auto 0;
  text-align: center;
}
@media (max-width: 768px) {
  .btnSimple.extra34 {
    width: 100%;
    margin: 2rem auto 0;
  }
}

.leadEntry.index_top {
  margin: 7.2rem auto 0;
}
@media (max-width: 768px) {
  .leadEntry.index_top {
    margin: 4rem auto 0;
  }
}

.info_detail .leadEntry {
  margin: 7.2rem auto 0;
}
@media (max-width: 768px) {
  .info_detail .leadEntry {
    margin: 4rem auto 0;
  }
}

.info_detail .leadInterview2 {
  background-color: #fff;
  padding: 7rem 0 0rem 0;
}
@media (max-width: 768px) {
  .info_detail .leadInterview2 {
    padding: 4rem 0 0 0;
  }
}

.policy__ttl {
  font-size: 2.8rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.3571428571;
  margin: 0 0 2.5rem;
  border-bottom: 1px solid #979797;
  padding: 0 0 2rem 0;
}
@media (max-width: 768px) {
  .policy__ttl {
    font-size: 2.1rem;
    padding: 0 0 1.5rem 0;
    margin: 0 0 2rem 0;
  }
}

.policy_area p {
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: 0.04em;
  line-height: 1.8666666667;
  margin: 0 0 2.2rem 0;
}
@media (max-width: 768px) {
  .policy_area p {
    margin: 0 0 1.8rem 0;
  }
}

.policy_area p:last-child {
  margin: 0;
}

.flowWork.under_base {
  padding: 7.2rem 0 7.2rem 0;
}
@media (max-width: 768px) {
  .flowWork.under_base {
    padding: 3rem 0 3rem;
  }
}

.policy_area.others {
  padding: 0 0 7.2rem 0;
}
@media (max-width: 768px) {
  .policy_area.others {
    padding: 0rem 0 3rem;
  }
}

a.blank_link {
  text-decoration: underline;
  background-image: url(/static/images/semicon/link_blank_icon.svg);
  background-size: 1.3rem 1.1rem;
  background-position: right 0rem top 0.5rem;
  background-repeat: no-repeat;
  padding: 0 2rem 0 0;
}
@media (max-width: 768px) {
  a.blank_link {
    word-break: break-all;
  }
}

a.blank_link:hover {
  text-decoration: none;
}

.policy_area.others dl dt {
  font-size: 2.1rem;
  color: #717171;
  font-weight: 500;
  margin: 1.5rem 0 1.8rem 0;
  line-height: 1.619047619;
}
@media (max-width: 768px) {
  .policy_area.others dl dt {
    font-size: 1.8rem;
    margin: 1.5rem 0 1.2rem 0;
  }
}

.policy_area.others dl dd {
  margin: 0 0 3rem 0;
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: 0.04em;
  line-height: 1.8666666667;
}
@media (max-width: 768px) {
  .policy_area.others dl dd {
    margin: 0 0 2.5rem 0;
  }
}

.policy_area.others dl dd.extra {
  margin: 0 0 2.2rem 0;
}
@media (max-width: 768px) {
  .policy_area.others dl dd.extra {
    margin: 0 0 1.8rem 0;
  }
}

.sitemap_area .sitemap__ttl {
  font-size: 2.1rem;
  line-height: 1.619047619;
  border-bottom: 1px solid #D9D9D9;
  padding: 0 0 1.5rem 0;
  margin: 4.5rem 0 1.3rem 0;
  display: inline-block;
  width: 100%;
}
@media (max-width: 768px) {
  .sitemap_area .sitemap__ttl {
    font-size: 1.8rem;
    padding: 0 0 1.2rem 0;
    margin: 3rem 0 1.2rem 0;
  }
}
.sitemap_area .sitemap__ttl em {
  display: inline-block;
  font-style: normal;
}
.sitemap_area .sitemap__ttl em a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
  color: #595757;
  width: auto;
}
.sitemap_area .sitemap__ttl em a .arrow {
  --theme-color:#E94738;
  margin-left: 1rem;
  -webkit-transition: width 0.3s ease, margin 0.3s ease;
  transition: width 0.3s ease, margin 0.3s ease;
}
.sitemap_area .sitemap__ttl em a:hover .arrow {
  width: 2.2rem;
  margin-right: -0.9rem;
}

.sitemap_area .sitemap__ttl.extra {
  margin: 1.3rem 0 1.3rem 0;
}
@media (max-width: 768px) {
  .sitemap_area .sitemap__ttl.extra {
    margin: 1.2rem 0 1.2rem 0;
  }
}

.sitemap_area .sitemap__ttl:first-of-type {
  margin: 0 0 1.3rem 0;
}
@media (max-width: 768px) {
  .sitemap_area .sitemap__ttl:first-of-type {
    margin: 0rem 0 1.2rem 0;
  }
}

.sitemap_area ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.sitemap_area ul li {
  display: inline-block;
  margin-right: 3rem;
}
.sitemap_area ul li a {
  display: inline-block;
  text-decoration: underline;
}
.sitemap_area ul li a:hover {
  text-decoration: none;
}

.sitemap_area ul li:last-of-type {
  margin-right: 0;
}

.category_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 768px) {
  .category_area {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.category_area .ttl {
  font-size: 1.8rem;
  line-height: 1.619047619;
  font-weight: 500;
  width: 13rem;
}
@media (max-width: 768px) {
  .category_area .ttl {
    margin-bottom: 0.3rem;
    width: auto;
  }
}
.category_area .ttl2 {
  font-size: 2.1rem;
  line-height: 1.619047619;
  font-weight: 500;
  width: 8rem;
  margin: 0.5rem 0 0 0;
}
@media (max-width: 768px) {
  .category_area .ttl2 {
    font-size: 1.6rem;
    width: 6rem;
    margin: 0rem 0 0 0;
  }
}
.category_area .ttl3 {
  font-size: 2.1rem;
  line-height: 1.619047619;
  font-weight: 500;
  width: 15rem;
  margin: 0rem 0 0 0;
}
@media (max-width: 768px) {
  .category_area .ttl3 {
    font-size: 1.6rem;
    width: auto;
  }
}

.category_area .gridAnchor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.category_area .gridAnchor a {
  width: auto;
  height: 5rem;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  border: 0.1rem solid var(--colorMain);
  position: relative;
  padding: 0 5rem 0 2.5rem;
  overflow: hidden;
}
@media (max-width: 768px) {
  .category_area .gridAnchor a {
    height: 4rem;
    font-size: 1.4rem;
    width: 48%;
    padding: 0 3.5rem 0 2rem;
  }
}

.category_area .gridAnchor a::after {
  content: "";
  display: block;
  position: absolute;
  top: -0.3rem;
  right: 3rem;
  bottom: 0;
  width: 0.8rem;
  height: 0.8rem;
  border-right: 0.1rem solid var(--colorMain);
  border-bottom: 0.1rem solid var(--colorMain);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin: auto 0;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
}
@media (max-width: 768px) {
  .category_area .gridAnchor a::after {
    right: 1.5rem;
  }
}

.category_area .gridAnchor a:hover::after {
  border-right: 0.1rem solid #FFF;
  border-bottom: 0.1rem solid #FFF;
}
@media (max-width: 768px) {
  .category_area .gridAnchor a:hover::after {
    border-right: 0.1rem solid var(--colorMain);
    border-bottom: 0.1rem solid var(--colorMain);
  }
}

.faq__ttl {
  font-size: 2.8rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.3571428571;
  margin: 0 0 1rem 0;
  border-bottom: 1px solid #979797;
  padding: 0 0 2rem 0;
}
@media (max-width: 768px) {
  .faq__ttl {
    font-size: 2.1rem;
    padding: 0 0 1.5rem 0;
    margin: 0 0 0rem 0;
  }
}

.faq_new_under_block_02 li {
  border-bottom: 1px solid #D9D9D9;
}
@media (max-width: 768px) {
  .faq_new_under_block_02 li {
    padding: 0 0 1rem 0;
  }
}

.faq_new_under_block_02 .ttl_menu span {
  font-weight: 500;
  padding: 3rem 0 3rem 6.5rem;
  position: relative;
  margin: 0px 0 0px 0;
  display: block;
  position: relative;
  font-size: 1.8rem;
  line-height: 1.619047619;
  cursor: pointer;
  background-image: url(/static/images/semicon/ttl_q.png), url(/static/images/semicon/ac_off.png);
  background-size: 2.75rem 2.5rem, 3.1rem 3.1rem;
  background-repeat: no-repeat;
  background-position: left 2rem top 3.4rem, right 2rem top 3rem;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.faq_new_under_block_02 .ttl_menu span em {
  color: #595959;
  display: inline-block;
  background: #FFF;
  padding: 0 0rem 0 0px;
  font-style: normal;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (max-width: 768px) {
  .faq_new_under_block_02 .ttl_menu span {
    font-size: 1.6rem;
    background-image: url(/static/images/semicon/faq/ttl_q.png), url(/static/images/semicon/ac_off.png);
    background-size: 1.75rem 1.5rem, 2.1rem 2.1rem;
    background-repeat: no-repeat;
    background-position: left 1rem top 2rem, right 1rem top 1.7rem;
    padding: 1.5rem 4rem 0.5rem 4.5rem;
  }
}

.faq_new_under_block_02 .ttl_menu span:hover {
  background-image: url(/static/images/semicon/ttl_q.png), url(/static/images/semicon/ac_off.png);
  background-size: 2.75rem 2.5rem, 3.1rem 3.1rem;
  background-repeat: no-repeat;
  background-position: left 2rem top 3.4rem, right 2rem top 3rem;
}
@media (max-width: 768px) {
  .faq_new_under_block_02 .ttl_menu span:hover {
    background-size: 1.75rem 1.5rem, 2.1rem 2.1rem;
    background-repeat: no-repeat;
    background-position: left 1rem top 2rem, right 1rem top 1.7rem;
    padding: 1.5rem 4rem 0.5rem 4.5rem;
  }
}

.faq_new_under_block_02 .ttl_menu span em:hover {
  color: #595757;
}

.faq_new_under_block_02 .ttl_menu.active span {
  background-image: url(/static/images/semicon/ttl_q.png), url(/static/images/semicon/ac_on.png);
  background-size: 2.75rem 2.5rem, 3.1rem 3.1rem;
  background-repeat: no-repeat;
  background-position: left 2rem top 3.4rem, right 2rem top 3rem;
}
.faq_new_under_block_02 .ttl_menu.active span em {
  color: #595757;
}
@media (max-width: 768px) {
  .faq_new_under_block_02 .ttl_menu.active span {
    background-size: 1.75rem 1.5rem, 2.1rem 2.1rem;
    background-repeat: no-repeat;
    background-position: left 1rem top 2rem, right 1rem top 1.7rem;
    padding: 1.5rem 4rem 0.5rem 4.5rem;
  }
}

.childs {
  display: none;
}

.childs.answers {
  background-image: url(/static/images/semicon/ttl_a.png);
  background-size: 2.45rem 2rem;
  background-repeat: no-repeat;
  background-position: left 6.5rem top 0.8rem;
  padding: 0rem 0 2.5rem 11rem;
  font-size: 1.6rem;
  margin: 0 0 0px 0;
  color: #717171;
  font-weight: 400;
}
@media (max-width: 768px) {
  .childs.answers {
    background-image: url(/static/images/semicon/ttl_a.png);
    background-size: 1.75rem 1.5rem;
    background-repeat: no-repeat;
    background-position: left 1rem top 0.8rem;
    padding: 0rem 0 1.5rem 4.5rem;
    font-size: 1.4rem;
  }
}

.childs.answers a {
  color: #595757;
  text-decoration: underline;
}

.childs.answers a:hover {
  text-decoration: none;
}

.new_ac {
  background-image: url(/static/images/semicon/ac_off.png);
  background-size: 3.1rem 3.1rem;
  background-repeat: no-repeat;
  background-position: left 0rem top 1.3rem;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 1.5rem 0 1.5rem 4rem;
  margin: 0.5rem 0 0 0;
  display: inline-block;
  line-height: 1.5;
}
@media (max-width: 768px) {
  .new_ac {
    font-size: 1.4rem;
    padding: 1rem 0 1rem 3rem;
    background-size: 2.1rem 2.1rem;
    background-position: left 0rem top 1.1rem;
  }
}

.new_ac.active {
  background-image: url(/static/images/semicon/ac_on.png);
  background-size: 3.1rem 3.1rem;
  background-repeat: no-repeat;
  background-position: left 0rem top 1.3rem;
  line-height: 1.5;
}
@media (max-width: 768px) {
  .new_ac.active {
    padding: 1rem 0 1rem 3rem;
    background-size: 2.1rem 2.1rem;
    background-position: left 0rem top 1.1rem;
  }
}

.faq_page .leadEntry {
  margin: 7.2rem 0 0rem 0;
}
@media (max-width: 768px) {
  .faq_page .leadEntry {
    margin: 3rem 0 0rem 0;
  }
}

.childs.answers p {
  text-align: left;
}

.guide_area dl {
  border-top: 1px solid #D9D9D9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 768px) {
  .guide_area dl {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.guide_area dl dt {
  width: 17rem;
  background: #FAFAFA;
  text-align: center;
  font-size: 1.6rem;
  font-weight: 500;
  padding: 3.5rem 0;
}
@media (max-width: 768px) {
  .guide_area dl dt {
    width: 100%;
    text-align: left;
    padding: 1.5rem 0rem 0 0rem;
    font-size: 1.5rem;
    background: none;
  }
}
.guide_area dl dd {
  padding: 3.5rem 3rem 3.5rem 3rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  font-size: 1.6rem;
  font-weight: 400;
  color: #717171;
}
@media (max-width: 768px) {
  .guide_area dl dd {
    width: 100%;
    padding: 0.5rem 0rem 1.5rem 0rem;
    font-size: 1.5rem;
  }
}

.guide_area dl:first-of-type {
  border-top: 1px solid #979797;
}

.guide_gray_area {
  background: #FAFAFA;
  border-radius: 1rem;
  padding: 5rem 4rem;
  margin: 0 0 7.2rem 0;
}
.guide_gray_area h2 {
  font-size: 2.8rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.3571428571;
  margin: 0 0 2rem 0;
}
@media (max-width: 768px) {
  .guide_gray_area h2 {
    font-size: 2rem;
    margin: 0 0 1rem 0;
  }
}
@media (max-width: 768px) {
  .guide_gray_area {
    margin: 0 0 3rem 0;
    padding: 4rem 4rem;
  }
}

.guide_flow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 768px) {
  .guide_flow {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.guide_flow .flow_step {
  position: relative;
  width: 32%;
  max-width: 30rem;
}
@media (max-width: 768px) {
  .guide_flow .flow_step {
    width: 100%;
    max-width: 100%;
    margin: 0 0 5rem 0;
  }
}
@media (max-width: 768px) {
  .guide_flow .flow_step img {
    width: 50%;
  }
}
@media (max-width: 768px) {
  .guide_flow .flow_step .fbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media (max-width: 768px) {
  .guide_flow .flow_step .texts {
    width: 50%;
    padding: 0 0 0 2rem;
  }
}
.guide_flow .flow_step div {
  font-size: 2.1rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.619047619;
  margin: 1rem 0 1.5rem 0;
}
@media (max-width: 768px) {
  .guide_flow .flow_step div {
    font-size: 1.7rem;
  }
}
.guide_flow .flow_step div em {
  font-family: var(--fontEN);
  font-style: normal;
  font-size: 1.8rem;
  font-weight: 600;
  display: inline-block;
  margin: 0 0 0.5rem 0;
  line-height: 1.619047619;
}
@media (max-width: 768px) {
  .guide_flow .flow_step div em {
    font-size: 1.5rem;
  }
}
.guide_flow .flow_step div em span {
  color: #E94738;
}
.guide_flow .flow_step p {
  font-size: 1.5rem;
  color: #717171;
}
.guide_flow .flow_step p span {
  font-size: 1.3rem;
  color: #B5B5B5;
  display: inline-block;
  line-height: 1.8;
}

.guide_flow .flow_step::after {
  content: "";
  background-image: url(/static/images/semicon/ar_pc.svg);
  background-size: 4.8rem 1.7rem;
  background-repeat: no-repeat;
  background-position: right 0rem top 0rem;
  position: absolute;
  width: 4.8rem;
  height: 1.7rem;
  top: 9rem;
  right: -5.5rem;
}
@media (max-width: 768px) {
  .guide_flow .flow_step::after {
    background-image: url(/static/images/semicon/ar_sp.svg);
    background-size: 1.7rem 2.8rem;
    background-repeat: no-repeat;
    background-position: right 0rem top 0rem;
    width: 1.7rem;
    height: 2.8rem;
    top: auto;
    bottom: -4rem;
    right: 0;
    left: 0;
    margin: auto;
  }
}

.guide_flow .flow_step:last-of-type {
  margin: 0;
}

.guide_flow .flow_step:last-of-type::after {
  content: none;
}

@media (max-width: 768px) {
  .inner_sp_extra {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .under_base.extra_mgns {
    padding-top: 8rem;
    margin-bottom: -8rem;
    -webkit-transform: translateY(-8rem);
            transform: translateY(-8rem);
  }
}
.under_base.extra_mgns.unker_area {
  padding-top: 8rem;
  margin-bottom: -8rem;
  -webkit-transform: translateY(-8rem);
          transform: translateY(-8rem);
}
@media (max-width: 768px) {
  .under_base.extra_mgns.unker_area {
    padding-top: 6rem;
    margin-bottom: -6rem;
    -webkit-transform: translateY(-6rem);
            transform: translateY(-6rem);
  }
}

.three_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 768px) {
  .three_block {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.three_block .f_box {
  width: 33%;
  max-width: 34.5rem;
  background: #FAFAFA;
  border-radius: 1rem;
  padding: 3.3rem 3rem;
}
@media (max-width: 768px) {
  .three_block .f_box {
    width: 100%;
    margin: 0rem 0 1rem 0;
    padding: 2.5rem 2rem;
  }
}
.three_block .f_box p {
  color: #B5B5B5;
  font-size: 1.3rem;
}
@media (max-width: 768px) {
  .three_block .f_box p {
    font-size: 1.1rem;
  }
}
.three_block .f_box .ttl {
  font-size: 2.4rem;
  line-height: 1.5;
  font-weight: 500;
  color: #595757;
  margin: 0 0 0.5rem 0;
}
@media (max-width: 768px) {
  .three_block .f_box .ttl {
    font-size: 1.8rem;
  }
}
.three_block .f_box .extra_text_01 {
  background: #FFF;
  border-radius: 1rem;
  padding: 0.5rem;
  text-align: center;
  margin: 1rem 0 0 0;
  line-height: 1.5;
}
@media (max-width: 768px) {
  .three_block .f_box .extra_text_01 {
    font-size: 1.3rem;
    padding: 0.2rem 0.5rem;
  }
}
.three_block .f_box .extra_text_01 em {
  color: #E94738;
  font-size: 2.1rem;
  font-family: var(--fontEN);
  font-weight: 700;
  font-style: normal;
}
@media (max-width: 768px) {
  .three_block .f_box .extra_text_01 em {
    font-size: 1.8rem;
  }
}
.three_block .f_box .extra_text_02 {
  color: #E94738;
  font-size: 1.5rem;
}
@media (max-width: 768px) {
  .three_block .f_box .extra_text_02 {
    font-size: 1.4rem;
  }
}
.three_block .f_box .f_boxs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 768px) {
  .three_block .f_box .f_boxs.extra {
    margin: -1rem 0 0 0;
  }
}
.three_block .f_box .numbers {
  font-size: 2rem;
  color: #E94738;
  font-weight: 500;
  line-height: 1.5;
  text-align: left;
}
.three_block .f_box .numbers em {
  font-family: var(--fontEN);
  font-size: 6.3rem;
  line-height: 0.8;
  font-weight: 700;
  font-style: normal;
  letter-spacing: -0.2rem;
  margin: 0 0.5rem 0 0;
}
@media (max-width: 768px) {
  .three_block .f_box .numbers em {
    font-size: 5.8rem;
  }
}

.two_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 3rem 0 0 0;
}
@media (max-width: 768px) {
  .two_block {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0;
  }
}
.two_block .f_box {
  width: 49%;
  max-width: 53.5rem;
  background: #FAFAFA;
  border-radius: 1rem;
  padding: 3.3rem 3rem;
}
@media (max-width: 768px) {
  .two_block .f_box {
    width: 100%;
    margin: 0rem 0 1rem 0;
    padding: 2.5rem 2rem;
  }
}
@media (max-width: 768px) {
  .two_block .f_box .extras {
    border-bottom: 1px dotted #CFCFCF;
    color: #B5B5B5;
    font-size: 1.1rem;
    padding: 0 0 1.5rem 0;
  }
}
.two_block .f_box .f_boxs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px dotted #CFCFCF;
  padding: 0 0 1rem 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 768px) {
  .two_block .f_box .f_boxs {
    border: none;
  }
}
.two_block .f_box .f_boxs .photos {
  width: 50%;
  max-width: 17.2rem;
}
@media (max-width: 768px) {
  .two_block .f_box .f_boxs .photos {
    margin: 0 2rem 0 0;
  }
}
.two_block .f_box .f_boxs .numbers {
  width: 60%;
}
.two_block .f_box .f_boxs .numbers .ttl {
  font-size: 2.4rem;
  line-height: 1.5;
  font-weight: 500;
  color: #595757;
  margin: 0 0 0.5rem 0;
}
@media (max-width: 768px) {
  .two_block .f_box .f_boxs .numbers .ttl {
    font-size: 1.8rem;
  }
}
.two_block .f_box .f_boxs .numbers em {
  font-family: var(--fontEN);
  font-size: 6.3rem;
  line-height: 0.8;
  font-weight: 700;
  font-style: normal;
  color: #E94738;
}
@media (max-width: 768px) {
  .two_block .f_box .f_boxs .numbers em {
    font-size: 4.6rem;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
.two_block .f_box .f_boxs .numbers em span {
  font-size: 4rem;
}
@media (max-width: 768px) {
  .two_block .f_box .f_boxs .numbers em span {
    font-size: 3rem;
  }
}
.two_block .f_box .f_boxs .numbers small {
  color: #E94738;
  font-size: 100%;
  font-weight: 700;
}
.two_block .f_box .f_boxs .numbers p {
  color: #B5B5B5;
  font-size: 1.3rem;
}
@media (max-width: 768px) {
  .two_block .f_box .f_boxs .numbers p {
    font-size: 1.1rem;
  }
}
.two_block .f_box .ttl_2 {
  font-size: 2.1rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.619047619;
  margin: 2.5rem 0 1rem 0;
}
@media (max-width: 768px) {
  .two_block .f_box .ttl_2 {
    font-size: 1.8rem;
    margin: 1.5rem 0 1rem 0;
  }
}
.two_block .f_box ol li:nth-child(1) {
  background-image: url(/static/images/semicon/about_icon_06.svg);
  background-size: 4.8rem 3.2rem;
  background-repeat: no-repeat;
  background-position: left 0rem top 1rem;
  padding: 1rem 0 1rem 6.5rem;
}
@media (max-width: 768px) {
  .two_block .f_box ol li:nth-child(1) {
    font-size: 1.5rem;
    line-height: 1.5;
  }
}
.two_block .f_box ol li:nth-child(2) {
  background-image: url(/static/images/semicon/about_icon_07.svg);
  background-size: 4.8rem 3.2rem;
  background-repeat: no-repeat;
  background-position: left 0rem top 1rem;
  padding: 1rem 0 1rem 6.5rem;
}
@media (max-width: 768px) {
  .two_block .f_box ol li:nth-child(2) {
    font-size: 1.5rem;
    line-height: 1.5;
  }
}
.two_block .f_box ol li:nth-child(3) {
  background-image: url(/static/images/semicon/about_icon_08.svg);
  background-size: 4.8rem 3.2rem;
  background-repeat: no-repeat;
  background-position: left 0rem top 1rem;
  padding: 1rem 0 1rem 6.5rem;
}
@media (max-width: 768px) {
  .two_block .f_box ol li:nth-child(3) {
    font-size: 1.5rem;
    line-height: 1.5;
  }
}
.two_block .f_box_wel {
  width: 49%;
  max-width: 53.5rem;
  background: #FAFAFA;
  border-radius: 1rem;
  padding: 4rem 4rem;
}
@media (max-width: 768px) {
  .two_block .f_box_wel {
    width: 100%;
    padding: 2rem;
    margin: 1rem 0 0 0;
  }
}
.two_block .f_box_wel .wel_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 768px) {
  .two_block .f_box_wel .wel_box p {
    font-size: 1.5rem;
    color: #717171;
    margin: 1rem 0;
  }
}
@media (max-width: 768px) {
  .two_block .f_box_wel .wel_box span {
    color: #717171;
    font-size: 1.4rem;
    line-height: 1.3;
    display: inline-block;
    line-height: 1.8;
  }
}
@media (max-width: 768px) {
  .two_block .f_box_wel .wel_box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.two_block .f_box_wel .wel_box .icons {
  width: 9rem;
}
@media (max-width: 768px) {
  .two_block .f_box_wel .wel_box .icons {
    width: 4rem;
    margin-right: 2rem;
  }
}
.two_block .f_box_wel .wel_box .ttl_03 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (max-width: 768px) {
  .two_block .f_box_wel .wel_box .ttl_03 {
    line-height: 1.5;
  }
}
.two_block .f_box_wel .wel_box .ttl_03 em {
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.4166666667;
  font-style: normal;
}
@media (max-width: 768px) {
  .two_block .f_box_wel .wel_box .ttl_03 em {
    font-size: 1.7rem;
  }
}
.two_block .f_box_wel .wel_box .ttl_03 p {
  font-size: 1.6rem;
  color: #717171;
  margin: 1rem 0;
}
.two_block .f_box_wel .wel_box .ttl_03 span {
  color: #717171;
  font-size: 1.4rem;
  line-height: 1.3;
  display: inline-block;
  line-height: 1.8;
}

.two_block_last {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 3rem 0 0 0;
}
@media (max-width: 768px) {
  .two_block_last {
    margin: 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.two_block_last .f_box {
  width: 49%;
  max-width: 53.5rem;
  background: #FAFAFA;
  border-radius: 1rem;
  padding: 3.3rem 3rem;
}
@media (max-width: 768px) {
  .two_block_last .f_box {
    width: 100%;
    margin: 0rem 0 1rem 0;
    padding: 2.5rem 2rem;
  }
}
.two_block_last .f_box .f_boxs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 768px) {
  .two_block_last .f_box .f_boxs {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.two_block_last .f_box .f_boxs .photos1 {
  width: 17em;
  padding: 0 0 0 5rem;
}
@media (max-width: 768px) {
  .two_block_last .f_box .f_boxs .photos1 {
    width: 100%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    padding: 0;
  }
  .two_block_last .f_box .f_boxs .photos1 img {
    margin: auto;
  }
}
.two_block_last .f_box .f_boxs .numbers_01 {
  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) {
  .two_block_last .f_box .f_boxs .numbers_01 {
    width: 100%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin: 1rem 0 0rem 0;
  }
}
.two_block_last .f_box .f_boxs .numbers_01 .ttl {
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.5;
}
@media (max-width: 768px) {
  .two_block_last .f_box .f_boxs .numbers_01 .ttl {
    font-size: 1.8rem;
    width: 100%;
    margin: 0 0 0.5rem 0;
  }
}
.two_block_last .f_box .f_boxs .numbers_01 em {
  font-family: var(--fontEN);
  font-size: 6.3rem;
  line-height: 0.8;
  font-weight: 700;
  font-style: normal;
  color: #E94738;
  letter-spacing: -0.2rem;
}
@media (max-width: 768px) {
  .two_block_last .f_box .f_boxs .numbers_01 em {
    font-size: 4.6rem;
  }
}
.two_block_last .f_box .f_boxs .numbers_01 .ttl2 {
  font-size: 2.1rem;
  color: #E94738;
  line-height: 1.619047619;
  margin: 0 0 0 1rem;
}
@media (max-width: 768px) {
  .two_block_last .f_box .f_boxs .numbers_01 .ttl2 {
    font-size: 1.8rem;
  }
}
.two_block_last .f_box .f_boxs .numbers_01 .extra_text_01 {
  background: #FFF;
  border-radius: 1rem;
  padding: 0.5rem;
  text-align: center;
  margin: 1rem 0 0 0;
  width: 100%;
  line-height: 1.5;
}
.two_block_last .f_box .f_boxs .numbers_01 .extra_text_01 em {
  color: #E94738;
  font-size: 2.1rem;
  font-family: var(--fontEN);
  font-weight: 700;
  font-style: normal;
}
.two_block_last .f_box .f_boxs .photos2 {
  width: 30em;
  padding: 0px 0 0 3rem;
}
@media (max-width: 768px) {
  .two_block_last .f_box .f_boxs .photos2 {
    width: 100%;
    padding: 2rem 0 0 0;
  }
  .two_block_last .f_box .f_boxs .photos2 img {
    margin: auto;
  }
}
.two_block_last .f_box .f_boxs .numbers_02 {
  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;
}
.two_block_last .f_box .f_boxs .numbers_02 p {
  color: #B5B5B5;
  font-size: 1.3rem;
}
@media (max-width: 768px) {
  .two_block_last .f_box .f_boxs .numbers_02 p {
    text-align: center;
    width: 100%;
  }
}
.two_block_last .f_box .f_boxs .numbers_02 .ttl {
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.5;
}
@media (max-width: 768px) {
  .two_block_last .f_box .f_boxs .numbers_02 .ttl {
    font-size: 1.8rem;
    text-align: center;
    width: 100%;
    margin: 0 0 0.5rem 0;
  }
}
.two_block_last .f_box .f_boxs .numbers_02 .wd100 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 768px) {
  .two_block_last .f_box .f_boxs .numbers_02 .wd100 {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.two_block_last .f_box .f_boxs .numbers_02 .wd100 em {
  font-family: var(--fontEN);
  font-size: 6.3rem;
  line-height: 0.8;
  font-weight: 700;
  font-style: normal;
  color: #E94738;
  margin: 0 0 0 0.5rem;
}
.two_block_last .f_box .f_boxs .numbers_02 .wd100 em span {
  font-size: 2.1rem;
  color: #E94738;
  line-height: 1.619047619;
  margin: 0 0 0 0.5rem;
}

.welfare_area_01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-image: url(/static/images/semicon/line_bg.svg);
  background-size: 100% 0.1rem;
  background-repeat: no-repeat;
  background-position: left 0rem top 11rem;
  margin: 4rem 0 0 0;
}
@media (max-width: 768px) {
  .welfare_area_01 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    background-image: none;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0rem 0 0 0;
  }
}
.welfare_area_01 .wel_point {
  width: 25%;
  max-width: 21.2rem;
  text-align: center;
  margin: 0 2rem;
}
@media (max-width: 768px) {
  .welfare_area_01 .wel_point {
    width: 48%;
    margin: 2rem 0rem 0 0;
  }
}
.welfare_area_01 .wel_point span {
  background: #595757;
  border-radius: 0.6rem;
  color: #FFF;
  font-size: 1.5rem;
  width: 100%;
  display: inline-block;
  margin: 1.5rem auto 0;
  padding: 0.3rem 0;
  width: 90%;
}
@media (max-width: 768px) {
  .welfare_area_01 .wel_point span {
    width: 100%;
    font-size: 1.2rem;
    margin: -1.5rem auto 0;
    top: -1rem;
    position: relative;
  }
}
.welfare_area_01 .wel_point .text {
  font-weight: 500;
  font-size: 1.6rem;
  margin: 1rem 0 0 0;
}
@media (max-width: 768px) {
  .welfare_area_01 .wel_point .text {
    font-size: 1.4rem;
    margin: 0;
  }
}
.welfare_area_01 .wel_point .text em {
  font-size: 4.6rem;
  font-family: var(--fontEN);
  line-height: 0.8;
  font-weight: 700;
  font-style: normal;
  color: #E94738;
}
@media (max-width: 768px) {
  .welfare_area_01 .wel_point .text em {
    font-size: 4rem;
  }
}
.welfare_area_01 .wel_point p {
  color: #B5B5B5;
  font-size: 1.3rem;
}
@media (max-width: 768px) {
  .welfare_area_01 .wel_point p {
    font-size: 1.2rem;
  }
}

.gray_wel_area {
  margin: 3rem 0 0 0;
  background: #FAFAFA;
  border-radius: 1rem;
  padding: 5rem;
}
@media (max-width: 768px) {
  .gray_wel_area {
    padding: 2rem;
    margin: 1rem 0 0 0;
  }
}
.gray_wel_area .first_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px dotted #CFCFCF;
  padding: 0 0 2.5rem 0;
}
@media (max-width: 768px) {
  .gray_wel_area .first_block p {
    font-size: 1.5rem;
    margin: 1rem 0 0 0;
    color: #717171;
  }
}
@media (max-width: 768px) {
  .gray_wel_area .first_block {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.gray_wel_area .first_block .photo {
  width: 11.2rem;
}
@media (max-width: 768px) {
  .gray_wel_area .first_block .photo {
    width: 7.5rem;
  }
}
.gray_wel_area .first_block .text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 0 0 4rem;
}
@media (max-width: 768px) {
  .gray_wel_area .first_block .text {
    padding: 0 0 0 2rem;
  }
}
.gray_wel_area .first_block .text div {
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.5;
  font-style: normal;
}
.gray_wel_area .first_block .text p {
  font-size: 1.6rem;
  margin: 1rem 0 0 0;
}
@media (max-width: 768px) {
  .gray_wel_area .first_block .text div {
    font-size: 1.8rem;
  }
}
.gray_wel_area .second_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px dotted #CFCFCF;
  padding: 2.5rem 0;
}
@media (max-width: 768px) {
  .gray_wel_area .second_block {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.gray_wel_area .second_block .left {
  width: 40%;
}
@media (max-width: 768px) {
  .gray_wel_area .second_block .left {
    width: 100%;
  }
}
.gray_wel_area .second_block .left div {
  font-size: 2.1rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.619047619;
}
.gray_wel_area .second_block .left p {
  font-size: 1.6rem;
  margin: 1rem 0 0 0;
}
.gray_wel_area .second_block .left p span {
  color: #E94738;
}
.gray_wel_area .second_block .left p em {
  font-size: 3.5rem;
  font-family: var(--fontEN);
  line-height: 0.8;
  font-weight: 700;
  font-style: normal;
  color: #E94738;
}
.gray_wel_area .second_block .right {
  width: 55%;
}
@media (max-width: 768px) {
  .gray_wel_area .second_block .right {
    width: 100%;
    margin: 2rem 0 0 0;
  }
}
.gray_wel_area .second_block .right div {
  font-size: 2.1rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.619047619;
}
@media (max-width: 768px) {
  .gray_wel_area .second_block .right div {
    font-size: 1.8rem;
  }
}
.gray_wel_area .second_block .right p {
  font-size: 1.6rem;
  margin: 1rem 0 0 0;
}
@media (max-width: 768px) {
  .gray_wel_area .second_block .right p {
    font-size: 1.5rem;
  }
}
.gray_wel_area .second_block .right p span {
  color: #E94738;
}
.gray_wel_area .second_block .right p em {
  font-size: 3.5rem;
  font-family: var(--fontEN);
  line-height: 0.8;
  font-weight: 700;
  font-style: normal;
  color: #E94738;
}
.gray_wel_area .second_block .right p.small {
  color: #B5B5B5;
  margin: 0;
  font-size: 1.3rem;
}
@media (max-width: 768px) {
  .gray_wel_area .second_block .right p.small {
    font-size: 1.2rem;
  }
}
.gray_wel_area .third_block {
  padding: 2.5rem 0 0 0;
}
.gray_wel_area .third_block div {
  font-size: 2.1rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.619047619;
}
@media (max-width: 768px) {
  .gray_wel_area .third_block div {
    font-size: 1.8rem;
  }
}
.gray_wel_area .third_block div span {
  color: #B5B5B5;
  font-size: 1.3rem;
}
@media (max-width: 768px) {
  .gray_wel_area .third_block div span {
    font-size: 1.2rem;
  }
}
.gray_wel_area .third_block ul {
  margin: 1rem 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 768px) {
  .gray_wel_area .third_block ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
  }
}
.gray_wel_area .third_block ul li {
  width: 48%;
  font-size: 1.6rem;
  color: #717171;
  font-weight: 400;
  background-image: url(/static/images/semicon/li_icon.svg);
  background-size: 0.3rem 0.3rem;
  background-repeat: no-repeat;
  background-position: left 0rem top 1.6rem;
  padding: 0 0 0 1.2rem;
}
@media (max-width: 768px) {
  .gray_wel_area .third_block ul li {
    width: 100%;
    font-size: 1.5rem;
  }
}
.gray_wel_area .third_block ul li span {
  font-size: 1.3rem;
}
@media (max-width: 768px) {
  .gray_wel_area .third_block ul li span {
    font-size: 1.2rem;
  }
}

.gray_add_area {
  margin: 3rem 0 0 0;
  background: #FAFAFA;
  border-radius: 1rem;
  padding: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 768px) {
  .gray_add_area {
    margin: 1rem 0 0 0;
    padding: 2rem;
  }
}
.gray_add_area .text_area {
  width: 57rem;
}
@media (max-width: 768px) {
  .gray_add_area .text_area {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.gray_add_area .text_area p {
  font-size: 1.6rem;
}
@media (max-width: 768px) {
  .gray_add_area .text_area p {
    font-size: 1.5rem;
  }
}
.gray_add_area .text_area p em {
  color: #595757;
  font-weight: 700;
  font-style: normal;
}
.gray_add_area .photo_area {
  width: 38.5rem;
}
@media (max-width: 768px) {
  .gray_add_area .photo_area {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin: 0 0 2rem 0;
  }
}
.gray_add_area .ttl {
  font-size: 2.4rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.619047619;
  width: 100%;
  display: block;
  margin: 0 0 1.5rem 0;
}
@media (max-width: 768px) {
  .gray_add_area .ttl {
    font-size: 1.8rem;
  }
}
.gray_add_area ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}
.gray_add_area ul li {
  width: 49.5rem;
  border: 1px solid #EBEBEB;
  text-align: center;
  font-weight: 500;
  padding: 0.8rem 0;
  background: #FFF;
  border-radius: 0.6rem;
  color: #717171;
  margin: 1rem 0 0 0;
}
@media (max-width: 768px) {
  .gray_add_area ul li {
    width: 100%;
    margin: 0 0 0.5rem 0;
    font-size: 1.4rem;
    padding: 0.6rem 1rem;
    line-height: 1.5;
  }
}
.gray_add_area ul li:nth-child(1), .gray_add_area ul li:nth-child(2) {
  margin: 0;
}
@media (max-width: 768px) {
  .gray_add_area ul li:nth-child(1), .gray_add_area ul li:nth-child(2) {
    margin: 0 0 0.5rem 0;
  }
}
@media (max-width: 768px) {
  .gray_add_area ul li:last-child {
    margin: 0;
  }
}

.message_block {
  background: #FFF;
  border-radius: 5rem;
  padding: 8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.message_block .text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 6rem 0rem 0;
}
.message_block .text span {
  font-size: 1.8rem;
}
.message_block .text div {
  font-size: 4.5rem;
  margin: 2rem 0 5rem 0;
  font-weight: 500;
  line-height: 1.5;
}
.message_block .text div.btnSimple {
  margin: 2rem 0 0 0;
}
@media (max-width: 768px) {
  .message_block .text div.btnSimple {
    margin: 2rem auto 0;
  }
}
.message_block .text div.btnSimple a .arrow {
  margin: 0rem 0 0rem 1rem;
}
.message_block .text div.btnSimple a:hover .arrow {
  margin: 0rem -0.9rem 0rem 0.9rem;
}
.message_block .text p {
  margin: 3rem 0 0 0;
  color: #717171;
  font-size: 1.6rem;
}
.message_block .photo {
  width: 28.6rem;
}
@media (max-width: 768px) {
  .message_block {
    padding: 4rem 2rem;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    border-radius: 2rem;
  }
  .message_block .text {
    padding: 0;
    font-size: 1.5rem;
    margin: 0rem 0 0 0;
  }
  .message_block .text span {
    font-size: 1.4rem;
  }
  .message_block .text div {
    font-size: 2.1rem;
    margin: 1.5rem 0 3rem 0;
  }
}

.message_area h3 {
  font-size: 2.8rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.3571428571;
  margin: 7.2rem 0 1rem 0;
  border-bottom: 1px solid #979797;
  padding: 0 0 2rem 0;
}
@media (max-width: 768px) {
  .message_area h3 {
    font-size: 2.1rem;
    padding: 0 0 1.5rem 0;
    margin: 3rem 0 1rem 0;
  }
}
.message_area dl {
  border-bottom: 1px solid #D9D9D9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 768px) {
  .message_area dl {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.message_area dl dt {
  padding: 3.5rem 0;
  text-align: center;
  font-weight: 500;
  font-size: 1.6rem;
  width: 15rem;
}
@media (max-width: 768px) {
  .message_area dl dt {
    width: 100%;
    padding: 1.5rem 0rem 0rem 0rem;
    text-align: left;
    font-size: 1.5rem;
  }
}
.message_area dl dd {
  padding: 3.5rem;
  color: #717171;
  font-size: 1.6rem;
}
@media (max-width: 768px) {
  .message_area dl dd {
    width: 100%;
    padding: 0 0rem 1.5rem 0rem;
    font-size: 1.5rem;
  }
}
.message_area dl dd a {
  color: #717171;
}
.message_area a.blank_link {
  text-decoration: underline;
  background-image: url(/static/images/semicon/link_blank_icon.svg);
  background-size: 1.3rem 1.1rem;
  background-position: right 0rem top 0.7rem;
}
.message_area a.blank_link:hover {
  text-decoration: none;
}

.clients_list_under {
  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;
  margin: 1.5rem 0 0 0;
}
@media (max-width: 768px) {
  .clients_list_under {
    margin: 0;
  }
}
.clients_list_under li {
  width: 24%;
  max-width: 21rem;
  border: 1px solid #EEEEEE;
  border-radius: 1rem;
  padding: 1.4rem 0;
  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;
  margin: 1.4rem 0 0 0;
}
@media (max-width: 768px) {
  .clients_list_under li {
    margin: 0.6rem 0 0 0;
    padding: 0.8rem 1.5rem;
    width: 32%;
  }
}
.clients_list_under li img {
  width: 100%;
  max-width: 15rem;
}

.clients_list_under::after {
  content: "";
  display: block;
  width: 24%;
  max-width: 21rem;
}
@media (max-width: 768px) {
  .clients_list_under::after {
    content: "";
    display: block;
    width: 32%;
  }
}

a.next_ar .arrow {
  --theme-color: currentColor;
  margin-left: 1rem;
  -webkit-transition: width 0.3s ease, margin 0.3s ease;
  transition: width 0.3s ease, margin 0.3s ease;
  color: var(--colorMain);
}
@media (max-width: 768px) {
  a.next_ar .arrow {
    margin-left: 3rem;
  }
}

@media (min-width: 769px) {
  a.next_ar:hover .arrow {
    color: #fff;
  }
  a.next_ar:hover .arrow {
    width: 2.2rem;
    margin-right: -0.9rem;
  }
}
.category_area {
  z-index: 1;
  position: relative;
}

.category_area .gridAnchor a.next_ar {
  padding: 0 3.5rem 0 3rem;
}
@media (max-width: 768px) {
  .category_area .gridAnchor a.next_ar {
    padding: 0 1rem 0 2rem;
  }
}

.category_area .gridAnchor a.next_ar::after {
  content: none;
}

@media (max-width: 768px) {
  .sp_extra_iner .extra_inr {
    width: calc(100% - 6rem);
    margin-left: auto;
    margin-right: auto;
  }
  .under_base.no_bgs.nt_mgn {
    padding-top: 8rem;
    margin-bottom: -8rem;
    -webkit-transform: translateY(-8rem);
            transform: translateY(-8rem);
  }
  .under_base_others.nt_mgn {
    padding-top: 8rem;
    margin-bottom: -8rem;
    -webkit-transform: translateY(-8rem);
            transform: translateY(-8rem);
    margin-top: 3rem;
  }
  .under_base_others.gray_base.last.nt_mgn {
    padding-top: 6rem;
    margin-bottom: -6rem;
    -webkit-transform: translateY(-6rem);
            transform: translateY(-6rem);
    /*
    margin-top:2rem;
    */
    background: none;
  }
  .flowWork.under_base.faq_area {
    position: relative;
    z-index: 1;
  }
  .inner.inner--pcS.sp_extra_iner.gray_inrs {
    background-color: #FAFAFA;
    width: calc(100% - 0rem);
    padding: 4rem 1rem 3rem 1rem;
    border-radius: 5rem 5rem 0 0;
  }
  /*
  .sp_extra_iner .mgn_btm{
      margin: -3rem 0 2.5rem 3rem;
  }
  */
}
@media screen and (min-width: 240px) and (max-width: 390px) {
  .three_block .f_box .numbers em {
    font-size: 4.6rem;
  }
}
.message_block .text div.btnSimple a .arrowss {
  margin: 0rem 0 0rem 1rem;
  background-image: url(/static/images/semicon/link_blank_icon.svg);
  background-size: 1.3rem 1.1rem;
  background-position: right 0rem top 0.1rem;
  width: 1.3rem;
  height: 1.2rem;
  background-repeat: no-repeat;
}

.message_block .text div.btnSimple a:hover .arrowss {
  margin: 0rem 0 0rem 1rem;
  background-image: url(/static/images/semicon/link_blank_icon_w.svg);
  background-size: 1.3rem 1.1rem;
  background-position: right 0rem top 0.1rem;
  width: 1.3rem;
  height: 1.2rem;
  background-repeat: no-repeat;
}

.two_block_last .f_box .f_boxs .numbers_01 em span {
  font-size: 2.1rem;
  color: #E94738;
  line-height: 1.619047619;
}

@media (max-width: 768px) {
  .two_block_last .f_box .f_boxs .numbers_01 {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .two_block_last .f_box .f_boxs .numbers_01 .ttl {
    text-align: center;
  }
  .two_block_last .f_box .f_boxs .numbers_02 .wd100 {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .two_block_last .f_box .f_boxs .numbers_02 .wd100 em {
    font-size: 4.6rem;
  }
}
.two_block_last .f_box .f_boxs .numbers_01 em .mgn_left {
  margin: 0 0 0 0.5rem;
}

.clients_list_under li.client_none {
  border: none;
}
.clients_list_under li.client_none img {
  display: none;
}
@media (max-width: 768px) {
  .clients_list_under li.client_none {
    display: none;
  }
}

.client_text {
  margin: 1rem 0 0 0;
  text-align: right;
  font-size: 1.4rem;
  line-height: 1.6;
}

/*---------20241211-----------*/
.about_img_01 {
  margin-top: 3rem;
}

.two_block .f_box .f_boxs.nodot {
  border: none;
  padding: 0;
}

.about_list {
  margin-top: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 768px) {
  .about_list {
    margin: 0 0 2rem 0;
  }
}

.about_list li {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #FFF;
  border-radius: 10rem;
  font-size: 1rem;
  line-height: 1.5;
  padding: 0.5rem 1.2rem;
  margin-right: 0.5rem;
}
@media (max-width: 768px) {
  .about_list li {
    font-size: 1rem;
    line-height: 1.5;
    margin-top: 0.5rem;
  }
}

.about_list li:last-child {
  margin-right: 0;
}

@media (max-width: 768px) {
  .two_block .f_box .extras {
    border: none;
    padding: 0;
  }
}
.two_block_last .f_box .f_boxs .numbers_01 .extra_text_01 {
  background: #E94738;
  color: #FFF;
}

.two_block_last .f_box .f_boxs .numbers_01 .ttl {
  margin-right: 0.5rem;
}

.two_block_last .f_box .f_boxs .numbers_01 .ttl {
  line-height: 1.3;
}

.two_block_last .f_box .f_boxs .numbers_01 .ttl {
  margin-bottom: 0.5rem;
}

.two_block_last .f_box .f_boxs .numbers_01 em span {
  letter-spacing: 0;
}

p.sub_t {
  color: #B5B5B5;
  font-size: 1.3rem;
  margin-top: 0.5rem;
}

.two_block_last .f_box .f_boxs {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.two_block_last .f_box .f_boxs .numbers_01,
.two_block_last .f_box .f_boxs .numbers_02 {
  width: 31rem;
}
@media (max-width: 768px) {
  .two_block_last .f_box .f_boxs .numbers_01,
  .two_block_last .f_box .f_boxs .numbers_02 {
    width: auto;
  }
}

.two_block_last .f_box .f_boxs .photos1,
.two_block_last .f_box .f_boxs .photos2 {
  width: auto;
  padding: 0;
}
@media (max-width: 768px) {
  .two_block_last .f_box .f_boxs .photos1,
  .two_block_last .f_box .f_boxs .photos2 {
    width: 17rem;
    margin: auto;
  }
}

.two_block_last .f_box .f_boxs .numbers_02 em {
  font-family: var(--fontEN);
  font-size: 6.3rem;
  line-height: 0.8;
  font-weight: 700;
  font-style: normal;
  color: #E94738;
  letter-spacing: -0.2rem;
  text-align: left;
}

.two_block_last .f_box .f_boxs .numbers_02 em span {
  letter-spacing: 0;
  font-size: 2.1rem;
  color: #E94738;
  line-height: 1.619047619;
}

@media (min-width: 769px) {
  .mlt {
    margin-left: 1rem;
  }
}
.sub_area {
  margin-top: 0.5rem;
  line-height: 1.5;
}
.sub_area small {
  color: #B5B5B5;
}

/*
.two_block_last .f_box.wd100{
    width: 100%;
    max-width: 100%;
}
*/
.two_block_last.case_one {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.landing .welfareBox__img.extra1 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.landing .welfareBox__copy.extra1 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.welfareBox.welfareBox--large.extra .welfareBox__col--center {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.two_block_last .f_box .f_boxs .photos2.extra img {
  width: 28rem;
}
@media (max-width: 768px) {
  .two_block_last .f_box .f_boxs .photos2.extra img {
    margin-top: 1rem;
    width: 100%;
  }
}

.two_block .f_box .ttl_2.extra_01 {
  background-image: url(/static/images/semicon/tl_icon_01.webp);
  background-size: 4.9rem 4.1rem;
  background-repeat: no-repeat;
  background-position: left top;
  padding: 0.5rem 0 0 5.5rem;
}

.two_block .f_box .ttl_2.extra_02 {
  background-image: url(/static/images/semicon/tl_icon_02.webp);
  background-size: 3.4rem 2.85rem;
  background-repeat: no-repeat;
  background-position: left top;
  padding: 0rem 0 0 4.5rem;
}

.category_area.work_list {
  margin: 3rem 0 0 0;
}
@media (max-width: 768px) {
  .category_area.work_list {
    margin: 2rem 0 0 0;
  }
}

@media (max-width: 768px) {
  .category_area.work_list .gridAnchor a {
    width: 100%;
  }
}

.work_gray, .work_gray2 {
  position: relative;
  padding: 6rem 0;
}
@media (max-width: 768px) {
  .work_gray, .work_gray2 {
    padding: 3.5rem 0;
  }
}

.work_gray::before {
  content: "";
  z-index: -1;
  background: #FAFAFA;
  position: absolute;
  top: 0;
  right: 5rem;
  bottom: 0;
  left: 0;
  border-radius: 0 5rem 5rem 0;
}
@media (max-width: 768px) {
  .work_gray::before {
    right: 0;
    border-radius: 0;
  }
}

.work_gray2::before {
  content: "";
  z-index: -1;
  background: #FAFAFA;
  position: absolute;
  top: 0;
  left: 5rem;
  bottom: 0;
  right: 0;
  border-radius: 5rem 0 0 5rem;
}
@media (max-width: 768px) {
  .work_gray2::before {
    left: 0;
    border-radius: 0;
  }
}

.work_list_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 768px) {
  .work_list_block {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.work_list_block .photo {
  width: 43.6rem;
}
@media (max-width: 768px) {
  .work_list_block .photo {
    width: 100%;
  }
}
.work_list_block .text_area {
  padding: 0 5rem 0 3rem;
  width: 64.5rem;
}
@media (max-width: 768px) {
  .work_list_block .text_area {
    width: 100%;
    padding: 0;
  }
}
.work_list_block .text_area h3 {
  font-size: 2.8rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.3571428571;
  margin: 0 0 2.4rem;
}
@media (max-width: 768px) {
  .work_list_block .text_area h3 {
    font-size: 2.1rem;
    margin: 2.5rem 0 1.6rem;
  }
}
.work_list_block .text_area p {
  margin: 0 0 2.4rem 0;
  color: #717171;
}
@media (max-width: 768px) {
  .work_list_block .text_area p {
    margin: 0 0 2.1rem 0;
  }
}

.work_list_block.next .photo {
  width: 43.6rem;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
@media (max-width: 768px) {
  .work_list_block.next .photo {
    width: 100%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.work_list_block.next .text_area {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  padding: 0 3rem 0 0rem;
  width: 64.5rem;
}
@media (max-width: 768px) {
  .work_list_block.next .text_area {
    width: 100%;
    padding: 0;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.work_list_block.next .text_area h3 {
  font-size: 2.8rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.3571428571;
  margin: 0 0 2.4rem;
}
@media (max-width: 768px) {
  .work_list_block.next .text_area h3 {
    font-size: 2.1rem;
    margin: 2.5rem 0 1.6rem;
  }
}
.work_list_block.next .text_area p {
  margin: 0 0 2.4rem 0;
  color: #717171;
}
@media (max-width: 768px) {
  .work_list_block.next .text_area p {
    margin: 0 0 2.1rem 0;
  }
}

.under_base_others.next_area {
  padding: 6rem 0;
}
@media (max-width: 768px) {
  .under_base_others.next_area {
    padding: 3.5rem 0;
  }
}

.under_base_others.next_area.past {
  padding: 6rem 0 7.2rem 0;
}
@media (max-width: 768px) {
  .under_base_others.next_area.past {
    padding: 3.5rem 0;
  }
}

.ttlHero.work_ttl {
  margin: 4rem 0 0 0;
}
@media (max-width: 768px) {
  .ttlHero.work_ttl {
    margin: 0;
  }
}

.leadRelation__list li a .arrow svg,
.leadRelation__list li a .arrow p,
.leadRelation__list li a .arrow::before {
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

.leadRelation__list li a:hover .arrow svg {
  right: -1rem;
}

.leadRelation__list li a:hover .arrow::before {
  width: calc(100% + 1rem);
}

.leadRelation__list li a:hover p {
  color: var(--colorMain);
}

.tag_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}
.tag_list li a {
  margin: 0.5rem 0 0.5rem 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #FAFAFA;
  padding: 0.85rem 1.5rem;
  border-radius: 10rem;
  font-size: 1.4rem;
  line-height: 1.4;
  font-weight: 400;
  /*
  cursor:pointer;
  */
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (max-width: 768px) {
  .tag_list li a {
    font-size: 1.2rem;
    line-height: 1.2;
    padding: 0.5rem 1rem;
    width: auto;
    margin: 0 0 0.5rem 0.5rem;
  }
}
.tag_list li.active a {
  color: #FFFFFF;
  background: #E84737;
}
.tag_list li a:hover {
  color: #FFFFFF;
  background: #E84737;
}

.tag_list.nohover li {
  cursor: auto;
}

.tag_list.nohover li:hover {
  background: #FAFAFA;
  color: #595757;
}

@media (max-width: 768px) {
  .tag_list.info_list {
    margin: 0.5rem 0 0 0;
  }
}
.tag_list.info_list li {
  margin: 0 1rem 0 0rem;
}
@media (max-width: 768px) {
  .tag_list.info_list li {
    margin: 0.5rem 0.5rem 0.5rem 0rem;
  }
}

.category_area.tag_area {
  margin: 0 0 0.5rem 0;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (max-width: 768px) {
  .category_area.tag_area {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

.category_area.tag_area.info_area {
  margin: 0 0 0rem 0;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (max-width: 768px) {
  .category_area.tag_area.info_area {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.category_area.tag_area:last-of-type {
  margin: 0;
}

.leadInterview2.interview_list {
  padding: 0;
}

.person_list_block {
  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;
  position: relative;
}

.person_list_block::after {
  content: "";
  display: block;
  width: 33rem;
}
@media (max-width: 768px) {
  .person_list_block::after {
    content: none;
  }
}

.person_list_block .cardInterview__text {
  font-size: 1.8rem;
  line-height: 1.8;
  letter-spacing: 0.03em;
}
@media (max-width: 768px) {
  .person_list_block .cardInterview__text {
    font-size: 1.6rem;
  }
}

.leadInterview2 .person_list_block .cardInterview {
  margin: 0 0 6rem 0;
}
@media (max-width: 768px) {
  .leadInterview2 .person_list_block .cardInterview {
    margin: 0 0 3rem 0;
    width: 100%;
  }
}

.sliderCards.person_list_block .sliderCards__controls {
  margin: 0rem auto 0;
}

.btnSimple.unders {
  position: relative;
}
@media (max-width: 768px) {
  .btnSimple.unders {
    margin: 0 auto 0;
  }
}

.btnSimple.unders::before {
  content: "";
  background-image: url(/static/images/semicon/link_under_icon.svg);
  background-size: 1.2rem 0.4rem;
  background-repeat: no-repeat;
  background-position: right 0rem top 0rem;
  width: 0.9rem;
  height: 0.4rem;
  z-index: 1;
  position: absolute;
  right: 2.7rem;
  top: 2.7rem;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.btnSimple.unders:hover::before {
  background-image: url(/static/images/semicon/link_under_icon_w.svg);
  background-size: 1.2rem 0.4rem;
  background-repeat: no-repeat;
  background-position: right 0rem top 0rem;
}

.special_area {
  background: #FAFAFA;
  border-radius: 1rem;
  margin: 7.2rem 0;
}
@media (max-width: 768px) {
  .special_area {
    margin: 3rem 0 4rem 0;
  }
}

.leadPeople__box.extra_spacial::before {
  content: none;
}

.leadPeople__box.extra_spacial {
  padding: 6rem;
}
@media (max-width: 768px) {
  .leadPeople__box.extra_spacial {
    padding: 4rem 2rem;
  }
}

.leadPeople__box.extra_spacial .leadPeople__ttlMain {
  font-size: 3.6rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: 1.4;
}
@media (max-width: 768px) {
  .leadPeople__box.extra_spacial .leadPeople__ttlMain {
    font-size: 2.4rem;
    line-height: 1.5;
    display: block;
    margin: 1rem 0 0;
  }
}

.leadPeople__box.extra_spacial .text {
  color: #717171;
  padding: 0 40rem 0 0;
  margin: 1rem 0 3rem 0;
}
@media (max-width: 768px) {
  .leadPeople__box.extra_spacial .text {
    padding: 1rem 2rem 0 2rem;
    margin: 0 0 2rem 0;
  }
}

@media (max-width: 768px) {
  .leadPeople__box.extra_spacial .btnSimple {
    margin: auto;
  }
  .leadPeople__box.extra_spacial .leadPeople__ttl {
    margin: 29.6rem 0 0rem;
  }
}
.leadPeople__box.extra_spacial::after {
  content: "";
  display: block;
  width: 37rem;
  height: 43.6rem;
  background: url(/static/images/semicon/img_people01.webp) center center/contain no-repeat;
  position: absolute;
  top: 4.6rem;
  right: 5rem;
}
@media (max-width: 768px) {
  .leadPeople__box.extra_spacial::after {
    width: 28.6rem;
    height: 34rem;
    top: 0rem;
    left: 0rem;
    right: 0;
    margin: 0 auto;
    background-image: url(/static/images/semicon/img_people01_sp.webp);
  }
}

@media (max-width: 768px) {
  .leadInterview2.interview_list.extra_sp .inner {
    width: 100%;
  }
}

/*
.person_text{
    padding:7rem 0 7rem 0;
    @include mixin.mq(sp) {
        padding:0rem 0 0 0;
        width: calc(100% - 8rem);
        top:-5rem;
        position: relative;
    }
}
*/
.person_text {
  position: absolute;
  width: 110rem;
  left: 0;
  right: 0;
  margin: auto;
  padding: 0px 0 15rem 0;
}
@media (max-width: 768px) {
  .person_text {
    width: 100%;
    padding: 0;
    position: relative;
    left: auto;
    right: auto;
  }
}

.person_text span {
  background: #E84737;
  border-radius: 0.5rem;
  color: #FFF;
  font-size: 1.4rem;
  line-height: 1.5;
  padding: 0.5rem 1.5rem;
  margin: 0 0 1rem 0;
  display: inline-block;
}
@media (max-width: 768px) {
  .person_text span {
    font-size: 1.2rem;
    line-height: 1.3;
  }
}

h1.person_h1 {
  font-size: 3.4rem;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0.04em;
  z-index: 1;
  position: relative;
}
@media (max-width: 768px) {
  h1.person_h1 {
    font-size: 2.1rem;
    max-width: 100%;
    /*
    white-space: nowrap;
    */
    text-align: left;
  }
}

.person_text .name {
  color: #9B9B9B;
  font-size: 1.4rem;
  font-weight: 400;
  margin: 2rem 0 0 0;
}
@media (max-width: 768px) {
  .person_text .name {
    font-size: 1.3rem;
    margin: 1.5rem 0 0 0;
  }
}
.person_text .name em {
  font-size: 1.8rem;
  font-weight: 500;
  font-style: normal;
  display: inline-block;
  color: #595757;
  margin-right: 2rem;
}
@media (max-width: 768px) {
  .person_text .name em {
    font-size: 1.5rem;
    margin-right: 1.5rem;
  }
}

.person_main_photo {
  position: relative;
  margin-top: -10rem;
  /*
  right:0;
  top:-9.5rem;
  bottom:0;
  */
  width: 50%;
}
@media (max-width: 768px) {
  .person_main_photo {
    top: -6rem;
    position: relative;
    width: 100%;
    top: auto;
    margin-top: 0;
  }
}
.person_main_photo figure {
  margin-left: auto;
  /*
  width: 50%;
  width:auto;
  height:65rem;
  */
  height: 73rem;
  overflow: hidden;
}
.person_main_photo figure img {
  width: 100%;
  /*
  max-width: 68rem;
  */
  max-width: 90rem;
  margin-left: auto;
}
@media (max-width: 768px) {
  .person_main_photo figure img {
    margin-top: 2rem;
  }
}
@media (max-width: 768px) {
  .person_main_photo figure {
    width: 100%;
    overflow: hidden;
    height: 27rem;
    margin: -5rem 0 0 0;
  }
}

@media (max-width: 768px) {
  .person_text {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .person_main_photo {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.inner.inner_11 {
  width: 110rem;
}
@media (max-width: 768px) {
  .inner.inner_11 {
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.flowWork.person_main_block {
  background-color: unset;
  /*
  background-image: url(/static/images/semicon/person_bg_01.svg);
  background-repeat: no-repeat;
  background-position:left 0 top 0;
  */
}
@media (max-width: 768px) {
  .flowWork.person_main_block {
    background-color: unset;
    background-color: #FAFAFA;
    top: 0rem;
  }
}

.sliderCards__controls.person_list_btn {
  margin: 0rem auto 0;
}
@media (max-width: 768px) {
  .sliderCards__controls.person_list_btn {
    margin: 0rem auto 0;
  }
}

.sliderCards.person_list_block::after {
  content: "";
  display: block;
  width: 33rem;
}
@media (max-width: 768px) {
  .sliderCards.person_list_block::after {
    content: none;
  }
}

.inner--pcS.person_tag {
  width: 100rem;
}
@media (max-width: 768px) {
  .inner--pcS.person_tag {
    width: calc(100% - 8rem);
  }
}
.inner--pcS.person_tag li {
  margin: 0.5rem 1rem 0.5rem 0rem;
}

.person_detail {
  background-color: #fff;
  /*
  .wp-block-image:first-of-type{
      margin:0rem 0 4rem 0;
      @include mixin.mq(sp) {
          margin:0rem 0 3rem 0;
      }
  }
  */
  /*
  blockquote{
      background:#FAFAFA;
      border-radius: 1rem;
      padding:3rem;
      margin:3rem 0;
      @include mixin.mq(sp) {
          padding:2rem;
          margin:2rem 0;
      }
  }
  */
  /*
  .wp-block-columns {
      flex-wrap: nowrap!important;
  }
  */
  /*
  h2.wp-block-heading:first-of-type{
      font-size:3.4rem;
      border:none;
      padding:0;
      margin:0rem 0 3rem 0;
      @include mixin.mq(sp) {
          font-size:2.4rem;
          border:none;
          padding:0;
          margin:0 0 2rem 0;
      }
  }
  */
  /*
  .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow P{
      width: 100%;
  }
  */
}
.person_detail img {
  border-radius: 2rem;
}
@media (max-width: 768px) {
  .person_detail {
    position: relative;
    /*
    top: -6rem;
    */
  }
}
.person_detail .person_inr {
  width: 100rem;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 768px) {
  .person_detail .person_inr {
    width: calc(100% - 8rem);
  }
}
.person_detail p {
  margin: 0 0 3rem 0;
}
@media (max-width: 768px) {
  .person_detail p {
    margin: 0 0 2rem 0;
  }
}
@media (max-width: 768px) {
  .person_detail p:last-of-type {
    margin: 0;
  }
}
.person_detail .wp-block-image {
  margin: 8rem 0 4rem 0;
}
@media (max-width: 768px) {
  .person_detail .wp-block-image {
    margin: 4rem 0 3rem 0;
  }
}
.person_detail p {
  margin: 0rem 0 3rem 0;
}
@media (max-width: 768px) {
  .person_detail p {
    margin: 0rem 0 2rem 0;
  }
}
.person_detail hr {
  margin: 5rem 0;
  color: #DCDCDC;
}
@media (max-width: 768px) {
  .person_detail hr {
    margin: 3rem 0;
  }
}
.person_detail h3 {
  font-size: 2.1rem;
  margin: 5rem 0 3rem 0;
  font-weight: 500;
}
@media (max-width: 768px) {
  .person_detail h3 {
    font-size: 1.8rem;
    margin: 4rem 0 1.5rem 0;
    font-weight: 500;
  }
}
.person_detail h1 {
  font-size: 3.6rem;
  line-height: 1.5;
  font-weight: 500;
  margin: 3rem 0 2rem 0;
}
@media (max-width: 768px) {
  .person_detail h1 {
    font-size: 2.2rem;
    margin: 2rem 0 2rem 0;
  }
}
.person_detail h2 {
  font-size: 2.4rem;
  line-height: 1.6;
  border-left: 4px solid #E84737;
  padding: 0 0 0 2rem;
  margin: 5rem 0 3rem 0;
  font-weight: 500;
}
@media (max-width: 768px) {
  .person_detail h2 {
    font-size: 2.1rem;
    margin: 4rem 0 1.5rem 0;
    font-weight: 500;
  }
}
.person_detail h4, .person_detail h5, .person_detail h6 {
  font-size: 1.8rem;
  margin: 5rem 0 3rem 0;
  font-weight: 500;
}
@media (max-width: 768px) {
  .person_detail h4, .person_detail h5, .person_detail h6 {
    font-size: 1.6rem;
    margin: 4rem 0 1.5rem 0;
    font-weight: 500;
  }
}
.person_detail ol {
  margin: 3rem 0;
  list-style: none;
  counter-reset: number;
}
@media (max-width: 768px) {
  .person_detail ol {
    margin: 2rem 0;
  }
}
.person_detail ol li {
  position: relative;
  padding-left: 1.8em;
  margin: 0 0 0.5rem 0;
}
.person_detail ol li:last-child {
  margin: 0;
}
.person_detail ol li::before {
  counter-increment: number;
  content: counter(number);
  position: absolute;
  top: 0.7rem;
  left: 0;
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
  font-size: 10px;
  text-align: center;
  line-height: 1.2;
  background: #E94738;
  color: #FFF;
  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;
}
.person_detail ul {
  margin: 3rem 0;
  list-style: none;
}
@media (max-width: 768px) {
  .person_detail ul {
    margin: 2rem 0;
  }
}
.person_detail ul li {
  padding-left: 1.2em;
  background: url(/static/images/semicon/icon_img_01.png) left 1.5rem no-repeat;
  background-size: 0.3rem 0.3rem;
  margin: 0 0 0.5rem 0;
}
.person_detail ul li:last-child {
  margin: 0;
}
.person_detail table {
  width: 100%;
  border: 1px solid #E6E6E6;
}
.person_detail table th {
  background: #FAFAFA;
  font-weight: 500;
  padding: 1rem;
  border: 1px solid #E6E6E6;
}
.person_detail table td {
  padding: 1rem;
  border: 1px solid #E6E6E6;
}
.person_detail blockquote {
  position: relative;
  color: #9C9C9C !important;
  padding: 0 2rem;
  margin: 3rem 0;
  display: inline-block;
  font-size: 1.6rem;
}
@media (max-width: 768px) {
  .person_detail blockquote {
    margin: 2rem 0;
    font-size: 1.5rem;
  }
}
.person_detail blockquote p {
  margin: 0;
}
.person_detail blockquote:before {
  content: "“ ";
  left: 0;
  top: 0;
  position: absolute;
}
.person_detail blockquote:after {
  content: " ” ";
  position: absolute;
  right: 0;
  top: 0;
}
.person_detail a {
  text-decoration: underline;
}
.person_detail a:hover {
  text-decoration: none;
}
.person_detail .is-content-justification-center {
  text-align: center;
}
.person_detail .is-content-justification-right {
  text-align: right;
}
.person_detail .wp-element-caption {
  color: #B5B5B5;
  font-size: 1.3rem;
  margin: 1rem 0 0 0;
}
@media (max-width: 768px) {
  .person_detail .wp-element-caption {
    font-size: 1.1rem;
    text-align: center;
  }
}
.person_detail .alignright img {
  margin-left: auto;
}
@media (max-width: 768px) {
  .person_detail .alignright img {
    margin: auto;
  }
}
.person_detail .alignright .wp-element-caption {
  text-align: right;
}
@media (max-width: 768px) {
  .person_detail .alignright .wp-element-caption {
    text-align: center;
  }
}
.person_detail .wp-block-image {
  margin: 4rem 0 4rem 0;
}
@media (max-width: 768px) {
  .person_detail .wp-block-image {
    margin: 2rem 0 2rem 0;
  }
}
.person_detail .wp-block-image img {
  border-radius: 2rem;
}
@media (max-width: 768px) {
  .person_detail .wp-block-image img {
    width: 100% !important;
    height: auto !important;
  }
}
.person_detail .wp-block-cover img {
  border-radius: 2rem;
}
.person_detail .wp-block-button__link {
  color: #595757;
  background-color: #F1F1F1;
  border-radius: 9999px;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-decoration: none;
  padding: 1rem 2rem;
  font-size: 1.5rem;
  line-height: 1.5;
  margin: 0 0 1rem 0;
}
.person_detail .wp-block-button__link:hover {
  background: #595757;
  color: #FFF;
}
.person_detail .wp-block-columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .person_detail .wp-block-columns {
    gap: 1rem;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.person_detail .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: unset;
      -ms-flex-positive: unset;
          flex-grow: unset;
}
.person_detail .wp-block-columns.is-layout-flex.wp-block-columns-is-layout-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 768px) {
  .person_detail .wp-block-columns.is-layout-flex.wp-block-columns-is-layout-flex {
    gap: 1rem;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.person_detail .wp-block-columns.is-layout-flex.wp-block-columns-is-layout-flex .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow {
  /*
  flex: 1;
  */
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  -webkit-box-flex: unset;
  -ms-flex-positive: unset;
  flex-grow: unset;
  /*x
  width:50rem;
  */
}
@media (max-width: 768px) {
  .person_detail .wp-block-columns.is-layout-flex.wp-block-columns-is-layout-flex .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    width: 100%;
  }
}

.person_detail .wp-block-columns.is-layout-flex.wp-block-columns-is-layout-flex .wp-block-image {
  margin: 0;
}
.person_detail .wp-block-columns {
  margin: 4rem 0 4rem 0;
}
@media (max-width: 768px) {
  .person_detail .wp-block-columns {
    margin: 4rem 0 4rem 0;
  }
}
.person_detail .wp-block-columns.is-layout-flex.wp-container-6.wp-block-columns-is-layout-flex {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.person_detail .wp-block-group {
  background: #FAFAFA;
  padding: 5rem;
  border-radius: 2rem;
  margin: 4rem 0 4rem 0;
}
@media (max-width: 768px) {
  .person_detail .wp-block-group {
    margin: 4rem 0 4rem 0;
    padding: 2rem;
  }
}
.person_detail .wp-block-group p:last-of-type {
  margin: 0;
}
.person_detail .wp-block-table thead {
  border: none;
}
.person_detail .inner--pcS {
  width: 100rem;
}
@media (max-width: 768px) {
  .person_detail .inner--pcS {
    width: calc(100% - 8rem);
  }
}
.person_detail h2.wp-block-heading {
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0.04em;
  margin: 5rem 0 3rem 0;
}
@media (max-width: 768px) {
  .person_detail h2.wp-block-heading {
    font-size: 2.1rem;
    margin: 4rem 0 4rem 0;
  }
}
.person_detail .wp-block-columns .wp-block-column p {
  width: 45rem;
}
@media (max-width: 768px) {
  .person_detail .wp-block-columns .wp-block-column p {
    width: 100%;
  }
}

.discussion_area.day_info.person {
  width: 110rem;
  padding: 3rem 5rem 7.2rem 5rem;
  margin-left: auto;
  margin-right: auto;
  border: none;
}
@media (max-width: 768px) {
  .discussion_area.day_info.person {
    width: 100%;
    padding: 3rem 0 4rem 0;
    border: none;
  }
}

.flowWork.person_main_block.person_detail_block {
  padding: 7.2rem 0 3rem;
}
@media (max-width: 768px) {
  .flowWork.person_main_block.person_detail_block {
    padding: 3rem 0 2rem 0;
  }
}

.leadInterview2.person_border {
  border-top: 1px solid #DCDCDC;
}

.hero__textarea.person_text .text_areas {
  width: 50rem;
}
@media (max-width: 768px) {
  .hero__textarea.person_text .text_areas {
    width: 100%;
  }
}

.hero.person_detail_left {
  padding: 0;
}

.hero.person_detail_left .inner.inner_11 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}

.flowWork.person_main_block.person_detail_block.mgn {
  margin: -10rem 0 0 0;
}
@media (max-width: 768px) {
  .flowWork.person_main_block.person_detail_block.mgn {
    margin: 0;
  }
}

@media (max-width: 768px) {
  .hero__textarea.person_text {
    padding: 2rem 4rem;
  }
}
.cardInfo.info_list_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}

.cardInfo.info_list_block a {
  padding: 0;
  background: none;
  max-width: 33rem;
  margin: 0 0 6rem 0;
}
@media (max-width: 768px) {
  .cardInfo.info_list_block a {
    width: 100%;
    margin: 0 0 4rem 0;
  }
}

.cardInfo.info_list_block::after {
  content: "";
  display: block;
  width: 33rem;
}
@media (max-width: 768px) {
  .cardInfo.info_list_block::after {
    content: none;
  }
}

@media (max-width: 768px) {
  .cardInfo.info_list_block .cardInfo__img {
    width: 10.5rem;
    border-radius: 0;
  }
  .cardInfo.info_list_block .cardInfo__img img {
    border-radius: 0.6rem;
    -webkit-transform: none;
            transform: none;
  }
}
.cardInfo.info_list_block .text_area {
  margin: 0;
}
@media (max-width: 768px) {
  .cardInfo.info_list_block .text_area {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 0 1rem;
  }
}
.cardInfo.info_list_block .text_area .cate_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 768px) {
  .cardInfo.info_list_block .text_area .cate_block {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.cardInfo.info_list_block .text_area .cate_block ul {
  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;
  gap: 0.5rem;
}
@media (max-width: 768px) {
  .cardInfo.info_list_block .text_area .cate_block ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.cardInfo.info_list_block .text_area .cate_block ul li {
  font-size: 1.2rem;
  background: #F5F7F8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 10rem;
  /*
  margin-right:0.3rem;
  */
  padding: 0.2rem 1rem;
  color: #E94738;
}
@media (max-width: 768px) {
  .cardInfo.info_list_block .text_area .cate_block ul li {
    font-size: 1rem;
    padding: 0.1rem 0.6rem;
  }
}
.cardInfo.info_list_block .text_area .cate_block .days {
  font-family: var(--fontEN);
  color: #C2BEBE;
  font-size: 1.2rem;
  font-weight: 700;
}
@media (max-width: 768px) {
  .cardInfo.info_list_block .text_area .cate_block .days {
    font-size: 1rem;
  }
}
.cardInfo.info_list_block .text_area p {
  font-size: 1.8rem;
  font-weight: 500;
  margin: 1.5rem 0 0 0;
}
@media (max-width: 768px) {
  .cardInfo.info_list_block .text_area p {
    font-size: 1.3rem;
    margin: 0.5rem 0 0 0;
  }
}

@media (max-width: 768px) {
  .cardInfo.info_list_block .cardInfo__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.numb_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.numb_list .back a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #FAFAFA url(/static/images/semicon/back_icon.svg) left 2rem center no-repeat;
  font-size: 1.5rem;
  padding: 0.8rem 2rem 0.8rem 4rem;
  border-radius: 10rem;
  font-weight: 500;
}
@media (max-width: 768px) {
  .numb_list .back a {
    font-size: 1.3rem;
    padding: 0.3rem 1.5rem 0.3rem 2rem;
    background: #FAFAFA url(/static/images/semicon/back_icon.svg) left 1rem center no-repeat;
  }
}
.numb_list .back a:hover {
  background: #E84737 url(/static/images/semicon/back_icon_w.svg) left 2rem center no-repeat;
  color: #FFF;
}
.numb_list .next a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #FAFAFA url(/static/images/semicon/next_icon.svg) right 2rem center no-repeat;
  font-size: 1.5rem;
  padding: 0.8rem 4rem 0.8rem 2rem;
  border-radius: 10rem;
  font-weight: 500;
}
@media (max-width: 768px) {
  .numb_list .next a {
    font-size: 1.3rem;
    padding: 0.3rem 2rem 0.3rem 1.5rem;
    background: #FAFAFA url(/static/images/semicon/next_icon.svg) right 1rem center no-repeat;
  }
}
.numb_list .next a:hover {
  background: #E84737 url(/static/images/semicon/next_icon_w.svg) right 2rem center no-repeat;
  color: #FFF;
}
.numb_list .navi ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.numb_list .navi ul li {
  margin: 0 0.5rem;
}
@media (max-width: 768px) {
  .numb_list .navi ul li {
    margin: 0 0.2rem;
  }
}
.numb_list .navi ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #FAFAFA;
  font-size: 1.5rem;
  padding: 0.8rem;
  border-radius: 10rem;
  font-weight: 500;
  width: 4.6rem;
  height: 4.6rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 768px) {
  .numb_list .navi ul li a {
    font-size: 1.3rem;
    width: 3.2rem;
    height: 3.2rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.numb_list .navi ul li a:hover {
  background: #E84737;
  color: #FFF;
}
.numb_list .navi ul li span.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #FAFAFA;
  font-size: 1.5rem;
  padding: 0.8rem;
  border-radius: 10rem;
  font-weight: 500;
  width: 4.6rem;
  height: 4.6rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #E84737;
  color: #FFF;
}
@media (max-width: 768px) {
  .numb_list .navi ul li span.active {
    font-size: 1.3rem;
    width: 3.2rem;
    height: 3.2rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.under_base.numberling {
  margin: 0 0 7.2rem 0;
}
@media (max-width: 768px) {
  .under_base.numberling {
    margin: 0 0 2.5rem 0;
  }
}

.under_base.numberling::after {
  content: none;
}

.hero.information_head {
  padding: 0;
}

@media (max-width: 768px) {
  .under_base.numberling .inner {
    width: calc(100% - 4rem);
  }
}
.information_area {
  padding: 7.2rem 0 0 0;
}
@media (max-width: 768px) {
  .information_area {
    padding: 3rem 0 0 0;
  }
}
.information_area .category_days {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 768px) {
  .information_area .category_days {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 2rem 0 1rem 0;
  }
}
.information_area .category_days li {
  margin: 0.5rem 1rem 0.5rem 0rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #E84737;
  color: #FFF;
  padding: 0.85rem 1.5rem;
  border-radius: 10rem;
  font-size: 1.4rem;
  line-height: 1.4;
  font-weight: 400;
}
@media (max-width: 768px) {
  .information_area .category_days li {
    font-size: 1.2rem;
    line-height: 1.2;
    padding: 0.5rem 1rem;
    width: auto;
    margin: 0 0.5rem 0.5rem 0;
  }
}
.information_area .category_days li.days {
  margin: 0.5rem 0 0.5rem 0rem;
  background: none;
  color: #C2BEBE;
  font-family: var(--fontEN);
  font-weight: 700;
}
@media (max-width: 768px) {
  .information_area .category_days li.days {
    width: 100%;
    margin: 1rem 0 0 0;
    padding: 0;
  }
}
.information_area h1 {
  font-size: 3.4rem;
  line-height: 1.5;
  font-weight: 500;
  margin: 3rem 0 2rem 0;
}
@media (max-width: 768px) {
  .information_area h1 {
    font-size: 2.4rem;
    margin: 2rem 0 2rem 0;
  }
}
.information_area .sns_area {
  background: #FAFAFA;
  border-radius: 2.5rem;
  text-align: center;
  padding: 3rem;
}
@media (max-width: 768px) {
  .information_area .sns_area {
    padding: 2rem;
  }
}
.information_area .sns_area .ttl {
  background: url(/static/images/semicon/sns_bg.svg) left center no-repeat, url(/static/images/semicon/sns_bg.svg) right center no-repeat;
  padding: 0 15rem;
  font-family: var(--fontEN);
  font-weight: 700;
  margin: 0 0 1rem 0;
  display: inline-block;
  color: #595757;
  font-size: 2.4rem;
}
@media (max-width: 768px) {
  .information_area .sns_area .ttl {
    margin: 0 0 0.2rem 0;
    font-size: 1.8rem;
    padding: 0 5rem;
    background: url(/static/images/semicon/sns_bg.svg) left center no-repeat, url(/static/images/semicon/sns_bg.svg) right center no-repeat;
    background-size: 4rem 0.2rem, 4rem 0.2rem;
  }
}
.information_area .sns_area ul {
  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;
}
.information_area .sns_area ul li {
  background: none;
  margin: 0 0.5rem;
  padding: 0;
}
@media (max-width: 768px) {
  .information_area .sns_area ul li {
    margin: 0 0.25rem;
  }
}
.information_area .sns_area ul li a:hover {
  opacity: 0.7;
}
.information_area .sns_area ul li.x a {
  background: #0F1419;
  text-align: center;
  border-radius: 10rem;
  padding: 1rem 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 768px) {
  .information_area .sns_area ul li.x a {
    padding: 1rem 2.5rem;
  }
}
.information_area .sns_area ul li.line a {
  background: #06C152;
  text-align: center;
  border-radius: 10rem;
  padding: 1rem 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 768px) {
  .information_area .sns_area ul li.line a {
    padding: 1rem 2.5rem;
  }
}
.information_area .sns_area ul li.facebook a {
  background: #1773EA;
  text-align: center;
  border-radius: 10rem;
  padding: 1rem 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 768px) {
  .information_area .sns_area ul li.facebook a {
    padding: 1rem 2.5rem;
  }
}
.information_area table {
  border: 1px solid #E6E6E6;
}
.information_area table th {
  background: #FAFAFA;
  font-weight: 500;
  text-align: center;
}
.information_area table td {
  text-align: center;
}
.information_area h2 {
  font-size: 2.4rem;
  line-height: 1.6;
  border-left: 4px solid #E84737;
  padding: 0 0 0 2rem;
  margin: 5rem 0 3rem 0;
  font-weight: 500;
}
@media (max-width: 768px) {
  .information_area h2 {
    font-size: 2.1rem;
    margin: 4rem 0 1.5rem 0;
    font-weight: 500;
  }
}

.cardInfo a.link-none {
  pointer-events: none;
}

.cardInfo__tags {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem;
}
@media (max-width: 768px) {
  .cardInfo__tags {
    gap: 0.5rem;
  }
}

.cardInfo__tags li {
  width: auto;
  padding: 0.5rem 1.2rem;
  line-height: 1.2;
}

.information_area p {
  margin: 0rem 0 3rem 0;
}
@media (max-width: 768px) {
  .information_area p {
    margin: 0rem 0 2rem 0;
  }
}
.information_area hr {
  margin: 5rem 0;
  color: #DCDCDC;
}
@media (max-width: 768px) {
  .information_area hr {
    margin: 3rem 0;
  }
}
.information_area h3 {
  font-size: 2.1rem;
  margin: 5rem 0 3rem 0;
  font-weight: 500;
}
@media (max-width: 768px) {
  .information_area h3 {
    font-size: 1.8rem;
    margin: 4rem 0 1.5rem 0;
    font-weight: 500;
  }
}
.information_area h4, .information_area h5, .information_area h6 {
  font-size: 1.8rem;
  margin: 5rem 0 3rem 0;
  font-weight: 500;
}
@media (max-width: 768px) {
  .information_area h4, .information_area h5, .information_area h6 {
    font-size: 1.6rem;
    margin: 4rem 0 1.5rem 0;
    font-weight: 500;
  }
}
.information_area ol {
  margin: 3rem 0;
  list-style: none;
  counter-reset: number;
}
@media (max-width: 768px) {
  .information_area ol {
    margin: 2rem 0;
  }
}
.information_area ol li {
  position: relative;
  padding-left: 1.8em;
  margin: 0 0 0.5rem 0;
}
.information_area ol li:last-child {
  margin: 0;
}
.information_area ol li::before {
  counter-increment: number;
  content: counter(number);
  position: absolute;
  top: 0.7rem;
  left: 0;
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
  font-size: 10px;
  text-align: center;
  line-height: 1.2;
  background: #E94738;
  color: #FFF;
  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;
}
.information_area ul {
  margin: 3rem 0;
  list-style: none;
}
@media (max-width: 768px) {
  .information_area ul {
    margin: 2rem 0;
  }
}
.information_area ul li {
  padding-left: 1.2em;
  background: url(/static/images/semicon/icon_img_01.png) left 1.5rem no-repeat;
  background-size: 0.3rem 0.3rem;
  margin: 0 0 0.5rem 0;
}
.information_area ul li:last-child {
  margin: 0;
}
.information_area table {
  width: 100%;
  border: 1px solid #E6E6E6;
}
.information_area table th {
  background: #FAFAFA;
  font-weight: 500;
  padding: 1rem;
  border: 1px solid #E6E6E6;
}
.information_area table td {
  padding: 1rem;
  border: 1px solid #E6E6E6;
}
.information_area blockquote {
  position: relative;
  color: #9C9C9C;
  padding: 0 2rem;
  margin: 3rem 0;
  display: inline-block;
}
@media (max-width: 768px) {
  .information_area blockquote {
    margin: 2rem 0;
  }
}
.information_area blockquote p {
  margin: 0;
}
.information_area blockquote:before {
  content: "“ ";
  left: 0;
  top: 0;
  position: absolute;
}
.information_area blockquote:after {
  content: " ” ";
  position: absolute;
  right: 0;
  top: 0;
}
.information_area a {
  text-decoration: underline;
}
.information_area a:hover {
  text-decoration: none;
}
.information_area .is-content-justification-center {
  text-align: center;
}
.information_area .is-content-justification-right {
  text-align: right;
}
.information_area .wp-element-caption {
  color: #B5B5B5;
  font-size: 1.3rem;
  margin: 1rem 0 0 0;
}
@media (max-width: 768px) {
  .information_area .wp-element-caption {
    font-size: 1.1rem;
    text-align: center;
  }
}
.information_area .alignright img {
  margin-left: auto;
}
@media (max-width: 768px) {
  .information_area .alignright img {
    margin: auto;
  }
}
.information_area .alignright .wp-element-caption {
  text-align: right;
}
@media (max-width: 768px) {
  .information_area .alignright .wp-element-caption {
    text-align: center;
  }
}
.information_area .wp-block-image {
  margin: 4rem 0 0rem 0;
}
@media (max-width: 768px) {
  .information_area .wp-block-image {
    margin: 2rem 0 0rem 0;
  }
}
.information_area .wp-block-image img {
  border-radius: 2rem;
}
@media (max-width: 768px) {
  .information_area .wp-block-image img {
    width: 100% !important;
    height: auto !important;
  }
}
.information_area .wp-block-cover img {
  border-radius: 2rem;
}
.information_area .wp-block-button__link {
  color: #595757;
  background-color: #F1F1F1;
  border-radius: 9999px;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-decoration: none;
  padding: 1rem 2rem;
  font-size: 1.5rem;
  line-height: 1.5;
  margin: 0 0 1rem 0;
}
.information_area .wp-block-button__link:hover {
  background: #595757;
  color: #FFF;
}
.information_area .wp-block-columns.is-layout-flex.wp-block-columns-is-layout-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 768px) {
  .information_area .wp-block-columns.is-layout-flex.wp-block-columns-is-layout-flex {
    gap: 1rem;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.information_area .wp-block-columns.is-layout-flex.wp-block-columns-is-layout-flex .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow {
  /*
  flex: 1;
  */
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: unset;
      -ms-flex-positive: unset;
          flex-grow: unset;
  /*x
  width:50rem;
  */
}
@media (max-width: 768px) {
  .information_area .wp-block-columns.is-layout-flex.wp-block-columns-is-layout-flex .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    width: 100%;
  }
}
.information_area .wp-block-columns p {
  width: 45rem;
}
@media (max-width: 768px) {
  .information_area .wp-block-columns p {
    width: 100%;
  }
}
.information_area .wp-block-columns p.extra_columns {
  width: 100%;
}
.information_area .wp-block-columns.is-layout-flex.wp-block-columns-is-layout-flex .wp-block-image {
  margin: 0;
}
.information_area .wp-block-columns {
  margin: 4rem 0 4rem 0;
}
@media (max-width: 768px) {
  .information_area .wp-block-columns {
    margin: 4rem 0 4rem 0;
  }
}
.information_area .wp-block-columns.is-layout-flex.wp-container-6.wp-block-columns-is-layout-flex {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.information_area .wp-block-group {
  background: #FAFAFA;
  padding: 5rem;
  border-radius: 2rem;
  margin: 4rem 0 4rem 0;
}
@media (max-width: 768px) {
  .information_area .wp-block-group {
    margin: 4rem 0 4rem 0;
    padding: 2rem;
  }
}
.information_area .wp-block-group p:last-of-type {
  margin: 0;
}
.information_area .wp-block-table thead {
  border: none;
}
.information_area .inner--pcS {
  width: 100rem;
}
@media (max-width: 768px) {
  .information_area .inner--pcS {
    width: calc(100% - 8rem);
  }
}

.information_area p.has-background {
  padding: 1.25em 2.375em;
}

.training_area h3 {
  background: #595757;
  color: #FFF;
  font-size: 2.8rem;
  line-height: 1.5;
  font-weight: 500;
  border-radius: 0.5rem;
  position: relative;
  padding: 0.6rem 1rem 0.6rem 5rem;
}
@media (max-width: 768px) {
  .training_area h3 {
    font-size: 1.6rem;
    padding: 1rem 1.5rem 1rem 2em;
    line-height: 1.5;
  }
}
.training_area h3.first::after {
  content: "1.";
  position: absolute;
  left: 2rem;
  top: 0.5rem;
}
@media (max-width: 768px) {
  .training_area h3.first::after {
    font-size: 1.6rem;
    left: 1.5rem;
    top: 1rem;
  }
}
.training_area h3.second::after {
  content: "2.";
  position: absolute;
  left: 2rem;
  top: 0.5rem;
}
@media (max-width: 768px) {
  .training_area h3.second::after {
    font-size: 1.6rem;
    left: 1.5rem;
    top: 1rem;
  }
}
.training_area h3.third::after {
  content: "3.";
  position: absolute;
  left: 2rem;
  top: 0.5rem;
}
@media (max-width: 768px) {
  .training_area h3.third::after {
    font-size: 1.6rem;
    left: 1.5rem;
    top: 1rem;
  }
}
.training_area h3.four::after {
  content: "4.";
  position: absolute;
  left: 2rem;
  top: 0.5rem;
}
@media (max-width: 768px) {
  .training_area h3.four::after {
    font-size: 1.6rem;
    left: 1.5rem;
    top: 1rem;
  }
}

.training_area .cont_block_001.extra_02 {
  margin: 5rem 0 4rem 0;
}
@media (max-width: 768px) {
  .training_area .cont_block_001.extra_02 {
    margin: 3rem 0 3rem 0;
  }
}

.training_area .cont_block_001 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 3rem 0 0 0;
}
@media (max-width: 768px) {
  .training_area .cont_block_001 {
    margin: 2rem 0 0 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.training_area .cont_block_001 .text_area {
  width: 48rem;
}
@media (max-width: 768px) {
  .training_area .cont_block_001 .text_area {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: 100%;
    margin: 1.5rem 0 0 0;
  }
}
.training_area .cont_block_001 .text_area em {
  background: #F6F6F6;
  font-size: 1.5rem;
  padding: 0.6rem 1.5rem;
  border-radius: 10rem;
  font-style: normal;
}
@media (max-width: 768px) {
  .training_area .cont_block_001 .text_area em {
    font-size: 1.2rem;
  }
}
.training_area .cont_block_001 .text_area h4 {
  font-size: 2.8rem;
  letter-spacing: 0.02em;
  line-height: 1.8;
  font-weight: 500;
  margin: 1rem 0 1.5rem 0;
}
@media (max-width: 768px) {
  .training_area .cont_block_001 .text_area h4 {
    font-size: 1.88rem;
  }
}
.training_area .cont_block_001 .text_area h4.sp_extra {
  text-align: left;
  position: relative;
}
.training_area .cont_block_001 .text_area p {
  color: #717171;
}
.training_area .cont_block_001 .text_area p span {
  font-size: 1.3rem;
  color: #949494;
  line-height: 1.8;
  display: inline-block;
}
@media (max-width: 768px) {
  .training_area .cont_block_001 .text_area p span {
    display: inline-block;
  }
}
.training_area .cont_block_001 .text_area.extra {
  width: 60rem;
}
.training_area .cont_block_001 .photo_area {
  width: 56.2rem;
  font-size: 1.3rem;
  color: #949494;
  text-align: right;
}
.training_area .cont_block_001 .photo_area img {
  margin: 0 0 0.5rem 0;
}
.training_area .cont_block_001 .photo_area p {
  font-size: 1.4rem;
  color: #717171;
  width: 33.6rem;
  text-align: left;
  margin-left: auto;
  margin-top: 1rem;
}
@media (max-width: 768px) {
  .training_area .cont_block_001 .photo_area {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 100%;
    font-size: 1.1rem;
  }
}
.training_area .cont_block_001 .photo_area.extra {
  width: 43rem;
}

.training_area .training_gray .fboxs .fbox_area .right li {
  text-indent: -1em;
  padding-left: 1em;
  color: #717171;
  font-size: 1.4rem;
}
@media (max-width: 768px) {
  .training_area .training_gray .fboxs .fbox_area .right li {
    font-size: 1.3rem;
    line-height: 1.8;
  }
}

@media (max-width: 768px) {
  .training_area .cont_block_001 .text_area h4.sp_extra::after {
    content: "";
    background-image: url(/static/images/semicon/cont05_icon_01.svg);
    background-size: 100% 100%;
    position: absolute;
    right: -2rem;
    top: -5rem;
    width: 7.8rem;
    height: 7.8rem;
  }
  p.extra_02_text {
    font-size: 1.4rem;
    margin-top: 1rem;
  }
}
.training_area .cont_block_001.extra {
  margin: 5rem 0 0rem 0;
}
@media (max-width: 768px) {
  .training_area .cont_block_001.extra {
    margin: 3rem 0 0 0;
  }
}

@media (max-width: 768px) {
  .training_area .voice_area {
    margin: 3rem 0 0 0;
  }
}
.training_area .voice_area .ttl {
  background-image: url(/static/images/semicon/ttl_bg_01.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left 0rem top 0rem;
  padding: 1.5rem 0;
  font-size: 2.4rem;
  font-weight: 500;
}
@media (max-width: 768px) {
  .training_area .voice_area .ttl {
    background-image: url(/static/images/semicon/ttl_bg_01_sp.svg);
    background-size: contain;
    background-repeat: no-repeat;
    font-size: 1.8rem;
    padding: 1rem 0;
  }
}
.training_area .voice_area dl {
  margin: 0 0 2rem 0;
}
.training_area .voice_area dl dt {
  padding: 0 0 0 7rem;
  font-size: 1.8rem;
  font-weight: 500;
}
@media (max-width: 768px) {
  .training_area .voice_area dl dt {
    font-size: 1.6rem;
    padding: 0 0 0 5.5rem;
  }
}
.training_area .voice_area dl dd {
  padding: 0 0 0 7rem;
  color: #717171;
  font-size: 1.4rem;
  font-weight: 400;
}
@media (max-width: 768px) {
  .training_area .voice_area dl dd {
    font-size: 1.3rem;
    padding: 0 0 0 5.5rem;
  }
}
.training_area .voice_area dl.voice_01 {
  background-image: url(/static/images/semicon/cont01_icon_01.webp);
  background-size: 5.3rem 5.3rem;
  background-repeat: no-repeat;
}
.training_area .voice_area dl.voice_02 {
  background-image: url(/static/images/semicon/cont01_icon_02.webp);
  background-size: 5.3rem 5.3rem;
  background-repeat: no-repeat;
}
.training_area .voice_area dl.voice_03 {
  background-image: url(/static/images/semicon/cont01_icon_03.webp);
  background-size: 5.3rem 5.3rem;
  background-repeat: no-repeat;
}
.training_area .voice_area dl.voice_04 {
  background-image: url(/static/images/semicon/cont01_icon_07.webp);
  background-size: 5.3rem 5.3rem;
  background-repeat: no-repeat;
}
.training_area .voice_area dl.voice_05 {
  background-image: url(/static/images/semicon/cont01_icon_08.webp);
  background-size: 5.3rem 5.3rem;
  background-repeat: no-repeat;
}
.training_area .voice_area dl.voice_06 {
  background-image: url(/static/images/semicon/cont01_icon_09.webp);
  background-size: 5.3rem 5.3rem;
  background-repeat: no-repeat;
}

.training_area .training_gray {
  margin: 4rem 0 0 0;
  background: #FAFAFA;
  padding: 5rem;
  border-radius: 2rem;
  position: relative;
}
@media (max-width: 768px) {
  .training_area .training_gray {
    padding: 3rem 0;
    background: none;
  }
}
.training_area .training_gray .fboxs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 768px) {
  .training_area .training_gray .fboxs {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0 2rem;
  }
}
.training_area .training_gray .fboxs .extra_text {
  color: #717171;
  font-size: 1.3rem;
  margin: 1rem 0 0 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.training_area .training_gray .fboxs .extra_text span {
  color: #949494;
  font-size: 1.2rem;
}
.training_area .training_gray .fboxs .fbox_area {
  width: 48%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 768px) {
  .training_area .training_gray .fboxs .fbox_area {
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.training_area .training_gray .fboxs .fbox_area .left {
  width: 10rem;
}
.training_area .training_gray .fboxs .fbox_area .right {
  width: 35rem;
}
@media (max-width: 768px) {
  .training_area .training_gray .fboxs .fbox_area .right {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 0 0 1.5rem;
  }
}
.training_area .training_gray .fboxs .fbox_area .right div {
  font-size: 1.8rem;
  font-weight: 500;
}
@media (max-width: 768px) {
  .training_area .training_gray .fboxs .fbox_area .right div {
    font-size: 1.5rem;
  }
}
.training_area .training_gray .fboxs .fbox_area .right p {
  color: #717171;
  font-size: 1.4rem;
}
.training_area .training_gray .fboxs .fbox_area .right p span {
  color: #949494;
  font-size: 1.2rem;
}
@media (max-width: 768px) {
  .training_area .training_gray .fboxs .fbox_area:last-of-type {
    margin: 1rem 0 0 0;
  }
}
.training_area .training_gray h4 {
  font-size: 2.8rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.3571428571;
}
@media (max-width: 768px) {
  .training_area .training_gray h4 {
    font-size: 1.8rem;
  }
}
.training_area .training_gray .training_flow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 3rem 0 0 0;
}
@media (max-width: 768px) {
  .training_area .training_gray .training_flow {
    margin: 0rem 0 0 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.training_area .training_gray .training_flow .training_cont {
  max-width: 23rem;
  position: relative;
}
@media (max-width: 768px) {
  .training_area .training_gray .training_flow .training_cont {
    width: 100%;
    max-width: 100%;
    padding: 0 0 5rem 0;
  }
}
.training_area .training_gray .training_flow .training_cont .flow_tl {
  color: #FFF;
  font-size: 2.1rem;
  font-weight: 500;
  text-align: center;
  background-image: url(/static/images/semicon/flow_bg.svg);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: right 0rem center;
  margin: 2rem 0 1rem 0;
}
@media (max-width: 768px) {
  .training_area .training_gray .training_flow .training_cont .flow_tl {
    background-image: none;
    background: #595757;
    margin: 0 0 1rem 0;
    font-size: 1.6rem;
    text-align: left;
    padding: 0 0 0 1.5rem;
  }
}
.training_area .training_gray .training_flow .training_cont .flow_tl.last {
  background-image: none;
  background: #595757;
}
.training_area .training_gray .training_flow .training_cont em {
  font-size: 1.8rem;
  font-weight: 500;
  font-style: normal;
}
@media (max-width: 768px) {
  .training_area .training_gray .training_flow .training_cont em {
    display: inline-block;
    margin: 1rem 0 0 0;
    font-size: 1.6rem;
  }
}
.training_area .training_gray .training_flow .training_cont p {
  color: #717171;
  font-size: 1.4rem;
  margin: 0.5rem 0 0 0;
}
.training_area .training_gray .training_flow .training_cont::after {
  content: "";
  background-image: url(/static/images/semicon/flow_icon_pc.svg);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: right 0rem center;
  position: absolute;
  right: -2.6rem;
  top: 7rem;
  width: 2.6rem;
  height: 1.8rem;
}
@media (max-width: 768px) {
  .training_area .training_gray .training_flow .training_cont::after {
    background-image: url(/static/images/semicon/flow_icon_sp.svg);
    right: 0rem;
    left: 0;
    top: auto;
    bottom: 1rem;
    margin: auto;
    height: 3rem;
    width: 1.8rem;
  }
}
.training_area .training_gray .training_flow .training_cont:last-of-type::after {
  content: none;
}
@media (max-width: 768px) {
  .training_area .training_gray .training_flow .training_cont:last-of-type {
    padding: 0;
  }
}
.training_area .training_gray .onlypc {
  display: block;
}
.training_area .training_gray .onlysp {
  display: none;
}
@media (max-width: 768px) {
  .training_area .training_gray .onlypc {
    display: none;
  }
  .training_area .training_gray .onlysp {
    display: block;
  }
}

.training_area .onlypc {
  display: block;
}
.training_area .onlysp {
  display: none;
}
@media (max-width: 768px) {
  .training_area .onlypc {
    display: none;
  }
  .training_area .onlysp {
    display: block;
  }
}

@media (max-width: 768px) {
  .training_area .training_gray::before {
    content: "";
    background: #FAFAFA;
    top: 0;
    left: -4rem;
    right: 0rem;
    bottom: 0;
    position: absolute;
    z-index: -1;
  }
  .training_area .training_gray::after {
    content: "";
    background: #FAFAFA;
    top: 0;
    left: 0rem;
    right: -4rem;
    bottom: 0;
    position: absolute;
    z-index: -1;
  }
  .training_area .training_gray.nobg::before {
    content: none;
  }
  .training_area .training_gray.nobg::after {
    content: none;
  }
  .training_area .training_gray.nobg {
    background: #FAFAFA;
  }
  .training_area .training_gray.nobg.extra_sp_block {
    padding: 2rem;
  }
}
.training_area .training_gray.last {
  margin: 1rem 0 7.2rem 0;
}

.training_area .case_area {
  margin: 4rem 0 0rem 0;
}
.training_area .case_area h4 {
  font-size: 2.4rem;
  line-height: 1;
  font-weight: 500;
  background-image: url(/static/images/semicon/h_bg_img.svg);
  background-position: left 0 top 0;
  background-repeat: no-repeat;
  padding: 0 0 0 2rem;
  margin: 0 0 2.5rem 0;
}
@media (max-width: 768px) {
  .training_area .case_area h4 {
    font-size: 1.8rem;
    margin: 0 0 2rem 0;
    line-height: 1.5;
    background-image: url(/static/images/semicon/h_bg_img.svg);
    background-position: left 0 top 0;
    background-repeat: no-repeat;
    background-size: 0.3rem 3rem;
    padding: 0 0 0 1.5rem;
  }
}
.training_area .case_area .case_area_box {
  border: 2px solid #595757;
  padding: 1rem 2rem;
  border-radius: 0.5rem;
  margin: 0 0 1rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 768px) {
  .training_area .case_area .case_area_box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 1rem 1rem;
  }
}
.training_area .case_area .case_area_box .case_name {
  width: 46rem;
  font-size: 2.6rem;
  font-weight: 500;
}
@media (max-width: 768px) {
  .training_area .case_area .case_area_box .case_name {
    width: 100%;
    font-size: 1.5rem;
  }
}
.training_area .case_area .case_area_box .case_name.case_icon_01 {
  background-image: url(/static/images/semicon/cont01_icon_04.webp);
  background-size: 5.3rem 5.3rem;
  background-repeat: no-repeat;
  padding: 0.5rem 0 0.5rem 6rem;
}
@media (max-width: 768px) {
  .training_area .case_area .case_area_box .case_name.case_icon_01 {
    background-size: 3.5rem 3.5rem;
    padding: 0.5rem 0 0.5rem 4.5rem;
  }
}
.training_area .case_area .case_area_box .case_name.case_icon_02 {
  background-image: url(/static/images/semicon/cont01_icon_05.webp);
  background-size: 5.3rem 5.3rem;
  background-repeat: no-repeat;
  padding: 0.5rem 0 0.5rem 6rem;
}
@media (max-width: 768px) {
  .training_area .case_area .case_area_box .case_name.case_icon_02 {
    background-size: 3.5rem 3.5rem;
    padding: 0.5rem 0 0.5rem 4.5rem;
  }
}
.training_area .case_area .case_area_box .case_name.case_icon_03 {
  background-image: url(/static/images/semicon/cont01_icon_06.webp);
  background-size: 5.3rem 5.3rem;
  background-repeat: no-repeat;
  padding: 0.5rem 0 0.5rem 6rem;
}
@media (max-width: 768px) {
  .training_area .case_area .case_area_box .case_name.case_icon_03 {
    background-size: 3.5rem 3.5rem;
    padding: 0.5rem 0 0.5rem 4.5rem;
  }
}
.training_area .case_area .case_area_box .case_name.case_icon_04 {
  background-image: url(/static/images/semicon/cont01_icon_10.webp);
  background-size: 5.3rem 5.3rem;
  background-repeat: no-repeat;
  padding: 0.5rem 0 0.5rem 6rem;
}
@media (max-width: 768px) {
  .training_area .case_area .case_area_box .case_name.case_icon_04 {
    background-size: 3.5rem 3.5rem;
    padding: 0.5rem 0 0.5rem 4.5rem;
  }
}
.training_area .case_area .case_area_box .case_name.case_icon_05 {
  background-image: url(/static/images/semicon/cont01_icon_11.webp);
  background-size: 5.3rem 5.3rem;
  background-repeat: no-repeat;
  padding: 0.5rem 0 0.5rem 6rem;
}
@media (max-width: 768px) {
  .training_area .case_area .case_area_box .case_name.case_icon_05 {
    background-size: 3.5rem 3.5rem;
    padding: 0.5rem 0 0.5rem 4.5rem;
  }
}
.training_area .case_area .case_area_box .case_name.case_icon_06 {
  background-image: url(/static/images/semicon/cont01_icon_12.webp);
  background-size: 5.3rem 5.3rem;
  background-repeat: no-repeat;
  padding: 0.5rem 0 0.5rem 6rem;
}
@media (max-width: 768px) {
  .training_area .case_area .case_area_box .case_name.case_icon_06 {
    background-size: 3.5rem 3.5rem;
    padding: 0.5rem 0 0.5rem 4.5rem;
  }
}
.training_area .case_area .case_area_box .case_name.case_icon_07 {
  background-image: url(/static/images/semicon/cont01_icon_13.webp);
  background-size: 5.3rem 5.3rem;
  background-repeat: no-repeat;
  padding: 0.5rem 0 0.5rem 6rem;
}
@media (max-width: 768px) {
  .training_area .case_area .case_area_box .case_name.case_icon_07 {
    background-size: 3.5rem 3.5rem;
    padding: 0.5rem 0 0.5rem 4.5rem;
  }
}
.training_area .case_area .case_area_box .case_name.case_icon_08 {
  background-image: url(/static/images/semicon/cont01_icon_14.webp);
  background-size: 5.3rem 5.3rem;
  background-repeat: no-repeat;
  padding: 0.5rem 0 0.5rem 6rem;
}
@media (max-width: 768px) {
  .training_area .case_area .case_area_box .case_name.case_icon_08 {
    background-size: 3.5rem 3.5rem;
    padding: 0.5rem 0 0.5rem 4.5rem;
  }
}
.training_area .case_area .case_area_box .case_name.case_icon_09 {
  background-image: url(/static/images/semicon/cont01_icon_15.webp);
  background-size: 5.3rem 5.3rem;
  background-repeat: no-repeat;
  padding: 0.5rem 0 0.5rem 6rem;
}
@media (max-width: 768px) {
  .training_area .case_area .case_area_box .case_name.case_icon_09 {
    background-size: 3.5rem 3.5rem;
    padding: 0.5rem 0 0.5rem 4.5rem;
  }
}
.training_area .case_area .case_area_box .case_name.case_icon_10 {
  background-image: url(/static/images/semicon/cont01_icon_16.webp);
  background-size: 5.3rem 5.3rem;
  background-repeat: no-repeat;
  padding: 0.5rem 0 0.5rem 6rem;
}
@media (max-width: 768px) {
  .training_area .case_area .case_area_box .case_name.case_icon_10 {
    background-size: 3.5rem 3.5rem;
    padding: 0.5rem 0 0.5rem 4.5rem;
  }
}
.training_area .case_area .case_area_box .case_name.case_icon_11 {
  background-image: url(/static/images/semicon/cont01_icon_17.webp);
  background-size: 5.3rem 5.3rem;
  background-repeat: no-repeat;
  padding: 0.5rem 0 0.5rem 6rem;
}
@media (max-width: 768px) {
  .training_area .case_area .case_area_box .case_name.case_icon_11 {
    background-size: 3.5rem 3.5rem;
    padding: 0.5rem 0 0.5rem 4.5rem;
  }
}
.training_area .case_area .case_area_box .case_name.case_icon_12 {
  background-image: url(/static/images/semicon/cont01_icon_18.webp);
  background-size: 5.3rem 5.3rem;
  background-repeat: no-repeat;
  padding: 0.5rem 0 0.5rem 6rem;
}
@media (max-width: 768px) {
  .training_area .case_area .case_area_box .case_name.case_icon_12 {
    background-size: 3.5rem 3.5rem;
    padding: 0.5rem 0 0.5rem 4.5rem;
  }
}
.training_area .case_area .case_area_box .case_after {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 2.6rem;
  font-weight: 500;
  color: #E94738;
  background-image: url(/static/images/semicon/case_icon.svg);
  background-size: 5.1rem 3.6rem;
  background-repeat: no-repeat;
  background-position: left 0 center;
  padding: 0.5rem 0 0.5rem 8rem;
}
@media (max-width: 768px) {
  .training_area .case_area .case_area_box .case_after {
    font-size: 1.5rem;
    background-image: url(/static/images/semicon/case_icon.svg);
    background-position: left 0.3rem center;
    background-size: 3.1rem 1.6rem;
    padding: 0.5rem 0 0.5rem 4.5rem;
    line-height: 1.5;
  }
}
.training_area .case_area .case_area_box:last-of-type {
  margin: 0;
}

.training_area .ex_ttl {
  font-size: 2.4rem;
  line-height: 1.2;
  font-weight: 500;
  background-image: url(/static/images/semicon/h_bg_img.svg);
  background-position: left 0 top 0;
  background-repeat: no-repeat;
  padding: 0 0 0 2rem;
  margin: 2rem 0 2rem 0;
}
@media (max-width: 768px) {
  .training_area .ex_ttl {
    font-size: 1.8rem;
    margin: 3rem 0 1.5rem 0;
    line-height: 1.5;
    background-image: url(/static/images/semicon/h_bg_img.svg);
    background-position: left 0 top 0;
    background-size: 0.3rem 3rem;
    background-repeat: no-repeat;
    padding: 0 0 0 1.5rem;
  }
}

.training_area .ex_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.training_area .ex_list li {
  width: 33%;
  max-width: 36rem;
  background: #F7F8F9;
  text-align: center;
  color: #717171;
  padding: 0.5rem 0;
  border-radius: 0.6rem;
  margin: 0.5rem 0;
  font-weight: 500;
}
@media (max-width: 768px) {
  .training_area .ex_list li {
    width: 100%;
    max-width: 100%;
    margin: 0.25rem 0;
  }
}

.training_area .gray_area_training {
  margin: 4rem 0 0 0;
  background: #FAFAFA;
  padding: 3rem;
  border-radius: 2rem;
  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) {
  .training_area .gray_area_training {
    padding: 2rem;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.training_area .gray_area_training .text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.training_area .gray_area_training .text div {
  font-size: 1.8rem;
  font-weight: 500;
}
@media (max-width: 768px) {
  .training_area .gray_area_training .text div {
    font-size: 1.5rem;
  }
}
.training_area .gray_area_training .text p {
  font-size: 1.4rem;
  color: #717171;
  margin: 0.5rem 0 0 0;
}
.training_area .gray_area_training .photo {
  width: 23rem;
  margin: 0 0 0 5rem;
}
@media (max-width: 768px) {
  .training_area .gray_area_training .photo {
    width: 11rem;
    margin: 0 0 0 1rem;
  }
}
.training_area .gray_area_training .extra_text {
  font-size: 1.3rem;
  color: #717171;
  margin: 1rem 0 0 0;
}

.training_area .training_gray h4 {
  margin: 0 0 2rem 0;
  font-size: 2.4rem;
  line-height: 1.2;
}
@media (max-width: 768px) {
  .training_area .training_gray h4 {
    font-size: 1.8rem;
    margin: 0 0 1.5rem 0;
    line-height: 1.5;
  }
}

.training_area .support_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 768px) {
  .training_area .support_area {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.training_area .support_area .w_box {
  background: #FFF;
  border-radius: 1rem;
  width: 31rem;
  padding: 2rem;
}
@media (max-width: 768px) {
  .training_area .support_area .w_box {
    margin: 0 0 1rem 0;
  }
}
.training_area .support_area .w_box div {
  font-size: 2.1rem;
  font-weight: 500;
  margin: 0 0 1rem 0;
}
@media (max-width: 768px) {
  .training_area .support_area .w_box div {
    font-size: 1.6rem;
    margin: 0 0 0.5rem 0;
  }
}
.training_area .support_area .w_box li {
  color: #717171;
  font-size: 1.4rem;
  font-weight: 400;
}
@media (max-width: 768px) {
  .training_area .support_area .w_box li {
    font-size: 1.3rem;
  }
}
.training_area .support_area .w_box:last-of-type {
  margin: 0;
}

@media (max-width: 768px) {
  .flowWork.under_base.training_area {
    padding: 3rem 0 5rem 0;
  }
  h3.second {
    margin: 2rem 0 0 0;
  }
  h3.third {
    margin: 2rem 0 0 0;
  }
  h3.four {
    margin: 2rem 0 0 0;
  }
}
@media (max-width: 768px) {
  .training_area .training_gray .fboxs .fbox_area.extra_top {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .training_area .training_gray h4.extra_ttl_sp {
    margin: 0 2rem 1.5rem 2rem;
  }
}
.training_area .support_area .w_box li {
  text-indent: -1em;
  padding-left: 1em;
}

.training_area .training_gray .fboxs .fbox_area.extra_top .left {
  width: 15rem;
}
@media (max-width: 768px) {
  .training_area .training_gray .fboxs .fbox_area.extra_top .left {
    width: 10rem;
  }
}

.training_area .training_gray .fboxs .fbox_area.extra_top .right {
  padding: 0 0 0 2.5rem;
}
@media (max-width: 768px) {
  .training_area .training_gray .fboxs .fbox_area.extra_top .right {
    padding: 0;
  }
}

.training_area .training_gray .fboxs .fbox_area.extra_top .right div {
  margin: -1rem 0 0 0;
}

.training_area .ex_list li span {
  font-size: 1.2rem;
}

.training_area .ex_list::after {
  content: "";
  display: block;
  width: 33%;
  max-width: 36rem;
}
@media (max-width: 768px) {
  .training_area .ex_list::after {
    content: none;
  }
}

@media (max-width: 768px) {
  .training_area .training_gray .fboxs .fbox_area.extra_top:last-of-type {
    margin: 2.5rem 0 0 0;
  }
  .training_area .ex_list li {
    line-height: 1.3;
    padding: 1.1rem 0;
  }
}
.hero.discussion_bg::before {
  content: "";
  display: block;
  position: absolute;
  top: -9.2rem;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: unset;
  z-index: -1;
  background: #edebec url(/static/images/semicon/main_photo_pc.jpg) center center no-repeat;
  background-size: 100% auto;
}
@media (max-width: 768px) {
  .hero.discussion_bg::before {
    background: #edebec url(/static/images/semicon/main_photo_sp.jpg) center top no-repeat;
    background-size: 100% auto;
  }
}

.hero.discussion_bg {
  text-align: center;
  padding: 40rem 0 4rem 0;
}
@media (max-width: 768px) {
  .hero.discussion_bg {
    padding: 17rem 0 1.5rem 0;
  }
}
.hero.discussion_bg h1 {
  font-size: 5.2rem;
  font-weight: 500;
  line-height: 1.7;
  display: inline-block;
  background: url(/static/images/semicon/ttl_bg_left.svg) left center no-repeat, url(/static/images/semicon/ttl_bg_right.svg) right center no-repeat;
  background-size: 10.4rem 9.8rem, 9.4rem 9.2rem;
  padding: 0 11rem 0 11rem;
}
@media (max-width: 768px) {
  .hero.discussion_bg h1 {
    font-size: 2.6rem;
    background: url(/static/images/semicon/ttl_bg_left.svg) left center no-repeat, url(/static/images/semicon/ttl_bg_right.svg) right center no-repeat;
    background-size: 5rem 4.6rem, 5rem 4.8rem;
    padding: 0 5.5rem 0 5.5rem;
  }
}
.hero.discussion_bg h1 span {
  color: #E84737;
  font-size: 2rem;
  font-family: var(--fontEN);
  font-weight: 700;
  display: block;
}
@media (max-width: 768px) {
  .hero.discussion_bg h1 span {
    font-size: 1.2rem;
  }
}

.hero.discussion_bg .hero__textarea {
  width: 100%;
}

.flowWork.extra_bg_color {
  background-color: #edebec;
}
.flowWork.extra_bg_color .ttlDot::before {
  content: none;
}

.discussion_bg .inner.sp_extra {
  width: calc(100% - 2rem);
}

.discussion_deta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 5rem 0 0 0;
}
@media (max-width: 768px) {
  .discussion_deta {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 3rem 0 0 0;
  }
}
.discussion_deta .box {
  width: 54rem;
  background: #FAFAFA;
  border-radius: 1rem;
  padding: 3rem;
}
@media (max-width: 768px) {
  .discussion_deta .box {
    padding: 2rem;
    width: 100%;
    margin: 0 0 1rem 0;
  }
}
.discussion_deta .box .first_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}
.discussion_deta .box .first_block .photo {
  width: 8.5rem;
  margin-right: 3rem;
}
@media (max-width: 768px) {
  .discussion_deta .box .first_block .photo {
    width: 7.2rem;
    margin-right: 2rem;
  }
}
.discussion_deta .box .first_block .text {
  width: 18rem;
}
@media (max-width: 768px) {
  .discussion_deta .box .first_block .text {
    width: 16.5rem;
  }
}
.discussion_deta .box .first_block .text div {
  color: #FFF;
  background: #595757;
  font-size: 1.3rem;
  line-height: 1.6;
  padding: 0.5rem 1.5rem;
  margin: 0 0 1rem 0;
  border-radius: 1rem;
  font-weight: 300;
}
@media (max-width: 768px) {
  .discussion_deta .box .first_block .text div {
    font-size: 1.2rem;
    line-height: 1.6;
    padding: 0.7rem 1.2rem;
  }
}
.discussion_deta .box .first_block .text p {
  font-size: 1.3rem;
  color: #9B9B9B;
  line-height: 1.5;
}
@media (max-width: 768px) {
  .discussion_deta .box .first_block .text p {
    font-size: 1.2rem;
  }
}
.discussion_deta .box .first_block .text p em {
  font-weight: 500;
  color: #595757;
  font-size: 2.1rem;
  font-style: normal;
}
@media (max-width: 768px) {
  .discussion_deta .box .first_block .text p em {
    font-size: 1.8rem;
  }
}
.discussion_deta .box p {
  color: #717171;
  font-size: 1.4rem;
}
@media (max-width: 768px) {
  .discussion_deta .box:last-of-type {
    margin: 0rem 0 0 0;
  }
}

.discussion_area h3 {
  color: #E94738;
  font-size: 3.2rem;
  line-height: 1.8;
  font-weight: 500;
}
@media (max-width: 768px) {
  .discussion_area h3 {
    font-size: 2.2rem;
    line-height: 1.5;
  }
}
.discussion_area .q_ttl {
  font-size: 2.1rem;
  font-weight: 500;
  background: url(/static/images/semicon/q_ttl_icon.svg) left 2rem no-repeat;
  background-size: 3rem 0.1rem;
  padding: 0 0 0 4rem;
  margin: 2rem 0 0 0;
  line-height: 1.8;
}
@media (max-width: 768px) {
  .discussion_area .q_ttl {
    font-size: 1.8rem;
    line-height: 1.7;
  }
}

.discussion_area.next_block {
  margin: 5.2rem 0 0 0;
}
@media (max-width: 768px) {
  .discussion_area.next_block {
    margin: 4rem 0 0 0;
  }
}

.onlypc {
  display: block;
}

.onlysp {
  display: none;
}

@media (max-width: 768px) {
  .onlypc {
    display: none;
  }
  .onlysp {
    display: block;
  }
}
.discussion_area .discussion_base_01 {
  margin: 5rem 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 768px) {
  .discussion_area .discussion_base_01 {
    margin: 4rem 0 0 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.discussion_area .discussion_base_01 .left {
  width: 64rem;
}
@media (max-width: 768px) {
  .discussion_area .discussion_base_01 .left {
    width: 100%;
  }
}
.discussion_area .discussion_base_01 .left dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 3rem 0;
}
.discussion_area .discussion_base_01 .left dl dt {
  width: 8.2rem;
  text-align: center;
}
@media (max-width: 768px) {
  .discussion_area .discussion_base_01 .left dl dt {
    width: 4.8rem;
  }
}
.discussion_area .discussion_base_01 .left dl dt span.icon01 {
  display: inline-block;
  background: #FCF7E9;
  font-size: 1.2rem;
  font-weight: 400;
  width: 100%;
  margin: 1rem auto 0;
  border-radius: 10rem;
}
@media (max-width: 768px) {
  .discussion_area .discussion_base_01 .left dl dt span.icon01 {
    font-size: 1rem;
  }
}
.discussion_area .discussion_base_01 .left dl dt span.icon02 {
  display: inline-block;
  background: #FFE9F1;
  font-size: 1.2rem;
  font-weight: 400;
  width: 100%;
  margin: 1rem auto 0;
  border-radius: 10rem;
}
@media (max-width: 768px) {
  .discussion_area .discussion_base_01 .left dl dt span.icon02 {
    font-size: 1rem;
  }
}
.discussion_area .discussion_base_01 .left dl dt span.icon03 {
  display: inline-block;
  background: #E7F8FB;
  font-size: 1.2rem;
  font-weight: 400;
  width: 100%;
  margin: 1rem auto 0;
  border-radius: 10rem;
}
@media (max-width: 768px) {
  .discussion_area .discussion_base_01 .left dl dt span.icon03 {
    font-size: 1rem;
  }
}
.discussion_area .discussion_base_01 .left dl dd {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #717171;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0 0 3.5rem;
}
@media (max-width: 768px) {
  .discussion_area .discussion_base_01 .left dl dd {
    padding: 0 0 0 1.5rem;
  }
}
.discussion_area .discussion_base_01 .left dl dd div {
  margin: 0 0 2rem 0;
}
.discussion_area .discussion_base_01 .left dl dd div:last-of-type {
  margin: 0;
}
@media (max-width: 768px) {
  .discussion_area .discussion_base_01 .left dl dd div:last-of-type {
    margin: 0;
  }
}
.discussion_area .discussion_base_01 .left.extra2 {
  width: 100%;
}
@media (max-width: 768px) {
  .discussion_area .discussion_base_01 .left.extra {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.discussion_area .discussion_base_01 .right {
  width: 38rem;
}
@media (max-width: 768px) {
  .discussion_area .discussion_base_01 .right {
    width: 100%;
  }
}
.discussion_area .discussion_base_01 .right img {
  border-radius: 2.5rem;
}
@media (max-width: 768px) {
  .discussion_area .discussion_base_01 .right.extra {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

.team_photo {
  width: 110rem;
  margin: 5.2rem auto 0;
}
.team_photo img {
  border-radius: 2.5rem;
}
@media (max-width: 768px) {
  .team_photo {
    width: 100%;
    margin: 1rem 0 0 0;
  }
  .team_photo img {
    border-radius: 0;
  }
}

.discussion_area.day_info {
  border-bottom: 1px solid #DCDCDC;
  padding: 3rem 0 7.2rem 0;
  color: #A4A4A4;
  font-size: 1.5rem;
}
@media (max-width: 768px) {
  .discussion_area.day_info {
    padding: 0 0 4rem 0;
  }
}

@media screen and (min-width: 1500px) {
  .hero.discussion_bg {
    padding: 53rem 0 6rem 0;
  }
}
@media screen and (min-width: 2000px) {
  .hero.discussion_bg {
    padding: 53rem 0 6rem 0;
  }
}
.landing {
  position: relative;
  top: -10rem;
}
@media (max-width: 768px) {
  .landing {
    top: 0;
  }
}

.landing .svgSprite {
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.landing .btn {
  width: 44rem;
  height: 6rem;
}

@media (max-width: 768px) {
  .landing .btn {
    width: 29.5rem;
    height: 4.5rem;
  }
}
.landing .btn a, .landing .btn button {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
  border-radius: 0.6rem;
  overflow: hidden;
  position: relative;
}

@media (min-width: 769px) {
  .landing .btn a:hover .btn__left, .landing .btn button:hover .btn__left {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .landing .btn a, .landing .btn button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    background-color: var(--colorMain);
  }
}
.landing .btn__left {
  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: calc(50% - 1rem);
  height: 100%;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
  background-color: var(--colorMain);
}

@media (max-width: 768px) {
  .landing .btn__left {
    position: static;
    background: none;
    font-size: 1.4rem;
    padding: 0.5rem 0 0;
  }
}
.landing .btn__left::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3rem 0 3rem 2rem;
  border-color: transparent transparent transparent var(--colorMain);
  position: absolute;
  top: 0;
  left: 100%;
}

@media (max-width: 768px) {
  .landing .btn__left::before {
    content: none;
  }
}
.landing .btn__left svg {
  width: 1.4rem;
  height: 1.4rem;
  margin: 0 0 0 1rem;
  fill: #fff;
}

@media (max-width: 768px) {
  .landing .btn__left svg {
    -webkit-transform: translateY(-0.2rem);
    transform: translateY(-0.2rem);
  }
}
.landing .btn__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  padding: 1.4rem 0 1.4rem 1rem;
  width: calc(50% + 1rem);
  height: 100%;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.4375;
  background-color: #595656;
  margin: 0 0 0 auto;
}

@media (max-width: 768px) {
  .landing .btn__right {
    background: none;
    margin: 0;
    font-size: 1.5rem;
    padding: 0.8rem 0 0.8rem 1rem;
  }
}
.landing .btn__large {
  font-size: 2.9rem;
  letter-spacing: -0.05em;
  line-height: 1.1153846154;
  font-family: var(--fontMaru);
  padding: 0 0.1em 0 0.05em;
}

@media (max-width: 768px) {
  .landing .btn__large {
    font-size: 2.6rem;
  }
}
.landing .btn__medium {
  font-size: 2.2rem;
  letter-spacing: -0.05em;
  line-height: 1.1363636364;
  font-family: var(--fontEn);
}

@media (max-width: 768px) {
  .landing .btn__medium {
    font-size: 1.9rem;
  }
}
.landing .inner {
  width: 100rem;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 768px) {
  .landing .inner {
    width: 33.5rem;
  }
}
.landing .mainvisual {
  background: #F7F7F7 url(/static/images/semicon/bg_lines.webp) center top/3.4rem repeat;
  overflow: hidden;
  height: auto;
}

@media (max-width: 768px) {
  .landing .mainvisual {
    width: 100%;
    background: none;
    padding: 2.2rem 0 0;
    height: auto;
  }
}
.landing .mainvisual::before {
  content: none;
}

.landing .mainvisual.isAnimated .mainvisual__message {
  -webkit-transform: translateY(0rem);
  transform: translateY(0rem);
  opacity: 1;
}

.landing .mainvisual.isAnimated .mainvisual__ttl {
  -webkit-transform: translateY(0rem);
  transform: translateY(0rem);
  opacity: 1;
  position: relative;
}

.landing .mainvisual.isAnimated .mainvisual__text {
  -webkit-transform: translateY(0rem);
  transform: translateY(0rem);
  opacity: 1;
}

.landing .mainvisual.isAnimated .btn {
  -webkit-transform: translateY(0rem);
  transform: translateY(0rem);
  opacity: 1;
}

.landing .mainvisual .inner {
  position: relative;
  padding: 18rem 0 14.5rem;
}

@media (max-width: 768px) {
  .landing .mainvisual .inner {
    padding: 0;
    text-align: center;
  }
}
.landing .mainvisual__ttl {
  margin: 0 0 0 -0.9rem;
  width: 41.6rem;
  -webkit-transform: translateY(1rem);
  transform: translateY(1rem);
  opacity: 0;
  -webkit-transition: opacity 0.6s ease 0.8s, -webkit-transform 0.6s ease 0.8s;
  transition: opacity 0.6s ease 0.8s, -webkit-transform 0.6s ease 0.8s;
  transition: transform 0.6s ease 0.8s, opacity 0.6s ease 0.8s;
  transition: transform 0.6s ease 0.8s, opacity 0.6s ease 0.8s, -webkit-transform 0.6s ease 0.8s;
}

@media (max-width: 768px) {
  .landing .mainvisual__ttl {
    width: 25rem;
    margin: 0 auto;
    top: 0;
  }
}

.mainvisual__ttl > span {
  font-size: 200%;
  font-weight:700;
  margin-bottom:.5rem;
}

@media (max-width: 768px) {
  .mainvisual__ttl > span {
    font-size: 120%;
  }
}

.landing .mainvisual__text {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.6428571429;
  margin: 2rem 0 2.8rem;
  -webkit-transform: translateY(1rem);
  transform: translateY(1rem);
  opacity: 0;
  -webkit-transition: opacity 0.6s ease 0.6s, -webkit-transform 0.6s ease 0.6s;
  transition: opacity 0.6s ease 0.6s, -webkit-transform 0.6s ease 0.6s;
  transition: transform 0.6s ease 0.6s, opacity 0.6s ease 0.6s;
  transition: transform 0.6s ease 0.6s, opacity 0.6s ease 0.6s, -webkit-transform 0.6s ease 0.6s;
}

@media (max-width: 768px) {
  .landing .mainvisual__text {
    font-size: 1.4rem;
    margin: 1rem 0 0rem 0;
  }
}
.landing .mainvisual__img {
  position: absolute;
  right: -1rem;
  bottom: 4rem;
  width: 46.9rem;
  -webkit-transform: none;
          transform: none;
}
#illust01.hide {
  visibility: hidden;
}

@media (max-width: 768px) {
  .landing .mainvisual__img {
    width: 28.8rem;
    height: 17rem;
    overflow: hidden;
    position: static;
    margin: 1.2rem auto 0;
  }
  .landing .mainvisual__img .jsScrollView {
    width: 28.8rem;
    aspect-ratio: 469/553;
  }
  .landing .mainvisual__img .jsScrollView svg {
    width: 100%;
    aspect-ratio: 469/553;
  }
}
.landing .mainvisual__message {
  position: absolute;
  top: 8rem;
  left: 0;
  width: 26.7rem;
  height: auto;
  -webkit-transform: translateY(1rem);
  transform: translateY(1rem);
  opacity: 0;
  -webkit-transition: opacity 0.6s ease 1s, -webkit-transform 0.6s ease 1s;
  transition: opacity 0.6s ease 1s, -webkit-transform 0.6s ease 1s;
  transition: transform 0.6s ease 1s, opacity 0.6s ease 1s;
  transition: transform 0.6s ease 1s, opacity 0.6s ease 1s, -webkit-transform 0.6s ease 1s;
}

@media (max-width: 768px) {
  .landing .mainvisual__message {
    width: 19.2rem;
    top: 2.9rem;
    left: 3rem;
  }
}
.landing .mainvisual .btn {
  -webkit-transform: translateY(1rem);
  transform: translateY(1rem);
  opacity: 0;
  -webkit-transition: opacity 0.6s ease 0.6s, -webkit-transform 0.6s ease 0.6s;
  transition: opacity 0.6s ease 0.6s, -webkit-transform 0.6s ease 0.6s;
  transition: transform 0.6s ease 0.6s, opacity 0.6s ease 0.6s;
  transition: transform 0.6s ease 0.6s, opacity 0.6s ease 0.6s, -webkit-transform 0.6s ease 0.6s;
}

@media (max-width: 768px) {
  .landing .mainvisual .btn {
    margin: 0.3rem auto 0;
  }
}
.landing .ttlMessage {
  text-align: center;
  color: var(--colorMain);
  margin: 5rem 0 2.2rem;
}

.landing .ttlMessage span {
  display: inline-block;
  font-size: 2.4rem;
  font-weight: 700;
  font-family: var(--fontMaru);
  position: relative;
  line-height: 1;
  padding: 0 0 2.5rem;
}

@media (max-width: 768px) {
  .landing .ttlMessage span {
    font-size: 1.8rem;
    padding: 0 0 1rem;
  }
  .landing .ttlMessage {
    margin: 3rem 0 2.2rem;
  }
}
.landing .ttlMessage span::before, .landing .ttlMessage span::after {
  content: "";
  display: block;
  position: absolute;
  width: calc(50% - 0.4rem);
  bottom: 0;
  height: 0.3rem;
  border-radius: 1rem;
  background-color: var(--colorMain);
}

.landing .ttlMessage span::before {
  left: -0.4rem;
}

.landing .ttlMessage span::after {
  right: -0.4rem;
}

.landing .ttlMessage svg {
  width: 2rem;
  height: 1.2rem;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -0.9rem;
  margin: 0 auto;
  fill: var(--colorMain);
}

.landing .ttlLines {
  font-family: var(--fontMaru);
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-align: center;
  margin: 0 0 1rem;
}

@media (max-width: 768px) {
  .landing .ttlLines {
    font-size: 2rem;
    margin: 0 0 1.6rem;
    line-height: 1.2727272727;
    letter-spacing: 0;
  }
}
.landing .ttlLines span {
  position: relative;
  display: inline-block;
}

.landing .ttlLines span::before, .landing .ttlLines span::after {
  content: "";
  display: block;
  width: 0.3rem;
  height: 2rem;
  background-color: var(--colorMain);
  border-radius: 1rem;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
}

@media (max-width: 768px) {
  .landing .ttlLines span::before, .landing .ttlLines span::after {
    height: auto;
  }
}
.landing .ttlLines span::before {
  left: -2.2rem;
  -webkit-transform: rotate(-22deg);
  transform: rotate(-22deg);
}

.landing .ttlLines span::after {
  right: -2.2rem;
  -webkit-transform: rotate(22deg);
  transform: rotate(22deg);
}

.landing .ttlLines.extra span::before, .landing .ttlLines.extra span::after {
  content: "";
  display: block;
  width: 3rem;
  height: 0.2rem;
  background-color: #595656;
  border-radius: 1rem;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
}

@media (max-width: 768px) {
  .landing .ttlLines.extra span::before, .landing .ttlLines.extra span::after {
    content: "";
    display: block;
    width: 2rem;
    height: 0.2rem;
    background-color: #595656;
    border-radius: 1rem;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
  }
}
.landing .ttlLines.extra span::before {
  left: -5rem;
  -webkit-transform: none;
  transform: none;
}

.landing .ttlLines.extra span::after {
  right: -5rem;
  -webkit-transform: none;
  transform: none;
}

@media (max-width: 768px) {
  .landing .ttlLines.extra span::before {
    left: -3rem;
    -webkit-transform: none;
    transform: none;
  }
  .landing .ttlLines.extra span::after {
    right: -3rem;
    -webkit-transform: none;
    transform: none;
  }
}
.landing .copyLabel {
  text-align: center;
  font-family: var(--fontMaru);
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.425;
}

@media (max-width: 768px) {
  .landing .copyLabel {
    font-size: 2.4rem;
    line-height: 1.3333333333;
    margin: 0 -1rem;
  }
}
.landing .copyLabel span {
  display: inline-block;
  line-height: 1;
  background: -webkit-gradient(linear, left bottom, left top, from(#ffcd69), color-stop(45%, #ffcd69), color-stop(45%, rgba(255, 205, 105, 0)), to(rgba(255, 205, 105, 0)));
  background: linear-gradient(0deg, #ffcd69 0%, #ffcd69 45%, rgba(255, 205, 105, 0) 45%, rgba(255, 205, 105, 0) 100%);
}

.landing .checkList {
  background-color: #fff;
  -webkit-box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.05);
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.05);
  border-radius: 1rem;
  padding: 3.4rem 9.2rem;
  position: relative;
  z-index: 1;
}

@media (max-width: 768px) {
  .landing .checkList {
    padding: 1.6rem 2rem;
  }
}
.landing .checkList--mvNext {
  margin: -7.2em 0 0;
}

.landing .checkList ul {
  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-evenly;
  gap: 1rem 0;
}

@media (max-width: 768px) {
  .landing .checkList ul {
    gap: 0;
  }
}
.landing .checkList li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: var(--fontMaru);
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: -0.04em;
  line-height: 1.3333333333;
}

@media (max-width: 768px) {
  .landing .checkList li {
    font-size: 1.5rem;
    line-height: 2.1333333333;
  }
  .landing .checkList li.order1 {
    -webkit-box-ordinal-group: -2;
    -ms-flex-order: -3;
    order: -3;
  }
  .landing .checkList li.order3 {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .landing .checkList li.order2 {
    -webkit-box-ordinal-group: -1;
    -ms-flex-order: -2;
    order: -2;
  }
}
.landing .checkList li svg {
  display: block;
  width: 2.8rem;
  height: 2.8rem;
  aspect-ratio: 1/1;
  border-radius: 0.4rem;
  background-color: var(--colorMain);
  color: #fff;
  fill: #fff;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding: 0.6rem;
  margin: 0 0.6rem 0 0;
}

@media (max-width: 768px) {
  .landing .checkList li svg {
    width: 1.8rem;
    height: 1.8rem;
    padding: 0.3rem;
    margin: 0 0.4rem 0 0;
  }
}
.landing .feature {
  padding: 10rem 0;
}

@media (max-width: 768px) {
  .landing .feature {
    padding: 0rem 0 3rem 0;
  }
}
@media (max-width: 768px) {
  .landing .featureList {
    margin: 2.4rem 0 0;
  }
}
.landing .featureList__links {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  padding: 10rem 0 0;
}

@media (max-width: 768px) {
  .landing .featureList__links {
    display: block;
    border: 0.3rem solid var(--colorMain);
    border-radius: 0.6rem;
    padding: 0;
  }
}
.landing .featureList__links li {
  width: 28rem;
}

@media (max-width: 768px) {
  .landing .featureList__links li {
    width: 100%;
  }
  .landing .featureList__links li:not(:first-child) {
    border-top: 0.3rem solid var(--colorMain);
  }
}
.landing .featureList__links li a {
  width: 100%;
  background-color: #fff;
  border: 1rem solid #F0F0F0;
  border-radius: 50%;
  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-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  -webkit-transition: border 0.4s ease, background 0.4s ease, color 0.4s ease, fill 0.4s ease, -webkit-transform 0.4s ease;
  transition: border 0.4s ease, background 0.4s ease, color 0.4s ease, fill 0.4s ease, -webkit-transform 0.4s ease;
  transition: transform 0.4s ease, border 0.4s ease, background 0.4s ease, color 0.4s ease, fill 0.4s ease;
  transition: transform 0.4s ease, border 0.4s ease, background 0.4s ease, color 0.4s ease, fill 0.4s ease, -webkit-transform 0.4s ease;
}

@media (min-width: 769px) {
  .landing .featureList__links li a {
    aspect-ratio: 1/1;
  }
  .landing .featureList__links li a:hover {
    border-color: var(--colorMain);
    background-color: var(--colorMain);
    -webkit-transform: translateY(-2rem);
    transform: translateY(-2rem);
  }
  .landing .featureList__links li a:hover .featureList__ttl {
    color: #fff;
  }
  .landing .featureList__links li a:hover .featureList__copy {
    color: #fff;
  }
  .landing .featureList__links li a:hover .featureList__copy::before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left;
    transform-origin: left;
  }
  .landing .featureList__links li a:hover svg {
    fill: #fff;
  }
}
@media (max-width: 768px) {
  .landing .featureList__links li a {
    border: none;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 0;
    padding: 1.6rem 0 1.6rem 1rem;
  }
}
.landing .featureList__links li svg {
  display: block;
  width: 3rem;
  height: 2.8rem;
  fill: #f0f0f0;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 3rem;
  margin: 0 auto;
  -webkit-transition: border 0.4s ease, background 0.4s ease, color 0.4s ease, fill 0.4s ease, -webkit-transform 0.4s ease;
  transition: border 0.4s ease, background 0.4s ease, color 0.4s ease, fill 0.4s ease, -webkit-transform 0.4s ease;
  transition: transform 0.4s ease, border 0.4s ease, background 0.4s ease, color 0.4s ease, fill 0.4s ease;
  transition: transform 0.4s ease, border 0.4s ease, background 0.4s ease, color 0.4s ease, fill 0.4s ease, -webkit-transform 0.4s ease;
}

@media (max-width: 768px) {
  .landing .featureList__links li svg {
    fill: var(--colorMain);
    width: 1.6rem;
    height: 1.6rem;
    top: 0;
    left: auto;
    right: 1.4rem;
    bottom: 0;
    margin: auto 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}
.landing .featureList__num {
  font-family: var(--fontMaru);
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-align: center;
  color: var(--colorMain);
  position: absolute;
  top: -5.6rem;
  left: 0;
  right: 0;
  line-height: 1;
}

@media (max-width: 768px) {
  .landing .featureList__num {
    font-size: 1.4rem;
    top: 1.6rem;
    left: 2rem;
    right: auto;
  }
}
.landing .featureList__num span {
  font-size: 7rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  display: block;
  -webkit-text-stroke: 0.3rem var(--colorMain);
  color: #fff;
}

@media (max-width: 768px) {
  .landing .featureList__num span {
    font-size: 4rem;
    -webkit-text-stroke: 0.2rem var(--colorMain);
  }
}
.landing .featureList__ttl {
  font-size: 2.6rem;
  font-weight: 900;
  line-height: 1.3846153846;
  text-align: center;
  margin: 0 0 1rem;
  -webkit-transition: border 0.4s ease, background 0.4s ease, color 0.4s ease, fill 0.4s ease, -webkit-transform 0.4s ease;
  transition: border 0.4s ease, background 0.4s ease, color 0.4s ease, fill 0.4s ease, -webkit-transform 0.4s ease;
  transition: transform 0.4s ease, border 0.4s ease, background 0.4s ease, color 0.4s ease, fill 0.4s ease;
  transition: transform 0.4s ease, border 0.4s ease, background 0.4s ease, color 0.4s ease, fill 0.4s ease, -webkit-transform 0.4s ease;
}

@media (max-width: 768px) {
  .landing .featureList__ttl {
    font-size: 1.5rem;
    margin: 0;
  }
}
.landing .featureList__copy {
  font-size: 1.6rem;
  line-height: 2;
  font-weight: 700;
  color: var(--colorMain);
  -webkit-transition: border 0.4s ease, background 0.4s ease, color 0.4s ease, fill 0.4s ease, -webkit-transform 0.4s ease;
  transition: border 0.4s ease, background 0.4s ease, color 0.4s ease, fill 0.4s ease, -webkit-transform 0.4s ease;
  transition: transform 0.4s ease, border 0.4s ease, background 0.4s ease, color 0.4s ease, fill 0.4s ease;
  transition: transform 0.4s ease, border 0.4s ease, background 0.4s ease, color 0.4s ease, fill 0.4s ease, -webkit-transform 0.4s ease;
  position: relative;
}

.landing .featureList__copy::before {
  content: "";
  display: block;
  position: absolute;
  height: 0.3rem;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 1rem;
  background-color: #fff;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: right;
  transform-origin: right;
  -webkit-transition: border 0.4s ease, background 0.4s ease, color 0.4s ease, fill 0.4s ease, -webkit-transform 0.4s ease;
  transition: border 0.4s ease, background 0.4s ease, color 0.4s ease, fill 0.4s ease, -webkit-transform 0.4s ease;
  transition: transform 0.4s ease, border 0.4s ease, background 0.4s ease, color 0.4s ease, fill 0.4s ease;
  transition: transform 0.4s ease, border 0.4s ease, background 0.4s ease, color 0.4s ease, fill 0.4s ease, -webkit-transform 0.4s ease;
}

@media (max-width: 768px) {
  .landing .featureList__copy::before {
    background-color: #F8B62D;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
.landing .featureList__copy span {
  display: inline-block;
  font-family: var(--fontMaru);
  font-size: 3rem;
  padding: 0 0.05em;
  line-height: 1;
}

@media (max-width: 768px) {
  .landing .featureList__copy span {
    font-size: 3.2rem;
  }
}
.landing .featureList__copy span.featureList__attention {
  font-size: 1.1rem;
  font-weight: 500;
  color: #A39E9E;
  position: absolute;
  left: calc(100% + 0.5rem);
  bottom: 0.5rem;
}

.landing .featureList__notes {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin: 2rem 0 0;
}

@media (max-width: 768px) {
  .landing .featureList__notes {
    display: block;
  }
}
.landing .featureList__notes li {
  width: 28rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.6363636364;
  color: #A39E9E;
  text-align: center;
}

@media (max-width: 768px) {
  .landing .featureList__notes li {
    width: auto;
    text-align: left;
  }
}
.landing .featureContent {
  padding: 10rem 0 0;
}

@media (max-width: 768px) {
  .landing .featureContent {
    padding: 5rem 0 0;
  }
}
@media (max-width: 768px) {
  .landing .featureContent--02 {
    padding: 5rem 0 1rem;
  }
}
.landing .featureContent--02 .featureContent__img {
  width: 35rem;
  margin: 0 0 0 3rem;
}

.landing .featureContent--02 .featureContent__img svg {
  height: auto!important;
}

@media (max-width: 768px) {
  .landing .featureContent--02 .featureContent__img {
    width: 80%;
    max-width: 480px;
    margin: 2rem auto;
  }
}
.landing .featureContent--01 .featureContent__img {
  width: 38.4rem;
}

@media (min-width: 769px) {
  .landing .featureContent--01 .featureContent__img {
    margin-top: -2.6rem;
  }
}
@media (max-width: 768px) {
  .landing .featureContent--01 .featureContent__img {
    width: 22.8rem;
    margin: 2rem auto;
    padding: 0;
  }
}
@media (max-width: 768px) {
  .landing .featureContent--01 .featureContent__illust {
    width: 14.4rem;
    right: -4.8rem;
    top: 8rem;
  }
}
@media (max-width: 768px) {
  .landing .featureContent--01 .featureContent__copy {
    margin-bottom: 0;
  }
  .landing .featureContent--01 .featureContent__copy + .featureContent__text {
    margin-top: 1.3rem;
  }
}
@media (min-width: 769px) {
  .landing .featureContent--03 {
    padding-top: 6rem;
  }
}
.landing .featureContent--03 .featureContent__col {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 0 2.8rem;
}

.landing .featureContent--03 .featureContent__img {
  width: 39.8rem;
  padding: 0 0 0 1rem;
}

.landing .featureContent--03 .featureContent__img svg {
  height: auto!important;
}

@media (max-width: 768px) {
  .landing .featureContent--03 .featureContent__img {
    width: 25.2rem;
    padding: 0;
    margin: 2rem auto;
  }
}
.landing .featureContent__col {
  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) {
  .landing .featureContent__col {
    display: block;
  }
}
.landing .featureContent__textarea {
  width: 100%;
}

.landing .featureContent__ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 1.6rem;
}

.landing .featureContent__ttlText {
  font-family: var(--fontMaru);
  font-size: 5.8rem;
  font-weight: 700;
  line-height: 1.1724137931;
  padding: 4rem 0 0 1rem;
  position: relative;
}

@media (max-width: 768px) {
  .landing .featureContent__ttlText {
    font-size: 2.8rem;
    line-height: 1.3571428571;
  }
  .landing .featureContent__ttlText.extra {
    padding-top: 2.4rem;
  }
}
@media (max-width: 768px) {
  .landing .featureContent__ttlText strong {
    position: absolute;
    font-size: 2rem;
    top: -0.2rem;
    left: 2.2rem;
  }
  .landing .featureContent__ttlText strong::before, .featureContent__ttlText strong::after {
    content: "";
    display: block;
    width: 0.3rem;
    height: 2rem;
    background-color: var(--colorMain);
    border-radius: 1rem;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
  }
  .landing .featureContent__ttlText strong::before {
    left: -1.2rem;
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
  }
  .landing .featureContent__ttlText strong::after {
    right: -1.2rem;
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
  }
}
.landing .featureContent__ttlText span {
  color: var(--colorMain);
  display: inline-block;
  position: relative;
}

.landing .featureContent__ttlText.extra span {
  margin-top: 1.5rem;
}

.landing .featureContent__ttlText span::before {
  content: "";
  display: block;
  width: 1.4rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: #F8B62D;
  position: absolute;
  left: 0;
  right: 0;
  top: -1.6rem;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .landing .featureContent__ttlText.extra span {
    margin-top: 1rem;
  }

  .landing .featureContent__ttlText span::before {
    width: 0.8rem;
    top: -0.5rem;
  }
}
.landing .featureContent__num {
  text-align: center;
  font-family: var(--fontMaru);
  font-size: 2.6rem;
  color: var(--colorMain);
  font-weight: 700;
  line-height: 1;
}

@media (max-width: 768px) {
  .landing .featureContent__num {
    font-size: 2rem;
  }
}
.landing .featureContent__num span {
  font-size: 17.7rem;
  display: block;
  -webkit-text-stroke: 0.3rem var(--colorMain);
  color: #fff;
  line-height: 0.95;
}

@media (max-width: 768px) {
  .landing .featureContent__num span {
    font-size: 10.2rem;
  }
}
.landing .featureContent__copy {
  font-size: 3rem;
  font-weight: 900;
  margin: 1.6rem 0 0;
}

@media (max-width: 768px) {
  .landing .featureContent__copy {
    font-size: 1.6rem;
    letter-spacing: -0.02em;
    margin-bottom: 2.8rem;
  }
}
.landing .featureContent__copy span {
  display: inline-block;
  position: relative;
}

@media (max-width: 768px) {
  .landing .featureContent__copy span {
    padding: 0 0 0.2rem;
  }
}
.landing .featureContent__copy span::after {
  content: "";
  display: block;
  height: 0.6rem;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--colorMain);
  border-radius: 1rem;
}

@media (max-width: 768px) {
  .landing .featureContent__copy span::after {
    height: 0.4rem;
  }
}
@media (max-width: 768px) {
  .landing .featureContent__copy + .checkList {
    margin-top: -1.2rem;
  }
}
.landing .featureContent__text {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.6428571429;
  margin: 1.5rem 0 1.3rem;
}

@media (max-width: 768px) {
  .landing .featureContent__text {
    margin-top: 2.4rem;
  }
}
.landing .featureContent__label {
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.5384615385;
}

@media (max-width: 768px) {
  .landing .featureContent__label {
    font-size: 1.2rem;
    line-height: 1.5;
  }
}
.landing .featureContent__label span {
  display: inline-block;
  background-color: #FFF3F2;
  padding: 0.3em 0.5em;
}

.landing .featureContent__label--attention span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.landing .featureContent__label--attention span::before {
  content: "※";
  color: var(--colorMain);
}

.landing .featureContent__label--large {
  font-size: 2.4rem;
}

@media (max-width: 768px) {
  .landing .featureContent__label--large {
    font-size: 1.8rem;
  }
}
.landing .featureContent__label--large span {
  border-radius: 0.6rem;
  padding: 0.3em 0.66em;
}

.landing .featureContent__label--primary {
  color: var(--colorMain);
}

@media (max-width: 768px) {
  .landing .featureContent__label--spsmall {
    letter-spacing: -0.04em;
  }
}
.landing .featureContent__img {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  position: relative;
}

.landing .featureContent__illust {
  position: absolute;
  right: -2.8rem;
  top: 12.4rem;
  width: 21.8rem;
}

.landing .featureContent__note {
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.6363636364;
  color: #A39E9E;
  text-align: right;
  position: absolute;
  bottom: -3rem;
  left: 0;
  right: 0;
}

@media (max-width: 768px) {
  .landing .featureContent__note {
    left: -7.3rem;
    right: -5.4rem;
    bottom: -4rem;
  }
}
.landing .companyExample {
  margin: 0 0 10rem;
}

@media (max-width: 768px) {
  .landing .companyExample {
    margin: 0 0 4rem;
  }
}
.landing .companyExample figure {
  width: 100%;
  height: 7.3rem;
}

@media (max-width: 768px) {
  .landing .companyExample figure {
    height: 4rem;
  }
}
.landing .companyExample figure:not(:first-child) {
  margin: 0.4rem 0 0;
}

@media (max-width: 768px) {
  .landing .companyExample figure:not(:first-child) {
    margin: 0;
  }
}
.landing .companyExample figure img {
  width: 16rem;
  height: 7.3rem;
  -o-object-fit: contain;
  object-fit: contain;
  margin: 0 2rem;
}

@media (max-width: 768px) {
  .landing .companyExample figure img {
    height: 4rem;
  }
}
.landing .companyExample__text {
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.6363636364;
  color: #A39E9E;
  margin: 2rem 0 0;
}

.landing .project {
  margin: 10rem 0 5rem;
}

@media (max-width: 768px) {
  .landing .project {
    margin: 4rem 0;
  }
}
.landing .project .inner {
  position: relative;
}

.landing .project .inner::before {
  content: "";
  display: block;
  width: 29.5rem;
  height: 21.8rem;
  background: url(/static/images/semicon/illust_factory.svg) center center/contain no-repeat;
  position: absolute;
  bottom: -6rem;
  right: -6rem;
}

@media (max-width: 768px) {
  .landing .project .inner::before {
    content: none;
  }
}
.landing .project__ttl {
  --space: 16rem;
  width: 34.4rem;
  height: 36rem;
  position: relative;
  z-index: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.4;
}

@media (max-width: 768px) {
  .landing .project__ttl {
    font-size: 2rem;
    height: 10.8rem;
    --space: 4.8rem;
  }
}
.landing .project__ttl::before {
  content: "";
  display: block;
  background-color: #E94638;
  -webkit-clip-path: polygon(0% 0%, calc(100% - var(--space)) 0, 100% 50%, calc(100% - var(--space)) 100%, 0% 100%);
  clip-path: polygon(0% 0%, calc(100% - var(--space)) 0, 100% 50%, calc(100% - var(--space)) 100%, 0% 100%);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: calc(-50vw + 50rem);
  z-index: -1;
}

@media (max-width: 768px) {
  .landing .project__ttl::before {
    left: -2rem;
    right: 8.2rem;
  }
}
.landing .project__ttl::after {
  content: "";
  display: block;
  background-color: #E63A2B;
  -webkit-clip-path: polygon(0% 0%, calc(100% - var(--space)) 0, 100% 50%, calc(100% - var(--space)) 100%, 0% 100%);
  clip-path: polygon(0% 0%, calc(100% - var(--space)) 0, 100% 50%, calc(100% - var(--space)) 100%, 0% 100%);
  position: absolute;
  top: 0;
  right: -6.8rem;
  bottom: 0;
  left: calc(-50vw + 50rem);
  z-index: -2;
}

@media (max-width: 768px) {
  .landing .project__ttl::after {
    left: -2rem;
    right: 4.8rem;
  }
}
.landing .project__ttlLabel {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.landing .project__ttlLabel::after {
  content: "";
  display: block;
  background-color: #D83123;
  -webkit-clip-path: polygon(0% 0%, calc(100% - var(--space)) 0, 100% 50%, calc(100% - var(--space)) 100%, 0% 100%);
  clip-path: polygon(0% 0%, calc(100% - var(--space)) 0, 100% 50%, calc(100% - var(--space)) 100%, 0% 100%);
  position: absolute;
  top: 0;
  right: -10.2rem;
  bottom: 0;
  left: calc(-50vw + 50rem);
  z-index: -2;
}

@media (max-width: 768px) {
  .landing .project__ttlLabel::after {
    left: -2rem;
    right: 3rem;
  }
}
.landing .project__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 6rem;
  position: relative;
  z-index: 0;
  margin: -5.5rem 0 0;
}

@media (max-width: 768px) {
  .landing .project__list {
    grid-template-columns: repeat(1, 1fr);
    margin: -2rem 0 0;
    gap: 4rem;
  }
}


@media (min-width: 769px) {
  .landing .project__item:nth-child(2n-1) {
    -webkit-transform: translateY(-20rem);
    transform: translateY(-20rem);
  }
}

.landing .project__item._1 {
  order: 2;
}
.landing .project__item._2 {
  order: 1;
}
.landing .project__item._3 {
  order: 4;
}
.landing .project__item._4 {
  order: 3;
}
@media (max-width: 768px) {
  .landing .project__item {
    order: unset!important;
  }
}

.landing .project__img {
  margin: 0 0 2rem;
}

@media (max-width: 768px) {
  .landing .project__img {
    margin: 0 0 1.2rem;
  }
}
.landing .project__img img {
  border-radius: 0 6rem 0 0;
}

@media (max-width: 768px) {
  .landing .project__img img {
    border-radius: 0 3rem 0 0;
    aspect-ratio: 335/120;
    -o-object-fit: cover;
    object-fit: cover;
  }
}
.landing .project__copy {
  display: inline-block;
  position: relative;
  font-family: var(--fontMaru);
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.8666666667;
  margin: 0 0 1.2rem;
}

@media (max-width: 768px) {
  .landing .project__copy {
    font-size: 2.2rem;
  }
}
.landing .project__copy::after {
  content: "";
  display: block;
  height: 0.6rem;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--colorMain);
  border-radius: 1rem;
}

@media (max-width: 768px) {
  .landing .project__copy::after {
    height: 0.4rem;
  }
}

.landing .project__point li {
  font-size: 1.5rem;
  line-height: 1.6666666667;
  font-weight: 700;
  margin-left: 1.1rem;
}


.landing .project__point li::before {
  content: "●";
  display: inline-block;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 2.2727272727;
  color: #F8B62D;
  padding: 0 0.25em 0 0;
  margin-left: -1.35rem;
}

.landing .topics {
  width: 100rem;
  margin: 0 auto 10rem;
}
@media (max-width: 768px) {
  .landing .topics {
    width: 100%;
    margin: 2rem auto 5rem;
  }
}

.landing .topics .topics__col {
  position: relative;
  width: 75%;
  padding: 2rem;
  background-color: #ffcd69;
  border-radius: 0 6rem 0 0;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
}
@media (max-width: 768px) {
  .landing .topics .topics__col {
    width: 95%;
  }
}

.landing .topics .topics__col::before {
  position: absolute;
  top: 8rem;
  left: -25%;
  content: "";
  display: block;
  width: 200%;
  height: 100rem;
  background-color: rgb(139, 217, 199);
  transform: rotate(-8deg);
}
/*
.landing .topics .topics__col::after {
  position: absolute;
  top: 1rem;
  right: 2rem;
  content: "";
  display: block;
  width: 14rem;
  height: 14rem;
  background: url(/static/images/semicon/topics_icon.png) center center/contain no-repeat;
  z-index: 10;
}
@media (max-width: 768px) {
  .landing .topics .topics__col::after {
    right: 1rem;
  }
}
*/

.landing .topics .topics__ttl {
  font-family: var(--fontMaru);
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 1.25;
  margin: 0 0 2rem;
  z-index: 10;
  text-align: left;
}
@media (max-width: 768px) {
  .landing .topics .topics__ttl {
    font-size: 2.2rem;
    line-height: 1.25;
  }
}

.landing .topics .topics__ttl span {
  display: inline-block;
  line-height: 1.5;
  position: relative;
}
.landing .topics .topics__ttl span::after {
  content: "";
  display: block;
  height: 0.5rem;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--colorMain);
  border-radius: 1rem;
}

.landing .topics .topics__col .topics__col__sub {
  display: grid;
  z-index: 10;
  grid-template-columns: 1fr 1fr 0.76fr;
  grid-template-rows: repeat(2, auto);
  gap: 1rem;
  justify-self: stretch;
  align-self: start;
}
.landing .topics .topics__text {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.6666666667;
  padding: 1rem;
  border-radius: 0;
  background-color: #fff;
  z-index: 20;
  grid-area: 1 / 1 / 2 / 3;
}
.landing .topics .topics__img {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.landing .topics .topics__img._1 {
  grid-area: 2 / 1 / 3 / 2;
}
.landing .topics .topics__img._2 {
  grid-area: 2 / 2 / 3 / 3;
}
.landing .topics .topics__img._3 {
  position: relative;
  grid-area: 1 / 3 / 3 / 4;
  border-radius: 0 2rem 0 0;
}
.landing .topics .topics__img img {
  position: relative;
  height: 100%;
  width: auto;
  top: 0;
  left: 0;
}

@media (max-width: 768px) {
  .landing .topics .topics__col .topics__col__sub {
    grid-template-columns: 1fr 1fr 1.68fr;
    grid-template-rows: repeat(2, auto);
  }
  .landing .topics .topics__text {
    border-radius: 0 2rem 0 0 ;
    grid-area: 1 / 1 / 2 / 4;
  }
  .landing .topics .topics__img._1 {
    grid-area: 2 / 1 / 3 / 3;
  }
  .landing .topics .topics__img._2 {
    grid-area: 3 / 1 / 4 / 3;
  }
  .landing .topics .topics__img._3 {
    grid-area: 2 / 3 / 4 / 4;
  }
}

/*
.landing .topics .topics__imglist {
  width: 100%;
  margin: 2rem 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: center;
  z-index: 20;
}

.landing .topics .topics__imglist .topics__img {
  width: 23.5%;
}
@media (max-width: 768px) {
  .landing .topics .topics__imglist .topics__img {
    width: 48%;
  }
}
*/

.landing .salaryExample {
  margin: 5rem 0 10rem;
}
@media (max-width: 768px) {
  .landing .salaryExample {
    margin-bottom: 5rem;
  }
}

.landing .salaryExample__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(1, 1fr);
  gap: 2rem;
}
@media (max-width: 768px) {
  .landing .salaryExample__list {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(3, 1fr);

    gap: 1rem;
  }
}
.landing .salaryExample__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 42rem;
  flex-direction: column;
}
@media (max-width: 768px) {
  .landing .salaryExample__item {
    height: 8.5rem;
    flex-direction: row;
  }
}

.landing .salaryExample__01, .salaryExample__02, .salaryExample__03 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  width: 100%;
}

.landing .salaryExample__01 {
  background-color: #EAE5E5;
  padding: 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;
  flex-direction: column;
}
@media (max-width: 768px) {
  .landing .salaryExample__01 {
    width: 25%;
    padding: .5rem 0;
    font-size: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .5rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    flex-direction: column;  }
}

.landing .salaryExample__01::after {
  content: "";
  background-color: #F8B62D;
  display: block;
  width: 10rem;
  height: 10rem;
  border-radius: 50%;
  position: absolute;
  bottom: -2rem;
  right: 1rem;
  z-index: 1;
}

@media (max-width: 768px) {
  .landing .salaryExample__01::after {
    content: "";
    background-color: #F8B62D;
    display: block;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    position: absolute;
    bottom: 0;
    right: -1rem;
    z-index: 1;
  }
}


.landing .salaryExample__01 p {
  position: absolute;
  right: 3rem;
  bottom: 0;
  font-family: var(--fontMaru);
  font-size: 3rem;
  font-weight: 700;
  z-index: 10;
}
@media (max-width: 768px) {
  .landing .salaryExample__01 p {
    position: absolute;
    right: -.5rem;
    bottom: 1rem;
    font-family: var(--fontMaru);
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.2;
    z-index: 10;
  }
}

.landing .salaryExample__01 span {
  font-family: var(--fontBase);
  font-size: 2rem;
  font-weight: 900;
}
@media (max-width: 768px) {
  .landing .salaryExample__01 span {
    font-size: 1rem;
  }
}

.landing .salaryExample__01 .salaryExample__img {
  display: block;
  width: 100%;
}

.landing .salaryExample__01 img {
  width: 75%;
  height: auto;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .landing .salaryExample__01 img {
    width: 90%;
    left: unset;
    right: unset;
    margin: 0 auto;
    border-radius: 50%;
    background-color: #fff;
  }
}

.landing .salaryExample__02 {
  color: #fff;
  background-color: var(--colorMain);
  padding: 1rem 2rem;
  border: 1px solid var(--colorMain);
  border-top-color: #FFFFFF;
}
@media (max-width: 768px) {
  .landing .salaryExample__02 {
    width: 35%;
    border-top-color: var(--colorMain);
    /* padding-left: 2.5rem; */
    }
}

@media (max-width: 768px) {
  .salaryExample__02::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  background-color: transparent;
  border-style: solid;
  border-color: transparent transparent transparent #e94738;
  border-width: 4.25rem 0 4.25rem 1rem;
  border-radius: 0;
  top: 0;
  left: calc(100% + 1px);
  z-index: 1;
  }
}


.landing .salaryExample__02 p {
  display: block;
  width: 100%;
  font-size: 4rem;
  font-weight: 900;
  line-height: 1.6;
  text-align: center;
}
.landing .salaryExample__02 p span {
  font-size: 2.2rem;
}
@media (max-width: 768px) {
  .landing .salaryExample__02 p {
    font-size: 2.4rem;
    font-weight: 900;
    line-height: 1.6;
  }
  .landing .salaryExample__02 p span {
    font-size: 1.4rem;
  }
}

.landing .salaryExample__03 {
  color: #595757;
  border: 1px solid #595757;
  padding: 1rem;
}
@media (max-width: 768px) {
  .landing .salaryExample__03 {
    width: 40%;
    border-left-color: #e94738;
    padding: 0 1.5rem;
  }
}
.landing .salaryExample__03 p {
  display: block;
  width: 100%;
  width: 100%;
  font-size: 2.2rem;
  font-weight: 500;
  text-align: center;
  line-height: 1.7;
}
@media (max-width: 768px) {
  .landing .salaryExample__03 p {
    font-size: 1.2rem;
    line-height: 1.3333333333;
  }
}

.landing .personFlow {
  margin: 10rem 0;
}

@media (max-width: 768px) {
  .landing .personFlow {
    margin: 5rem 0;
  }
}
.landing .personFlow__list {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 2rem;
}

@media (max-width: 768px) {
  .landing .personFlow__list {
    gap: 1rem;
  }
}
.landing .personFlow__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 8rem;
}

@media (max-width: 768px) {
  .landing .personFlow__item {
    height: 8.5rem;
  }
}
.landing .personFlow__step01, .personFlow__step02, .personFlow__step03 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

.personFlow__step02::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4rem 0 4rem 3.4rem;
  position: absolute;
  top: 0;
  left: calc(100% - 1px);
  z-index: 1;
}

@media (max-width: 768px) {
  .landing .personFlow__step01::after, .personFlow__step02::after {
    border-width: 4.25rem 0 4.25rem 1rem;
  }
}
.landing .personFlow__step01 {
  background-color: #EAE5E5;
  width: 25%;
  padding: 0 0 0 15.6rem;
  font-family: var(--fontMaru);
  font-size: 3rem;
  font-weight: 700;
}

@media (max-width: 768px) {
  .landing .personFlow__step01 {
    width: 20%;
    padding: 0 0 3rem;
    font-size: 2rem;
    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;
  }
}
.landing .personFlow__step01::after {
  border-color: transparent transparent transparent #EAE5E5;
}

.landing .personFlow__step01 span {
  font-family: var(--fontBase);
  font-size: 2rem;
  font-weight: 900;
}

@media (max-width: 768px) {
  .landing .personFlow__step01 span {
    font-size: 1.6rem;
  }
}
.landing .personFlow__step01 img {
  width: 10.4rem;
  height: 10.2rem;
  position: absolute;
  left: 3.8rem;
  bottom: 0;
}

@media (max-width: 768px) {
  .landing .personFlow__step01 img {
    width: 5.2rem;
    height: 4.7rem;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
}
.landing .personFlow__step02 {
  color: #fff;
  background-color: #595656;
  width: 25%;
  font-size: 1.8rem;
  font-weight: 900;
  padding: 0 0 0 4rem;
}

@media (max-width: 768px) {
  .landing .personFlow__step02 {
    width: 40%;
    font-size: 1.5rem;
    line-height: 1.3333333333;
    padding: 0 0 0 1rem;
  }
}
.landing .personFlow__step02 p {
  display: block;
  width: 100%;
  text-align: center;
}

.landing .personFlow__step02::after {
  border-color: transparent transparent transparent #595656;
}

.landing .personFlow__step03 {
  color: #fff;
  background-color: var(--colorMain);
  width: 50%;
  font-size: 2.2rem;
  font-weight: 900;
  padding: 0 0 0 4rem;
}

@media (max-width: 768px) {
  .landing .personFlow__step03 {
    width: 40%;
    font-size: 1.5rem;
    line-height: 1.3333333333;
    padding: 0 0 0 1rem;
  }
}
.landing .personFlow__step03 p {
  display: block;
  width: 100%;
  text-align: center;
}

.landing .voices {
  margin: -7rem 0 0;
}

@media (max-width: 768px) {
  .landing .voices {
    margin: 0;
  }
}
@media (max-width: 768px) {
  .landing .voices .messageList {
    display: block;
  }
}
.landing .voices .messageList li {
  width: calc(50% - 0.6rem);
  margin: 0 0 2rem;
}

@media (max-width: 768px) {
  .landing .voices.extra .messageList li.spShift {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    margin: 2rem 0;
  }
  .landing .voices.extra .messageList li {
    width: 100%;
  }
  .landing .voices.extra {
    margin: 0 0 5rem 0;
  }
}
.landing .voices.extra {
  margin: 0 0 5rem 0;
}

.landing .flow {
  padding: 8rem 0;
  margin: 4.2rem 0 10rem;
  background: #F7F7F7 url(/static/images/semicon/bg_lines.webp) center top/3.4rem repeat;
}

@media (max-width: 768px) {
  .landing .flow {
    margin: 5rem 0;
    padding: 5rem 0;
  }
}
.landing .flow__ttl {
  font-family: var(fontMaru);
  font-size: 3rem;
  font-weight: 700;
  text-align: center;
  margin: 0 0 3.2rem;
}

@media (max-width: 768px) {
  .landing .flow__ttl {
    font-size: 2rem;
    margin: 0 0 1.6rem;
  }
}
.landing .flow__ttl span {
  display: inline-block;
  line-height: 1;
  background: -webkit-gradient(linear, left bottom, left top, from(#ffcd69), color-stop(45%, #ffcd69), color-stop(45%, rgba(255, 205, 105, 0)), to(rgba(255, 205, 105, 0)));
  background: linear-gradient(0deg, #ffcd69 0%, #ffcd69 45%, rgba(255, 205, 105, 0) 45%, rgba(255, 205, 105, 0) 100%);
}

.landing .flow__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.7rem;
}

@media (max-width: 768px) {
  .landing .flow__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3rem;
  }
}
.landing .flow__box {
  border-radius: 0.6rem;
  -webkit-box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.05);
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.05);
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  background-color: #fff;
  position: relative;
}

.landing .flow__box:not(:first-child)::before {
  content: "";
  display: block;
  width: 8rem;
  height: 1.7rem;
  background: url(/static/images/semicon/icon_dots_arrow.webp) center center/contain no-repeat;
  position: absolute;
  top: 18.7rem;
  left: -5.2rem;
}

@media (max-width: 768px) {
  .landing .flow__box:not(:first-child)::before {
    width: 6rem;
    height: 1.63rem;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    top: -2.4rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-size: auto 100%;
    background-position: right center;
  }
}
.landing .flow__img {
  margin: 0 0 2.8rem;
  border-radius: 0.6rem 0.6rem 0 0;
  overflow: hidden;
}

@media (max-width: 768px) {
  .landing .flow__img img {
    aspect-ratio: 335/120;
    -o-object-fit: cover;
    object-fit: cover;
  }
}
.landing .flow__textarea {
  padding: 0 2rem 4rem;
  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-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.landing .flow__day {
  font-size: 2rem;
  font-weight: 900;
  color: var(--colorMain);
  text-align: center;
  line-height: 1;
  margin: 0 0 1.5rem;
}

@media (max-width: 768px) {
  .landing .flow__day {
    font-size: 1.8rem;
  }
}
.landing .flow__day span {
  font-family: var(--fontMaru);
  font-size: 2.3rem;
  letter-spacing: -0.03em;
  font-weight: 700;
  display: inline-block;
  -webkit-transform: translateY(0.05em);
  transform: translateY(0.05em);
  line-height: 0;
}

@media (max-width: 768px) {
  .landing .flow__day span {
    font-size: 2rem;
  }
}
.landing .flow__copy {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  font-size: 1.8rem;
  font-weight: 900;
  line-height: 1.5;
  min-height: 5.3rem;
  margin: 0 0 1.5rem;
  position: relative;
}

@media (max-width: 768px) {
  .landing .flow__copy {
    min-height: 0;
    margin: 0 0 1rem;
  }
}
.landing .flow__copy span {
  position: absolute;
  top: 50%;
  left: calc(100% + 0.3rem);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  white-space: nowrap;
  font-size: 1.2rem;
  font-weight: 500;
}

.landing .flow__text {
  width: 100%;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.6923076923;
}

.landing .flow__text--minHeight {
  min-height: 11rem;
}

@media (max-width: 768px) {
  .landing .flow__text--minHeight {
    min-height: 0;
  }
}
.landing .flow__point {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.6363636364;
  margin: 1.8rem 0 0;
}

@media (max-width: 768px) {
  .landing .flow__point {
    width: 100%;
  }
}
.landing .flow__point dt::before {
  content: "●";
  color: #F8B62D;
}

.landing .flow__step {
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: var(--colorMain);
  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;
  line-height: 1;
}

.landing .flow__step span {
  font-size: 3rem;
  font-family: var(--fontEn);
  display: inline-block;
  font-weight: 600;
  margin: 0 0 0 0.5rem;
}

.landing .flow__note {
  width: 100%;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.5;
  margin: 1.6rem 0 0;
}

.landing .flow--step {
  margin: 0;
}

.landing .skillCaption {
  margin: 0 0 5rem;
}

@media (max-width: 768px) {
  .landing .skillCaption {
    margin: 0 0 5rem;
  }
}
.landing .skillCaption__col {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4rem;
  margin: 8rem 0 0;
}

@media (max-width: 768px) {
  .landing .skillCaption__col {
    grid-template-columns: repeat(1, 1fr);
    margin: 2.4rem 0 0;
    gap: 1.5rem;
  }
}
.landing .skillCaption__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.landing .skillCaption__item--large {
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 768px) {
  .landing .skillCaption__item--large {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.landing .skillCaption__item--large .skillCaption__img {
  width: 37rem;
  margin: 0 8rem 0 0;
}

@media (max-width: 768px) {
  .landing .skillCaption__item--large .skillCaption__img {
    width: 100vw;
    height: auto;
    aspect-ratio: 75 / 30;
    border-radius: 0;
    padding: 0;
    margin: -5rem -2rem 2rem;
  }
  .landing .skillCaption__item--large .skillCaption__img img {
    width: 100vw;
  }
}
.landing .skillCaption__item--large .skillCaption__ttl {
  font-size: 3rem;
  line-height: 1.8;
}

@media (max-width: 768px) {
  .landing .skillCaption__item--large .skillCaption__ttl {
    font-size: 1.6rem;
  }
}
.landing .skillCaption__img {
  width: 17rem;
  aspect-ratio: 1/1;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  overflow: hidden;
  margin: 0 1.8rem 0 0;
}

@media (max-width: 768px) {
  .landing .skillCaption__img {
    width: 15rem;
    margin: 0 0 1.8rem;
    padding: 0 1.4rem 0 0;
    margin: 0;
  }
}
.landing .skillCaption__img picture {
  display: block;
}

.landing .skillCaption__ttl {
  font-size: 2.4rem;
  font-weight: 900;
  margin: 1.6rem 0 0;
  line-height: 1.3333333333;
}

@media (max-width: 768px) {
  .landing .skillCaption__ttl {
    font-size: 1.6rem;
    margin: 0;
  }
}
.landing .skillCaption__ttl span {
  display: inline-block;
  position: relative;
}

@media (max-width: 768px) {
  .landing .skillCaption__ttl span {
    padding: 0 0 0.2rem;
  }
}
.landing .skillCaption__ttl span::after {
  content: "";
  display: block;
  height: 0.6rem;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--colorMain);
  border-radius: 1rem;
}

@media (max-width: 768px) {
  .landing .skillCaption__ttl span::after {
    height: 0.4rem;
  }
}
.landing .skillCaption__text {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.6428571429;
  margin: 1.5rem 0 1.3rem;
}

@media (max-width: 768px) {
  .landing .skillCaption__text {
    font-size: 1.3rem;
    line-height: 1.5384615385;
    margin: 1rem 0 0;
  }
}
.landing .skillCaption__label {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.7916666667;
  color: var(--colorMain);
}

@media (max-width: 768px) {
  .landing .skillCaption__label {
    font-size: 1.8rem;
    margin: 0 0 1.6rem;
  }
}
.landing .skillCaption__label span {
  display: inline-block;
  background-color: #FFF3F2;
  padding: 0.2em 0.75em;
  border-radius: 0.6rem;
}

.landing .skillCaption__note {
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.6363636364;
  color: #A39E9E;
}

@media (max-width: 768px) {
  .landing .skillCaption__note {
    text-indent: -1em;
    margin-left: 1em;
    margin-top: 1rem;
  }
}
.landing .careerMessage {
  margin: 0 0 10rem;
}

@media (max-width: 768px) {
  .landing .careerMessage {
    margin: 0 0 5rem;
  }
}
.landing .careerMessage__ttl {
  font-size: 4rem;
  font-weight: 700;
  font-family: var(--fontMaru);
  line-height: 1.425;
  text-align: center;
  margin: 0 0 2.4rem;
}

@media (max-width: 768px) {
  .landing .careerMessage__ttl {
    font-size: 2.2rem;
    line-height: 1.4545454545;
  }
  .landing .careerMessage__ttl span {
    line-height: 0;
  }
}
.landing .careerMessage__ttl > span {
  color: var(--colorMain);
  font-size: 7.8rem;
  display: inline-block;
  -webkit-transform: translateY(0.2rem);
  transform: translateY(0.2rem);
  padding: 0 0 0 0.4rem;
}

@media (max-width: 768px) {
  .landing .careerMessage__ttl > span {
    font-size: 4.3rem;
  }
}
.landing .careerMessage__ttl > span > span {
  font-size: 5.6rem;
}

@media (max-width: 768px) {
  .landing .careerMessage__ttl > span > span {
    font-size: 3.1rem;
  }
}
.landing .careerMessage__ttl > span > span > span {
  font-size: 5.2rem;
}

@media (max-width: 768px) {
  .landing .careerMessage__ttl > span > span > span {
    font-size: 2.8rem;
  }
}
.landing .careerMessage__ttl > span > span > span > span {
  font-size: 1.5rem;
}

@media (max-width: 768px) {
  .landing .careerMessage__ttl > span > span > span > span {
    font-size: 0.7rem;
    display: inline-block;
    -webkit-transform: translateY(-1.4rem);
    transform: translateY(-1.4rem);
  }
}
.landing .careerMessage__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.6rem;
  margin: 0.5rem 0 0;
}

@media (max-width: 768px) {
  .landing .careerMessage__list {
    grid-template-columns: repeat(1, 1fr);
    gap: 1rem;
  }
}
.landing .careerMessage__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.landing .careerMessage__img {
  width: 18rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

@media (max-width: 768px) {
  .landing .careerMessage__img {
    width: 8rem;
  }
}
.landing .careerMessage__textarea {
  border: 0.1rem solid #CCCCCC;
  border-left: none;
  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: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 2.6rem 1rem 2.6rem 3.2rem;
  width: 100%;
}

@media (max-width: 768px) {
  .landing .careerMessage__textarea {
    padding: 1rem 0.8rem 1rem 1.8rem;
  }
}
.landing .careerMessage__copy {
  font-size: 1.8rem;
  font-weight: 900;
  line-height: 1.5;
}

@media (max-width: 768px) {
  .landing .careerMessage__copy {
    font-size: 1.6rem;
    margin: 0 0 0.4rem;
  }
}
.landing .careerMessage__text {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.7857142857;
  color: var(--colorMain);
}

.landing .careerMessage__note {
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.6363636364;
  color: #A39E9E;
  text-align: right;
}

@media (max-width: 768px) {
  .landing .careerMessage__note {
    text-align: center;
  }
}
.landing .supportList__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 5rem;
  margin: 0 0 10rem;
}

@media (max-width: 768px) {
  .landing .supportList__content {
    display: block;
    margin: 0 0 4rem;
  }
}
.landing .supportList__img {
  width: 34.4rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

@media (max-width: 768px) {
  .landing .supportList__img {
    width: 100%;
    margin: 0 0 2.4rem;
  }
}
.landing .supportList__img img {
  border-radius: 0 0 10rem 0;
}

@media (max-width: 768px) {
  .landing .supportList__img img {
    border-radius: 0 0 3rem 0;
  }
}
.landing .supportList__list {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 4rem;
}

@media (max-width: 768px) {
  .landing .supportList__list {
    gap: 1.6rem;
  }
}
.landing .supportList__copy {
  font-size: 2.4rem;
  font-weight: 900;
  line-height: 1.3333333333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 768px) {
  .landing .supportList__copy {
    font-size: 2rem;
  }
}
.landing .supportList__copy span {
  font-size: 2.8rem;
  font-weight: 700;
  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: 6rem;
  aspect-ratio: 1/1;
  background-color: var(--colorMain);
  color: #fff;
  border-radius: 50%;
  margin: 0 1rem 0 0;
  font-family: var(--fontMaru);
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

@media (max-width: 768px) {
  .landing .supportList__copy span {
    font-size: 2.2rem;
    width: 4rem;
  }
}
.landing .supportList__text {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.7857142857;
  padding: 0 0 0 7rem;
  margin: 1rem 0 0;
}

@media (max-width: 768px) {
  .landing .supportList__text {
    padding: 0;
    margin: 0.5rem 0 0;
  }
}
.landing .supportList__text span {
  color: var(--colorMain);
}

.landing .supportList .captionBox {
  margin: 0 0 10rem;
}

@media (max-width: 768px) {
  .landing .supportList .captionBox {
    margin: 0 0 5rem;
  }
}
.landing .welfare {
  padding: 10rem 0;
}

@media (max-width: 768px) {
  .landing .welfare {
    padding: 4rem 0 2rem;
  }
}
.landing .welfare__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 3rem;
  padding: 0 12rem;
  margin: 5rem 0;
}

@media (max-width: 768px) {
  .landing .welfare__list {
    padding: 0 2rem;
    margin: 3rem 0 4rem;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
  }
}
.landing .welfare__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border: 1px solid #CCCCCC;
  border-radius: 0.6rem;
}

@media (max-width: 768px) {
  .landing .welfare__grid {
    display: block;
    border-radius: 0;
  }
}
.landing .welfare__grid .welfareBox {
  width: 50%;
}

@media (max-width: 768px) {
  .landing .welfare__grid .welfareBox {
    width: 100%;
  }
}
@media (min-width: 769px) {
  .landing .welfare__grid .welfareBox:nth-child(1) {
    border-right: 1px solid #CCCCCC;
  }
}
@media (max-width: 768px) {
  .landing .welfare__grid .welfareBox:not(:first-child) {
    border-top: 1px solid #CCCCCC;
  }
}
.landing .welfare__grid .welfareBox--large {
  width: 100%;
}

@media (min-width: 769px) {
  .landing .welfare__grid .welfareBox--large {
    border-top: 1px solid #CCCCCC;
  }
}
.landing .welfare__chart {
  margin: 5rem 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 768px) {
  .landing .welfare__chart {
    display: block;
    margin: 3rem 0 0;
  }
}
.landing .welfare__chartTtl {
  font-size: 3rem;
  font-weight: 900;
  margin: 1rem 0 2.4rem;
  text-align: center;
}

@media (max-width: 768px) {
  .landing .welfare__chartTtl {
    font-size: 1.6rem;
    margin: 0 0 1.2rem;
  }
}
.landing .welfare__chartTtl span {
  display: inline-block;
  position: relative;
}

.landing .welfare__chartTtl span::after {
  content: "";
  display: block;
  height: 0.6rem;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--colorMain);
  border-radius: 1rem;
}

@media (max-width: 768px) {
  .landing .welfare__chartTtl span::after {
    height: 0.4rem;
    padding: 0 0 0.4rem;
  }
}
.landing .welfare__chartCopy {
  font-size: 2rem;
  font-weight: 900;
  line-height: 1.6;
  color: var(--colorMain);
}

@media (max-width: 768px) {
  .landing .welfare__chartCopy {
    font-size: 1.7rem;
    line-height: 1.2352941176;
  }
}
.landing .welfare__chartRanking {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 2.6rem;
  margin: 5.2rem 0 0;
}

@media (max-width: 768px) {
  .landing .welfare__chartRanking {
    margin: 4rem 0 0;
  }
}
.landing .welfare__chartRanking li {
  position: relative;
  margin: 0 0 0 5rem;
  font-size: 2rem;
  font-weight: 900;
  letter-spacing: 0.008em;
  line-height: 1.5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 768px) {
  .landing .welfare__chartRanking li {
    line-height: 1.3;
    margin: 0 0 0 2.6rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.landing .welfare__chartRanking li:nth-child(1) .crown {
  fill: var(--colorMain);
}

.landing .welfare__chartRanking li:nth-child(2) .crown {
  fill: #EB773B;
}

@media (max-width: 768px) {
  .landing .welfare__chartRanking li:nth-child(3) {
    margin-top: 2rem;
  }
}
.landing .welfare__chartRanking li:nth-child(3) .crown {
  fill: #ECA13D;
}

.landing .welfare__chartRanking li span {
  display: inline-block;
  background-color: #FEF6E5;
  padding: 0.2rem 0.8rem 0.2rem 1.6rem;
}

@media (max-width: 768px) {
  .landing .welfare__chartRanking li span {
    padding: 0.2rem 0.8rem 0.2rem 4rem;
  }
}
.landing .welfare__chartRanking li small {
  font-size: 1.1rem;
  line-height: 1.6363636364;
  color: #A39E9E;
  text-align: right;
  font-weight: 400;
}

@media (max-width: 768px) {
  .landing .welfare__chartRanking li small {
    display: block;
    text-align: left;
    margin: 2rem 0 0 0;
  }
}
.landing .welfare__chartIcon {
  position: absolute;
  left: -5rem;
  bottom: 0;
  width: 6.2rem;
  height: 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;
  font-size: 2rem;
  font-weight: 700;
  font-family: var(--fontMaru);
  color: #fff;
  padding: 1.8rem 0 0;
  z-index: 0;
}

@media (max-width: 768px) {
  .landing .welfare__chartIcon {
    bottom: auto;
    top: -1.5rem;
    left: -2.4rem;
  }
}
.landing .welfare__chartIcon .crown {
  position: absolute;
  top: 0;
  left: 0;
  width: 6.2rem;
  height: 5rem;
  z-index: -1;
}

.landing .welfare__chartIcon .shiny {
  position: absolute;
  width: 2.8rem;
  height: 2.8rem;
  aspect-ratio: 1/1;
  fill: #F8B62D;
  top: -1.6rem;
  right: -2.2rem;
  z-index: -1;
}

.landing .welfare__chartImg {
  width: 41.8rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  position: relative;
  padding: 0 3.6rem 0 0;
}

.landing .welfare__chartImg svg {
  height: auto!important;
}

@media (max-width: 768px) {
  .landing .welfare__chartImg {
    width: 22.8rem;
    padding: 0;
    margin: 2rem auto;
  }
}
.landing .welfare__chartIllust {
  position: absolute;
  width: 14.4rem;
  right: 2rem;
  bottom: -1.4rem;
}

@media (max-width: 768px) {
  .landing .welfare__chartIllust {
    width: 10.8rem;
    right: -3rem;
    bottom: -2.8rem;
  }
}
.landing .welfareBox {
  padding: 4rem 3rem;
}

@media (max-width: 768px) {
  .landing .welfareBox {
    padding: 2rem;
  }
}
.landing .welfareBox__col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media (min-width: 769px) {
  .landing .welfareBox__col--center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.landing .welfareBox__img {
  width: 11.2rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin: 0 2.4rem 0 0;
}

@media (max-width: 768px) {
  .landing .welfareBox__img {
    width: 6rem;
    margin: 0 1.8rem 0 0;
  }
}
.landing p.welfareBox__subttl {
  font-size: 1.6rem;
  font-weight: 900;
  line-height: 2;
}

@media (max-width: 768px) {
  .landing p.welfareBox__subttl {
    font-size: 1.5rem;
    line-height: 1.4666666667;
  }
}
.landing p.welfareBox__copy {
  font-size: 2rem;
  font-weight: 900;
  line-height: 1.6;
  color: var(--colorMain);
  margin: 0 0 1.5rem;
}

@media (max-width: 768px) {
  .landing p.welfareBox__copy {
    font-size: 1.7rem;
    line-height: 1.2352941176;
  }
}
.landing .welfareBox__text {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.7857142857;
}

@media (max-width: 768px) {
  .landing .welfareBox__text {
    font-size: 1.3rem;
    line-height: 1.5384615385;
  }
}
.landing .welfareBox__note {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.5;
  margin: 1rem 0 0;
}

@media (max-width: 768px) {
  .landing .welfareBox__note {
    line-height: 1.6363636364;
  }
}
.landing .welfareBox__types {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10rem;
}

@media (max-width: 768px) {
  .landing .welfareBox__types {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2rem;
    margin: 2rem 0 0;
  }
}
.landing .welfareBox__type {
  margin: 3rem 0 0;
}

@media (max-width: 768px) {
  .landing .welfareBox__type {
    margin: 0;
  }
}
.landing .welfareBox__typeTtl {
  font-size: 1.6rem;
  font-weight: 900;
  line-height: 2;
}

.landing .welfareBox__type dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.landing .welfareBox__type dl dt {
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.8461538462;
  background-color: #F8B62D;
  padding: 0 1rem;
  margin: 0 1rem 0 0;
  white-space: nowrap;
}

.landing .welfareBox__type dl dd {
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.8461538462;
}

.landing .welfareBox__type dl dd em {
  font-size: 2.1rem;
  /*
  color:#E94638;
  */
  font-weight: 700;
  font-style: normal;
  line-height: 0;
}

.landing .welfareBox__typeNote {
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.6363636364;
  color: #A39E9E;
  margin: 0.5rem 0 0;
}

.landing .welfareBox__detail {
  margin: 2.2rem 0 0;
}

.landing .welfareBox__detailTtl {
  font-size: 1.6rem;
  font-weight: 900;
  line-height: 2;
}

@media (max-width: 768px) {
  .landing .welfareBox__detailTtl {
    line-height: 1.375;
    margin: 0 0 1rem;
  }
}
.landing .welfareBox__detailTtl span {
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.6363636364;
  color: #A39E9E;
  display: inline-block;
  margin: 0 0 0 0.5rem;
}

.landing .welfareBox__detail ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.35rem;
}

@media (max-width: 768px) {
  .landing .welfareBox__detail ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.8rem;
  }
}
.landing .welfareBox__detail ul li {
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.8461538462;
}

@media (max-width: 768px) {
  .landing .welfareBox__detail ul li {
    line-height: 1.3;
  }
}
.landing .welfareBox__detail ul li::before {
  content: "●";
  color: #F8B62D;
  font-size: 0.75em;
  padding: 0 0.25em 0 0;
  display: inline-block;
}

.landing .welfareBox__detail ul li span {
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.6363636364;
  color: #A39E9E;
  display: inline-block;
  margin: 0 0 0 0.5rem;
}

@media (max-width: 768px) {
  .landing .welfareBox__detail ul li span {
    margin: 0 0 0 1rem;
  }
}
/*
.landing .guideline {
  margin: 10rem 0;
}

@media (max-width: 768px) {
  .landing .guideline {
    margin: 5rem 0;
  }
}
.landing .guideline .basicTable {
  border: 0.1rem solid #ccc;
  border-radius: 1rem;
  overflow: hidden;
}

.landing .guideline .basicTable dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.7857142857;
}

@media (max-width: 768px) {
  .landing .guideline .basicTable dl {
    font-size: 1.3rem;
    line-height: 1.9230769231;
    display: block;
  }
}
.landing .guideline .basicTable dl:not(:first-child) {
  border-top: 0.1rem solid #ccc;
}

.landing .guideline .basicTable dl dt {
  width: 20rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-color: #F7F7F7;
  padding: 2rem 2rem 2rem 3rem;
  border-right: 0.1rem solid #ccc;
}

@media (max-width: 768px) {
  .landing .guideline .basicTable dl dt {
    width: 100%;
    padding: 1.6rem 1.6rem 0 2rem;
    background-color: #fff;
  }
}
.landing .guideline .basicTable dl dd {
  width: 100%;
  padding: 2rem 2rem 2rem 3rem;
}

@media (max-width: 768px) {
  .landing .guideline .basicTable dl dd {
    padding: 0 1.6rem 1.6rem 2rem;
  }
}
.landing .guideline .basicTable dl p + p {
  margin-top: 1em;
}

.landing .guideline .basicTable__accTtl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 2rem 0 0;
  cursor: pointer;
}

@media (min-width: 769px) {
  .landing .guideline .basicTable__accTtl {
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
  }
  .landing .guideline .basicTable__accTtl:hover {
    opacity: 0.6;
  }
}
@media (max-width: 768px) {
  .landing .guideline .basicTable__accTtl {
    margin: 1rem 0 0;
  }
}
.landing .guideline .basicTable__accTtl:not(.isActive) figure:after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.landing .guideline .basicTable__accTtl figure {
  display: block;
  width: 3.7rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: var(--colorMain);
  position: relative;
  margin: 0 1.4rem 0 0;
}

@media (max-width: 768px) {
  .landing .guideline .basicTable__accTtl figure {
    width: 2.7rem;
  }
}
.landing .guideline .basicTable__accTtl figure::before, .guideline .basicTable__accTtl figure::after {
  content: "";
  display: block;
  width: 1.4rem;
  height: 0.1rem;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

@media (max-width: 768px) {
  .landing .guideline .basicTable__accTtl figure::before, .guideline .basicTable__accTtl figure::after {
    width: 0.9rem;
  }
}
.landing .guideline .basicTable__accContent {
  display: none;
  padding: 2rem 0 0;
}
*/

.landing .cvArea {
  background: #F8B62D url(/static/images/semicon/bg_dots.webp) center top/1.2rem repeat;
  border-bottom: 1rem solid #D89918;
}

@media (max-width: 768px) {
  .landing .cvArea {
    border-bottom: 0.5rem solid #D89918;
    position: relative;
    z-index: 0;
    overflow: hidden;
  }
}
.landing .cvArea > a {
  display: block;
  width: 100%;
}

@media (min-width: 769px) {
  .landing .cvArea > a:hover .btn::before, .cvArea > a:hover .btn::after {
    top: -3rem;
  }
  .landing .cvArea > a:hover .btn .btn__left {
    width: 100%;
  }
}
.landing .cvArea .inner {
  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-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 3rem 0;
  position: relative;
}

@media (max-width: 768px) {
  .landing .cvArea .inner {
    padding: 2.6rem 0 1.2rem;
  }
}
.landing .cvArea__ttl {
  font-family: var(--fontMaru);
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  color: #403939;
  text-align: center;
  position: relative;
  margin: 0 0 1.2rem;
}

@media (max-width: 768px) {
  .landing .cvArea__ttl {
    margin: 0 0 0.8rem;
    line-height: 1.25;
  }
}
.landing .cvArea__ttl::before, .cvArea__ttl::after {
  content: "";
  display: block;
  width: 0.3rem;
  height: 2rem;
  background-color: currentColor;
  border-radius: 1rem;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
}

@media (max-width: 768px) {
  .landing .cvArea__ttl::before, .cvArea__ttl::after {
    width: 0.2rem;
    height: 3.6rem;
  }
}
.landing .cvArea__ttl::before {
  left: -2rem;
  -webkit-transform: rotate(-18deg);
  transform: rotate(-18deg);
}

@media (max-width: 768px) {
  .landing .cvArea__ttl::before {
    left: -1rem;
  }
}
.landing .cvArea__ttl::after {
  right: -2rem;
  -webkit-transform: rotate(18deg);
  transform: rotate(18deg);
}

@media (max-width: 768px) {
  .landing .cvArea__ttl::after {
    right: -1rem;
  }
}
@media (max-width: 768px) {
  .landing .cvArea__ttl {
    font-size: 1.6rem;
  }
}
.landing .cvArea .btn button {
  pointer-events: none;
}

@media (min-width: 769px) {
  .landing .cvArea .btn:hover::before, .cvArea .btn:hover::after {
    top: -3rem;
  }
}
@media (max-width: 768px) {
  .landing .cvArea .btn {
    width: 30rem;
    height: 5.1rem;
  }
  .landing .cvArea .btn a, .cvArea .btn button {
    border: 0.3rem solid #fff;
  }
  .landing .cvArea .btn__right {
    padding: 0.7rem 0 0.7rem 1rem;
  }
}
.landing .cvArea .btn::before, .cvArea .btn::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  bottom: -1rem;
  -webkit-transition: top 0.4s ease;
  transition: top 0.4s ease;
  pointer-events: none;
}

@media (max-width: 768px) {
  .landing .cvArea .btn::before, .cvArea .btn::after {
    bottom: -0.5rem;
    z-index: -1;
  }
}
/*
.landing .cvArea .btn::before {
  width: 20rem;
  left: 5.6rem;
  top: -2rem;
  background: url(/static/images/semicon/btn_illust01.webp) center top/cover no-repeat;
}

@media (max-width: 768px) {
  .landing .cvArea .btn::before {
    top: 1.2rem;
    width: 12.9rem;
    left: -3.8rem;
  }
}
.landing .cvArea .btn::after {
  width: 15.7rem;
  right: 9.2rem;
  top: -2rem;
  background: url(/static/images/semicon/btn_illust02.webp) center top/cover no-repeat;
}

@media (max-width: 768px) {
  .landing .cvArea .btn::after {
    top: 1.2rem;
    width: 10.2rem;
    right: -0.8rem;
  }
}
*/
.landing .messageList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  padding: 0 7rem;
}

@media (max-width: 768px) {
  .landing .messageList {
    padding: 0;
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
.landing .messageList li {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  border-radius: 1.2rem;
  text-align: center;
  font-size: 2rem;
  font-weight: 900;
  letter-spacing: 0.025em;
  line-height: 1.4;
  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: 1.8rem 1.6rem;
  position: relative;
  z-index: 0;
  background-color: #fff;
  border: 0.6rem solid #F0F0F0;
  white-space: nowrap;
}

@media (max-width: 768px) {
  .landing .messageList li {
    font-size: 1.5rem;
    border-width: 0.4rem;
    padding: 1.8rem 0;
  }
  .landing .messageList li.spShift {
    position: absolute;
    right: 0;
    top: 3.2rem;
    width: calc(50% - 2rem);
  }
}
.landing .messageList li::before {
  content: "";
  display: block;
  background-color: #fff;
  border-right: 0.8rem solid #F0F0F0;
  border-bottom: 0.8rem solid #F0F0F0;
  width: 2.4rem;
  aspect-ratio: 1/1;
  -webkit-transform: scaleX(0.5) rotate(45deg);
  transform: scaleX(0.5) rotate(45deg);
  border-radius: 0.8rem;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1.6rem;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .landing .messageList li::before {
    border-right: 0.6rem solid #F0F0F0;
    border-bottom: 0.6rem solid #F0F0F0;
    border-radius: 0.6rem;
  }
}
.landing .captionBox {
  background-color: #fff;
  -webkit-box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.05);
  box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.05);
  border-radius: 1rem;
  padding: 4.5rem 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 768px) {
  .landing .captionBox {
    display: block;
    padding: 2rem;
  }
}
.landing .captionBox__ttl {
  font-size: 2.2rem;
  font-weight: 900;
  margin: 0 0 1.5rem;
}

@media (max-width: 768px) {
  .landing .captionBox__ttl {
    font-size: 1.8rem;
    line-height: 1.3333333333;
    margin: 0 0 1.2rem;
  }
}
.landing .captionBox__ttl span {
  color: var(--colorMain);
}

.landing .captionBox__text {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.6428571429;
}

@media (max-width: 768px) {
  .landing .captionBox__text {
    letter-spacing: 0.03em;
    line-height: 1.5384615385;
  }
}
.landing .captionBox__img {
  margin: 0 0 0 3rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 29rem;
}

@media (max-width: 768px) {
  .landing .captionBox__img {
    width: 100%;
    margin: 2rem 0 0;
  }
}
@media (max-width: 768px) {
  .landing .spBg {
    background: #F7F7F7 url(/static/images/semicon/bg_lines.webp) center top/3.4rem repeat;
  }
}
.landing .fixedCVBtn {
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  z-index: 2;
  width: 21.1rem;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}

@media (min-width: 769px) {
  .landing .fixedCVBtn {
    display: none;
  }
}
.landing .fixedCVBtn:not(.isShow) {
  opacity: 0;
  pointer-events: none;
}

.landing u-white {
  color: #fff;
  fill: #fff;
}

.landing .u-white * {
  color: #fff;
  fill: #fff;
}

.landing .u-center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.landing .u-right {
  text-align: right;
  margin-left: auto;
}

.landing .u-left {
  text-align: left;
  margin-right: auto;
}

@media (min-width: 769px) {
  .landing .u-sp {
    display: none !important;
  }
}
@media (max-width: 768px) {
  .landing .u-pc {
    display: none !important;
  }
}
.landing .new_text_01 {
  text-align: center;
  font-size: 2.1rem;
  font-weight: 700;
  margin: 0 0 1.5rem 0;
  line-height: 1.5;
}
.landing .new_text_01 em {
  color: #E94638;
  font-family: var(--fontMaru);
  font-size: 3.2rem;
  font-style: normal;
}

.clients_list_under.extra {
  margin: 0 0 2rem 0;
}

@media (max-width: 768px) {
  .clients_list_under.extra li:nth-child(10) {
    display: none;
  }
}
.langing_area_01 {
  width: 110rem;
  margin: auto;
}

.langing_area_01 .note {
  text-align: right;
  padding: 0 13rem 0 0;
}

.langing_area_01 .linkText {
  text-align: right;
  margin: 1rem 0 0;
}

.langing_area_01 .note {
  margin: 0 0 -3rem;
}

@media (max-width: 768px) {
  .landing .new_text_01 {
    font-size: 1.6rem;
    margin: 0 0 1.5rem 0;
    line-height: 1.5;
  }
  .landing .new_text_01 em {
    color: #E94638;
    font-family: var(--fontMaru);
    font-size: 2.1rem;
    font-style: normal;
  }
  .langing_area_01 {
    width: 100%;
    margin: auto;
    padding: 0 2rem;
  }
}
.langing_area_02 {
  border: 1px solid #CBCBCB;
  padding: 4.5rem 3rem 3rem 3rem;
  border-radius: 2rem;
  margin: 0 0 4rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 768px) {
  .langing_area_02 {
    margin: 0 0 2rem 0;
  }
}
.langing_area_02 .left {
  width: 40rem;
}
.langing_area_02 .right {
  width: 52rem;
}

@media (max-width: 768px) {
  .langing_area_02 {
    padding: 2rem;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .langing_area_02 .left {
    width: 100%;
  }
  .langing_area_02 .right {
    width: 100%;
  }
}
.leadRelation__list.extra_center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.leadRelation__list.extra_center li {
  width: 24.8rem;
}

.leadRelation.extra {
  margin: -10rem 0 8rem 0;
}
@media (max-width: 768px) {
  .leadRelation.extra {
    margin: 0 0 4rem 0;
  }
}

.landing .inner.extra_border {
  border-top: 1px solid #F0F0F0;
  padding: 5em 0 5rem 0;
}
@media (max-width: 768px) {
  .landing .inner.extra_border {
    padding: 5rem 0 5rem 0;
  }
}

.landing .skillCaption__item--large .skillCaption__img.extra {
  margin: 0;
  position: relative;
  overflow: visible;
}
#illust02.hide {
  visibility: hidden;
}

.landing .skillCaption__item--large .skillCaption__img.extra .extra_icon {
  position: absolute;
  top: -7rem;
  left: -9rem;
  z-index: 1;
  width: 55%;
  max-width: 200px;
}

.landing .skillCaption__item ul {
  margin: 1rem 0 0 0;
}

.landing .skillCaption__item ul li {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.6428571429;
  margin: 0.3rem 0 0rem;
  text-indent: -1em;
  padding-left: 1em;
}
@media (max-width: 768px) {
  .landing .skillCaption__item ul li {
    font-size: 1.3rem;
    line-height: 1.5384615385;
    margin: 0.3rem 0 0rem;
  }
}

@media (max-width: 768px) {
  .skillCaption__ttl.extra_icon {
    position: relative;
  }
  .skillCaption__ttl.extra_icon:after {
    content: "";
    display: block;
    width: 11rem;
    height: 11rem;
    background: url(/static/images/semicon/icon_extra_02.png) center center/contain no-repeat;
    position: absolute;
    top: -1rem;
    right: -1rem;
  }
  .skillCaption__textarea.sp_extra {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .landing .skillCaption__item--large .skillCaption__img.extra {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin: 0 0 2rem 0;
  }
}

.skillCaption__textarea.sp_extra .featureContent__label--attention {
  color: #A39E9E;
  margin: 1rem 0 0 0;
}

.extra_sub_text {
  margin: 1rem 0 0 0;
  color: #A39E9E;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.5384615385;
}

.landing .captionBox__ttl small {
  color: #A39E9E;
}

@media (max-width: 768px) {
  .sml_txt {
    font-size: 1rem;
    line-height: 1.2;
    display: block;
    margin: 1rem 0;
  }
}
@media (min-width: 769px) {
  .landing .welfare__grid .welfareBox:nth-child(1) {
    border-right: none;
    border-top: none;
    border-bottom: 1px solid #CCCCCC;
  }
  .landing .welfare__grid .welfareBox:nth-child(2) {
    border-right: 1px solid #CCCCCC;
  }
}
.landing .welfareBox__img.extra1 {
  margin: 0;
  width: 22rem;
}
@media (max-width: 768px) {
  .landing .welfareBox__img.extra1 {
    width: 100%;
    margin: 2rem 0 0 0;
  }
}

.welfareBox__textarea.extra1 .welfareBox__copy {
  border-left: 5px solid var(--colorMain);
  padding: 0 0 0 2rem;
  font-size: 3rem;
  line-height: 1.1;
}
@media (max-width: 768px) {
  .welfareBox__textarea.extra1 .welfareBox__copy {
    font-size: 2rem;
    border-left: 3px solid var(--colorMain);
  }
}

.baby_text_01 {
  font-weight: 700;
  font-size: 2rem;
}
.baby_text_01 em {
  color: var(--colorMain);
  font-style: normal;
  font-size: 3rem;
}

.welfareBox__text.extra small {
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.6363636364;
  color: #A39E9E;
}

.border_t .welfareBox__type {
  margin: 0rem 0 0 0;
  padding: 0rem 0 0 0;
}
@media (max-width: 768px) {
  .border_t .welfareBox__type {
    border: none;
    padding: 0;
  }
}

small.gray {
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.6363636364;
  color: #A39E9E;
}

@media (max-width: 768px) {
  .welfareBox.welfareBox--large.extra .welfareBox__col--center {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .baby_text_01 em {
    line-height: 1.5;
  }
  .welfareBox__text.extra {
    text-align: left;
  }
}
.landing .welfareBox__col .welfareBox__textarea {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.extra_medal {
  padding: 0 0 0 0;
  position: relative;
}

.extra_medal:after {
  background: url(/static/images/semicon/point_icon.svg) right top no-repeat;
  background-size: 9.5rem 9.5rem;
  content: "";
  width: 9.5rem;
  height: 9.5rem;
  right: 0;
  top: -1rem;
  position: absolute;
  display: block;
}
@media (max-width: 768px) {
  .extra_medal:after {
    right: unset;
    top: unset;
    position: relative;
    margin: 1rem auto 1rem;
    background: url(/static/images/semicon/point_icon_sp.svg) right top no-repeat;
    background-size: 20.9rem 8.7rem;
    width: 20.9rem;
    height: 8.7rem;
  }
}

.env_fx_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
flex-wrap: wrap;
}

.env_fx_box .env_left_01 {
  width: 42%;
  max-width: 400px;
}

.env_fx_box .env_left_01 .env_ttl {
  font-size: 30px;
  line-height: 1.5;
  font-weight: bold;
  margin: 0 0 20px 0;
}

.env_fx_box .env_right_01 {
  width: 52%;
  max-width: 510px;
}

.env_fx_box .env_right_01 p {
  font-size: 15px;
  line-height: 1.8;
}

.env_list_01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.env_list_01 li {
  width: 23%;
  max-width: 200px;
  text-align: center;
}

.env_list_01 li div {
  background: #595757;
  padding: 10px 5px;
  font-size: 1.5rem;
  font-weight: bold;
  margin: 20px 0 5px;
  color: #FFF;
}

.env_list_01 li p {
  font-size: 1.8rem;
  font-weight: bold;
  margin: 0 0 5px 0;
}

.env_list_01 li p em {
  color: #E94738;
  font-size: 4.6rem;
  font-style: normal;
}

.env_list_01 li span {
  color: #6D6D6D;
  font-size: 1.3rem;
}

.env_fx_box .env_left_01 .env_ttl span {
  font-size: 2.1rem;
}

.env_fx_box .env_left_01 p.subs {
  font-size: 1.4rem;
  line-height: 1.78;
  font-weight: 700;
}

.env_fx_box .env_left_01.wd01 {
  width: 45%;
  max-width: 450px;
}

.env_fx_box .env_right_01.wd01 {
  width: 50%;
  max-width: 490px;
}

.env_fx_box .env_right_01.wd01 img {
  margin: -80px 0 0 0;
}

.env_red_list {
  margin: 30px 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.env_red_list li {
  border: 1px solid #E94738;
  background: #FFF;
  width: 24%;
  max-width: 237px;
  text-align: center;
  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;
}

.env_red_list li em {
  padding: 10px;
  font-size: 16rem;
  line-height: 1.3;
  color: #E94539;
  font-weight: bold;
  font-style: normal;
}

.env_red_list li span {
  font-weight: normal;
  color: #6D6D6D;
  font-size: 13px;
}

.sm_text {
  text-align: right;
  margin: 10px 0 0 0;
  font-size: 12px;
  color: #6D6D6D;
  line-height: 1;
}

h3.noborder {
  background: none;
}

.env_fx_box .env_left_01.wd02 {
  width: 62%;
  max-width: 630px;
}

.env_fx_box .env_right_01.wd02 {
  width: 31%;
  max-width: 298px;
}

.env_fx_box .env_left_01.wd02 .line_tl {
  margin: 30px 0 10px 0;
}

.env_fx_box .env_left_01.wd02 .line_tl span {
  font-weight: normal;
  font-size: 15px;
  color: #9A9A9A;
}

.env_fx_box .env_number, .about_n .env_number {
  margin: 5px 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

.env_fx_box .env_number dt,
.about_n .env_number dt {
  background: #E94539;
  color: #FFF;
  font-weight: bold;
  font-size: 17px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 36%;
  max-width: 220px;
  padding: 20px 0;
  position: relative;
  text-align: center;
}

.env_fx_box .env_number dt:after, .about_n .env_number dt:after {
  content: "";
  background: url(/static/images/semicon/env_arw.png) center center no-repeat;
  background-size: 10.5px 14.5px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -10px;
  margin: auto;
  display: block;
  width: 10.5px;
  height: 14.5px;
}

.env_fx_box .env_number dd {
  background: #F7F7F7;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  max-width: 292px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 25px;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  gap: .5rem;
}

.about_n .env_number dd {
  background: #FFF;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 0 10px 25px;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.env_fx_box .env_number dd .main_t,
.about_n .env_number dd .main_t {
  font-weight: bold;
  font-size: 18px;
  margin: 0 5px 0 0;
  text-align: left;
}

.env_fx_box .env_number dd span,
.about_n .env_number dd span {
  color: #E94738;
}

.env_fx_box .env_number dd span em,
.about_n .env_number dd span em {
  font-size: 46px;
  font-style: normal;
  line-height: 1;
}

.env_fx_box .env_number dd .sub_t, .about_n .env_number dd .sub_t {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  line-height: 1;
  font-size: 1.4rem;
}

.env_fx_box .env_number dd .sub_t span,
.about_n .env_number dd .sub_t span {
  position: absolute;
  display: inline-block;
  color: #FFF;
  background: #E94738;
  font-size: 13px;
  line-height: 1;
  font-weight: bold;
  padding: 3px;
  top: -26px;
}

.env_red_list {
  margin: 30px 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.env_red_list li {
  border: 1px solid #E94738;
  background: #FFF;
  width: 24%;
  max-width: 237px;
  text-align: center;
  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;
}

.env_red_list li em {
  padding: 10px;
  font-size: 1.6rem;
  line-height: 1.3;
  color: #E94539;
  font-weight: bold;
  font-style: normal;
}

.env_red_list li span {
  font-weight: normal;
  color: #6D6D6D;
  font-size: 13px;
}

.sm_text {
  text-align: right;
  margin: 10px 0 0 0;
  font-size: 1.2rem;
  color: #6D6D6D;
  line-height: 1;
}

.env_new_block_01 h3.noborder {
  background: none;
}

.line_tl_extra {
  margin: 3rem 0 1rem 0;
  font-size: 1.6rem;
  line-height: 1;
  font-weight: bold;
  width: 100%;
}

.line_tl_extra em {
  font-style: normal;
  color: #E94539;
}

.line_tl_extra span {
  font-weight: normal;
  font-size: 1.5rem;
}

.env_fx_box .line_tl {
  border-left: 3px solid #E94638;
  padding: 0 0 0 20px;
  font-weight: bold;
  font-size: 18px;
  line-height: 1;
  margin: 20px 0 0 0;
}

.env_fx_box .line_tl.extra {
  margin: 40px 0 0 0;
  width: 100%;
}

.gray_wel_area .line_tl.extra {
  margin: 40px 0 0 0;
  font-size: 2.1rem;
  font-weight: 500;
  line-height: 1.5;
  font-style: normal;
}

.about_n {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.about_n .env_number {
  width: 50%;
}

@media screen and (max-width: 768px) {
  .about_n {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .about_n .env_number {
    width: 100%;
  }
  .gray_wel_area .line_tl.extra {
    margin: 20px 0 0 0;
    font-size: 1.6rem;
  }
  .env_fx_box .env_left_01 p.subs {
    font-size: 1.3rem;
    line-height: 1.5;
  }
  .env_fx_box .env_left_01.wd02 .line_tl {
    border-left: 3px solid #E94638;
    padding: 0 0 0 15px;
    font-weight: bold;
    font-size: 1.5rem;
    line-height: 1.4;
    margin: 20px 0 0 0;
  }
  .env_fx_box .line_tl.extra {
    margin: 30px 0 0 0;
  }
  .line_tl_extra {
    margin: 3rem 0 1rem 0;
    font-size: 1.5rem;
    line-height: 1;
    font-weight: bold;
  }
  .line_tl_extra span {
    font-weight: normal;
    font-size: 1.3rem;
  }
  .env_new_block_01.extra {
    margin-bottom: 0;
  }
  .env_fx_box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .env_fx_box .env_left_01 .env_ttl {
    font-size: 21px;
    margin: 0 0 10px 0;
  }
  .env_fx_box .env_left_01 {
    width: 100%;
  }
  .env_fx_box .env_right_01 {
    width: 100%;
  }
  .env_list_01 {
    margin: 20px 0 0 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .env_list_01 li {
    width: 46%;
    max-width: 100%;
    text-align: center;
    margin: 0 0 30px 0;
  }
  .env_list_01 li div {
    font-size: 12px;
    margin: 10px 0 5px;
    padding: 5px 5px;
  }
  .env_list_01 li p {
    font-size: 16px;
  }
  .env_list_01 li p em {
    font-size: 36px;
  }
  .env_fx_box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .env_fx_box .env_left_01.wd01 {
    width: 100%;
    max-width: 100%;
  }
  .env_fx_box .env_right_01.wd01 {
    width: 100%;
    max-width: 100%;
  }
  .env_fx_box .env_left_01 .env_ttl span {
    font-size: 18px;
  }
  .env_fx_box .env_right_01.wd01 img {
    margin: 10px 0 0 0;
  }
  .line_tl {
    font-size: 18px;
    line-height: 1.3;
    padding: 0 0 0 10px;
  }
  .ev_white_area {
    margin: 10px 0 0 0;
    background: #FFF;
    padding: 4%;
  }
  .ev_white_area ul li {
    width: 100%;
    display: inline-block;
    padding: 8px 0px 6px 0;
  }
  .ev_white_area ul li:nth-child(5) {
    margin: 0 0 1% 0;
  }
  .env_fx_box .env_left_01.wd02 {
    width: 100%;
    max-width: 100%;
  }
  .env_fx_box .env_right_01.wd02 {
    width: 100%;
    max-width: 100%;
  }
  .env_fx_box .env_left_01.wd02 .line_tl {
    margin: 30px 0 0 0;
  }
  .env_fx_box .env_number,
  .about_n .env_number {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .env_fx_box .env_number dt,
  .about_n .env_number dt {
    width: 100%;
    max-width: 100%;
    font-size: 16px;
    padding: 5px 0;
  }
  .env_fx_box .env_left_01.wd02 .env_number dt:after,
  .about_n .env_number dt:after {
    content: "";
    background: url(/static/images/semicon/env_arw_sp.png) center center no-repeat;
    background-size: 29.5px 14px;
    position: absolute;
    top: 0;
    right: 0px;
    left: 0;
    margin: auto;
    display: block;
    width: 29.5px;
    height: 14px;
    bottom: -36px;
  }
  .env_fx_box .env_number dd,
  .about_n .env_number dd {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px;
    max-width: unset;
  }
  .env_fx_box .env_left_01.wd02 .env_number dd .sub_t span,
  .about_n .env_number dd .sub_t span {
    padding: 3px 10px;
  }
  .env_red_list {
    margin: 20px 0 0 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .env_red_list li {
    width: 100%;
    max-width: 100%;
    margin: 0 0 5px 0;
  }
  .env_red_list li em {
    font-size: 1.6rem;
  }
  .sm_text {
    margin: 0px 0 20px 0;
  }
  .env_new_others {
    padding: 0 20px;
  }
  .env_new_others ul li {
    width: 100%;
    max-width: 100%;
    margin: 0 0 5px 0;
    padding: 10px;
    font-size: 14px;
  }
  .env_new_others ul li:nth-child(3),
  .env_new_others ul li:nth-child(6),
  .env_new_others ul li:nth-child(9),
  .env_new_others ul li:nth-child(12),
  .env_new_others ul li:nth-child(15) {
    margin: 0 0 5px 0;
  }
  .env_fx_box .env_right_01.wd02 {
    margin: 20px 0 0 0;
  }
  .line_tl {
    margin: 30px 0 0 0;
  }
  .ev_white_area.threes ul li {
    width: 100%;
    max-width: 100%;
    padding: 10px 0 8px 0;
  }
  .ev_white_area.threes ul li:nth-child(4) {
    margin: 0 0 1% 0;
  }
  .env_new_area .env_red_list li em {
    padding: 10px 0 8px 0;
  }
  .welfareBlocks .flexBox .leftBox {
    margin: 0 0 20px 0;
  }
  .welfareBlocks .flexBox.extra_border {
    margin: 0;
    padding: 0;
  }
  .env_new_block_01 .env_new_area_nobg {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0 20px;
    gap: 0;
    margin: 10px 0 0 0;
  }
  .env_new_block_01 .env_new_area_nobg .ev_box {
    width: 100%;
    max-width: 100%;
    margin: 0 0 20px 0;
  }
  .env_new_block_01 .env_new_area_nobg .ev_box:nth-of-type(4) {
    margin: 0 0 20px 0;
  }
  .env_new_block_01 .env_new_area_nobg .ev_box:nth-of-type(5) {
    margin: 0;
  }
  .env_new_block_01 .env_new_area_nobg .ev_box .ev_ttl {
    padding: 20px 20px 5px 20px;
  }
  .ev_white_area.threes ul li:nth-child(5) {
    margin: 0 0 1% 0;
  }
}
.two_block_last .f_box .f_boxs .numbers_01 em small {
  color: #B5B5B5;
  font-size: 1.2rem;
  letter-spacing: 0;
  font-weight: normal;
}

.two_block_last .f_box .f_boxs .numbers_01 small {
  color: #B5B5B5;
}

.guideline {
  padding: 40px 0 0 0;
}
.guideline h2 {
  margin: 0 0 40px 0;
  color: #5f5d5d;
  font-size: 30px;
  font-size: 4rem;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .guideline {
    padding: 20px 0 0 0;
  }
  .guideline h2 {
    margin: 0 0 20px 0;
    font-size: 3rem;
  }
}

.guideline .guideline__content {
  padding: 60px 0;
  background: #f2f3f4;
}
@media screen and (max-width: 768px) {
  .guideline .guideline__content {
    padding: 4% 4% 6% 4%;
    background: #f2f3f4;
  }
}

.guideline .guideline__content dl {
    max-width: 1000px!important;
    margin: 0 auto;
    line-height: 1.7;
  }

  .guideline .guideline__content dl dt {
  padding: 20px 30px;
  color: #ffffff;
  font-weight: 700;
  background: #9fa0a0;
  font-size: 3rem;
}
@media screen and (max-width: 768px) {
  .guideline .guideline__content dl dt {
  padding: 3% 4% 3% 4%;
  font-size: 1.6rem;
  }
}
.guideline .guideline__content dl dd {
  padding: 20px 30px;
  background: #fff;
  color: #595757;
  font-size: 3rem;
}
@media screen and (max-width: 768px) {
  .guideline .guideline__content dl dd {
    padding: 3% 4% 3% 4%;
    font-size: 1.6rem;
  }
}
.guideline .guideline__content dl dd p {
  margin: 0 0 2rem 0;
}
.guideline .guideline__content dl dd p:last-child {
  margin: 0;
}
.guideline .guideline__content dl dd .caution {
  color: #9fa0a0;
  font-size: 2.6rem;
}
.guideline .guideline__content dl dd .ul_disc {
  list-style: disc;
  margin-left: 3.5rem;
}
@media screen and (max-width: 768px) {
  .guideline .guideline__content dl dd p {
    margin: 0 0 6% 0;
  }
  .guideline .guideline__content dl dd .caution {
    font-size: 1.4rem;
  }
  .guideline .guideline__content dl dd .ul_disc {
    margin-left: 2.2rem;
  }
}

/* 募集要項アコーディオン */
.guideline__accTtl {
    min-height: 1.8rem;
    color: #0090d3;
    text-decoration: underline;
    background-repeat: no-repeat;
    background-image: url(/wp-content/themes/nextengineer/assets/img/icon_plus_blue.svg);
    background-position: left top 2rem;
    background-size: 2.7rem;
    padding-left: 3.6rem
}

@media screen and (max-width: 768px) {
  .guideline__accTtl {
    background-position: left top .8rem;
    background-size: 1.8rem;
    padding-left: 2.4rem
  }
}

@media screen and (min-width: 1025px) {
    .guideline__accTtl:hover {
        cursor:pointer;
        text-decoration: none
    }
}
.guideline__accTtl.open {
    background-image: url(/wp-content/themes/nextengineer/assets/img/icon_minus_blue.svg)
}
.guideline__accCont {
    display: none;
    padding: 1rem 0 0 2.4rem
}
.guideline__accCont strong {
    font-weight: bold
}
.guideline__accCont ul {
    margin: 0
}
.guideline__accCont ul+p.att {
    margin-top: 0
}

.u-white {
  color: #fff;
  fill: #fff;
}
.u-white * {
  color: #fff;
  fill: #fff;
}

.u-center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.u-right {
  text-align: right;
  margin-left: auto;
}

.u-left {
  text-align: left;
  margin-right: auto;
}

@media (min-width: 769px) {
  .u-sp {
    display: none !important;
  }
}

@media (max-width: 768px) {
  .u-pc {
    display: none !important;
  }
}
/* ==========================================================
!Margin
========================================================== */
.mt00 {
	margin-top: 0    !important;
}
.mt05 {
	margin-top: 0.5% !important;
}
.mt10 {
	margin-top: 1%   !important;
}
.mt15 {
	margin-top: 1.5% !important;
}
.mt20 {
	margin-top: 2%   !important;
}
.mt25 {
	margin-top: 2.5% !important;
}
.mt30 {
	margin-top: 3%   !important;
}
.mt35 {
	margin-top: 3.5% !important;
}
.mt40 {
	margin-top: 4%   !important;
}
.mt45 {
	margin-top: 4.5% !important;
}
.mt50 {
	margin-top: 5%   !important;
}
.mt55 {
	margin-top: 5.5% !important;
}
.mt60 {
	margin-top: 6%   !important;
}
.mt65 {
	margin-top: 6.5% !important;
}
.mt70 {
	margin-top: 7%   !important;
}
.mt75 {
	margin-top: 7.5% !important;
}
.mt80 {
	margin-top: 8%   !important;
}
.mt85 {
	margin-top: 8.5% !important;
}
.mt90 {
	margin-top: 9%   !important;
}
.mt95 {
	margin-top: 9.5% !important;
}
.mt100 {
	margin-top: 10% !important;
}

.mr00 {
	margin-right: 0    !important;
}
.mr05 {
	margin-right: 0.5% !important;
}
.mr10 {
	margin-right: 1%   !important;
}
.mr15 {
	margin-right: 1.5% !important;
}
.mr20 {
	margin-right: 2%   !important;
}
.mr25 {
	margin-right: 2.5% !important;
}
.mr30 {
	margin-right: 3%   !important;
}
.mr35 {
	margin-right: 3.5% !important;
}
.mr40 {
	margin-right: 4%   !important;
}
.mr45 {
	margin-right: 4.5% !important;
}
.mr50 {
	margin-right: 5%   !important;
}
.mr55 {
	margin-right: 5.5% !important;
}
.mr60 {
	margin-right: 6%   !important;
}
.mr65 {
	margin-right: 6.5% !important;
}
.mr70 {
	margin-right: 7%   !important;
}
.mr75 {
	margin-right: 7.5% !important;
}
.mr80 {
	margin-right: 8%   !important;
}
.mr85 {
	margin-right: 8.5% !important;
}
.mr90 {
	margin-right: 9%   !important;
}
.mr95 {
	margin-right: 9.5% !important;
}
.mr100 {
	margin-right: 10% !important;
}

.mb00 {
	margin-bottom: 0    !important;
}
.mb05 {
	margin-bottom: 0.5% !important;
}
.mb10 {
	margin-bottom: 1%   !important;
}
.mb15 {
	margin-bottom: 1.5% !important;
}
.mb20 {
	margin-bottom: 2%   !important;
}
.mb25 {
	margin-bottom: 2.5% !important;
}
.mb30 {
	margin-bottom: 3%   !important;
}
.mb35 {
	margin-bottom: 3.5% !important;
}
.mb40 {
	margin-bottom: 4%   !important;
}
.mb45 {
	margin-bottom: 4.5% !important;
}
.mb50 {
	margin-bottom: 5%   !important;
}
.mb55 {
	margin-bottom: 5.5% !important;
}
.mb60 {
	margin-bottom: 6%   !important;
}
.mb65 {
	margin-bottom: 6.5% !important;
}
.mb70 {
	margin-bottom: 7%   !important;
}
.mb75 {
	margin-bottom: 7.5% !important;
}
.mb80 {
	margin-bottom: 8%   !important;
}
.mb85 {
	margin-bottom: 8.5% !important;
}
.mb90 {
	margin-bottom: 9%   !important;
}
.mb95 {
	margin-bottom: 9.5% !important;
}
.mb100 {
	margin-bottom: 10% !important;
}

.ml00 {
	margin-left: 0    !important;
}
.ml05 {
	margin-left: 0.5% !important;
}
.ml10 {
	margin-left: 1%   !important;
}
.ml15 {
	margin-left: 1.5% !important;
}
.ml20 {
	margin-left: 2%   !important;
}
.ml25 {
	margin-left: 2.5% !important;
}
.ml30 {
	margin-left: 3%   !important;
}
.ml35 {
	margin-left: 3.5% !important;
}
.ml40 {
	margin-left: 4%   !important;
}
.ml45 {
	margin-left: 4.5% !important;
}
.ml50 {
	margin-left: 5%   !important;
}
.ml55 {
	margin-left: 5.5% !important;
}
.ml60 {
	margin-left: 6%   !important;
}
.ml65 {
	margin-left: 6.5% !important;
}
.ml70 {
	margin-left: 7%   !important;
}
.ml75 {
	margin-left: 7.5% !important;
}
.ml80 {
	margin-left: 8%   !important;
}
.ml85 {
	margin-left: 8.5% !important;
}
.ml90 {
	margin-left: 9%   !important;
}
.ml95 {
	margin-left: 9.5% !important;
}
.ml100 {
	margin-left: 10% !important;
}

/* ==========================================================
!Padding
========================================================== */
.pt00 {
	padding-top: 0    !important;
}
.pt05 {
	padding-top: 0.5% !important;
}
.pt10 {
	padding-top: 1%   !important;
}
.pt15 {
	padding-top: 1.5% !important;
}
.pt20 {
	padding-top: 2%   !important;
}
.pt25 {
	padding-top: 2.5% !important;
}
.pt30 {
	padding-top: 3%   !important;
}
.pt35 {
	padding-top: 3.5% !important;
}
.pt40 {
	padding-top: 4%   !important;
}
.pt45 {
	padding-top: 4.5% !important;
}
.pt50 {
	padding-top: 5%   !important;
}
.pt55 {
	padding-top: 5.5% !important;
}
.pt60 {
	padding-top: 6%   !important;
}

.pt65 {
	padding-top: 6.5% !important;
}
.pt70 {
	padding-top: 7%   !important;
}
.pt75 {
	padding-top: 7.5% !important;
}
.pt80 {
	padding-top: 8%   !important;
}
.pt85 {
	padding-top: 8.5% !important;
}
.pt90 {
	padding-top: 9%   !important;
}
.pt95 {
	padding-top: 9.5% !important;
}
.pt100 {
	padding-top: 10% !important;
}

.pr00 {
	padding-right: 0    !important;
}
.pr05 {
	padding-right: 0.5% !important;
}
.pr10 {
	padding-right: 1%   !important;
}
.pr15 {
	padding-right: 1.5% !important;
}
.pr20 {
	padding-right: 2%   !important;
}
.pr25 {
	padding-right: 2.5% !important;
}
.pr30 {
	padding-right: 3%   !important;
}
.pr35 {
	padding-right: 3.5% !important;
}
.pr40 {
	padding-right: 4%   !important;
}
.pr45 {
	padding-right: 4.5% !important;
}
.pr50 {
	padding-right: 5%   !important;
}
.pr55 {
	padding-right: 5.5% !important;
}
.pr60 {
	padding-right: 6%   !important;
}
.pr65 {
	padding-right: 6.5% !important;
}
.pr70 {
	padding-right: 7%   !important;
}
.pr75 {
	padding-right: 7.5% !important;
}
.pr80 {
	padding-right: 8%   !important;
}
.pr85 {
	padding-right: 8.5% !important;
}
.pr90 {
	padding-right: 9%   !important;
}
.pr95 {
	padding-right: 9.5% !important;
}
.pr100 {
	padding-right: 10% !important;
}

.pb00 {
	padding-bottom: 0    !important;
}
.pb05 {
	padding-bottom: 0.5% !important;
}
.pb10 {
	padding-bottom: 1%   !important;
}
.pb15 {
	padding-bottom: 1.5% !important;
}
.pb20 {
	padding-bottom: 2%   !important;
}
.pb25 {
	padding-bottom: 2.5% !important;
}
.pb30 {
	padding-bottom: 3%   !important;
}
.pb35 {
	padding-bottom: 3.5% !important;
}
.pb40 {
	padding-bottom: 4%   !important;
}
.pb45 {
	padding-bottom: 4.5% !important;
}
.pb50 {
	padding-bottom: 5%   !important;
}
.pb55 {
	padding-bottom: 5.5% !important;
}
.pb60 {
	padding-bottom: 6%   !important;
}
.pb65 {
	padding-bottom: 6.5% !important;
}
.pb70 {
	padding-bottom: 7%   !important;
}
.pb75 {
	padding-bottom: 7.5% !important;
}
.pb80 {
	padding-bottom: 8%   !important;
}
.pb85 {
	padding-bottom: 8.5% !important;
}
.pb90 {
	padding-bottom: 9%   !important;
}
.pb95 {
	padding-bottom: 9.5% !important;
}
.pb100 {
	padding-bottom: 10% !important;
}

.pl00 {
	padding-left: 0    !important;
}
.pl05 {
	padding-left: 0.5% !important;
}
.pl10 {
	padding-left: 1%   !important;
}
.pl15 {
	padding-left: 1.5% !important;
}
.pl20 {
	padding-left: 2%   !important;
}
.pl25 {
	padding-left: 2.5% !important;
}
.pl30 {
	padding-left: 3%   !important;
}
.pl35 {
	padding-left: 3.5% !important;
}
.pl40 {
	padding-left: 4%   !important;
}
.pl45 {
	padding-left: 4.5% !important;
}
.pl50 {
	padding-left: 5%   !important;
}
.pl55 {
	padding-left: 5.5% !important;
}
.pl60 {
	padding-left: 6%   !important;
}
.pl65 {
	padding-left: 6.5% !important;
}
.pl70 {
	padding-left: 7%   !important;
}
.pl75 {
	padding-left: 7.5% !important;
}
.pl80 {
	padding-left: 8%   !important;
}
.pl85 {
	padding-left: 8.5% !important;
}
.pl90 {
	padding-left: 9%   !important;
}
.pl95 {
	padding-left: 9.5% !important;
}
.pl100 {
	padding-left: 10% !important;
}