@charset "UTF-8";
.l-container {
  min-width: var(--min-device-width);
}

.l-section {
  --l-section-inner-width-default: var(--site-width);
  --l-section-space-inline-default: var(--space-inline);
  --l-section-space-inline: var(--l-section-space-inline-override, var(--l-section-space-inline-default));
  --l-section-inner-width: var(--l-section-inner-width-override, var(--l-section-inner-width-default));
  --l-section-outer: max(0px, calc((var(--vw100) - var(--l-section-inner-width)) / 2));
  --l-section-gutter: max(var(--l-section-outer), var(--l-section-space-inline));
}
.l-section:where(._gutter) {
  padding-inline: var(--l-section-space-inline);
}
.l-section__inner {
  width: 100%;
  max-width: var(--l-section-inner-width);
  margin-inline: auto;
  background-clip: content-box;
}
.l-section__inner:where(._gutter) {
  max-width: calc( 						var(--l-section-inner-width) + 						(var(--l-section-space-inline) * 2) 					);
  padding-inline: var(--l-section-space-inline);
}
.l-section__full {
  margin-inline: calc(var(--l-section-gutter) * -1);
}
.l-section__w1200 {
  width: 100%;
  max-width: 1200px;
  margin-inline: auto;
  background-clip: content-box;
}
.l-section__w1200:where(._gutter) {
  max-width: calc( 						1200px + 						(var(--l-section-space-inline) * 2) 					);
  padding-inline: var(--l-section-space-inline);
}
.l-section__w1280 {
  width: 100%;
  max-width: 1280px;
  margin-inline: auto;
  background-clip: content-box;
}
.l-section__w1280:where(._gutter) {
  max-width: calc( 						1280px + 						(var(--l-section-space-inline) * 2) 					);
  padding-inline: var(--l-section-space-inline);
}

.l-row-gap {
  --l-row-gap-default: 60px;
  --l-row-gap: var(--l-row-gap-override, var(--l-row-gap-default));
  display: flex;
  flex-direction: column;
  row-gap: var(--l-row-gap);
}

.l-spacer._section {
  height: var(--space-block-section);
}
.l-spacer._xl {
  height: var(--space-block-xl);
}
.l-spacer._lg {
  height: var(--space-block-lg);
}
.l-spacer._md {
  height: var(--space-block-md);
}
.l-spacer._sm {
  height: var(--space-block-sm);
}
.l-spacer._xs {
  height: var(--space-block-xs);
}
.l-spacer._section-trim {
  height: var(--space-block-section-trim);
}
.l-spacer._xl-trim {
  height: var(--space-block-xl-trim);
}
.l-spacer._lg-trim {
  height: var(--space-block-lg-trim);
}
.l-spacer._md-trim {
  height: var(--space-block-md-trim);
}
.l-spacer._sm-trim {
  height: var(--space-block-sm-trim);
}
.l-spacer._xs-trim {
  height: var(--space-block-xs-trim);
}

.mw_confirm-show {
  display: none;
}

body:has(.mw_wp_form.mw_wp_form_confirm) .mw_confirm-hidden {
  display: none;
}
body:has(.mw_wp_form.mw_wp_form_confirm) .mw_confirm-show {
  display: revert;
}

/* pagenavi */
.wp-pagenavi {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 5px 50px;
}
.wp-pagenavi a,
.wp-pagenavi span {
  display: block;
  text-decoration: none;
  transition: var(--sec);
}
:where(.wp-block-post-content, .wp-gutenberg) {
  font-size: 1rem;
  line-height: 2;
  --wp--preset--font-size--small: rem(14);
  --wp--preset--font-size--medium: rem(16);
  --wp--preset--font-size--large: rem(18);
  --wp--preset--font-size--x-large: rem(20);
}
:where(.wp-block-post-content, .wp-gutenberg) a:not([class]) {
  text-decoration: underline;
}
:where(.wp-block-post-content, .wp-gutenberg) a:not([class]):focus-visible {
  text-decoration: none;
}
@media (hover: hover) and (pointer: fine) {
  :where(.wp-block-post-content, .wp-gutenberg) a:not([class]):hover {
    text-decoration: none;
  }
}
:where(.wp-block-post-content, .wp-gutenberg) :where(p, ol, ul, table,
   [class*="wp-block"]):not(:last-child) {
  margin-bottom: 40px;
}

.wp-block-heading {
  margin-bottom: 40px;
  border-bottom: 2px solid;
  font-weight: 700;
}

h2.wp-block-heading {
  font-size: 1.5rem;
}

h3.wp-block-heading {
  font-size: 1.375rem;
}

h4.wp-block-heading {
  font-size: 1.25rem;
}

h5.wp-block-heading {
  font-size: 1.125rem;
}

h6.wp-block-heading {
  font-size: 1rem;
}

:where(.wp-gutenberg :is(ul,ol):not([class])),
.wp-block-list {
  padding-left: 1.4em;
}

:where(.wp-gutenberg ul:not([class])),
ul.wp-block-list {
  list-style-type: disc;
}

:where(.wp-gutenberg ol:not([class])),
ol.wp-block-list {
  list-style-type: decimal;
}

:where(.wp-gutenberg li:not([class])),
.wp-block-list-item {
  list-style-type: inherit;
}

:where(.wp-block-post-content, .wp-gutenberg) :is(th, td) {
  padding: 5px;
  border: 1px solid;
  text-align: left;
}

.c-bread__list {
  word-break: break-all;
}
.c-bread__list > li {
  display: inline;
  margin-right: 0.2em;
}
.c-bread__list > li + li:before {
  content: "＞";
  /*	content: ">";*/
}

.c-light {
  font-weight: 300;
}

.c-bold {
  font-weight: 700;
}

.c-align_b {
  display: inline-block;
  transform: translateY(-4px);
}

.c-letter__small {
  letter-spacing: -0.01em !important;
}

@media (width > 1280px) {
  .c-pc_ls0em {
    letter-spacing: 0em;
  }
  .c-pc_ls-001em {
    letter-spacing: -0.01em;
  }
  .c-pc_ls-002em {
    letter-spacing: -0.02em;
  }
  .c-pc_ls003em {
    letter-spacing: 0.03em;
  }
}

.c-text-box {
  text-align: justify;
}

.c-heading {
  font-family: var(--typography-en-l-font-family);
  font-weight: var(--typography-en-l-font-weight);
  font-size: var(--typography-en-l-font-size);
  line-height: var(--typography-en-l-line-height);
  --letter-spacing: var(--typography-en-l-letter-spacing);
  font-style: italic;
  position: relative;
  width: fit-content;
  letter-spacing: 0.02em;
}
.c-heading._white {
  color: var(--color-light);
}
.c-heading._small {
  font-size: 80px;
  line-height: 85px;
}
@media (width <= 828px) {
  .c-heading._small {
    font-size: 92px;
    line-height: 98px;
  }
}
.c-heading__number {
  position: absolute;
  top: -13px;
  left: -21px;
  font-size: 19px;
  line-height: 1;
}
@media (width <= 828px) {
  .c-heading__number {
    font-size: 30px;
    top: -23px;
    left: 3px;
  }
}
.c-heading__anime-wrap {
  width: fit-content;
}

.c-title_kasou {
  width: fit-content;
}
.c-title_kasou__s {
  font-size: calc(20 / 1600 * 100vw);
  letter-spacing: 0.06em;
  line-height: 1;
}
@media (width <= 1280px) {
  .c-title_kasou__s {
    font-size: calc(20 / 1600 * 1280px);
  }
}
@media (width <= 828px) {
  .c-title_kasou__s {
    font-size: 28px;
  }
}
.c-title_kasou__en {
  margin-inline-end: calc(17 / 1600 * 100vw);
  font-family: var(--ff-en);
  font-style: italic;
  font-weight: 700;
  letter-spacing: 0.02em;
}
@media (width <= 1280px) {
  .c-title_kasou__en {
    margin-inline-end: calc(17 / 1600 * 1280px);
  }
}
@media (width <= 828px) {
  .c-title_kasou__en {
    margin-inline-end: 35px;
    font-size: 32px;
  }
}
.c-title_kasou__l {
  font-family: var(--ff-en);
  font-style: italic;
  font-size: calc(100 / 1600 * 100vw);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
}
@media (width <= 1280px) {
  .c-title_kasou__l {
    font-size: calc(100 / 1600 * 1280px);
  }
}
@media (width <= 828px) {
  .c-title_kasou__l {
    font-size: 97px;
  }
}
.c-title_kasou._white {
  color: var(--color-light);
}

.c-btn-entry {
  width: 98px;
  height: 98px;
  border-radius: 50%;
  background-color: var(--color-primary);
  color: var(--color-light);
  display: flex;
  flex-flow: column;
  gap: 0;
  justify-content: center;
  align-items: center;
  text-align: center;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  transition: var(--sec);
}
@media (width <= 828px) {
  .c-btn-entry {
    width: 236.6px;
    height: 236.6px;
  }
}
.c-btn-entry::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: var(--color-dark);
  transform: scale(0, 1);
  transition: transform 0.3s cubic-bezier(0.8, 0, 0.2, 1) 0s;
}
.c-btn-entry__group {
  display: flex;
  flex-flow: column;
  gap: 11.2px;
}
@media (width <= 828px) {
  .c-btn-entry__group {
    gap: 47.7px;
    justify-content: center;
    flex-flow: row;
    padding-block: 42px 48.4px;
    border-top: 1px solid var(--color-light);
    border-bottom: 1px solid var(--color-light);
  }
}
.c-btn-entry__jp {
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0;
  font-weight: 500;
  position: relative;
  z-index: 990;
}
@media (width > 828px) {
  .c-btn-entry__jp {
    margin-block: 6px 0;
  }
}
@media (width <= 828px) {
  .c-btn-entry__jp {
    font-size: 28px;
    letter-spacing: 0.06em;
  }
}
.c-btn-entry__en {
  margin-block: 6px 10px;
  font-family: var(--ff-en);
  font-style: italic;
  font-size: 17px;
  line-height: 1;
  letter-spacing: 0.02em;
  font-weight: 700;
  position: relative;
  z-index: 990;
}
@media (width <= 828px) {
  .c-btn-entry__en {
    font-size: 41px;
    padding-block: 12px 18px;
  }
}
.c-btn-entry__arr {
  position: relative;
  z-index: 990;
}
@media (width > 828px) {
  .c-btn-entry__arr {
    left: -2px;
  }
}
@media (width > 828px) {
  .c-btn-entry:hover {
    color: var(--color-primary);
  }
  .c-btn-entry:hover::before {
    transform: scale(1, 1);
  }
}

.c-hov_bg-slide {
  position: relative;
  text-decoration: none;
  transition: var(--sec);
}
.c-hov_bg-slide::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: scale(0, 1);
  transition: transform 0.3s cubic-bezier(0.8, 0, 0.2, 1) 0s;
}
.c-hov_bg-slide._black-red {
  color: var(--color-light);
  background-color: var(--color-dark);
}
.c-hov_bg-slide._black-red::before {
  background-color: var(--color-primary);
}
.c-hov_bg-slide._red-black {
  color: var(--color-light);
  background-color: var(--color-primary);
}
.c-hov_bg-slide._red-black::before {
  background-color: var(--color-dark);
}
.c-hov_bg-slide__inner {
  position: relative;
}
@media (width > 828px) {
  .c-hov_bg-slide:hover::before {
    transform: scale(1, 1);
  }
  .c-hov_bg-slide:hover._black-red {
    color: var(--color-dark);
  }
  .c-hov_bg-slide:hover._red-black {
    color: var(--color-primary);
  }
}

.c-hov_img {
  display: inline-block;
}
@media (width > 828px) {
  .c-hov_img {
    overflow: hidden;
  }
  .c-hov_img img {
    transition: var(--sec);
  }
  .c-hov_img:hover img {
    transform: scale(1.05);
    opacity: 0.9;
  }
}

.c-hov_img-group {
  display: inline-block;
}
@media (width > 828px) {
  .c-hov_img-group {
    overflow: hidden;
  }
  .c-hov_img-group img {
    transition: var(--sec);
  }
  .c-hov_img-group__trigger:hover .c-hov_img-group img {
    transform: scale(1.05);
    opacity: 0.9;
  }
}

.c-hov_color-red {
  transition: var(--sec);
  text-decoration: none;
}
.c-hov_color-red._white {
  color: var(--color-light);
}
.c-hov_color-red:hover {
  color: var(--color-primary);
}

.c-hov_link {
  text-decoration: none;
  transition: var(--sec);
}
.c-hov_link__icon-wrapper {
  display: block;
}
.c-hov_link__icon {
  display: flex;
  overflow: hidden;
  width: fit-content;
  position: relative;
}
.c-hov_link__icon svg {
  flex-shrink: 0;
}
.c-hov_link__icon svg:nth-child(2) {
  position: absolute;
  top: 0;
  right: calc(-100% - 5px);
}
@media (width > 828px) {
  .c-hov_link:hover {
    color: var(--color-primary);
  }
  .c-hov_link:hover .c-hov_link__icon svg {
    animation: linkMove 1.5s infinite;
  }
}

@keyframes linkMove {
  from {
    transform: translateX(calc(-100% - 5px));
  }
  to {
    transform: translateX(0);
  }
}
.c-anime_zoomout {
  transform: scale(1.05);
  opacity: 0;
}
.c-anime_zoomout.on {
  animation: zoomout 0.4s ease-in-out forwards;
}

@keyframes zoomout {
  0% {
    transform: scale(1.4);
    opacity: 0;
  }
  80% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.mints-anime_zoomout-num {
  transform: scale(1.05);
  opacity: 0;
}
.mints-anime_zoomout-num.on {
  animation: zoomout 0.4s ease-in-out forwards;
}

@keyframes zoomout {
  0% {
    transform: scale(1.4);
    opacity: 0;
  }
  80% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.di-num-anime_zoomout {
  transform: scale(1.05);
  opacity: 0;
}
.di-num-anime_zoomout.on {
  animation: zoomout 0.4s ease-in-out forwards;
}

@keyframes zoomout {
  0% {
    transform: scale(1.4);
    opacity: 0;
  }
  80% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.c-anime_fadeup {
  transform: translateY(30px);
  transition: var(--sec);
  opacity: 0;
}
.c-anime_fadeup.on {
  transform: translateY(0);
  opacity: 1;
}

.di-num-anime_fadeup {
  transform: translateY(30px);
  transition: 0.4s;
  opacity: 0;
}
.di-num-anime_fadeup.on {
  transform: translateY(0);
  opacity: 1;
}

.c-anime_fadeleft {
  transform: translateX(-30px);
  transition: var(--sec);
  opacity: 0;
}
.c-anime_fadeleft.on {
  transform: translateX(0);
  opacity: 1;
}

.c-anime_faderight {
  transform: translateX(30px);
  transition: var(--sec);
  opacity: 0;
}
.c-anime_faderight.on {
  transform: translateX(0);
  opacity: 1;
}

.c-anime_ornament-move__stage {
  position: relative;
}
.c-anime_ornament-move__target {
  width: fit-content;
  position: absolute;
  pointer-events: none;
  opacity: 0;
  z-index: 50;
}
.c-anime_ornament-move.on .c-anime_ornament-move__target {
  animation: ornament-move 1.2s cubic-bezier(0.22, 1, 0.36, 1) forwards;
  inset: auto;
}

/* --- 共通：アニメーションの定義 --- */
@keyframes ornament-move {
  0% {
    opacity: 0;
    inset: 50%;
    transform: translateX(-50%) translateY(-50%);
    filter: blur(10px);
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translate(0, 0) translateY(0) scale(1);
    filter: blur(0);
  }
}
@media (width > 1280px) {
  .q-development_fv .c-anime_width-grow._red-line,
.q-benefits_fv .c-anime_width-grow._red-line {
    margin-top: -10px;
  }
}

.c-anime_width-grow {
  display: block;
  transform: scaleX(0);
  transform-origin: left;
  transition: var(--sec);
}
.c-anime_width-grow.on {
  transform: scaleX(1);
}
.c-anime_width-grow._red-line {
  background-color: var(--color-primary);
  height: 9px;
}
.c-anime_width-grow._yellow-line {
  background-color: var(--color-accent-yellow);
  height: 9px;
}
.c-anime_width-grow._orange-line {
  background-color: var(--color-accent-orange);
  height: 9px;
}
.c-anime_width-grow._blue-line {
  background-color: var(--color-accent-blue);
  height: 9px;
}
.c-anime_width-grow._green-line {
  background-color: var(--color-accent-green);
  height: 9px;
}

.c-anime_width-grow-text {
  display: block;
  width: 0;
  transform-origin: left;
  transition: var(--sec);
  overflow: hidden;
}
.c-anime_width-grow-text.on {
  width: 100%;
}

.c-anime_width-grow-text-inner {
  display: flex;
  width: fit-content;
  white-space: nowrap;
}

.bg-gry {
  background-color: var(--color-bg-cold);
}

.js-scroll-hint .scroll-hint-icon {
  width: 260px;
  top: calc(50% - 95px);
}

.js-scroll-hint .scroll-hint-text {
  font-size: 20px;
}

.p-card_people {
  display: block;
  text-decoration: none;
  width: 362px;
  min-height: 467px;
  transition: var(--sec);
}
@media (width <= 828px) {
  .p-card_people {
    width: 360px;
    min-height: 903px;
    position: relative;
  }
  .p-card_people::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 12px;
    z-index: 10;
  }
}
.p-card_people .p-card__bg-slide {
  position: relative;
  transition: var(--sec);
}
.p-card_people .p-card__bg-slide::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  transition: var(--sec);
}
.p-card_people .p-card__tag {
  display: block;
  width: fit-content;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1;
  padding: 6px 8px;
  color: var(--color-light);
}
@media (width <= 828px) {
  .p-card_people .p-card__tag {
    font-size: 28px;
    letter-spacing: 0;
    padding: 8px 10px;
  }
}
.p-card_people .p-card__tag::before {
  background-color: var(--color-dark);
  transition: var(--sec);
}
.p-card_people .p-card__catch {
  width: 100%;
  height: 85px;
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 24px;
  padding-inline-start: 20px;
  color: var(--color-light);
  background-color: var(--color-dark);
  text-align: justify;
}
@media (width <= 828px) {
  .p-card_people .p-card__catch {
    padding-inline-start: 17px;
    height: 201px;
    font-size: 33px;
    line-height: 46px;
    letter-spacing: 0;
  }
}
.p-card_people .p-card__catch::before {
  transition: var(--sec);
}
.p-card_people .p-card__inner {
  position: relative;
  z-index: 5;
}
.p-card_people .p-card-info {
  transition: var(--sec);
}
.p-card_people .p-card-info__content {
  padding-block-start: 18px;
  padding-inline-start: 10px;
  display: flex;
  justify-content: space-between;
  align-items: end;
}
@media (width <= 828px) {
  .p-card_people .p-card-info__content {
    padding-block-start: 20px;
    padding-inline-start: 17.5px;
  }
}
.p-card_people .p-card-info__number {
  color: var(--color-primary);
  transition: var(--sec);
  font-family: var(--ff-en);
  font-style: italic;
  font-size: 30px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  white-space: nowrap;
}
@media (width <= 828px) {
  .p-card_people .p-card-info__number {
    font-size: 45px;
  }
}
.p-card_people .p-card-info__name {
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: 0;
  white-space: nowrap;
}
@media (width <= 828px) {
  .p-card_people .p-card-info__name {
    font-size: 30px;
    line-height: 42px;
    height: 110px;
  }
}
.p-card_people .p-card-info__part {
  display: block;
}
@media (width <= 828px) {
  .p-card_people .p-card-info__part {
    line-height: 35px;
  }
}
.p-card_people .p-card-info__history {
  padding-block-start: 5px;
  display: block;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 1.4;
}
@media (width <= 828px) {
  .p-card_people .p-card-info__history {
    padding-block-start: 10px;
    font-size: 24px;
    line-height: 31px;
  }
}
.p-card_people._gijutu {
  border-bottom: 4px solid var(--color-primary);
}
@media (width <= 828px) {
  .p-card_people._gijutu {
    border-bottom: none;
  }
  .p-card_people._gijutu::before {
    background-image: linear-gradient(90deg, #ff0012 0%, #da0008);
  }
}
.p-card_people._gijutu .p-card__tag {
  background-image: linear-gradient(90deg, #ff0012 0%, #da0008);
}
.p-card_people._gijutu .p-card__catch::before {
  background-color: var(--color-primary);
}
.p-card_people._kanri {
  border-bottom: 4px solid #ffa000;
}
@media (width <= 828px) {
  .p-card_people._kanri {
    border-bottom: none;
  }
  .p-card_people._kanri::before {
    background-image: linear-gradient(90deg, #ffa000 0%, #f08300);
  }
}
.p-card_people._kanri .p-card__tag {
  background-image: linear-gradient(90deg, #ffa000 0%, #f08300);
}
.p-card_people._kanri .p-card__catch::before {
  background-color: #ffa000;
}
@media (width > 828px) {
  .p-card_people:hover {
    border-bottom: 4px solid var(--color-dark);
  }
  .p-card_people:hover .p-card__bg-slide::before {
    width: 100%;
  }
  .p-card_people:hover .p-card__catch {
    color: var(--color-dark);
  }
  .p-card_people:hover .p-card-info__number {
    color: var(--color-dark);
  }
  .p-card_people:hover._gijutu .p-card__tag {
    color: var(--color-primary);
  }
  .p-card_people:hover._gijutu .p-card-info {
    color: var(--color-primary);
  }
  .p-card_people:hover._kanri .p-card__tag {
    color: #ffa000;
  }
  .p-card_people:hover._kanri .p-card-info {
    color: #ffa000;
  }
}

.p-fv {
  position: relative;
}
.p-fv .fv {
  width: 100%;
}
.p-fv .fv img {
  width: 100%;
}
.p-fv ._red-line {
  height: max(calc(9 / 1600 * 1280px), calc(9 / 1600 * 100vw));
}
@media (width <= 1280px) {
  .p-fv ._red-line {
    height: 9px;
  }
}
@media (width <= 828px) {
  .p-fv ._red-line {
    height: 9px;
  }
}

.c-btn-l {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  border-radius: 999px;
  overflow: hidden;
}
.c-btn-l::before {
  background-color: var(--color-primary);
}
.c-btn-l ._circle::before, .c-btn-l ._circle::after {
  content: "";
  position: absolute;
  display: block;
  width: 31px;
  height: 31px;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  transition: var(--sec);
  border: 7px solid var(--color-primary);
}
@media (width <= 828px) {
  .c-btn-l ._circle::before, .c-btn-l ._circle::after {
    width: 46px;
    height: 46px;
    border: 10px solid var(--color-primary);
  }
}
.c-btn-l ._circle::before {
  left: 28px;
}
@media (width <= 828px) {
  .c-btn-l ._circle::before {
    left: 26px;
  }
}
.c-btn-l ._circle::after {
  right: 28px;
}
@media (width <= 828px) {
  .c-btn-l ._circle::after {
    right: 26px;
  }
}
.c-btn-l._black {
  background-color: var(--color-dark);
  color: var(--color-light);
}
.c-btn-l._black ._circle::before, .c-btn-l._black ._circle::after {
  background-color: var(--color-light);
}
@media (width > 828px) {
  .c-btn-l._black:hover {
    color: var(--color-dark);
  }
  .c-btn-l._black:hover ._circle::before, .c-btn-l._black:hover ._circle::after {
    background-color: var(--color-dark);
    border: 7px solid var(--color-light);
  }
}

.p-job_fv {
  padding-block-start: 144px;
}
@media (width <= 828px) {
  .p-job_fv {
    padding-block-start: 175px;
  }
}
.p-job_fv .title-wrap {
  margin-block-end: 31px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (width <= 828px) {
  .p-job_fv .title-wrap {
    margin-block-end: 61px;
    padding-inline: 50px;
  }
}
.p-job_fv .title__s {
  margin-inline-start: 24px;
  margin-block-end: 5px;
  font-size: 19px;
  font-family: var(--ff-en);
  font-style: italic;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.02em;
}
@media (width <= 828px) {
  .p-job_fv .title__s {
    font-size: 30px;
  }
}
.p-job_fv .title__l-jp {
  font-size: 90px;
  line-height: 1;
  letter-spacing: 0.1em;
  font-style: italic;
  font-weight: 500;
}
@media (width <= 828px) {
  .p-job_fv .title__l-jp {
    font-size: 118px;
    letter-spacing: 0.03em;
  }
}
.p-job_fv .title ._red-line {
  margin-block-start: 10px;
}
.p-job_fv .fukidashi {
  width: 237px;
  height: 82px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  font-weight: 500;
  line-height: 1;
  border-top: 4px solid var(--color-primary);
  position: relative;
}
@media (width <= 828px) {
  .p-job_fv .fukidashi {
    width: 183px;
    height: 93px;
    font-size: 32px;
  }
}
.p-job_fv .fukidashi::before {
  content: "";
  position: absolute;
  inset-inline: 0 66px;
  bottom: 0;
  height: 2px;
  background-color: var(--color-dark);
  transform: translateY(100%);
}
@media (width <= 828px) {
  .p-job_fv .fukidashi::before {
    inset-inline: 0 39px;
  }
}
.p-job_fv .fukidashi::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 66px;
  height: 27px;
  background-image: url(../img/job-core/fukidashi.svg);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: cover;
  transform: translateY(100%);
}
@media (width <= 828px) {
  .p-job_fv .fukidashi::after {
    width: 38px;
    height: 25px;
  }
}

.p-job_one {
  padding-block-start: 118px;
}
@media (width <= 828px) {
  .p-job_one {
    padding-block-start: 72px;
  }
}
.p-job_one .one-catch {
  font-size: 55px;
  font-style: italic;
  line-height: 79px;
  letter-spacing: 0.01em;
  position: relative;
  z-index: 5;
}
@media (width <= 828px) {
  .p-job_one .one-catch {
    font-size: 60px;
    letter-spacing: 0.01em;
    line-height: 90px;
  }
}
.p-job_one .one-catch ._emp {
  color: var(--color-primary);
}
.p-job_one .one-box {
  margin-block-start: -73px;
  display: flex;
  justify-content: space-between;
  gap: 65px;
}
@media (width <= 828px) {
  .p-job_one .one-box {
    margin-block-start: 70px;
    flex-direction: column;
    gap: 26px;
  }
}
.p-job_one .one-box__content {
  max-width: 348px;
  padding-block-start: 140px;
}
@media (width <= 828px) {
  .p-job_one .one-box__content {
    max-width: 100%;
    padding-block-start: 0;
  }
}
.p-job_one .one-box__content ._title {
  font-family: var(--ff-en);
  font-size: 43px;
  line-height: 1;
  letter-spacing: 0.02em;
  font-weight: 700;
  font-style: italic;
  margin-block-end: 20px;
}
@media (width <= 828px) {
  .p-job_one .one-box__content ._title {
    margin-block-end: 30px;
    font-size: 68px;
  }
}
.p-job_one .one-box__content ._text {
  line-height: 40px;
}
@media (width <= 828px) {
  .p-job_one .one-box__content ._text {
    font-size: 34px;
    line-height: 64px;
    letter-spacing: 0;
  }
}
.p-job_one .one-box__img {
  position: relative;
}
.p-job_one .one-box__img img {
  position: relative;
  z-index: 2;
  width: 100%;
}
.p-job_one .one-box__img::before {
  content: "";
  position: absolute;
  width: 504px;
  height: 201px;
  right: -10px;
  bottom: -10px;
  background-image: linear-gradient(20deg, #ff6c00 0%, #e60012);
  z-index: 1;
}

.p-job__content {
  width: fit-content;
}
.p-job__content._boder-l {
  padding-inline-start: 30px;
  border-left: 4px solid var(--color-dark);
}
@media (width <= 828px) {
  .p-job__content._boder-l {
    padding-inline-start: 40px;
  }
}
.p-job__content._boder-b {
  padding-block-end: 20px;
  border-bottom: 4px solid var(--color-primary);
}
@media (width <= 828px) {
  .p-job__content._boder-b {
    padding-block-end: 80px;
  }
}
.p-job .major-title {
  width: 100%;
  margin-block-end: 18px;
  display: flex;
  align-items: center;
  gap: 20px;
  font-size: 20px;
  line-height: 1;
  font-weight: 500;
}
@media (width <= 828px) {
  .p-job .major-title {
    font-size: 30px;
    gap: 10px;
  }
}
.p-job .major-title::before, .p-job .major-title::after {
  content: "";
  flex: 1;
  height: 1px;
  background-color: var(--color-dark);
}
.p-job .major-list li {
  width: 100%;
  min-height: 31px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  color: var(--color-light);
  background-color: #eeeff2;
  border-radius: 999px;
  padding: 0 0 3px;
}
@media (width <= 828px) {
  .p-job .major-list li {
    height: 32px;
    font-size: 20px;
  }
}
.p-job .major-list li._red {
  background-color: var(--color-primary);
}
.p-job .job-card {
  max-width: 571px;
}
@media (width <= 828px) {
  .p-job .job-card {
    max-width: 682px;
  }
}
.p-job .job-card__label {
  min-width: 152px;
  width: fit-content;
  height: 41px;
  margin-block-end: 20px;
  padding: 10px 30px 10px;
  border-radius: 999px;
  background-color: var(--color-light);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  line-height: 1;
  font-weight: 500;
}
@media (width <= 828px) {
  .p-job .job-card__label {
    margin-block-end: 24px;
    min-width: 240px;
    min-height: 64px;
    height: auto;
    font-size: 40px;
    padding: 10px 36px 14px 36px;
  }
}
.p-job .job-card__label-s {
  font-size: 13px;
  letter-spacing: 0;
}
@media (width <= 828px) {
  .p-job .job-card__label-s {
    font-size: 28px;
  }
}
.p-job .job-card__box {
  display: grid;
  gap: 5px 25px;
  grid-template-columns: 1fr 187px;
  max-width: 520px;
}
@media (width <= 828px) {
  .p-job .job-card__box {
    align-items: stretch;
    max-width: 100%;
    grid-template-columns: 1fr 318px;
    gap: 20px 20px;
  }
}
.p-job .job-card__text {
  max-width: 323px;
  text-align: justify;
  line-height: 32px;
}
@media (width <= 828px) {
  .p-job .job-card__text {
    grid-column: span 2;
    max-width: 100%;
    line-height: 58px;
  }
}
.p-job .job-card__img {
  display: block;
  width: 187px;
  margin-block-start: 10px;
}
@media (width <= 828px) {
  .p-job .job-card__img {
    order: 3;
    width: 318px;
    margin-block-start: 0;
  }
  .p-job .job-card__img img {
    padding-block-start: 22px;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
.p-job .job-card__point {
  margin-block-start: 20px;
  grid-column: span 2;
  border-bottom: 1px solid var(--color-dark);
  padding-block-end: 17px;
}
@media (width <= 828px) {
  .p-job .job-card__point {
    margin-block-start: 0;
    grid-column: auto;
  }
}
.p-job .job-card__point._border-b-no {
  padding-block-end: 0;
  border-bottom: none;
}
.p-job .job-card__point ._head {
  margin-block-end: 7px;
  display: flex;
  gap: 10px;
  align-items: center;
}
@media (width <= 828px) {
  .p-job .job-card__point ._head {
    gap: 20px;
    margin-block-end: 20px;
  }
}
.p-job .job-card__point ._line {
  flex: 1;
  height: 1px;
  background-color: var(--color-dark);
}
.p-job .job-card__point ._fukidashi {
  width: 73px;
  height: 22px;
  border-radius: 999px;
  font-family: var(--ff-en);
  font-style: italic;
  font-size: 13px;
  line-height: 1;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-dark);
  color: var(--color-light);
  position: relative;
}
@media (width <= 828px) {
  .p-job .job-card__point ._fukidashi {
    width: 150px;
    height: 45px;
    font-size: 26px;
  }
}
.p-job .job-card__point ._fukidashi::before {
  content: "";
  position: absolute;
  width: 9px;
  height: 9px;
  bottom: 3px;
  left: 10px;
  transform: translateY(100%);
  background-image: url(../img/job-core/point-triangle.svg);
  background-size: cover;
  background-position: top left;
  background-repeat: no-repeat;
}
@media (width <= 828px) {
  .p-job .job-card__point ._fukidashi::before {
    width: 19px;
    height: 20px;
    bottom: 0;
    transform: translateY(50%);
    left: 30px;
  }
}
.p-job .job-card__point ._list {
  display: flex;
  flex-wrap: wrap;
  gap: 0 16px;
}
@media (width <= 828px) {
  .p-job .job-card__point ._list {
    gap: 5px;
    padding-left: 16px;
  }
}
.p-job .job-card__point ._list li {
  font-weight: 500;
  line-height: 27px;
}
@media (width <= 828px) {
  .p-job .job-card__point ._list li {
    font-size: 29px;
    line-height: 40px;
    letter-spacing: 0;
    margin-left: 27px;
    text-indent: -27px;
  }
}
.p-job .job-card__point ._list li::before {
  content: "";
  width: 14px;
  height: 14px;
  margin-inline-end: 2px;
  display: inline-block;
  border-radius: 50%;
  background-color: var(--color-primary);
}
@media (width <= 828px) {
  .p-job .job-card__point ._list li::before {
    width: 25px;
    height: 25px;
  }
}
.p-job .job-card__point._corepoint-06-1 {
  margin-block-start: 36px;
}
@media (width <= 828px) {
  .p-job .job-card__point._corepoint-06-1 {
    margin-block-start: 20px;
  }
}
.p-job .job-card__point._corepoint-kanri-homu {
  margin-block-start: 46px;
}
@media (width <= 828px) {
  .p-job .job-card__point._corepoint-kanri-homu {
    margin-block-start: 20px;
  }
}
.p-job .reco {
  margin-block-start: 40px;
}
@media (width <= 828px) {
  .p-job .reco {
    margin-block-start: 51px;
  }
}
.p-job .reco-title {
  font-weight: 500;
  line-height: 1;
  margin-block-end: 8px;
}
@media (width <= 828px) {
  .p-job .reco-title {
    font-size: 28px;
  }
}
.p-job .reco-textbox {
  background-color: var(--color-light);
  padding: 20px 35px;
}
@media (width <= 828px) {
  .p-job .reco-textbox {
    padding: 34px 56px;
  }
}
.p-job .reco-text {
  font-size: 14px;
  line-height: 23px;
}
@media (width <= 828px) {
  .p-job .reco-text {
    font-size: 28px;
    line-height: 44px;
    letter-spacing: -0.028em;
  }
}
.p-job .reco-text__l {
  font-size: 18px;
  line-height: 1;
  margin-block-end: 10px;
  font-weight: 500;
}
@media (width <= 828px) {
  .p-job .reco-text__l {
    font-size: 32px;
    line-height: 47px;
  }
}
.p-job .interview {
  max-width: 520px;
  width: 100%;
  margin-block-start: 40px;
}
@media (width <= 828px) {
  .p-job .interview {
    margin-block-start: 40px;
    max-width: 674px;
    width: 100%;
  }
}
.p-job .interview-head {
  margin-block-end: 8px;
  font-weight: 500;
  line-height: 1;
}
@media (width <= 828px) {
  .p-job .interview-head {
    font-size: 28px;
  }
}
.p-job .interview-card {
  margin-block-end: 34px;
  display: flex;
  background-color: var(--color-light);
  text-decoration: none;
  transition: var(--sec);
  position: relative;
}
.p-job .interview-card:last-child {
  margin-block-end: 0;
}
@media (width > 828px) {
  .p-job .interview-card:hover {
    opacity: 0.9;
  }
}
.p-job .interview-content {
  padding: 27px 10px 20px 28px;
  flex-grow: 1;
}
@media (width <= 828px) {
  .p-job .interview-content {
    padding: 20px 0 20px 35px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-top: none;
    border-bottom: 4px solid var(--color-primary);
  }
}
.p-job .interview-comment {
  margin-block-end: 12px;
  display: block;
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
}
@media (width <= 828px) {
  .p-job .interview-comment {
    font-size: 32px;
    line-height: 42px;
    margin-block-end: 0;
  }
}
.p-job .interview-author {
  margin-block-end: 8px;
  display: block;
  font-size: 13px;
  line-height: 1;
}
@media (width <= 828px) {
  .p-job .interview-author {
    margin-block-end: 0;
    margin-inline-end: 8px;
    display: inline;
    font-size: 22px;
  }
}
.p-job .interview-name {
  display: block;
  font-size: 18px;
  line-height: 1;
  font-weight: 500;
}
@media (width <= 828px) {
  .p-job .interview-name {
    display: inline;
    font-size: 30px;
  }
}
.p-job .interview-img {
  display: block;
  object-fit: cover;
}
@media (width <= 828px) {
  .p-job .interview-img {
    width: 205px;
    min-height: 232px;
    object-position: center;
  }
}
.p-job .interview-card._patt-1 {
  position: relative;
}
.p-job .interview-card._patt-1::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0.3px;
  transform: translateX(-100%);
  width: 16px;
  height: 22px;
  clip-path: polygon(100% 0%, 100% 100%, 0% 0%);
  background-color: var(--color-light);
}
@media (width <= 828px) {
  .p-job .interview-card._patt-1::before {
    bottom: auto;
    left: auto;
    width: 26px;
    height: 18px;
    top: 0;
    right: 0;
    transform: translateY(-100%);
    clip-path: polygon(0% 0%, 100% 100%, 0% 100%);
  }
}
.p-job .interview-card._patt-1 .interview-content {
  border-top: 4px solid var(--color-primary);
}
@media (width <= 828px) {
  .p-job .interview-card._patt-1 .interview-content {
    border-top: none;
  }
}
@media (width <= 828px) {
  .p-job .interview-card._patt-1 {
    flex-direction: row-reverse;
  }
}
.p-job .interview-card._patt-2 .interview-content {
  border-bottom: 4px solid var(--color-primary);
}
.p-job .interview-card._patt-2::before {
  content: "";
  position: absolute;
  top: 0.3px;
  right: 0;
  transform: translateY(-100%);
  width: 21px;
  height: 19px;
  clip-path: polygon(0% 0%, 100% 100%, 0% 100%);
  background-color: var(--color-light);
}
@media (width <= 828px) {
  .p-job .interview-card._patt-2::before {
    width: 26px;
    height: 18px;
  }
}
.p-job .interview-card._patt-3 .interview-content {
  border-bottom: 4px solid var(--color-primary);
}
.p-job .interview-card._patt-3::before {
  content: "";
  position: absolute;
  top: 0.3px;
  left: 0;
  transform: translateY(-100%) scaleX(-1);
  width: 21px;
  height: 19px;
  clip-path: polygon(0% 0%, 100% 100%, 0% 100%);
  background-color: var(--color-light);
}
@media (width <= 828px) {
  .p-job .interview-card._patt-3::before {
    width: 26px;
    height: 18px;
  }
}
.p-job .interview-card._patt-4 {
  position: relative;
}
.p-job .interview-card._patt-4::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0.3px;
  transform: translateX(-100%);
  width: 16px;
  height: 22px;
  clip-path: polygon(100% 0%, 100% 100%, 0% 0%);
  background-color: var(--color-light);
}
@media (width <= 828px) {
  .p-job .interview-card._patt-4::before {
    bottom: auto;
    left: auto;
    width: 26px;
    height: 18px;
    top: 0;
    right: 0;
    transform: translateY(-100%);
    clip-path: polygon(0% 0%, 100% 100%, 0% 100%);
  }
}
.p-job .interview-card._patt-4 .interview-content {
  border-top: 4px solid var(--color-primary);
}
@media (width <= 828px) {
  .p-job .interview-card._patt-4 .interview-content {
    border-top: none;
  }
}
@media (width <= 828px) {
  .p-job .interview-card._patt-4 {
    flex-direction: row-reverse;
  }
}

[data-tel] a {
  color: inherit;
  text-decoration: underline;
}

[data-details] summary {
  cursor: pointer;
}
[data-details-panel] {
  overflow: hidden;
}

/*全画面*/
body.hamburger-open {
  overflow: hidden;
}

.g-wrapper {
  font-kerning: none;
  overflow: hidden;
}
.g-wrapper.is-lock {
  height: 100vh;
  overflow: hidden;
}
.g-wrapper .loading {
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  inset: 0;
  z-index: 2000;
  background-color: #fff;
  pointer-events: auto;
}
.g-wrapper .loading.is-hide {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.6s ease;
}
.g-wrapper .loading #opening-anime {
  width: 100vw;
  height: 100vh;
}
@media (width <= 828px) {
  .g-wrapper .loading #opening-anime {
    transform: translateY(-3%) scale(2);
  }
}

/*ヘッダー*/
.g-header {
  width: 100%;
  background-color: var(--color-light);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
}
@media (width <= 828px) {
  .g-header {
    min-width: 828px;
    height: 100px;
  }
}
@media (width > 828px) {
  .g-header .header-scroll {
    overflow-x: auto;
    width: 100%;
    scrollbar-width: none;
  }
}
.g-header .header-wrapper {
  width: 100%;
  margin-inline: auto;
  display: flex;
  justify-content: space-between;
}
@media (width > 828px) {
  .g-header .header-wrapper {
    padding-inline: 35px;
    min-width: 1060px;
    align-items: center;
  }
}
.g-header .header-logo {
  text-decoration: none;
}
@media (width > 828px) {
  .g-header .header-logo {
    display: block;
    padding-block: 10px;
  }
}
@media (width <= 828px) {
  .g-header .header-logo {
    position: absolute;
    top: 25px;
    left: 36px;
  }
}
.g-header .header-logo img {
  width: 211px;
}
@media (width <= 828px) {
  .g-header .header-logo img {
    width: 330px;
  }
}
.g-header .header-logo__text {
  margin-inline-start: 17.5px;
  display: inline-block;
  font-family: var(--ff-en);
  font-style: italic;
  font-size: 12px;
  letter-spacing: 0.02em;
  line-height: 1;
  white-space: nowrap;
  transform: translateY(-2px);
}
@media (1180px >= width > 828px) {
  .g-header .header-logo__text {
    display: none;
  }
}
@media (width <= 828px) {
  .g-header .header-logo__text {
    margin-inline-start: 27.5px;
    font-size: 22px;
    line-height: 24px;
    transform: translateY(-5px);
  }
  .g-header .header-logo__text.white {
    color: var(--color-light);
  }
}
.g-header .drawer-menu__trigger-link {
  cursor: pointer;
  position: relative;
  transition: var(--sec);
}
.g-header .drawer-menu__trigger-link::before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 7px;
  height: 6px;
  background: var(--color-primary);
  clip-path: polygon(0 0, 100% 0%, 50% 100%);
  bottom: -18px;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
}
.g-header .drawer-menu__target {
  width: 100%;
  padding-block: 47px 43px;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: rgba(0, 0, 0, 0.9);
  color: var(--color-light);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity var(--sec), visibility 0s linear 0.2s;
}
.g-header .drawer-menu__target:before {
  content: "";
  display: block;
  width: 100%;
  height: 25px;
  position: absolute;
  top: 0;
  left: 0;
  margin-top: -24px;
}
.g-header .drawer-menu__trigger:hover .drawer-menu__trigger-link::before {
  opacity: 1;
}
.g-header .drawer-menu__trigger:hover .drawer-menu__target {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity var(--sec), visibility 0s;
}
.g-header .pc-nav-wrapper {
  display: flex;
  align-items: center;
  gap: 31px;
}
.g-header .pc-nav {
  display: flex;
}
.g-header .pc-nav__list {
  display: inline-block;
  height: 100%;
  padding-inline: 11px;
  padding-block: 20px 18px;
}
.g-header .pc-nav__link {
  text-decoration: none;
  transition: var(--sec);
  font-family: var(--ff-en);
  font-style: italic;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.04em;
}
.g-header .pc-nav__list:hover .pc-nav__link {
  color: var(--color-primary);
}
.g-header .pc-menu {
  display: block;
  position: relative;
}
.g-header .pc-menu__wrapper {
  display: flex;
  gap: 135px;
  justify-content: center;
}
.g-header .pc-menu::before {
  position: absolute;
}
.g-header .pc-menu li {
  padding-inline-start: 23px;
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 0.03em;
  color: var(--color-light);
  border-left: 1px solid var(--color-light);
}
.g-header .pc-menu a {
  display: inline-block;
  text-decoration: none;
  transition: var(--sec);
  font-weight: 300;
}
@media (width > 828px) {
  .g-header .pc-menu a:hover {
    color: var(--color-primary);
  }
}
.g-header .pc-menu .link-icon {
  margin-inline-start: 5px;
}
.g-header .pc-nav-btn {
  width: 96px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.g-header .pc-nav-btn__group {
  display: flex;
  gap: 4px;
}
.g-header .pc-nav-btn__text {
  font-style: italic;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  letter-spacing: 0.02em;
}
.g-header .pc-nav-btn__text .en {
  font-family: var(--ff-en);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.02em;
  display: block;
}
.g-header .hamburger {
  position: absolute;
  top: 40px;
  right: 38px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 71px;
  z-index: 999;
}
.g-header .hamburger span {
  display: block;
  width: 100%;
  height: 1px;
  background: #262626;
  transition: var(--sec);
}
.g-header .hamburger.active span {
  background: var(--color-light);
}
.g-header .hamburger.active span:nth-child(1) {
  transform: translateY(9px) rotate(16deg);
}
.g-header .hamburger.active span:nth-child(2) {
  transform: translateY(-9px) rotate(-16deg);
}
.g-header .hamburger-menu-wrapper {
  display: none;
  list-style: none;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 998;
  padding-block-start: 150px;
  padding-inline: 53px;
  pointer-events: none;
}
.g-header .hamburger-menu-wrapper.is-open {
  display: block;
  overflow: hidden;
}
.g-header .hamburger-menu-wrapper li {
  color: var(--color-light);
}
.g-header .hamburger-menu {
  padding-block-end: 100px;
  display: block;
  overflow-y: scroll;
  height: 100%;
  scrollbar-width: none;
  pointer-events: auto;
}
.g-header .hamburger-menu a:hover {
  text-decoration: none;
}
.g-header .hamburger-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.94);
  z-index: 997;
  opacity: 0;
  visibility: hidden;
  transition: var(--sec);
}
.g-header .hamburger-overlay.is-open {
  opacity: 1;
  visibility: visible;
}
.g-header .sp-menu {
  margin-block-end: 80px;
}
.g-header .sp-menu:first-child {
  margin-block-start: 80px;
}
.g-header .sp-menu:last-child {
  margin-block-end: 116px;
}
.g-header .sp-menu__sub-title, .g-header .sp-menu a {
  display: inline-block;
  padding: 15px 25px;
  font-size: 35px;
  line-height: 1.3;
  letter-spacing: 0.03em;
}
.g-header .sp-menu a {
  font-weight: 300;
}
.g-header .sp-menu__sub-title {
  font-weight: 500;
}
.g-header .sp-menu ul {
  position: relative;
}
.g-header .sp-menu ul::before {
  content: "";
  position: absolute;
  width: 1px;
  inset-block: 15px 15px;
  left: 0;
  background-color: var(--color-light);
}
.g-header .sp-menu__title {
  margin-block-end: 15px;
  font-family: var(--ff-en);
  font-style: italic;
  font-weight: 700;
  letter-spacing: 0.02em;
  font-size: 52px;
  line-height: 58px;
  color: var(--color-primary);
}
.g-header .corporate-link_sp {
  display: inline-block;
  text-decoration: none;
  font-family: var(--ff-en);
  font-style: italic;
  font-size: 39px;
  line-height: 1;
  letter-spacing: 0.02em;
  padding-block: 27px;
  color: var(--color-light);
}
.g-header .corporate-link_sp .link-icon {
  margin-inline-start: 21px;
}

.follow-btn {
  position: fixed;
  right: 33px;
  bottom: 31px;
  z-index: 990;
}

/*フッター*/
.footer-top {
  margin-block-start: -1px;
  padding-block: 65px;
  padding-inline-start: 109px;
  position: relative;
}
@media (width <= 828px) {
  .footer-top {
    padding-block: 84px 88px;
    padding-inline-start: 84px;
    overflow: hidden;
  }
}
.footer-top__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
  z-index: -1;
}

.g-footer {
  margin-block-start: -1px;
  padding-block: 58px;
  background-color: var(--color-dark);
}
@media (width <= 828px) {
  .g-footer {
    padding-block: 73px;
  }
}
.g-footer .footer-logo {
  width: fit-content;
}
@media (width <= 828px) {
  .g-footer .footer-logo {
    margin-inline: auto;
  }
}
.g-footer .footer-nav-grid {
  margin-block: 62px 168px;
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 70px;
}
@media (width <= 828px) {
  .g-footer .footer-nav-grid {
    grid-template-columns: auto auto;
    margin-block: 77px 115px;
    gap: 90px;
  }
}
.g-footer .footer-nav-grid__flex {
  display: flex;
  justify-content: space-between;
}
@media (width <= 828px) {
  .g-footer .footer-nav-grid__flex {
    flex-flow: column;
    justify-content: unset;
    gap: 46px;
  }
}
.g-footer .footer-nav-grid__pc-center {
  display: flex;
  flex-flow: column;
  gap: 40px;
}
.g-footer .footer-nav {
  color: var(--color-light);
  padding-inline-start: 10px;
  position: relative;
  padding-block-end: 5px;
  line-height: 12px;
}
@media (width <= 828px) {
  .g-footer .footer-nav {
    padding-inline-start: 18px;
  }
}
.g-footer .footer-nav:last-child {
  padding-block-end: 0;
}
.g-footer .footer-nav::before {
  content: "";
  position: absolute;
  width: 1px;
  inset-block: 6px;
  left: 0;
  background-color: var(--color-light);
}
@media (width <= 828px) {
  .g-footer .footer-nav::before {
    inset-block: 11px 10px;
  }
}
.g-footer .footer-nav__title {
  color: var(--color-light);
  margin-block-end: 10px;
  font-family: var(--ff-en);
  font-style: italic;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1;
}
@media (width <= 828px) {
  .g-footer .footer-nav__title {
    margin-block-end: 10px;
    font-size: 30px;
  }
}
.g-footer .footer-nav__sub-title {
  padding-block: 6px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1;
}
@media (width <= 828px) {
  .g-footer .footer-nav__sub-title {
    padding-block: 10px;
    font-size: 27px;
  }
}
.g-footer .footer-nav__link {
  padding-block: 6px;
  font-size: 14px;
  letter-spacing: 0.03em;
  line-height: 1;
  text-decoration: none;
  transition: var(--sec);
  display: block;
  font-weight: 300;
}
@media (width <= 828px) {
  .g-footer .footer-nav__link {
    padding-block: 10px;
    font-size: 27px;
    line-height: 36.4px;
  }
}
.g-footer .footer-nav__link .link-icon {
  margin-inline-start: 14px;
  display: inline-block;
}
@media (width <= 828px) {
  .g-footer .footer-nav__link .link-icon {
    margin-inline-start: 10px;
    width: 24px;
    height: 17px;
  }
}
@media (width > 828px) {
  .g-footer .footer-nav__link:hover {
    color: var(--color-primary);
  }
}
.g-footer .footer-bottom {
  display: flex;
  align-items: center;
}
@media (width <= 828px) {
  .g-footer .footer-bottom {
    max-width: 674px;
    margin-inline: auto;
    flex-direction: column-reverse;
    align-items: normal;
    justify-content: unset;
  }
}
.g-footer .footer-info {
  display: flex;
  align-items: center;
  gap: 21px;
}
@media (width <= 828px) {
  .g-footer .footer-info {
    flex-direction: column;
    gap: 16px;
    align-items: normal;
  }
}
.g-footer .footer-info .copyright {
  font-family: var(--ff-en);
  font-style: italic;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 1;
  color: var(--color-light);
}
@media (width <= 828px) {
  .g-footer .footer-info .copyright {
    font-size: 20px;
    letter-spacing: 0.03em;
  }
}
.g-footer .footer-sns__wrapper {
  display: flex;
  align-items: center;
  padding-inline-start: 5px;
}
@media (width <= 828px) {
  .g-footer .footer-sns__wrapper {
    padding-inline-start: 0;
    margin-inline-start: -8px;
  }
}
.g-footer .footer-sns svg {
  color: var(--color-light);
  transition: var(--sec);
}
.g-footer .footer-sns a {
  text-decoration: none;
  padding: 9px;
}
@media (width > 828px) {
  .g-footer .footer-sns a:hover svg {
    color: var(--color-primary);
  }
}
@media (width <= 828px) {
  .g-footer .footer-sns a {
    padding: 11px;
  }
}
@media (width <= 828px) {
  .g-footer .footer-sns._insta svg {
    width: 40.6px;
    height: 40.6px;
  }
  .g-footer .footer-sns._x svg {
    width: 35.4px;
    height: 36.2px;
  }
  .g-footer .footer-sns._facebook svg {
    width: 40.6px;
    height: 40.4px;
  }
  .g-footer .footer-sns._in svg {
    width: 37.7px;
    height: 37.7px;
  }
  .g-footer .footer-sns._youtube svg {
    width: 46.2px;
    height: 32.6;
  }
}
@media (width > 828px) {
  .g-footer .footer-corporate-link {
    margin-left: 80px;
    margin-top: -5px;
  }
}
@media (width <= 828px) {
  .g-footer .footer-corporate-link {
    margin-block-end: 42px;
    border-bottom: 1px solid var(--color-light);
  }
}
.g-footer .footer-corporate-link a {
  padding-block: 10px;
  font-family: var(--ff-en);
  font-style: italic;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 1;
  color: var(--color-light);
  text-decoration: none;
  transition: var(--sec);
}
@media (width <= 828px) {
  .g-footer .footer-corporate-link a {
    display: block;
    padding-block: 34px;
    font-size: 36px;
    letter-spacing: 0.02em;
  }
}
.g-footer .footer-corporate-link a svg {
  margin-inline-start: 8px;
  display: inline-block;
}
@media (width <= 828px) {
  .g-footer .footer-corporate-link a svg {
    margin-inline-start: 19px;
    width: 32px;
    height: 23px;
  }
}
@media (width > 828px) {
  .g-footer .footer-corporate-link a:hover {
    color: var(--color-primary);
  }
}

/*メイン*/
.g-main {
  display: block;
}
.g-main:after {
  content: " ";
  display: block;
  clear: both;
}

.c-3min-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.c-3min-head__heading {
  font-family: var(--ff-en);
  font-style: italic;
  font-size: 90.5px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
}
@media (width <= 828px) {
  .c-3min-head__heading {
    font-size: 89px;
  }
}
.c-3min-head__heading-s {
  display: block;
  font-size: 45.7px;
  transform: translateY(7px);
}
@media (width <= 828px) {
  .c-3min-head__heading-s {
    font-size: 45px;
  }
}
.c-3min-head__heading-jp {
  display: block;
  font-style: italic;
  font-size: 30px;
  line-height: 1;
  letter-spacing: 0.01em;
}
.c-3min-head__fukidashi {
  width: fit-content;
  min-width: 138px;
  padding-block: 15px;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: 1;
  border-top: 2px solid var(--color-primary);
  white-space: nowrap;
  position: relative;
  z-index: 10;
  text-align: center;
}
@media (width <= 828px) {
  .c-3min-head__fukidashi {
    font-size: 30px;
    padding-block: 20px;
  }
}
.c-3min-head__fukidashi::before {
  content: "";
  position: absolute;
  inset-inline: 0 52px;
  bottom: 0;
  height: 1px;
  background-color: var(--color-dark);
}
@media (width <= 828px) {
  .c-3min-head__fukidashi::before {
    inset-inline: 0 80px;
  }
}
.c-3min-head__fukidashi::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -18px;
  width: 56px;
  height: 18px;
  background-image: url(../img/3minutes/fukidasi_line.svg);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (width <= 828px) {
  .c-3min-head__fukidashi::after {
    width: 86.5px;
    height: 26px;
    bottom: -26px;
  }
}

.q-3min_head {
  padding-block: 107px 25px;
}
@media (width <= 828px) {
  .q-3min_head {
    padding-block: 197px 0;
    margin-block-end: -10px;
    position: relative;
    z-index: 10;
  }
}
.q-3min_head .min-title {
  width: fit-content;
}
@media (width <= 828px) {
  .q-3min_head .min-title._02-sp {
    margin: 0 0 0 auto;
    margin-block-start: 20px;
  }
}
.q-3min_head .min-title__wrap {
  width: 1110px;
  margin-inline: auto;
}
@media (width > 828px) {
  .q-3min_head .min-title__wrap {
    padding-inline-start: 46px;
  }
}
@media (width <= 828px) {
  .q-3min_head .min-title__wrap {
    width: 683px;
    margin-inline-start: 50px;
  }
}
.q-3min_head .min-title__s {
  white-space: nowrap;
  font-size: 20px;
  letter-spacing: 0.06em;
  line-height: 1;
}
@media (width <= 828px) {
  .q-3min_head .min-title__s {
    font-size: 28px;
  }
}
.q-3min_head .min-title__en {
  padding-inline-end: 20px;
  font-family: var(--ff-en);
  font-style: italic;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1;
}
@media (width <= 828px) {
  .q-3min_head .min-title__en {
    margin-inline-end: 30px;
    font-size: 32px;
    letter-spacing: 0;
  }
}
.q-3min_head .min-title__l {
  white-space: nowrap;
  font-family: var(--ff-en);
  font-style: italic;
  font-size: 98.8px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
}
@media (width <= 828px) {
  .q-3min_head .min-title__l {
    font-size: 96px;
  }
}
.q-3min_head .min-title__line {
  margin-top: -10px;
  height: 11.7px;
}

@media (width <= 828px) {
  .q-3min_fv .min-fv__catch {
    position: absolute;
    width: 680px;
    bottom: 40px;
    right: 49px;
  }
}

.q-3min_numbers {
  padding-block: 80px 120px;
}
@media (width <= 828px) {
  .q-3min_numbers {
    padding-block: 88px 151px;
  }
}
.q-3min_numbers .c-3min-head__fukidashi {
  transform: translateX(5px) translateY(8px);
}
@media (width <= 828px) {
  .q-3min_numbers .c-3min-head__fukidashi {
    transform: translateX(-2px) translateY(-12px);
  }
}
.q-3min_numbers .num-flexbox {
  display: flex;
  gap: 36px 29px;
  flex-wrap: wrap;
  max-width: 1109px;
  margin-inline: auto;
  justify-content: center;
}
@media (width <= 828px) {
  .q-3min_numbers .num-flexbox {
    max-width: 728px;
    row-gap: 33px;
    justify-content: space-between;
  }
}
.q-3min_numbers .num-flexbox__wrapper {
  max-width: 1280px;
  margin-block-start: -10px;
  margin-inline: auto;
  padding-block: 78px 98px;
  background-image: url(../img/3minutes/3min-num-bg.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (width <= 828px) {
  .q-3min_numbers .num-flexbox__wrapper {
    margin-block-start: -16px;
    padding-block: 81px 97px;
  }
}
.q-3min_numbers .num-card {
  height: 143px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background-color: var(--color-light);
  border-radius: 18px;
}
@media (width <= 828px) {
  .q-3min_numbers .num-card {
    height: auto;
    flex-wrap: wrap;
    align-content: center;
  }
  .q-3min_numbers .num-card ._ill img {
    width: 100%;
  }
}
.q-3min_numbers .num-card:nth-child(1) {
  width: 278px;
}
@media (width <= 828px) {
  .q-3min_numbers .num-card:nth-child(1) {
    width: 249px;
    height: 345px;
  }
  .q-3min_numbers .num-card:nth-child(1) ._ill {
    width: 148px;
  }
}
.q-3min_numbers .num-card:nth-child(2) {
  width: 377px;
}
@media (width <= 828px) {
  .q-3min_numbers .num-card:nth-child(2) {
    width: 446px;
    height: 345px;
  }
  .q-3min_numbers .num-card:nth-child(2) ._ill {
    width: 124px;
  }
}
.q-3min_numbers .num-card:nth-child(3) {
  width: 395px;
}
@media (width <= 828px) {
  .q-3min_numbers .num-card:nth-child(3) {
    width: 100%;
    height: 208px;
  }
  .q-3min_numbers .num-card:nth-child(3) ._ill {
    width: 129px;
  }
}
.q-3min_numbers .num-card:nth-child(4) {
  width: 517px;
}
@media (width <= 828px) {
  .q-3min_numbers .num-card:nth-child(4) {
    width: 100%;
    height: 208px;
  }
  .q-3min_numbers .num-card:nth-child(4) ._ill {
    width: 150px;
  }
}
.q-3min_numbers .num-card:nth-child(5) {
  width: 350px;
}
@media (width <= 828px) {
  .q-3min_numbers .num-card:nth-child(5) {
    width: 345px;
    height: 344px;
  }
  .q-3min_numbers .num-card:nth-child(5) ._ill {
    width: 160px;
  }
}
.q-3min_numbers .num-card:nth-child(6) {
  width: 326px;
}
@media (width <= 828px) {
  .q-3min_numbers .num-card:nth-child(6) {
    width: 345px;
    height: 344px;
  }
  .q-3min_numbers .num-card:nth-child(6) ._ill {
    width: 146px;
  }
}
.q-3min_numbers .num-card:nth-child(7) {
  width: 377px;
}
@media (width <= 828px) {
  .q-3min_numbers .num-card:nth-child(7) {
    width: 100%;
    height: 208px;
  }
  .q-3min_numbers .num-card:nth-child(7) ._ill {
    width: 200px;
  }
}
.q-3min_numbers .num-card:nth-child(8) {
  width: 344px;
}
@media (width <= 828px) {
  .q-3min_numbers .num-card:nth-child(8) {
    width: 100%;
    height: 208px;
  }
  .q-3min_numbers .num-card:nth-child(8) ._ill {
    width: 151px;
  }
}
.q-3min_numbers .num-card__text {
  margin-block-end: 5px;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 1;
}
@media (width <= 828px) {
  .q-3min_numbers .num-card__text {
    font-size: 30px;
  }
}
.q-3min_numbers .num-card__main-info {
  display: flex;
  align-items: end;
  gap: 4px;
}
.q-3min_numbers .num-card__num {
  font-family: var(--ff-en);
  font-size: 70px;
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1;
}
@media (width <= 828px) {
  .q-3min_numbers .num-card__num {
    font-size: 103px;
  }
}
.q-3min_numbers .num-card__unit {
  transform: translateY(-40%);
  font-size: 24.5px;
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: 1;
}
@media (width <= 828px) {
  .q-3min_numbers .num-card__unit {
    transform: translateY(-40%);
    font-size: 37px;
  }
}
.q-3min_numbers .num-notes {
  margin-block-start: 5px;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.06em;
  text-align: end;
}
@media (width <= 828px) {
  .q-3min_numbers .num-notes {
    margin-block-start: 8px;
    font-size: 23px;
    font-weight: 500;
    letter-spacing: 0.03em;
  }
}

.q-3min_business {
  margin-block-end: 219px;
}
@media (width <= 828px) {
  .q-3min_business {
    margin-block-end: 427px;
  }
}
.q-3min_business .c-3min-head__fukidashi {
  transform: translateX(8px) translateY(-21px);
}
@media (width <= 828px) {
  .q-3min_business .c-3min-head__fukidashi {
    transform: translateX(5px) translateY(69px);
  }
}
.q-3min_business .min-business-grid {
  margin-block-start: 37px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px 100px;
}
@media (width <= 828px) {
  .q-3min_business .min-business-grid {
    margin-block-start: 75px;
    grid-template-columns: 1fr;
    gap: 76px;
  }
}
.q-3min_business .min-business {
  display: flex;
  flex-flow: column;
}
.q-3min_business .min-business__head {
  display: flex;
  align-items: end;
  justify-content: space-between;
}
.q-3min_business .min-business__tag {
  width: 322px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  font-family: var(--ff-en);
  font-style: italic;
  font-size: 31px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.04em;
  color: var(--color-light);
  transform: translateX(-28px) translateY(23px);
}
@media (width <= 828px) {
  .q-3min_business .min-business__tag {
    font-size: 36px;
    width: 358px;
    height: 89.5px;
    transform: translateX(-23px) translateY(17px);
  }
}
.q-3min_business .min-business__num {
  width: fit-content;
  font-family: var(--ff-en);
  font-style: italic;
  font-size: 80px;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1;
  color: var(--color-primary);
  line-height: 54px;
  /*
  &:before{
   content:"";
   display: block;
   position: absolute;
   top:24px;
   right:0;
   width:2000px;
   height: 1px;
   border-bottom:1px solid #00e;
  }
  */
}
@media (width <= 828px) {
  .q-3min_business .min-business__num {
    font-size: 76px;
    line-height: 52px;
  }
}
.q-3min_business .min-business__num ._title {
  display: block;
  font-size: 16px;
  letter-spacing: 0.02em;
  color: var(--color-dark);
  line-height: 27px;
  padding-inline-start: 19px;
}
@media (width <= 828px) {
  .q-3min_business .min-business__num ._title {
    font-size: 22px;
    padding-inline-start: 9px;
  }
}
.q-3min_business .min-business__img {
  width: 100%;
}
.q-3min_business .min-business__text {
  padding-block: 20px;
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--color-dark);
  color: var(--color-light);
  font-size: 19px;
  font-weight: 500;
  line-height: 27px;
  letter-spacing: 0.06em;
  text-align: center;
}
@media (width <= 828px) {
  .q-3min_business .min-business__text {
    padding: 30px;
    text-align: center;
    font-size: 34px;
    letter-spacing: 0;
    line-height: 47px;
  }
}
.q-3min_business .min-business:nth-child(1) {
  grid-column: span 2;
}
@media (width <= 828px) {
  .q-3min_business .min-business:nth-child(1) {
    grid-column: 1;
  }
}
.q-3min_business .min-business:nth-child(1) .min-business__tag {
  background-image: linear-gradient(90deg, #ff6c00 0%, #e60012);
}
.q-3min_business .min-business:nth-child(2) .min-business__tag {
  background-image: linear-gradient(90deg, #ffe700 0%, #ffca00);
}
.q-3min_business .min-business:nth-child(3) .min-business__tag {
  background-image: linear-gradient(90deg, #ff8400 0%, #ff1903);
}
.q-3min_business .min-business:nth-child(4) .min-business__tag {
  background-image: linear-gradient(90deg, #007ed7 0%, #003e99);
}
.q-3min_business .min-business:nth-child(5) .min-business__tag {
  background-image: linear-gradient(90deg, #8ac70d 0%, #2da200);
}

.q-3min_reason {
  background-color: var(--color-bg-cold);
  padding-block-end: 252px;
}
@media (width <= 828px) {
  .q-3min_reason {
    padding-block-end: 263px;
  }
}
.q-3min_reason .question {
  width: 973px;
  height: 177px;
  margin-inline: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-light);
  border: 2px solid var(--color-primary);
  border-radius: 999px;
  font-style: italic;
  font-size: 32.8px;
  font-weight: 500;
  line-height: 52px;
  letter-spacing: 0.06em;
  text-align: center;
  transform: translateY(-81px);
}
@media (width <= 828px) {
  .q-3min_reason .question {
    width: 726px;
    height: 272px;
    font-size: 41px;
    line-height: 62px;
    transform: translateY(-135px);
  }
}
.q-3min_reason .min-reason-catch {
  margin-block-start: -23px;
  display: flex;
  justify-content: end;
  position: relative;
  z-index: 10;
}
@media (width <= 828px) {
  .q-3min_reason .min-reason-catch {
    margin-block-start: -83px;
  }
}
.q-3min_reason .min-reason-catch img {
  display: block;
}
@media (width <= 828px) {
  .q-3min_reason .min-reason-catch img {
    width: 598px;
  }
}
.q-3min_reason .min-reason-graph {
  margin-block-start: -48px;
  padding-block: 76px 80px;
  display: flex;
  justify-content: center;
  background-color: var(--color-light);
}
@media (width <= 828px) {
  .q-3min_reason .min-reason-graph {
    margin-block-start: -60px;
    padding-block: 64px 78px;
  }
}

@media (width > 828px) {
  .q-3min_history .c-3min-head__fukidashi {
    transform: translateX(7px) translateY(-13px);
  }
}
.q-3min_history .history {
  max-width: 515px;
  min-height: 410px;
}
@media (width <= 828px) {
  .q-3min_history .history {
    max-width: 660px;
  }
}
.q-3min_history .history-head {
  margin-block: -79px -20px;
}
@media (width <= 828px) {
  .q-3min_history .history-head {
    margin-block: -110px 12px;
  }
}
.q-3min_history .history-wrapper {
  position: relative;
}
.q-3min_history .history-wrapper::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 200px;
  background-color: var(--color-light);
  clip-path: polygon(50% 200px, 0% 0%, 100% 0%);
  z-index: 2;
}
@media (width <= 828px) {
  .q-3min_history .history-wrapper::before {
    height: 122px;
    clip-path: polygon(50% 122px, 0% 0%, 100% 0%);
  }
}
.q-3min_history .history-wrapper::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 200px;
  background-color: var(--color-dark);
  z-index: 1;
}
@media (width <= 828px) {
  .q-3min_history .history-wrapper::after {
    height: 122px;
  }
}
.q-3min_history .history-list {
  padding-block: 83px 350px;
  display: grid;
  grid-template-columns: auto auto;
  gap: 18px 95px;
  justify-content: center;
  position: relative;
}
@media (width <= 828px) {
  .q-3min_history .history-list {
    padding-block: 91px 264px;
    grid-template-columns: 660px;
    justify-content: right;
    gap: 67px;
  }
}
.q-3min_history .history-list::before {
  content: "";
  position: absolute;
  inset-block: 0;
  width: 5px;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--color-primary);
  z-index: 10;
}
@media (width <= 828px) {
  .q-3min_history .history-list::before {
    left: 0;
    inset-block: 0 108px;
  }
}
.q-3min_history .history-list::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: var(--color-primary);
  z-index: 10;
}
@media (width <= 828px) {
  .q-3min_history .history-list::after {
    left: 0;
  }
}
.q-3min_history .history__year {
  font-family: var(--ff-en);
  font-style: italic;
  font-size: 49.7px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  position: relative;
}
@media (width <= 828px) {
  .q-3min_history .history__year {
    font-size: 68px;
  }
}
.q-3min_history .history__year ._kara {
  font-family: var(--ff-sans-serif);
  font-size: 35px;
  font-weight: 500;
  letter-spacing: 0.06em;
}
@media (width <= 828px) {
  .q-3min_history .history__year ._kara {
    font-size: 45px;
  }
}
.q-3min_history .history__year ._arr {
  position: absolute;
  width: 26px;
  height: 10px;
  top: 17px;
  z-index: 15;
}
@media (width <= 828px) {
  .q-3min_history .history__year ._arr {
    width: 49px;
    height: 20px;
    top: 28px;
    left: -65px;
  }
}
.q-3min_history .history__year ._arr::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 9px;
  height: 10px;
  background-color: var(--color-dark);
  clip-path: polygon(9px 50%, 0% 0%, 0% 10px);
}
@media (width <= 828px) {
  .q-3min_history .history__year ._arr::before {
    width: 17px;
    height: 20px;
    clip-path: polygon(17px 50%, 0% 0%, 0% 20px);
  }
}
.q-3min_history .history__year ._arr::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 90%;
  height: 1px;
  background-color: var(--color-dark);
  transform: translateY(-50%);
}
@media (width <= 828px) {
  .q-3min_history .history__content {
    margin-block-start: 22px;
  }
}
.q-3min_history .history__img {
  width: 100%;
}
.q-3min_history .history__period {
  width: fit-content;
  padding: 8px 19px 10px 19px;
  font-size: 28px;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1;
  color: var(--color-light);
  background-color: var(--color-dark);
}
@media (width <= 828px) {
  .q-3min_history .history__period {
    padding: 8px 27px;
    font-size: 42px;
  }
}
.q-3min_history .history__text {
  width: 100%;
  margin-block-end: 13.6px;
  padding-block: 19px;
  text-align: center;
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 0.01em;
  line-height: 34px;
  color: var(--color-light);
  background-color: var(--color-primary);
}
@media (width <= 828px) {
  .q-3min_history .history__text {
    margin-block-end: 17.5px;
    padding-block: 32px 44px;
    font-size: 38px;
    line-height: 52px;
  }
}
@media (width > 828px) {
  .q-3min_history .history:nth-child(odd) .history__year {
    text-align: end;
  }
  .q-3min_history .history:nth-child(odd) .history__year ._arr {
    transform: scale(-1, 1);
    right: -48px;
  }
  .q-3min_history .history:nth-child(odd) .history__content {
    margin-block-start: -11px;
  }
  .q-3min_history .history:nth-child(2) {
    transform: translateY(190px);
  }
  .q-3min_history .history:nth-child(4) {
    transform: translateY(205px);
  }
  .q-3min_history .history:nth-child(6) {
    transform: translateY(230px);
  }
  .q-3min_history .history:nth-child(even) .history__year ._arr {
    left: -48px;
  }
  .q-3min_history .history:nth-child(even) .history__content {
    margin-block-start: 10px;
  }
}

.q-3min_vision-100 {
  padding-block: 26px 212px;
  background-color: var(--color-dark);
}
@media (width <= 828px) {
  .q-3min_vision-100 {
    padding-block: 26px 164px;
    overflow: hidden;
  }
}
.q-3min_vision-100 .vision-head {
  width: fit-content;
  margin-inline: auto;
  margin-block-end: 109.5px;
}
@media (width <= 828px) {
  .q-3min_vision-100 .vision-head {
    margin-block-end: 52px;
  }
}
.q-3min_vision-100 .vision-head__l {
  padding: 7px 63px 12px 63px;
  font-style: italic;
  font-size: 54px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.06em;
  color: var(--color-light);
  background-image: linear-gradient(90deg, #ff0a2e 0%, #ca0012);
}
@media (width <= 828px) {
  .q-3min_vision-100 .vision-head__l {
    padding: 10px 86px 16px;
    font-size: 69px;
  }
}
.q-3min_vision-100 .vision-head__s {
  width: fit-content;
  margin-inline: auto;
  padding-block: 9px 14px;
  font-family: var(--ff-en);
  font-style: italic;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1;
  color: var(--color-primary);
  border-bottom: 1px solid var(--color-light);
}
@media (width <= 828px) {
  .q-3min_vision-100 .vision-head__s {
    padding-block: 19px 24px;
    font-size: 24px;
  }
}
.q-3min_vision-100 .vision-box {
  display: flex;
  gap: 50px;
}
@media (width <= 828px) {
  .q-3min_vision-100 .vision-box {
    flex-flow: column;
    align-items: center;
  }
}
.q-3min_vision-100 .vision-content {
  max-width: 537px;
  width: 100%;
  margin-block-end: 83px;
}
@media (width <= 828px) {
  .q-3min_vision-100 .vision-content {
    max-width: 670px;
    margin-block-end: 65px;
  }
}
.q-3min_vision-100 .vision-content__title {
  width: 100%;
  height: 83px;
  margin-block: 39px 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-style: italic;
  font-size: 37px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.02em;
  color: var(--color-primary);
  background-color: var(--color-light);
  padding-bottom: 3px;
}
@media (width <= 828px) {
  .q-3min_vision-100 .vision-content__title {
    height: 102px;
    margin-block: 42px 45px;
    padding-bottom: 4px;
    font-size: 46px;
  }
}
.q-3min_vision-100 .vision-content__text {
  font-size: 18px;
  line-height: 39px;
  letter-spacing: 0.06em;
  color: var(--color-light);
}
@media (width <= 828px) {
  .q-3min_vision-100 .vision-content__text {
    font-size: 34px;
    line-height: 64px;
    letter-spacing: 0;
  }
}
@media (width <= 828px) {
  .q-3min_vision-100 .vision-content__img {
    width: 604px;
  }
}
.q-3min_vision-100 .vision-break__img {
  display: block;
  margin-inline: auto;
}
@media (width <= 828px) {
  .q-3min_vision-100 .vision-break__img {
    min-width: 986px;
    margin-left: 50%;
    transform: translateX(-50%);
  }
}
.q-3min_vision-100 .vision-btn {
  width: 992px;
  height: 81px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--color-light);
  border-radius: 999px;
  overflow: hidden;
}
@media (width <= 828px) {
  .q-3min_vision-100 .vision-btn {
    width: 747px;
    height: 150px;
  }
}
.q-3min_vision-100 .vision-btn::before {
  background-color: var(--color-primary);
}
.q-3min_vision-100 .vision-btn__wrap {
  width: fit-content;
  margin-block-start: 64px;
  margin-inline: auto;
}
@media (width <= 828px) {
  .q-3min_vision-100 .vision-btn__wrap {
    margin-block-start: 103px;
  }
}
.q-3min_vision-100 .vision-btn__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 55px;
}
@media (width <= 828px) {
  .q-3min_vision-100 .vision-btn__inner {
    flex-flow: column;
    gap: 10px;
  }
}
.q-3min_vision-100 .vision-btn ._jp {
  font-size: 21px;
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: 1;
}
@media (width <= 828px) {
  .q-3min_vision-100 .vision-btn ._jp {
    font-size: 34px;
    letter-spacing: 0;
  }
}
.q-3min_vision-100 .vision-btn ._en {
  font-family: var(--ff-en);
  font-size: 16px;
  letter-spacing: 0;
  line-height: 1;
}
@media (width <= 828px) {
  .q-3min_vision-100 .vision-btn ._en {
    font-size: 28px;
  }
}
@media (width <= 828px) {
  .q-3min_vision-100 .vision-btn .link-icon {
    width: 26px;
    height: 19px;
  }
}
.q-3min_vision-100 .vision-btn ._circle::before, .q-3min_vision-100 .vision-btn ._circle::after {
  content: "";
  position: absolute;
  display: block;
  width: 31px;
  height: 31px;
  border-radius: 50%;
  background-color: var(--color-dark);
  border: 7px solid var(--color-primary);
  top: 50%;
  transform: translateY(-50%);
  transition: var(--sec);
}
@media (width <= 828px) {
  .q-3min_vision-100 .vision-btn ._circle::before, .q-3min_vision-100 .vision-btn ._circle::after {
    width: 46px;
    height: 46px;
    border: 10px solid var(--color-primary);
  }
}
.q-3min_vision-100 .vision-btn ._circle::before {
  left: 28px;
}
@media (width <= 828px) {
  .q-3min_vision-100 .vision-btn ._circle::before {
    left: 26px;
  }
}
.q-3min_vision-100 .vision-btn ._circle::after {
  right: 28px;
}
@media (width <= 828px) {
  .q-3min_vision-100 .vision-btn ._circle::after {
    right: 26px;
  }
}
@media (width > 828px) {
  .q-3min_vision-100 .vision-btn:hover ._circle::before, .q-3min_vision-100 .vision-btn:hover ._circle::after {
    background-color: var(--color-light);
    border: 7px solid var(--color-dark);
  }
}
.q-3min_vision-100 .vision-catch {
  margin-block-start: 89px;
  text-align: center;
  font-size: 26px;
  font-style: italic;
  letter-spacing: 0.06em;
  line-height: 1;
  color: var(--color-light);
}
@media (width <= 828px) {
  .q-3min_vision-100 .vision-catch {
    margin-block-start: 90px;
    font-size: 40px;
    line-height: 74px;
  }
}

.q-benefits_fv {
  margin-block-start: 108px;
  position: relative;
}
@media (width <= 828px) {
  .q-benefits_fv {
    margin-block-start: 107px;
  }
}
.q-benefits_fv .benefits-fv {
  overflow: hidden;
}
.q-benefits_fv .benefits-fv .fv {
  width: 100%;
  position: relative;
  overflow: hidden;
}
@media (width > 1280px) {
  .q-benefits_fv .benefits-fv .fv {
    min-width: 1280px;
  }
}
@media (width <= 1280px) {
  .q-benefits_fv .benefits-fv .fv {
    left: 0;
    transform: translateX(0);
  }
}
.q-benefits_fv .benefits-fv .fv img {
  float: right;
  display: block;
  width: 1029px;
}
@media (width > 1280px) {
  .q-benefits_fv .benefits-fv .fv img {
    width: calc(823 / 1280 * 100vw);
  }
}
@media (width <= 1280px) {
  .q-benefits_fv .benefits-fv .fv img {
    width: 823px;
  }
}
@media (width <= 828px) {
  .q-benefits_fv .benefits-fv .fv img {
    width: 631px;
  }
}
.q-benefits_fv .title-wrap {
  position: absolute;
  top: 50%;
  left: 80px;
  transform: translateY(-50%);
  /*
  @media (width > 1600px) {
  	width: calc(483 / 1600 * 100vw);
  	left: calc(199 / 1600 * 100vw);
  	top: calc(203 / 1600 * 100vw);
  }
  @media (width <= 1280px) {
  	width: calc(483 / 1600 * 100vw);
  	left: calc(199 / 1600 * 100vw);
  	top: calc(203 / 1600 * 100vw);
  }
  */
}
@media (width > 1280px) {
  .q-benefits_fv .title-wrap {
    left: calc(80 / 1280 * 100vw);
  }
}
.q-benefits_fv .title-wrap .c-title_kasou__s {
  font-size: 20px;
}
@media (width > 1280px) {
  .q-benefits_fv .title-wrap .c-title_kasou__s {
    font-size: calc(20 / 1280 * 100vw);
  }
}
@media (width <= 828px) {
  .q-benefits_fv .title-wrap .c-title_kasou__s {
    font-size: 28px;
  }
}
.q-benefits_fv .title-wrap .c-title_kasou__en {
  font-size: 20px;
  letter-spacing: 0.04em;
}
@media (width > 1280px) {
  .q-benefits_fv .title-wrap .c-title_kasou__en {
    font-size: calc(20 / 1280 * 100vw);
  }
}
@media (width <= 828px) {
  .q-benefits_fv .title-wrap .c-title_kasou__en {
    font-size: 32px;
  }
}
.q-benefits_fv .title-wrap .c-title_kasou__l {
  font-size: 100px;
  letter-spacing: 0.05em;
}
@media (width > 1280px) {
  .q-benefits_fv .title-wrap .c-title_kasou__l {
    font-size: calc(100 / 1280 * 100vw);
  }
}
.q-benefits_fv .title-wrap .title {
  margin-block-end: 16px;
}
@media (width <= 828px) {
  .q-benefits_fv .title-wrap .title {
    margin-block-end: 11px;
  }
}
.q-benefits_fv .title-wrap .title:last-child {
  margin-block-end: 0;
}
@media (width <= 828px) {
  .q-benefits_fv .title-wrap .title__l {
    font-size: 84px;
  }
}
@media (width <= 828px) {
  .q-benefits_fv .title-wrap .title__s-2 {
    margin-block-start: 7px;
  }
}
@media (width <= 828px) {
  .q-benefits_fv .title-wrap {
    left: 53px;
  }
}

.q-benefits_fv-btm {
  padding-block: 113px 127px;
}
@media (width <= 828px) {
  .q-benefits_fv-btm {
    padding-block: 111px 174px;
  }
}
.q-benefits_fv-btm .content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding-inline-start: 40px;
  gap: 40px;
}
@media (width <= 828px) {
  .q-benefits_fv-btm .content {
    grid-template-columns: 1fr;
    padding-inline-start: 0;
    gap: 74px;
  }
}
.q-benefits_fv-btm .content-text {
  max-width: 500px;
  line-height: 40px;
}
@media (width <= 828px) {
  .q-benefits_fv-btm .content-text {
    max-width: 100%;
    line-height: 64px;
  }
}
.q-benefits_fv-btm .content-img {
  width: fit-content;
  height: fit-content;
  margin: 0 0 0 auto;
  position: relative;
}
@media (width <= 828px) {
  .q-benefits_fv-btm .content-img {
    margin: 0;
  }
}
.q-benefits_fv-btm .content-img::before {
  content: "";
  position: absolute;
  inset: 137px -7px -7px 148px;
  background-image: linear-gradient(90deg, #ff6c00 0%, #e60012);
  z-index: -1;
}
@media (width <= 828px) {
  .q-benefits_fv-btm .content-img::before {
    inset: 222px -9px -11px 114px;
  }
}

.q-benefits_workstyle {
  margin-block-end: 120px;
}
@media (width <= 828px) {
  .q-benefits_workstyle {
    margin-block-end: 166px;
  }
}
.q-benefits_workstyle .head {
  padding-inline-start: 40px;
  padding-block-end: 15px;
  display: flex;
  align-items: center;
  gap: 33px;
  position: relative;
  border-bottom: 1px solid var(--color-dark);
}
@media (width <= 828px) {
  .q-benefits_workstyle .head {
    padding-inline-start: 37px;
    padding-block-end: 21px;
    justify-content: space-between;
  }
}
.q-benefits_workstyle .head::before {
  content: "";
  position: absolute;
  width: 6px;
  height: calc(100% - 7px);
  inset-block: 0 15px;
  left: 0;
  background-color: var(--color-primary);
}
@media (width <= 828px) {
  .q-benefits_workstyle .head::before {
    width: 11px;
    inset-block: 0 21px;
  }
}
.q-benefits_workstyle .head__title {
  font-size: 35px;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1;
}
@media (width <= 828px) {
  .q-benefits_workstyle .head__title {
    font-size: 70px;
    letter-spacing: 0.02em;
    line-height: 80px;
  }
}
.q-benefits_workstyle .head__title ._en {
  font-family: var(--ff-en);
  font-weight: 700;
  font-style: italic;
  font-size: 45px;
  line-height: 1;
  letter-spacing: 0;
}
@media (width <= 828px) {
  .q-benefits_workstyle .head__title ._en {
    font-size: 102px;
  }
}
@media (width <= 828px) {
  .q-benefits_workstyle .head__title-s {
    font-size: 40px;
    letter-spacing: 0;
  }
}
.q-benefits_workstyle .head__title-xs {
  padding-inline-start: 30px;
  font-size: 18px;
  letter-spacing: 0.08em;
}
@media (width <= 828px) {
  .q-benefits_workstyle .head__title-xs {
    font-size: 40px;
    letter-spacing: 0;
  }
}
.q-benefits_workstyle .head__tag {
  min-width: 128px;
  width: fit-content;
  height: 29px;
  padding-inline-end: 10px;
  color: var(--color-light);
  background-color: var(--color-dark);
  clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--ff-en);
  font-style: italic;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 1;
}
@media (width <= 828px) {
  .q-benefits_workstyle .head__tag {
    min-width: 261px;
    height: 60px;
    font-size: 25px;
  }
}
@media (width <= 828px) {
  .q-benefits_workstyle .head._sp-column {
    position: relative;
    flex-direction: column;
    align-items: normal;
    justify-content: unset;
  }
  .q-benefits_workstyle .head._sp-column .head__title {
    border-left: none;
    padding-inline-start: 0;
  }
}
.q-benefits_workstyle .support-item__label {
  width: fit-content;
  margin-block-end: 9px;
  padding: 6px 20px 7px 20px;
  color: var(--color-light);
  background-image: linear-gradient(90deg, #f43c08 0%, #e60012);
  font-size: 17px;
  font-weight: 500;
  line-height: 1;
  border-left: 6px solid var(--color-dark);
  position: relative;
}
@media (width <= 828px) {
  .q-benefits_workstyle .support-item__label {
    margin-block-end: 27px;
    padding: 14px 48px 17px 41px;
    font-size: 40px;
    letter-spacing: 0.04em;
    border-left: 15px solid var(--color-dark);
  }
  .q-benefits_workstyle .support-item__label._sp-38 {
    padding-inline: 0;
    font-size: 38px;
    width: 100%;
    text-align: center;
  }
  .q-benefits_workstyle .support-item__label._sp-34 {
    padding-inline: 0;
    font-size: 34px;
    width: 100%;
    text-align: center;
  }
}
.q-benefits_workstyle .support-item__label::before {
  content: "";
  position: absolute;
  display: block;
  width: 15px;
  height: 12px;
  background-color: #e60012;
  clip-path: polygon(27% 0%, 103% 6%, 3% 89%);
  right: 0;
  bottom: 1px;
  transform: translateY(100%);
}
@media (width <= 828px) {
  .q-benefits_workstyle .support-item__label::before {
    width: 36px;
    height: 21px;
  }
}
.q-benefits_workstyle .support-item__text {
  padding-inline-start: 25px;
  text-align: justify;
  line-height: 32px;
  letter-spacing: 0;
}
@media (width <= 828px) {
  .q-benefits_workstyle .support-item__text {
    padding-inline-start: 0;
    line-height: 64px;
  }
}
.q-benefits_workstyle .workstyle-01 .head {
  margin-block-end: 42px;
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-01 .head {
    margin-block-end: 72px;
  }
}
.q-benefits_workstyle .workstyle-01 .support-item {
  margin-block-end: 34px;
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-01 .support-item {
    margin-block-end: 69px;
  }
}
.q-benefits_workstyle .workstyle-01 .support-item:last-child {
  margin-block-end: 0;
}
.q-benefits_workstyle .workstyle-01__graph {
  width: fit-content;
  margin-inline: auto;
  margin-block-end: 40px;
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-01__graph {
    margin-block-end: 86px;
  }
}
.q-benefits_workstyle .workstyle-01__conent {
  flex: 1;
}
.q-benefits_workstyle .workstyle-01__conent-wrap {
  max-width: 1200px;
  width: 100%;
  margin-inline: auto;
  display: flex;
  justify-content: space-between;
  gap: 58px;
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-01__conent-wrap {
    flex-direction: column;
    gap: 69px;
  }
}
.q-benefits_workstyle .workstyle-02 {
  padding-block-start: 110px;
  padding-inline-end: 40px;
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-02 {
    padding-block-start: 190px;
    padding-inline-end: 0;
  }
}
.q-benefits_workstyle .workstyle-02 .head {
  margin-block-end: 50px;
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-02 .head {
    margin-block-end: 62px;
  }
}
.q-benefits_workstyle .workstyle-02__flex {
  margin-block-end: 36px;
  display: flex;
  gap: 22px;
  justify-content: space-between;
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-02__flex {
    margin-block-end: 73px;
    flex-direction: column;
    justify-content: unset;
    gap: 66px;
  }
}
.q-benefits_workstyle .workstyle-02__conent {
  max-width: 444px;
  width: 100%;
  margin-inline: auto 0;
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-02__conent {
    max-width: 100%;
    margin: 0;
  }
}
.q-benefits_workstyle .workstyle-02__conent-wrap {
  max-width: 548px;
  width: 100%;
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-02__conent-wrap {
    max-width: 100%;
  }
}
.q-benefits_workstyle .workstyle-02__conent-title {
  width: fit-content;
  margin-block-end: 27px;
  padding-block-end: 7px;
  font-size: 40px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.1em;
  border-bottom: 6px solid var(--color-primary);
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-02__conent-title {
    margin-block-end: 54px;
    padding-block-end: 10px;
    font-size: 48px;
    border-bottom: 7px solid var(--color-primary);
  }
}
.q-benefits_workstyle .workstyle-02__conent-catch {
  margin-block-end: 18px;
  font-style: italic;
  font-size: 27px;
  line-height: 1;
  letter-spacing: 0.06em;
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-02__conent-catch {
    margin-block-end: 26px;
    font-size: 44px;
  }
}
.q-benefits_workstyle .workstyle-02__conent-text {
  max-width: 398px;
  line-height: 40px;
  letter-spacing: 0.1em;
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-02__conent-text {
    max-width: 100%;
    letter-spacing: 0.02em;
    line-height: 64px;
  }
}
.q-benefits_workstyle .workstyle-02-caption {
  max-width: 1147px;
  width: 100%;
  min-height: 126px;
  margin-inline: auto 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 30px 65px 30px 67px;
  border-radius: 999px;
  background-color: var(--color-bg-cold);
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-02-caption {
    padding: 87px 90px 87px 108px;
    flex-direction: column;
    min-height: 530px;
    align-items: normal;
    justify-content: unset;
    border-radius: 100px;
  }
}
.q-benefits_workstyle .workstyle-02-caption__title {
  font-size: 27px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.06em;
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-02-caption__title {
    font-size: 46px;
  }
}
.q-benefits_workstyle .workstyle-02-caption__text {
  padding-inline-start: 26px;
  margin-inline-start: 32px;
  flex: 1;
  letter-spacing: 0.04em;
  line-height: 32px;
  border-left: 1px solid var(--color-dark);
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-02-caption__text {
    padding-inline-start: 0;
    margin-inline-start: 0;
    padding-block-start: 20px;
    margin-block-start: 20px;
    border-left: none;
    border-top: 1px solid var(--color-dark);
    line-height: 62px;
    letter-spacing: -0.06em;
  }
}
.q-benefits_workstyle .workstyle-03 {
  padding-block-start: 107px;
}
.q-benefits_workstyle .workstyle-03 .head {
  height: fit-content;
  margin-block-end: 50px;
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-03 .head {
    margin-block-end: 0;
    height: auto;
  }
}
.q-benefits_workstyle .workstyle-03 .support-item {
  margin-block-end: 40px;
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-03 .support-item {
    margin-block-end: 67px;
  }
}
.q-benefits_workstyle .workstyle-03 .support-item:last-child {
  margin-block-end: 0;
}
.q-benefits_workstyle .workstyle-03-top {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-03-top {
    margin-block-end: 79px;
    gap: 30px;
    grid-template-columns: 1fr 296px;
  }
}
.q-benefits_workstyle .workstyle-03-top__img {
  margin-inline: 20px 40px;
  position: relative;
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-03-top__img {
    margin-block-start: -20px;
    margin-inline: 0;
  }
}
.q-benefits_workstyle .workstyle-03-top__img img {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-03-top__img img {
    position: unset;
  }
}
.q-benefits_workstyle .workstyle-03__content {
  flex: 1;
}
.q-benefits_workstyle .workstyle-03__content-wrap {
  padding-inline: 40px;
  display: flex;
  align-items: end;
  gap: 50px;
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-03__content-wrap {
    flex-direction: column;
    padding-inline: 0;
  }
}
.q-benefits_workstyle .workstyle-04 {
  padding-block-start: 118px;
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-04 {
    padding-block-start: 162px;
  }
}
.q-benefits_workstyle .workstyle-04 .support-item {
  margin-block-end: 39px;
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-04 .support-item {
    margin-block-end: 72px;
  }
}
.q-benefits_workstyle .workstyle-04 .support-item:last-child {
  margin-block-end: 0;
}
.q-benefits_workstyle .workstyle-04-top {
  margin-block-end: 18px;
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-04-top {
    margin-block-end: 41px;
    display: grid;
    grid-template-columns: 1fr 284px;
    gap: 50px;
  }
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-04-top__img {
    margin-block-start: 14px;
  }
}
.q-benefits_workstyle .workstyle-04__content {
  flex: 1;
}
.q-benefits_workstyle .workstyle-04__content-wrap {
  padding: 54px 74px;
  display: flex;
  gap: 50px;
  border-radius: 28px;
  background-color: var(--color-bg-cold);
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-04__content-wrap {
    min-width: 100vw;
    width: 100%;
    padding: 77px 50px 108px 50px;
    flex-direction: column;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 0;
    gap: 72px;
  }
}
.q-benefits_workstyle .workstyle-04__content-img {
  margin-block-end: 37px;
}
.q-benefits_workstyle .workstyle-05 {
  padding-block-start: 107px;
}
.q-benefits_workstyle .workstyle-05 .head {
  height: fit-content;
  margin-block-end: 47px;
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-05 .head {
    margin-block-end: 0;
    height: auto;
  }
}
.q-benefits_workstyle .workstyle-05 .support-item {
  margin-block-end: 30px;
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-05 .support-item {
    margin-block-end: 67px;
  }
}
.q-benefits_workstyle .workstyle-05 .support-item:last-child {
  margin-block-end: 0;
}
.q-benefits_workstyle .workstyle-05-top {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-05-top {
    margin-block-end: 64px;
    gap: 50px;
    grid-template-columns: 1fr 367px;
  }
}
.q-benefits_workstyle .workstyle-05-top__img {
  margin-inline: 20px 40px;
  position: relative;
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-05-top__img {
    margin-block-start: -20px;
    margin-inline: 0;
  }
}
.q-benefits_workstyle .workstyle-05-top__img img {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-05-top__img img {
    position: unset;
  }
}
.q-benefits_workstyle .workstyle-05__content {
  flex: 1;
}
.q-benefits_workstyle .workstyle-05__content:last-child {
  padding-block-end: 66px;
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-05__content:last-child {
    padding-block-end: 0;
  }
}
.q-benefits_workstyle .workstyle-05__content-wrap {
  padding-inline: 40px;
  display: flex;
  align-items: end;
  gap: 50px;
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-05__content-wrap {
    flex-direction: column;
    padding-inline: 0;
  }
}
.q-benefits_workstyle .workstyle-06 {
  padding-block-start: 98px;
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-06 {
    padding-block-start: 137px;
  }
}
.q-benefits_workstyle .workstyle-06 .head {
  margin-block-end: 63px;
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-06 .head {
    margin-block-end: 58px;
  }
}
.q-benefits_workstyle .workstyle-06__content {
  max-width: 1200px;
  margin-inline: auto;
}
.q-benefits_workstyle .workstyle-06__content-title {
  margin-block-end: 15px;
  display: flex;
  gap: 10px;
  font-size: 22px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.06em;
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-06__content-title {
    font-size: 46px;
    line-height: 62px;
  }
}
.q-benefits_workstyle .workstyle-06__content-title ._circle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border: 1px solid var(--color-primary);
  position: relative;
  border-radius: 50%;
  flex-shrink: 0;
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-06__content-title ._circle {
    width: 47px;
    height: 47px;
    translate: 0 8px;
  }
}
.q-benefits_workstyle .workstyle-06__content-title ._circle::before {
  content: "";
  display: block;
  width: 15px;
  aspect-ratio: 1/1;
  background-color: var(--color-primary);
  border-radius: 50%;
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-06__content-title ._circle::before {
    width: 27px;
  }
}
.q-benefits_workstyle .workstyle-06__content-text {
  margin-block-end: 33px;
  padding-inline-start: 32px;
  line-height: 36px;
  letter-spacing: 0.1em;
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-06__content-text {
    margin-block-end: 63px;
    padding-inline-start: 0;
    line-height: 60px;
    letter-spacing: 0;
  }
}
.q-benefits_workstyle .workstyle-06__content._top {
  margin-block-end: 70px;
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-06__content._top {
    margin-block-end: 95px;
  }
}
.q-benefits_workstyle .workstyle-06__content._top .workstyle-06__content-title {
  margin-block-end: 25px;
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-06__content._top .workstyle-06__content-title {
    margin-block-end: 45px;
  }
}
.q-benefits_workstyle .workstyle-06 .content-1 {
  max-width: 556px;
  width: 100%;
  margin-inline-start: 24px;
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-06 .content-1 {
    max-width: 100%;
    margin-inline-start: 0;
  }
}
.q-benefits_workstyle .workstyle-06 .content-1__wrap {
  display: flex;
  justify-content: space-between;
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-06 .content-1__wrap {
    flex-direction: column;
    gap: 65px;
    justify-content: unset;
  }
}
.q-benefits_workstyle .workstyle-06 .content-1__box {
  width: 100%;
  display: flex;
}
.q-benefits_workstyle .workstyle-06 .content-1__box-text {
  flex: 1;
  padding: 30px 18px 0 37px;
  background-color: var(--color-bg-cold);
  text-align: justify;
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-06 .content-1__box-text {
    padding: 34px 28px 0 26px;
  }
}
.q-benefits_workstyle .workstyle-06 .content-1__box._club .content-1__box-text {
  line-height: 32px;
  letter-spacing: 0.1em;
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-06 .content-1__box._club .content-1__box-text {
    font-size: 30px;
    line-height: 46px;
    letter-spacing: 0.1em;
  }
}
.q-benefits_workstyle .workstyle-06 .content-1__box._sports .content-1__box-text {
  font-size: 14px;
  line-height: 28px;
  letter-spacing: 0.06em;
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-06 .content-1__box._sports .content-1__box-text {
    font-size: 32px;
    line-height: 46px;
    letter-spacing: 0;
  }
}
.q-benefits_workstyle .workstyle-06 .content-1__title {
  padding-inline-start: 20px;
  font-size: 20px;
  line-height: 1;
  letter-spacing: 0.06em;
  font-weight: 500;
  border-left: 3px solid var(--color-dark);
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-06 .content-1__title {
    padding-block-end: 11px;
    font-size: 40px;
    padding-inline-start: 40px;
  }
}
.q-benefits_workstyle .workstyle-06 .content-2 {
  background-color: var(--color-bg-cold);
}
.q-benefits_workstyle .workstyle-06 .content-2__wrap {
  padding-inline-start: 25px;
  display: flex;
  justify-content: space-between;
  gap: 30px;
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-06 .content-2__wrap {
    padding-inline-start: 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 50px;
  }
}
.q-benefits_workstyle .workstyle-06 .content-2__text {
  padding-block: 10px;
  text-align: center;
  font-weight: 500;
  line-height: 1;
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-06 .content-2__text {
    padding-block: 15px;
    font-size: 30px;
    line-height: 36px;
    letter-spacing: 0;
  }
}
.q-benefits_workstyle .workstyle-06 .content-2._aki {
  max-width: 852px;
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-06 .content-2._aki {
    max-width: 100%;
  }
}
.q-benefits_workstyle .workstyle-06 .content-2._rec {
  max-width: 284px;
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-06 .content-2._rec {
    max-width: 344px;
  }
}
.q-benefits_workstyle .workstyle-07 {
  padding-block-start: 143px;
}
.q-benefits_workstyle .workstyle-07 .head {
  margin-block-end: 17px;
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-07 .head {
    display: block;
    margin-inline: 50px;
    margin-block-end: 37px;
  }
  .q-benefits_workstyle .workstyle-07 .head__title {
    line-height: 75px;
  }
  .q-benefits_workstyle .workstyle-07 .head__tag {
    display: inline-flex;
    position: absolute;
    bottom: 28px;
    right: 0;
  }
}
.q-benefits_workstyle .workstyle-07__content {
  max-width: 1280px;
  margin-inline: auto;
  padding: 63px 40px 70px 40px;
  border-radius: 27px;
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-07__content {
    padding-block: 110px 182px;
    padding-inline: 50px;
    border-radius: 0;
  }
}
.q-benefits_workstyle .workstyle-07__content-text {
  max-width: 1120px;
  margin-inline: auto;
  margin-block-end: 31px;
  padding: 38px 56px 38px 70px;
  background-color: var(--color-light);
  border-radius: 17px;
  letter-spacing: 0.1em;
  line-height: 36px;
  text-align: justify;
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-07__content-text {
    margin-block-end: 56px;
    padding: 60px 66px 48px 70px;
    max-width: 100%;
    line-height: 64px;
    letter-spacing: 0;
  }
}
.q-benefits_workstyle .workstyle-07__wrap {
  max-width: 1280px;
  width: 100%;
  margin-inline: auto;
}
.q-benefits_workstyle .workstyle-07 .benefit-title {
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  padding-block-end: 10px;
  letter-spacing: 0.06em;
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-07 .benefit-title {
    margin-block-end: 26px;
    font-size: 38px;
  }
}
.q-benefits_workstyle .workstyle-07 .benefit__wrap {
  max-width: 1120px;
  width: 100%;
  margin-inline: auto;
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-07 .benefit__wrap {
    overflow: hidden;
  }
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-07 .benefit__inner {
    width: 100%;
    overflow-x: scroll;
    scrollbar-width: none;
  }
}
.q-benefits_workstyle .workstyle-07 .benefit-table {
  width: 100%;
  border-right: 1px solid var(--color-dark);
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-07 .benefit-table {
    min-width: 2423px;
  }
}
.q-benefits_workstyle .workstyle-07 .benefit-table td {
  border-bottom: 1px solid var(--color-dark);
}
.q-benefits_workstyle .workstyle-07 .benefit-table .table-top td {
  border-top: 1px solid var(--color-dark);
}
.q-benefits_workstyle .workstyle-07 .benefit-category {
  width: 99px;
  background-color: var(--color-primary);
  color: var(--color-light);
  border: 1px solid var(--color-light);
  letter-spacing: 0.02em;
  line-height: 26px;
  font-weight: 500;
  text-align: center;
  vertical-align: middle;
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-07 .benefit-category {
    width: 215px;
    font-size: 34px;
    line-height: 56px;
  }
}
.q-benefits_workstyle .workstyle-07 .benefit-name {
  width: 310px;
  padding-inline: 12px 6px;
  font-size: 15px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0.02em;
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-07 .benefit-name {
    padding-inline: 28px 14px;
    width: 672px;
    font-size: 32px;
    line-height: 56px;
  }
}
.q-benefits_workstyle .workstyle-07 .benefit-description {
  padding-inline: 20px;
  font-size: 14px;
  letter-spacing: 0.02em;
  line-height: 26px;
  background-color: var(--color-light);
  border-left: 1px solid var(--color-dark);
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-07 .benefit-description {
    padding-inline: 40px;
    font-size: 30px;
    line-height: 56px;
  }
}
.q-benefits_workstyle .workstyle-08 {
  padding-block-start: 211px;
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-08 {
    padding-block-start: 200px;
  }
}
.q-benefits_workstyle .workstyle-08 .head {
  margin-block-end: 44px;
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-08 .head {
    margin-block-end: 87px;
  }
  .q-benefits_workstyle .workstyle-08 .head__title {
    line-height: 48px;
  }
  .q-benefits_workstyle .workstyle-08 .head__title-xs {
    padding-inline-start: 0;
  }
  .q-benefits_workstyle .workstyle-08 .head__tag {
    position: absolute;
    right: 0;
    bottom: 22px;
  }
}
.q-benefits_workstyle .workstyle-08 .slid-office {
  position: relative;
}
.q-benefits_workstyle .workstyle-08 .slid-office:first-child {
  margin-block-end: 52px;
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-08 .slid-office:first-child {
    margin-block-end: 113px;
  }
}
.q-benefits_workstyle .workstyle-08 .slid-office__tag {
  margin-inline: auto;
  margin-block-end: 22px;
  display: block;
  width: fit-content;
  min-width: 246px;
  padding: 8px 30px;
  text-align: center;
  border-radius: 999px;
  color: var(--color-light);
  background-color: var(--color-primary);
  font-size: 25px;
  line-height: 1;
  letter-spacing: 0.06em;
  font-weight: 500;
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-08 .slid-office__tag {
    margin-block-end: 30px;
    padding-block: 8px 12px;
    min-width: 310px;
    font-size: 34px;
  }
}
.q-benefits_workstyle .workstyle-08 .slid-office__list {
  width: 710px;
  margin: 0 20px;
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-08 .slid-office__list {
    width: 730px;
  }
}
.q-benefits_workstyle .workstyle-08 .slid-office .img-box {
  width: 710px;
  transform: scale(0.68);
  transition: transform 0.3s;
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-08 .slid-office .img-box {
    width: 730px;
  }
}
.q-benefits_workstyle .workstyle-08 .slid-office .slick-center .img-box {
  transform: scale(1);
}
.q-benefits_workstyle .workstyle-08 .slick-dots {
  margin-block-start: 42px;
  display: flex;
  gap: 15px;
  justify-content: center;
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-08 .slick-dots {
    gap: 40px;
    margin-block-start: 27px;
  }
}
.q-benefits_workstyle .workstyle-08 .slick-dots li {
  display: inline;
}
.q-benefits_workstyle .workstyle-08 .slick-dots button {
  display: block;
  width: 10px;
  height: 10px;
  font-size: 0;
  background-color: #b2b2b2;
  border-radius: 50%;
  border: none;
  padding: 0;
  -webkit-appearance: none;
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-08 .slick-dots button {
    width: 22px;
    height: 22px;
  }
}
.q-benefits_workstyle .workstyle-08 .slick-dots .slick-active button {
  background-color: var(--color-dark);
}
.q-benefits_workstyle .workstyle-08 .slick-arrow {
  border: none;
  font-size: 0;
  width: 53px;
  height: 53px;
  background-color: var(--color-dark);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 10;
  top: 51%;
  transform: translateY(-50%);
  transition: var(--sec);
  overflow: hidden;
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-08 .slick-arrow {
    top: 52%;
    width: 70px;
    height: 70px;
  }
}
.q-benefits_workstyle .workstyle-08 .slick-arrow::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--color-primary);
  z-index: 11;
  transition: var(--sec);
  transform: scaleX(0);
}
.q-benefits_workstyle .workstyle-08 .slick-arrow.slick-prev {
  right: 50%;
  margin-right: 404px;
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-08 .slick-arrow.slick-prev {
    right: auto;
    left: 18px;
    margin-right: 0;
  }
}
.q-benefits_workstyle .workstyle-08 .slick-arrow.slick-next {
  left: 50%;
  margin-left: 400px;
  transform: translateY(-50%) scale(-1, 1);
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-08 .slick-arrow.slick-next {
    left: auto;
    margin-left: 0;
    right: 18px;
  }
}
.q-benefits_workstyle .workstyle-08 .slick-arrow__arr {
  width: 25px;
  height: 6px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  transition: var(--sec);
  position: relative;
  z-index: 12;
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-08 .slick-arrow__arr {
    width: 43px;
    height: 11px;
  }
}
.q-benefits_workstyle .workstyle-08 .slick-arrow__arr::before {
  content: "";
  display: block;
  width: 4px;
  height: 6px;
  background: var(--color-light);
  clip-path: polygon(100% 0, 0 50%, 100% 100%);
  transition: var(--sec);
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-08 .slick-arrow__arr::before {
    width: 7px;
    height: 11px;
  }
}
.q-benefits_workstyle .workstyle-08 .slick-arrow__arr::after {
  content: "";
  display: block;
  width: 15px;
  height: 1px;
  background-color: var(--color-light);
  transition: var(--sec);
}
@media (width <= 828px) {
  .q-benefits_workstyle .workstyle-08 .slick-arrow__arr::after {
    width: 26px;
  }
}
@media (width > 828px) {
  .q-benefits_workstyle .workstyle-08 .slick-arrow:hover::before {
    transform: scaleX(1);
  }
  .q-benefits_workstyle .workstyle-08 .slick-arrow:hover .slick-arrow__arr::before, .q-benefits_workstyle .workstyle-08 .slick-arrow:hover .slick-arrow__arr::after {
    background-color: var(--color-dark);
  }
}

.q-business_fv {
  position: relative;
}
@media (width <= 828px) {
  .q-business_fv {
    margin-block-start: 100px;
  }
}
.q-business_fv .c-title_kasou__s {
  font-size: calc(20 / 1280 * 100vw);
}
@media (width <= 1280px) {
  .q-business_fv .c-title_kasou__s {
    font-size: 20px;
  }
}
@media (width <= 828px) {
  .q-business_fv .c-title_kasou__s {
    font-size: 28px;
  }
}
.q-business_fv .c-title_kasou__en {
  margin-inline-end: calc(17 / 1280 * 100vw);
}
@media (width <= 1280px) {
  .q-business_fv .c-title_kasou__en {
    font-size: 20px;
  }
}
@media (width <= 828px) {
  .q-business_fv .c-title_kasou__en {
    font-size: 28px;
    margin-inline-end: 30px;
    letter-spacing: 0.08em;
  }
}
.q-business_fv .c-title_kasou__l {
  font-size: calc(106 / 1280 * 100vw);
}
@media (width <= 1280px) {
  .q-business_fv .c-title_kasou__l {
    font-size: 106px;
  }
}
@media (width <= 828px) {
  .q-business_fv .c-title_kasou__l {
    font-size: 96px;
    margin-top: 12px;
    letter-spacing: 0.01em;
  }
}
.q-business_fv .title-wrap {
  width: calc(790 / 1280 * 100vw);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
@media (width <= 1280px) {
  .q-business_fv .title-wrap {
    width: 790px;
  }
}
@media (width <= 828px) {
  .q-business_fv .title-wrap {
    top: 46.5%;
    width: 710px;
  }
}

.q-business_fv-btm {
  padding-block: 90px 88px;
}
@media (width <= 828px) {
  .q-business_fv-btm {
    padding-block: 112px 107px;
    padding-inline: 30px 45px;
  }
}
.q-business_fv-btm .fv-btm {
  display: flex;
  justify-content: center;
  gap: 72px;
}
@media (width <= 828px) {
  .q-business_fv-btm .fv-btm {
    flex-direction: column;
    gap: 26px;
    align-items: center;
  }
}
.q-business_fv-btm .fv-btm-catch {
  font-style: italic;
  font-size: 36px;
  line-height: 61px;
  font-weight: 500;
  letter-spacing: 0.06em;
}
@media (width <= 828px) {
  .q-business_fv-btm .fv-btm-catch {
    font-size: 60px;
    line-height: 102px;
    letter-spacing: 0.02em;
  }
}
.q-business_fv-btm .fv-btm-catch ._red {
  color: var(--color-primary);
}
.q-business_fv-btm .fv-btm-text {
  max-width: 582px;
  line-height: 40.6px;
}
@media (width <= 828px) {
  .q-business_fv-btm .fv-btm-text {
    line-height: 64px;
    max-width: 734px;
    letter-spacing: 0;
  }
}

.q-business_navi {
  margin-block-end: 213px;
  padding-block: 117px 83px;
  background-color: var(--color-bg-cold);
}
@media (width <= 828px) {
  .q-business_navi {
    padding-block: 155px 96px;
    margin-block-end: 182px;
  }
}
.q-business_navi .business-navi {
  width: 578px;
  height: 578px;
  border-radius: 50%;
  background-color: var(--color-light);
}
@media (width <= 828px) {
  .q-business_navi .business-navi {
    width: 777px;
    height: 777px;
  }
}
.q-business_navi .business-navi__wrapper {
  max-width: 1310px;
  width: 100%;
  margin-inline: auto;
  display: grid;
  grid-template-columns: repeat(3, auto);
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
@media (width <= 828px) {
  .q-business_navi .business-navi__wrapper {
    grid-template-columns: auto;
    justify-content: center;
    gap: 0;
  }
}
.q-business_navi .business-navi__title {
  width: 340px;
  height: 40px;
  margin-inline: auto;
  margin-block-end: 15px;
  border-radius: 999px;
  background-color: var(--color-dark);
  color: var(--color-light);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 21px;
  font-weight: 500;
  line-height: 1;
  position: relative;
  transform: translateY(-25px);
}
@media (width <= 828px) {
  .q-business_navi .business-navi__title {
    width: 540px;
    height: 76px;
    font-size: 42px;
    letter-spacing: 0;
    transform: translateY(-56px);
  }
}
.q-business_navi .business-navi__title::before {
  content: "";
  position: absolute;
  width: 12px;
  height: 10px;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--color-dark);
  clip-path: polygon(50% 10px, 0% 0%, 12px 0%);
}
@media (width <= 828px) {
  .q-business_navi .business-navi__title::before {
    width: 24px;
    height: 20px;
    bottom: -20px;
    clip-path: polygon(50% 20px, 0% 0%, 24px 0%);
  }
}
.q-business_navi .business-navi._new {
  position: relative;
}
@media (width <= 828px) {
  .q-business_navi .business-navi._core .business-navi__title {
    margin-block-end: -3px;
    transform: translateY(-39px);
  }
}
.q-business_navi .anchorlink__arr {
  width: 36px;
  height: 36px;
  background-color: var(--color-dark);
  border-radius: 50%;
  position: relative;
  display: flex;
  flex-flow: column;
  gap: 2px;
  align-items: center;
  justify-content: center;
  transition: var(--sec);
}
@media (width <= 828px) {
  .q-business_navi .anchorlink__arr {
    width: 51px;
    height: 51px;
    gap: 3px;
  }
}
.q-business_navi .anchorlink__arr::before {
  content: "";
  display: block;
  width: 1px;
  height: 7px;
  background-color: var(--color-light);
  transition: var(--sec);
}
@media (width <= 828px) {
  .q-business_navi .anchorlink__arr::before {
    height: 10px;
  }
}
.q-business_navi .anchorlink__arr::after {
  content: "";
  display: block;
  width: 5px;
  height: 4px;
  background-color: var(--color-light);
  clip-path: polygon(50% 4px, 0% 0%, 5px 0%);
  transition: var(--sec);
}
@media (width <= 828px) {
  .q-business_navi .anchorlink__arr::after {
    width: 8px;
    height: 5px;
    clip-path: polygon(50% 5px, 0% 0%, 8px 0%);
  }
}
.q-business_navi .anchorlink__arr._white {
  background-color: var(--color-light);
}
.q-business_navi .anchorlink__arr._white::before, .q-business_navi .anchorlink__arr._white::after {
  background-color: var(--color-dark);
}
.q-business_navi .anchorlink-core {
  position: relative;
  display: block;
  width: fit-content;
  margin-inline: auto;
}
.q-business_navi .anchorlink-core__img {
  display: block;
}
.q-business_navi .anchorlink-core__inner {
  position: absolute;
  top: 190px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
}
@media (width <= 828px) {
  .q-business_navi .anchorlink-core__inner {
    top: 260px;
  }
}
.q-business_navi .anchorlink-core__text {
  font-family: var(--ff-en);
  font-style: italic;
  font-size: 52.4px;
  font-weight: 700;
  color: var(--color-light);
  line-height: 1;
  letter-spacing: 0.03em;
  transition: var(--sec);
}
@media (width <= 828px) {
  .q-business_navi .anchorlink-core__text {
    font-size: 74px;
  }
}
@media (width > 828px) {
  .q-business_navi .anchorlink-core:hover .anchorlink-core__img {
    opacity: 1;
  }
  .q-business_navi .anchorlink-core:hover .anchorlink-core__text {
    color: var(--color-dark);
  }
  .q-business_navi .anchorlink-core:hover ._hov-arr {
    background-color: var(--color-light);
  }
  .q-business_navi .anchorlink-core:hover ._hov-arr::before, .q-business_navi .anchorlink-core:hover ._hov-arr::after {
    background-color: var(--color-primary);
  }
}
.q-business_navi .anchorlink-new {
  width: 217px;
  height: 217px;
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}
@media (width <= 828px) {
  .q-business_navi .anchorlink-new {
    width: 307px;
    height: 307px;
  }
}
.q-business_navi .anchorlink-new .anchorlink__arr {
  width: 27px;
  height: 27px;
}
@media (width <= 828px) {
  .q-business_navi .anchorlink-new .anchorlink__arr {
    width: 39px;
    height: 39px;
  }
}
.q-business_navi .anchorlink-new__img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: var(--sec);
}
.q-business_navi .anchorlink-new__inner {
  padding-block-start: 30px;
  position: relative;
  z-index: 20;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
}
.q-business_navi .anchorlink-new__text {
  font-family: var(--ff-en);
  font-style: italic;
  font-size: 19px;
  font-weight: 900;
  letter-spacing: 0.03em;
  line-height: 1;
  padding: 7px 20px;
  border-radius: 999px;
  color: var(--color-light);
}
@media (width <= 828px) {
  .q-business_navi .anchorlink-new__text {
    font-size: 28.6px;
    padding: 10px 20px;
  }
}
.q-business_navi .anchorlink-new._red {
  top: 55px;
  left: 128px;
  z-index: 1;
}
@media (width <= 828px) {
  .q-business_navi .anchorlink-new._red {
    top: 75px;
    left: 158px;
  }
}
.q-business_navi .anchorlink-new._red .anchorlink-new__text {
  background-image: linear-gradient(19deg, rgba(255, 132, 0, 0.8) 0%, rgba(255, 25, 3, 0.8));
}
.q-business_navi .anchorlink-new._yellow {
  top: 138px;
  right: 67px;
  z-index: 2;
}
@media (width <= 828px) {
  .q-business_navi .anchorlink-new._yellow {
    top: 191px;
    right: 77px;
  }
}
.q-business_navi .anchorlink-new._yellow .anchorlink-new__text {
  background-image: linear-gradient(90deg, rgba(255, 231, 0, 0.8) 0%, rgba(255, 202, 3, 0.8));
}
.q-business_navi .anchorlink-new._green {
  bottom: 66px;
  right: 133px;
  z-index: 1;
}
@media (width <= 828px) {
  .q-business_navi .anchorlink-new._green {
    bottom: 56px;
    right: 170px;
  }
}
.q-business_navi .anchorlink-new._green .anchorlink-new__text {
  background-image: linear-gradient(90deg, rgba(138, 199, 13, 0.8) 0%, rgba(45, 162, 0, 0.8));
}
.q-business_navi .anchorlink-new._blue {
  bottom: 140px;
  left: 69px;
  z-index: 2;
}
@media (width <= 828px) {
  .q-business_navi .anchorlink-new._blue {
    bottom: 163px;
    left: 73px;
  }
}
.q-business_navi .anchorlink-new._blue .anchorlink-new__text {
  background-image: linear-gradient(90deg, rgba(0, 126, 215, 0.8) 0%, rgba(0, 62, 153, 0.8));
}
@media (width > 828px) {
  .q-business_navi .anchorlink-new:hover .anchorlink-new__img {
    opacity: 1;
    transform: scale(1.1);
  }
}
.q-business_navi .cross {
  min-width: 30px;
}
@media (width <= 828px) {
  .q-business_navi .cross {
    margin-block: 14px 91px;
  }
}
@media (width <= 828px) {
  .q-business_navi .cross img {
    display: block;
    margin-inline: auto;
    width: 86px;
  }
}

.q-business .business_label {
  max-width: 1213px;
  width: 100%;
  height: 48px;
  color: var(--color-light);
  background-color: var(--color-dark);
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  font-weight: 500;
  line-height: 1;
  position: relative;
  margin: 0 auto;
}
@media (width <= 828px) {
  .q-business .business_label {
    height: 76px;
    font-size: 42px;
    letter-spacing: 0;
  }
}
.q-business .business_label::before {
  content: "";
  position: absolute;
  width: 17px;
  height: 15px;
  bottom: 1px;
  left: 50%;
  transform: translateX(-50%) translateY(100%);
  background-color: var(--color-dark);
  clip-path: polygon(50% 15px, 0% 0%, 17px 0%);
}
@media (width <= 828px) {
  .q-business .business_label::before {
    width: 24px;
    height: 20px;
    clip-path: polygon(50% 20px, 0% 0%, 24px 0%);
  }
}
.q-business .business_label._new {
  transform: translateY(-20px);
  margin-block-end: 60px;
}
@media (width <= 828px) {
  .q-business .business_label._new {
    margin-block-end: 41px;
  }
}
.q-business .business_heading__title {
  position: relative;
  font-family: var(--ff-en);
  font-style: italic;
  font-size: 80px;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.2;
  z-index: 2;
}
@media (width <= 828px) {
  .q-business .business_heading__title {
    font-size: 98px;
    letter-spacing: 0;
  }
}
.q-business .business_heading__line {
  position: relative;
  margin-block-start: -11px;
  height: 7px;
  z-index: 1;
}
.q-business .business_heading__line._ver_y {
  margin-block-start: -1px;
}
@media (width <= 828px) {
  .q-business .business_heading__line {
    height: 9px;
  }
}
.q-business .business-content__catch-point {
  display: grid;
  grid-template-columns: 610px 1fr;
  padding-block: 61px 45px;
}
@media (width > 828px) {
  .q-business .business-content__catch-point ._catch {
    display: grid;
    align-items: center;
  }
}
@media (width <= 828px) {
  .q-business .business-content__catch-point {
    padding-block: 64px 47px;
    grid-template-columns: 1fr;
  }
}
.q-business .business-content__catch-point-wrap {
  max-width: 1280px;
  margin-inline: auto;
  padding-inline-start: 40px;
}
@media (width <= 828px) {
  .q-business .business-content__catch-point-wrap {
    padding-inline: 50px 50px;
  }
}
@media (width <= 828px) {
  .q-business .business-content__catch-point ._catch {
    margin-block-end: 45px;
  }
}
@media (width <= 828px) {
  .q-business .business-content__catch-point ._catch img {
    width: 730px;
  }
}
.q-business .business-content__catch-point ._point-box {
  padding: 5px 0 10px 26px;
  position: relative;
}
@media (width <= 828px) {
  .q-business .business-content__catch-point ._point-box {
    display: flow-root;
    padding: 5px 0 10px 30px;
  }
  .q-business .business-content__catch-point ._point-box._min-height {
    height: 710px;
  }
}
.q-business .business-content__catch-point ._point-box::after {
  content: "";
  position: absolute;
  inset-block: 0;
  left: 0;
  width: 3px;
  z-index: 1;
  background-color: var(--color-dark);
}
.q-business .business-content__catch-point ._point-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 3px;
  height: 35px;
  z-index: 2;
  background-color: var(--color-primary);
}
.q-business .business-content__catch-point ._point-box-title {
  margin-block-end: 17px;
  font-family: var(--ff-en);
  font-size: 31.5px;
  font-style: italic;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
}
@media (width <= 828px) {
  .q-business .business-content__catch-point ._point-box-title {
    margin-block-end: 18px;
    font-size: 48px;
  }
}
.q-business .business-content__catch-point ._point-box-list li {
  margin-block-end: 10px;
  padding-inline-start: 15px;
  letter-spacing: 0;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}
@media (width <= 828px) {
  .q-business .business-content__catch-point ._point-box-list li {
    margin-block-end: 30px;
    padding-inline-start: 31px;
    font-size: 34px;
    line-height: 46px;
  }
}
.q-business .business-content__catch-point ._point-box-list li:last-child {
  margin-block-end: 0;
}
.q-business .business-content__catch-point ._point-box-list li::before {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  top: 4px;
  left: 0;
  background-color: var(--color-primary);
  border-radius: 50%;
}
@media (width <= 828px) {
  .q-business .business-content__catch-point ._point-box-list li::before {
    width: 30px;
    height: 30px;
    top: 10px;
  }
}
.q-business .business-content__catch-point ._point-box-list .emp {
  display: block;
  font-size: 28px;
  line-height: 1.4;
  color: var(--color-primary);
}
@media (width <= 828px) {
  .q-business .business-content__catch-point ._point-box-list .emp {
    font-size: 48px;
  }
}
@media (width <= 828px) {
  .q-business .business-content__catch-point ._point-box ._float-space {
    float: right;
    height: 50%;
  }
}
@media (width <= 828px) {
  .q-business .business-content__catch-point ._point-box ._float-ill {
    float: right;
    clear: both;
    margin: 0 -30px 0 20px;
  }
}
.q-business .business-content__text-ill ._text {
  padding-inline-start: 40px;
  line-height: 2.48;
}
@media (width <= 828px) {
  .q-business .business-content__text-ill ._text {
    padding-inline-start: 0;
    line-height: 64px;
    letter-spacing: 0;
  }
}
.q-business .business-content__text-ill ._ill {
  float: right;
}
@media (width > 828px) {
  .q-business .business-content__text-ill ._ill {
    margin: -20px -28px 0 15px;
  }
}
.q-business .linkbtn {
  height: 61px;
}
@media (width <= 828px) {
  .q-business .linkbtn {
    height: auto;
    padding-block: 32px;
  }
}
.q-business .linkbtn-wrap._2column {
  margin-block-end: 90px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  max-width: 1230px;
  margin-inline: auto;
  gap: 27px;
}
@media (width <= 828px) {
  .q-business .linkbtn-wrap._2column {
    margin-block-end: 107px;
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.q-business .linkbtn-wrap._1column-s {
  max-width: 997px;
  margin-inline: auto;
  padding-inline: 40px;
}
.q-business .linkbtn-wrap._1column-l {
  max-width: 1313px;
  margin-inline: auto;
  padding-inline: 40px;
}
.q-business .linkbtn__inner {
  letter-spacing: 0.02em;
  line-height: 1;
  font-weight: 500;
}
@media (width <= 828px) {
  .q-business .linkbtn__inner {
    font-size: 34px;
    letter-spacing: 0;
    line-height: 43px;
  }
}
.q-business .linkbtn .link-icon {
  width: 20px;
  height: 14px;
  margin-inline-start: 15px;
}
@media (width <= 828px) {
  .q-business .linkbtn .link-icon {
    width: 34px;
    height: 24px;
  }
}
.q-business .business-mobility {
  margin-block-end: 196px;
}
@media (width <= 828px) {
  .q-business .business-mobility {
    margin-block-end: 172px;
  }
}
.q-business .business-mobility .business_label {
  margin-block-end: 54px;
}
@media (width <= 828px) {
  .q-business .business-mobility .business_label {
    margin-block-end: 40px;
  }
}
.q-business .business-mobility .business-content__text-ill {
  margin-block-end: 35px;
}
.q-business .business-mobility .business-red-fukidashi {
  width: 100%;
  background-color: var(--color-primary);
  color: var(--color-light);
  position: relative;
}
@media (width > 828px) {
  .q-business .business-mobility .business-red-fukidashi {
    padding: 14px 5px 14px 45px;
    line-height: 1;
  }
}
@media (width <= 828px) {
  .q-business .business-mobility .business-red-fukidashi {
    padding: 30px 30px 50px 30px;
    min-height: 208.5px;
  }
}
.q-business .business-mobility .business-red-fukidashi::before {
  content: "";
  position: absolute;
  width: 11px;
  height: 10px;
  bottom: 1px;
  left: 50%;
  transform: translateX(-50%) translateY(100%);
  background-color: var(--color-primary);
  clip-path: polygon(50% 10px, 0% 0%, 11px 0%);
}
@media (width <= 828px) {
  .q-business .business-mobility .business-red-fukidashi::before {
    width: 24px;
    height: 21px;
    clip-path: polygon(50% 21px, 0% 0%, 24px 0%);
  }
}
.q-business .business-mobility .business-red-fukidashi__l {
  margin-inline-end: 29px;
  padding-inline-end: 47px;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: 1;
  border-right: 1px solid var(--color-light);
}
@media (width <= 828px) {
  .q-business .business-mobility .business-red-fukidashi__l {
    margin-inline-end: 0;
    padding-inline-end: 0;
    margin-block-end: 15px;
    padding-block-end: 15px;
    display: block;
    border-right: none;
    border-bottom: 1px solid var(--color-light);
    font-size: 42px;
    letter-spacing: 0;
  }
}
.q-business .business-mobility .business-red-fukidashi__l ._en {
  display: inline-block;
  margin-inline-start: 27px;
  font-family: var(--ff-en);
  font-weight: 700;
  font-size: 12px;
  transform: translateY(-4px);
}
@media (width <= 828px) {
  .q-business .business-mobility .business-red-fukidashi__l ._en {
    margin-inline-start: 25px;
    font-size: 27px;
  }
}
.q-business .business-mobility .business-red-fukidashi__m {
  display: inline-block;
  transform: translateY(-4px);
  font-size: 18px;
  letter-spacing: 0.06em;
  line-height: 1;
}
@media (width <= 828px) {
  .q-business .business-mobility .business-red-fukidashi__m {
    display: block;
    font-size: 32px;
    line-height: 40px;
    transform: translateY(0);
  }
}
.q-business .business-mobility .sehin-wrap {
  margin-block: 40px 50px;
}
@media (width <= 828px) {
  .q-business .business-mobility .sehin-wrap {
    margin-block: 66px 42px;
  }
}
.q-business .business-mobility .sehin-tag {
  width: fit-content;
  margin-block-end: 7px;
  padding: 3px 12px;
  display: block;
  background-color: var(--color-bg-cold);
  border-radius: 999px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 1;
}
@media (width <= 828px) {
  .q-business .business-mobility .sehin-tag {
    margin-block-end: 10px;
    font-size: 27px;
    letter-spacing: 0;
    padding: 10px 27px;
  }
}
.q-business .business-mobility .sehin-name {
  margin-block-end: 12px;
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: 1;
}
@media (width <= 828px) {
  .q-business .business-mobility .sehin-name {
    margin-block-end: 11px;
    font-size: 38px;
    letter-spacing: 0;
  }
}
.q-business .business-mobility .sehin-name__s {
  margin-inline-start: 8px;
  font-size: 16px;
}
@media (width <= 828px) {
  .q-business .business-mobility .sehin-name__s {
    margin-inline-start: 0;
    font-size: 30px;
    line-height: 35px;
  }
}
.q-business .business-mobility .sehin-img {
  align-self: start;
}
.q-business .business-mobility .sehin-img img {
  display: block;
  width: 100%;
}
.q-business .business-mobility .sehin._layout-1 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 34px 27px;
}
@media (width <= 828px) {
  .q-business .business-mobility .sehin._layout-1 {
    grid-template-columns: 1fr 1fr;
    gap: 53px 24px;
  }
}
@media (width <= 828px) {
  .q-business .business-mobility .sehin._layout-1 li {
    display: grid;
    grid-template-rows: auto 130px auto;
  }
}
.q-business .business-mobility .sehin._layout-1 li:last-child {
  grid-column: span 2;
  margin-inline-start: 47px;
}
@media (width <= 828px) {
  .q-business .business-mobility .sehin._layout-1 li:last-child {
    margin-inline-start: 0;
    grid-template-rows: auto auto auto;
  }
}
.q-business .business-mobility .sehin._layout-2 {
  max-width: 917px;
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  gap: 38px;
}
@media (width <= 828px) {
  .q-business .business-mobility .sehin._layout-2 {
    margin-block-end: 66px;
    gap: 50px;
  }
}
.q-business .business-energy {
  padding-block-end: 110px;
}
@media (width <= 828px) {
  .q-business .business-energy {
    padding-block-end: 138px;
  }
}
@media (width > 828px) {
  .q-business .business-energy .business-content__catch-point {
    grid-template-columns: 640px 1fr;
  }
}
.q-business .business-energy ._point-box {
  width: 100%;
  margin-inline: auto 0;
}
@media (width <= 828px) {
  .q-business .business-energy ._point-box {
    max-width: 100%;
  }
}
.q-business .business-energy .business-content__text-ill {
  margin-block: 0 30px;
  padding: 40px 50px 41px 50px;
  background-color: var(--color-light);
  border-bottom: 7px solid var(--color-accent-yellow);
}
@media (width <= 828px) {
  .q-business .business-energy .business-content__text-ill {
    padding: 43px 60px 60px 60px;
  }
}
.q-business .business-energy .business-content__text-ill ._text {
  padding: 0;
}
@media (width > 828px) {
  .q-business .business-energy .business-content__text-ill ._ill {
    margin: -15px 15px 0 60px;
  }
}
@media (width <= 828px) {
  .q-business .business-energy .business-content__text-ill ._ill {
    float: none;
    width: 614px;
    margin-inline-start: 0;
    margin-inline: auto;
    margin-block-end: 40px;
  }
}
.q-business .business-energy .energy-img_01 {
  width: 100%;
  height: 514px;
  margin-block-end: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-light);
}
@media (width <= 828px) {
  .q-business .business-energy .energy-img_01 {
    height: auto;
    margin-block-end: 47.5px;
    padding-block: 53px 19px;
  }
}
.q-business .business-energy .scene-wrap {
  margin-block: 109px 42px;
}
@media (width <= 828px) {
  .q-business .business-energy .scene-wrap {
    margin-block: 90px 55px;
  }
}
.q-business .business-energy .scene-text {
  line-height: 32px;
  letter-spacing: 0.06em;
}
@media (width <= 828px) {
  .q-business .business-energy .scene-text {
    line-height: 64px;
    letter-spacing: 0;
  }
}
.q-business .business-energy .scene-text__wrap {
  max-width: 1085.5px;
  margin-inline: auto;
  margin-block-end: 37px;
}
@media (width <= 828px) {
  .q-business .business-energy .scene-text__wrap {
    margin-block-end: 45px;
  }
}
.q-business .business-energy .scene-text__l {
  margin-block-end: 20px;
  font-size: 22px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.06em;
}
@media (width <= 828px) {
  .q-business .business-energy .scene-text__l {
    margin-block-end: 17px;
    font-size: 42px;
    line-height: 57px;
    letter-spacing: 0;
  }
}
.q-business .business-energy .scene-exam {
  padding-block: 40px 48px;
  background-color: var(--color-light);
  border-right: 7px solid var(--color-accent-yellow);
}
@media (width <= 828px) {
  .q-business .business-energy .scene-exam {
    padding-block: 50px 65px;
    border-right: 9px solid var(--color-accent-yellow);
  }
}
.q-business .business-energy .scene-exam__grid {
  max-width: 1084px;
  margin-inline: auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px 25px;
}
@media (width <= 828px) {
  .q-business .business-energy .scene-exam__grid {
    max-width: 630px;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 20px;
  }
}
.q-business .business-energy .scene-exam__title {
  max-width: 1084px;
  margin-inline: auto;
  display: block;
  margin-block-end: 10px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.02em;
}
@media (width <= 828px) {
  .q-business .business-energy .scene-exam__title {
    max-width: 630px;
    font-size: 35px;
    letter-spacing: 0;
  }
}
.q-business .business-energy .scene-exam__text {
  margin-block-start: 5px;
  line-height: 1;
}
@media (width <= 828px) {
  .q-business .business-energy .scene-exam__text {
    margin-block-start: 11px;
    font-size: 28px;
    letter-spacing: 0;
  }
}
.q-business .business-e-mobility {
  padding-block: 82px 108px;
}
@media (width > 828px) {
  .q-business .business-e-mobility .business-content__catch-point {
    grid-template-columns: 554px 1fr;
  }
}
@media (width <= 828px) {
  .q-business .business-e-mobility ._point-box ._float-space {
    height: 43%;
  }
}
@media (width <= 828px) {
  .q-business .business-e-mobility ._point-box ._float-ill {
    margin-inline-start: 20px;
  }
}
.q-business .business-e-mobility .business-content__text-ill ._float-space {
  float: right;
  height: 80px;
}
.q-business .business-e-mobility .business-content__text-ill ._float-ill {
  float: right;
  clear: both;
}
@media (width > 828px) {
  .q-business .business-e-mobility .business-content__text-ill ._float-ill {
    margin: -12px 30px 0 40px;
  }
}
.q-business .business-e-mobility .e-mobility-img_1 {
  margin-block: 40px 60px;
}
@media (width <= 828px) {
  .q-business .business-e-mobility .e-mobility-img_1 {
    margin-block: 101px 60px;
  }
}
.q-business .business-e-mobility .e-mobility-img_1__text {
  line-height: 40px;
  margin-block-end: 42px;
}
@media (width <= 828px) {
  .q-business .business-e-mobility .e-mobility-img_1__text {
    font-size: 33px;
    line-height: 64px;
    letter-spacing: 0;
    margin-block-end: 54px;
  }
}
@media (width > 828px) {
  .q-business .business-e-mobility .strength:nth-child(1) {
    margin-block-end: 30px;
    padding-block-end: 33px;
    border-bottom: 1px solid var(--color-dark);
  }
  .q-business .business-e-mobility .strength:nth-child(1) .strength__inner {
    border-right: 1px solid var(--color-dark);
  }
  .q-business .business-e-mobility .strength:nth-child(2) {
    margin-block-end: 30px;
    padding-block-end: 33px;
    border-bottom: 1px solid var(--color-dark);
  }
  .q-business .business-e-mobility .strength:nth-child(2) .strength__inner {
    padding-inline-start: 50px;
  }
  .q-business .business-e-mobility .strength:nth-child(3) .strength__inner {
    border-right: 1px solid var(--color-dark);
  }
  .q-business .business-e-mobility .strength:nth-child(4) .strength__inner {
    padding-inline-start: 50px;
  }
}
@media (width <= 828px) {
  .q-business .business-e-mobility .strength {
    margin-block-end: 46px;
    padding-block-end: 46px;
    border-bottom: 1px solid var(--color-dark);
  }
  .q-business .business-e-mobility .strength:last-child {
    margin-block-end: 0;
    padding-block-end: 0;
    border-bottom: none;
  }
}
.q-business .business-e-mobility .strength-wrap {
  margin-block-end: 43px;
  border-left: 7px solid var(--color-accent-orange);
}
@media (width <= 828px) {
  .q-business .business-e-mobility .strength-wrap {
    margin-block-end: 54px;
  }
}
.q-business .business-e-mobility .strength-title {
  margin-block-end: 4px;
  padding-inline: 30px;
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1;
}
@media (width <= 828px) {
  .q-business .business-e-mobility .strength-title {
    margin-block-end: 24px;
    font-size: 42px;
    letter-spacing: 0;
  }
}
.q-business .business-e-mobility .strength-grid {
  padding: 40px 30px 40px 50px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  background-color: var(--color-bg-cold);
}
@media (width <= 828px) {
  .q-business .business-e-mobility .strength-grid {
    padding: 60px 50px 73px 50px;
    grid-template-columns: 1fr;
  }
}
.q-business .business-e-mobility .strength__inner {
  padding-block: 26px;
  display: flex;
  align-items: center;
  gap: 29.5px;
}
@media (width <= 828px) {
  .q-business .business-e-mobility .strength__inner {
    padding-block: 0;
    flex-direction: column;
    align-items: normal;
    justify-content: start;
    gap: 0;
  }
}
.q-business .business-e-mobility .strength__catch {
  display: flex;
  align-items: center;
  gap: 11px;
}
@media (width <= 828px) {
  .q-business .business-e-mobility .strength__catch {
    gap: 18px;
  }
}
.q-business .business-e-mobility .strength__catch ._number {
  font-family: var(--ff-en);
  font-style: italic;
  font-size: 60px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  color: var(--color-primary);
}
@media (width <= 828px) {
  .q-business .business-e-mobility .strength__catch ._number {
    font-size: 82px;
  }
}
.q-business .business-e-mobility .strength__catch ._jp {
  display: inline-block;
  font-size: 31px;
  font-weight: 500;
  line-height: 1;
  padding-block-end: 5px;
  border-bottom: 3px solid var(--color-primary);
}
@media (width <= 828px) {
  .q-business .business-e-mobility .strength__catch ._jp {
    font-size: 43px;
    padding-block-end: 7px;
  }
}
.q-business .business-e-mobility .strength__text {
  line-height: 22px;
}
@media (width <= 828px) {
  .q-business .business-e-mobility .strength__text {
    padding-inline-start: 65px;
    font-size: 30px;
    letter-spacing: 0;
    line-height: 46px;
  }
}
.q-business .business-smart {
  padding-block: 93px 127px;
}
@media (width <= 828px) {
  .q-business .business-smart {
    padding-block: 93px 146px;
  }
}
.q-business .business-smart .business-content__catch-point {
  grid-template-columns: auto auto;
}
@media (width <= 828px) {
  .q-business .business-smart .business-content__catch-point {
    grid-template-columns: 1fr;
  }
}
@media (width <= 828px) {
  .q-business .business-smart .business-content__catch-point-wrap {
    padding-inline: 50px;
  }
  .q-business .business-smart .business-content__catch-point-wrap ._float-space {
    height: 42%;
  }
  .q-business .business-smart .business-content__catch-point-wrap ._float-ill {
    margin: 0 0 0 15px;
  }
}
.q-business .business-smart .business-content__text-ill {
  margin-block-start: 23px;
  padding: 43px 68px 51px 50px;
  background-color: var(--color-light);
  border-bottom: 7px solid var(--color-accent-blue);
}
@media (width <= 828px) {
  .q-business .business-smart .business-content__text-ill {
    margin-block-start: -17px;
    padding: 48px;
  }
}
.q-business .business-smart .business-content__text-ill ._text {
  padding-inline-start: 0;
  line-height: 40px;
}
@media (width <= 828px) {
  .q-business .business-smart .business-content__text-ill ._text {
    line-height: 64px;
    letter-spacing: 0;
  }
}
@media (width > 828px) {
  .q-business .business-smart .business-content__text-ill ._ill {
    margin: 0 0 0 30px;
  }
}
.q-business .business-smart .sehin .linkbtn {
  max-width: 467px;
  height: 67px;
  margin-inline: auto;
}
@media (width <= 828px) {
  .q-business .business-smart .sehin .linkbtn {
    max-width: 614.5px;
    height: 108.5px;
  }
}
.q-business .business-smart .sehin-grid {
  margin-block-start: 60px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
}
@media (width <= 828px) {
  .q-business .business-smart .sehin-grid {
    margin-block-start: 80px;
    grid-template-columns: 1fr;
    gap: 45px;
  }
}
.q-business .business-smart .sehin__img {
  margin-block-start: -32px;
}
@media (width <= 828px) {
  .q-business .business-smart .sehin__img {
    margin-block-start: -52px;
  }
}
.q-business .business-smart .sehin__img img {
  width: 100%;
}
.q-business .business-smart .sehin-step {
  margin-block-start: -4px;
  margin-block-end: 35px;
}
@media (width <= 828px) {
  .q-business .business-smart .sehin-step {
    margin-block-start: 60px;
    margin-block-end: 68px;
  }
}
.q-business .business-plant {
  padding-block: 70px 130px;
}
@media (width <= 828px) {
  .q-business .business-plant {
    padding-block: 88px 197px;
  }
}
@media (width > 828px) {
  .q-business .business-plant .business-content__catch-point {
    grid-template-columns: 640px 1fr;
  }
}
@media (width <= 828px) {
  .q-business .business-plant ._point-box ._float-space {
    height: 29%;
  }
}
.q-business .business-plant .plant-l {
  max-width: 580.5px;
}
@media (width <= 828px) {
  .q-business .business-plant .plant-l {
    max-width: 100%;
  }
}
.q-business .business-plant .plant-l__text {
  line-height: 40px;
  margin-block-end: 30px;
}
@media (width <= 828px) {
  .q-business .business-plant .plant-l__text {
    margin-block-end: 54px;
    font-size: 33px;
    letter-spacing: 0;
    line-height: 64px;
  }
}
.q-business .business-plant .plant-l__img {
  margin-block-end: 20px;
}
@media (width <= 828px) {
  .q-business .business-plant .plant-l__img {
    margin-block-end: 35px;
  }
}
.q-business .business-plant .plant-r {
  padding-block-start: 21px;
}
@media (width <= 828px) {
  .q-business .business-plant .plant-r {
    padding-block-start: 0;
  }
}
.q-business .business-plant .plant-r__img {
  margin-block-start: -23px;
}
@media (width <= 828px) {
  .q-business .business-plant .plant-r__img {
    margin-block-start: 0;
  }
  .q-business .business-plant .plant-r__img img {
    width: 100%;
  }
}
@media (width <= 828px) {
  .q-business .business-plant .plant-r__img._2 img {
    min-width: 667px;
    width: 667px;
    transform: translateX(13px);
  }
}
.q-business .business-plant .plant-content {
  margin-block-end: 57px;
  display: grid;
  grid-template-columns: auto auto;
  gap: 45px;
  padding-inline-start: 52px;
  border-left: 7px solid var(--color-accent-green);
}
@media (width <= 828px) {
  .q-business .business-plant .plant-content {
    margin-block-end: 74px;
    padding-inline-start: 40px;
    grid-template-columns: 1fr;
    gap: 67px;
  }
}

.q-career-voice_mv {
  margin-block-start: 145px;
}
@media (width <= 828px) {
  .q-career-voice_mv {
    margin-block-start: 161px;
  }
}
.q-career-voice_mv .title {
  margin: 0 0 20px 20px;
  font-size: 70px;
  letter-spacing: 0.02em;
  line-height: 1;
  font-style: italic;
  font-weight: 500;
  display: block;
}
@media (width <= 828px) {
  .q-career-voice_mv .title {
    font-size: 74px;
    line-height: 1;
    letter-spacing: 0;
    margin: 0 0 10px;
  }
}
.q-career-voice_mv .title-wrap {
  padding-inline: 40px;
}
@media (width <= 828px) {
  .q-career-voice_mv .title-wrap {
    padding-inline: 42px 0;
    margin-block-end: 18px;
  }
}
.q-career-voice_mv .title__s {
  font-size: 47px;
}
.q-career-voice_mv .title-en {
  margin-block-end: 10px;
  margin-inline-start: 36px;
  font-family: var(--ff-en);
  font-size: 20px;
  font-style: italic;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1;
}
@media (width <= 828px) {
  .q-career-voice_mv .title-en {
    margin-block-end: 13px;
    margin-inline-start: 16px;
    font-size: 28px;
    letter-spacing: 0.01em;
  }
}
.q-career-voice_mv .fv {
  margin-inline: 101px;
}
@media (width <= 828px) {
  .q-career-voice_mv .fv {
    margin-inline: 50px 38px;
  }
}
.q-career-voice_mv .fv img {
  width: 100%;
}

.q-career-voice_mv-btm {
  padding-block: 91px 68px;
}
@media (width <= 828px) {
  .q-career-voice_mv-btm {
    padding-block: 104px 97px;
  }
}
.q-career-voice_mv-btm .content {
  width: 100%;
  padding-inline: 40px;
  border-left: 1px solid var(--color-dark);
  border-right: 1px solid var(--color-dark);
}
@media (width <= 828px) {
  .q-career-voice_mv-btm .content {
    padding-block: 10px;
    padding-inline: 0;
  }
}
.q-career-voice_mv-btm .catch {
  width: fit-content;
  margin-inline: auto;
  margin-block-end: 34px;
}
@media (width <= 828px) {
  .q-career-voice_mv-btm .catch {
    margin-block-end: 50px;
  }
}
.q-career-voice_mv-btm .text {
  max-width: 1100px;
  line-height: 40px;
  margin-inline: auto;
}
@media (width <= 828px) {
  .q-career-voice_mv-btm .text {
    max-width: 628px;
    line-height: 63px;
  }
}

.q-career-voice .voice-title {
  width: fit-content;
  margin-inline: auto;
  transform: translateY(38px);
}
@media (width <= 828px) {
  .q-career-voice .voice-title {
    transform: translateY(60px);
  }
}
.q-career-voice .voice-content {
  max-width: 1280px;
  margin-inline: auto;
  padding-inline-start: 40px;
}
@media (width <= 828px) {
  .q-career-voice .voice-content {
    padding-inline-start: 0;
  }
}
.q-career-voice .voice__q {
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: 38px;
  border-bottom: 1px solid var(--color-dark);
  position: relative;
  font-style: italic;
}
@media (width <= 828px) {
  .q-career-voice .voice__q {
    font-size: 48px;
    gap: 13px;
    letter-spacing: 0.02em;
  }
}
.q-career-voice .voice__q::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  transform: translateY(100%);
  width: 47px;
  height: 47px;
  background-image: url(../img/career-voice/q_under.svg);
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: cover;
}
.q-career-voice .voice__q-en {
  font-family: var(--ff-en);
  font-style: italic;
  font-size: 103px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  color: var(--color-primary);
}
@media (width <= 828px) {
  .q-career-voice .voice__q-en {
    font-size: 103px;
  }
}
.q-career-voice .voice__comment {
  width: 100%;
  padding: 32px 40px 36px 40px;
  position: relative;
  border-radius: 30px;
  font-size: 19px;
  font-weight: 500;
  letter-spacing: 0.03em;
  text-align: justify;
  line-height: 33px;
}
@media (width <= 828px) {
  .q-career-voice .voice__comment {
    font-size: 33px;
    line-height: 50px;
    padding: 35px 43px 59px 47px;
    letter-spacing: 0;
  }
}
.q-career-voice .voice__comment::before {
  content: "";
  position: absolute;
  width: 44px;
  height: 17px;
  bottom: 1px;
  transform: translateY(100%);
  /* SVGをマスクとして設定 */
  -webkit-mask-image: url("../img/career-voice/fukidashi-arr.svg");
  mask-image: url("../img/career-voice/fukidashi-arr.svg");
  -webkit-mask-size: cover;
  mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  mask-position: bottom center;
  -webkit-mask-position: bottom center;
}
.q-career-voice .voice__comment-name {
  margin-block-start: 11px;
  display: block;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 1;
  font-weight: 400;
}
@media (width <= 828px) {
  .q-career-voice .voice__comment-name {
    font-size: 24px;
    margin-block-start: 21px;
    letter-spacing: 0;
  }
}
.q-career-voice .voice__comment._white {
  background-color: var(--color-light);
}
.q-career-voice .voice__comment._white::before {
  background-color: var(--color-light);
}
.q-career-voice .voice__comment._black {
  color: var(--color-light);
  background-color: var(--color-dark);
}
.q-career-voice .voice__comment._black::before {
  background-color: var(--color-dark);
}
.q-career-voice .voice__comment._gry {
  background-color: #f1f2f5;
}
.q-career-voice .voice__comment._gry::before {
  background-color: #f1f2f5;
}
.q-career-voice .voice-1-wrap .voice-1 {
  padding-block: 140px 125px;
}
@media (width <= 828px) {
  .q-career-voice .voice-1-wrap .voice-1 {
    padding-block: 112px 125px;
  }
}
.q-career-voice .voice-1-wrap .voice-1__grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  justify-content: space-between;
}
@media (width <= 828px) {
  .q-career-voice .voice-1-wrap .voice-1__grid {
    grid-template-columns: 1fr;
  }
}
.q-career-voice .voice-1-wrap .voice-1-block:nth-child(1) {
  max-width: 252px;
  grid-column: span 3;
}
@media (width <= 828px) {
  .q-career-voice .voice-1-wrap .voice-1-block:nth-child(1) {
    max-width: 100%;
    width: fit-content;
    margin-block-end: 71px;
    margin-inline-start: 50px;
    order: 1;
  }
}
.q-career-voice .voice-1-wrap .voice-1-block:nth-child(2) {
  grid-column: span 5;
  margin-inline: 30px;
  max-width: 440px;
}
@media (width <= 828px) {
  .q-career-voice .voice-1-wrap .voice-1-block:nth-child(2) {
    margin-inline: 57px;
    margin-block-end: 60px;
    max-width: 714px;
    order: 2;
  }
}
.q-career-voice .voice-1-wrap .voice-1-block:nth-child(2) .voice__comment::before {
  left: 20px;
}
@media (width <= 828px) {
  .q-career-voice .voice-1-wrap .voice-1-block:nth-child(2) .voice__comment::before {
    left: auto;
    right: 85px;
    transform: translateY(100%) scale(-1, 1);
  }
}
.q-career-voice .voice-1-wrap .voice-1-block:nth-child(3) {
  grid-column: span 4;
}
@media (width <= 828px) {
  .q-career-voice .voice-1-wrap .voice-1-block:nth-child(3) {
    margin-inline: 51px;
    max-width: 631px;
    margin-block-end: 63px;
    order: 3;
  }
}
.q-career-voice .voice-1-wrap .voice-1-block:nth-child(3) .voice__comment::before {
  right: 113px;
  transform: translateY(100%) scale(-1, 1);
}
.q-career-voice .voice-1-wrap .voice-1-block:nth-child(4) {
  grid-column: span 8;
  max-width: 753px;
  margin-inline-start: 50px;
  margin-block-start: 20px;
}
@media (width <= 828px) {
  .q-career-voice .voice-1-wrap .voice-1-block:nth-child(4) {
    margin-block-start: 0;
    margin-block-end: 73px;
    margin-inline: 44px 33px;
    max-width: 100%;
    order: 5;
  }
}
.q-career-voice .voice-1-wrap .voice-1-block:nth-child(4) .voice__comment::before {
  right: 125px;
  transform: translateY(100%) scale(-1, 1);
}
.q-career-voice .voice-1-wrap .voice-1-block:nth-child(5) {
  grid-column: span 4;
  max-width: 340px;
  margin-block-start: 50px;
  margin-inline-start: 40px;
}
@media (width <= 828px) {
  .q-career-voice .voice-1-wrap .voice-1-block:nth-child(5) {
    margin-block-start: 0;
    margin-block-end: 60px;
    max-width: 530px;
    margin-inline: 67px;
    order: 4;
  }
}
.q-career-voice .voice-1-wrap .voice-1-block:nth-child(5) .voice__comment::before {
  left: 125px;
}
@media (width <= 828px) {
  .q-career-voice .voice-1-wrap .voice-1-block:nth-child(5) .voice__comment::before {
    left: 75px;
  }
}
.q-career-voice .voice-1-wrap .voice-1-block:nth-child(6) {
  grid-column: span 8;
  grid-row: span 2;
  margin-block-start: 60px;
  margin-inline: 30px 10px;
}
@media (width <= 828px) {
  .q-career-voice .voice-1-wrap .voice-1-block:nth-child(6) {
    margin-block-start: 0;
    margin-block-end: 62px;
    margin-inline: 39px 45px;
    order: 6;
  }
}
.q-career-voice .voice-1-wrap .voice-1-block:nth-child(7) {
  grid-column: span 4;
  margin-block-start: 45px;
}
@media (width <= 828px) {
  .q-career-voice .voice-1-wrap .voice-1-block:nth-child(7) {
    margin-block-start: 0;
    margin-block-end: 55px;
    margin-inline: 101px 55px;
    order: 7;
  }
}
.q-career-voice .voice-1-wrap .voice-1-block:nth-child(7) .voice__comment::before {
  right: 115px;
  transform: translateY(100%) scale(-1, 1);
}
@media (width <= 828px) {
  .q-career-voice .voice-1-wrap .voice-1-block:nth-child(7) .voice__comment::before {
    transform: translateY(100%) scale(1, 1);
    right: 225px;
  }
}
.q-career-voice .voice-1-wrap .voice-1-block:nth-child(8) {
  grid-column: span 4;
  margin-block-start: 47px;
}
@media (width <= 828px) {
  .q-career-voice .voice-1-wrap .voice-1-block:nth-child(8) {
    margin-block-start: 0;
    margin-inline: 50px 200px;
    margin-block-end: 57px;
    order: 8;
  }
}
.q-career-voice .voice-1-wrap .voice-1-block:nth-child(8) .voice__comment::before {
  left: 120px;
}
.q-career-voice .voice-1-wrap .voice-1-block:nth-child(9) {
  grid-column: span 6;
  max-width: 532px;
  margin-block-start: 47px;
  margin-inline: auto 10px;
}
@media (width <= 828px) {
  .q-career-voice .voice-1-wrap .voice-1-block:nth-child(9) {
    max-width: 100%;
    margin-inline: 60px 160px;
    margin-block-start: 0;
    order: 10;
  }
}
.q-career-voice .voice-1-wrap .voice-1-block:nth-child(9) .voice__comment::before {
  left: 122px;
}
.q-career-voice .voice-1-wrap .voice-1-block:nth-child(10) {
  grid-column: span 6;
  max-width: 515px;
  margin-inline-start: 35px;
  margin-block-start: 47px;
}
@media (width <= 828px) {
  .q-career-voice .voice-1-wrap .voice-1-block:nth-child(10) {
    max-width: 100%;
    margin-block-start: 0;
    margin-block-end: 55px;
    margin-inline: 137px 53px;
    order: 9;
  }
}
.q-career-voice .voice-1-wrap .voice-1-block:nth-child(10) .voice__comment::before {
  right: 120px;
  transform: translateY(100%) scale(-1, 1);
}
@media (width <= 828px) {
  .q-career-voice .voice-1-wrap .voice-1-block {
    grid-column: span 1 !important;
    grid-row: span 1 !important;
  }
}
.q-career-voice .voice-1-wrap .voice-1 .graph-wrap {
  width: fit-content;
  display: flex;
  gap: 47px;
}
@media (width <= 828px) {
  .q-career-voice .voice-1-wrap .voice-1 .graph-wrap {
    gap: 21px;
  }
}
.q-career-voice .voice-2-wrap .voice-2 {
  padding-block: 115px;
}
@media (width <= 828px) {
  .q-career-voice .voice-2-wrap .voice-2 {
    padding-block: 79px 117px;
  }
}
.q-career-voice .voice-2-wrap .voice-2__grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}
@media (width <= 828px) {
  .q-career-voice .voice-2-wrap .voice-2__grid {
    grid-template-columns: 1fr;
  }
}
@media (width <= 828px) {
  .q-career-voice .voice-2-wrap .voice-2-block {
    grid-column: span 1 !important;
  }
}
.q-career-voice .voice-2-wrap .voice-2-block:nth-child(1) {
  grid-column: 1/5;
  width: fit-content;
}
@media (width <= 828px) {
  .q-career-voice .voice-2-wrap .voice-2-block:nth-child(1) {
    order: 1;
    margin-inline: 50px;
  }
}
.q-career-voice .voice-2-wrap .voice-2-block:nth-child(2) {
  grid-column: 5/13;
  max-width: 290px;
  margin-block-start: -4px;
}
@media (width <= 828px) {
  .q-career-voice .voice-2-wrap .voice-2-block:nth-child(2) {
    order: 3;
    max-width: 100%;
    margin-block-start: 35px;
    margin-inline: 50px 417px;
  }
}
@media (width <= 828px) {
  .q-career-voice .voice-2-wrap .voice-2-block:nth-child(2) .voice__comment {
    padding: 14px 0 23px 36px;
  }
}
.q-career-voice .voice-2-wrap .voice-2-block:nth-child(2) .voice__comment::before {
  left: 123px;
}
@media (width <= 828px) {
  .q-career-voice .voice-2-wrap .voice-2-block:nth-child(2) .voice__comment::before {
    left: auto;
    right: 122px;
    transform: translateY(100%) scale(-1, 1);
  }
}
.q-career-voice .voice-2-wrap .voice-2-block:nth-child(3) {
  grid-column: 2/8;
  margin-block-start: 54px;
}
@media (width <= 828px) {
  .q-career-voice .voice-2-wrap .voice-2-block:nth-child(3) {
    order: 4;
    margin-block-start: 50px;
    margin-inline: 40px 137px;
  }
}
.q-career-voice .voice-2-wrap .voice-2-block:nth-child(3) .voice__comment::before {
  left: 120px;
}
@media (width <= 828px) {
  .q-career-voice .voice-2-wrap .voice-2-block:nth-child(3) .voice__comment::before {
    right: 120px;
    transform: translateY(100%) scale(-1, 1);
  }
}
.q-career-voice .voice-2-wrap .voice-2-block:nth-child(4) {
  grid-column: 8/13;
  max-width: 410px;
  margin-block-start: -44px;
  margin-inline-start: 57px;
}
@media (width <= 828px) {
  .q-career-voice .voice-2-wrap .voice-2-block:nth-child(4) {
    order: 2;
    max-width: 100%;
    margin-inline: 133px 46px;
    margin-block-start: 68px;
  }
}
.q-career-voice .voice-2-wrap .voice-2-block:nth-child(4) .voice__comment::before {
  left: 202px;
  transform: translateY(100%) scale(-1, 1);
}
@media (width <= 828px) {
  .q-career-voice .voice-2-wrap .voice-2-block:nth-child(4) .voice__comment::before {
    left: 145px;
    transform: translateY(100%) scale(1);
  }
}
.q-career-voice .voice-2-wrap .voice-2-block:nth-child(5) {
  grid-column: 2/8;
  max-width: 570px;
  margin-block-start: 36px;
}
@media (width <= 828px) {
  .q-career-voice .voice-2-wrap .voice-2-block:nth-child(5) {
    order: 6;
    max-width: 100%;
    margin-block-start: 50px;
    margin-inline: 50px 135px;
  }
}
.q-career-voice .voice-2-wrap .voice-2-block:nth-child(5) .voice__comment::before {
  right: 155px;
  transform: translateY(100%) scale(-1, 1);
}
.q-career-voice .voice-2-wrap .voice-2-block:nth-child(6) {
  grid-column: 8/13;
  max-width: 314px;
  margin-inline-start: 38px;
}
@media (width <= 828px) {
  .q-career-voice .voice-2-wrap .voice-2-block:nth-child(6) {
    order: 5;
    max-width: 100%;
    margin-block-start: 50px;
    margin-inline: 278px 74px;
  }
}
.q-career-voice .voice-2-wrap .voice-2-block:nth-child(6) .voice__comment::before {
  right: 58px;
  transform: translateY(100%) scale(-1, 1);
}
@media (width <= 828px) {
  .q-career-voice .voice-2-wrap .voice-2-block:nth-child(6) .voice__comment::before {
    right: auto;
    left: 225px;
    transform: translateY(100%) scale(1);
  }
}
.q-career-voice .voice-3-wrap .voice-3 {
  padding-block: 113px 120px;
}
@media (width <= 828px) {
  .q-career-voice .voice-3-wrap .voice-3 {
    padding-block: 80px 125px;
  }
}
.q-career-voice .voice-3-wrap .voice-3__grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}
@media (width <= 828px) {
  .q-career-voice .voice-3-wrap .voice-3__grid {
    grid-template-columns: 1fr;
  }
}
@media (width <= 828px) {
  .q-career-voice .voice-3-wrap .voice-3-block {
    grid-column: span 1 !important;
  }
}
.q-career-voice .voice-3-wrap .voice-3-block:nth-child(1) {
  grid-column: 1/7;
  width: fit-content;
}
@media (width <= 828px) {
  .q-career-voice .voice-3-wrap .voice-3-block:nth-child(1) {
    order: 1;
    margin-inline: 50px;
  }
}
.q-career-voice .voice-3-wrap .voice-3-block:nth-child(2) {
  grid-column: 7/12;
  max-width: 290px;
  max-width: 480px;
  margin-inline-start: 40px;
  margin-block-start: 10px;
}
@media (width <= 828px) {
  .q-career-voice .voice-3-wrap .voice-3-block:nth-child(2) {
    order: 2;
    max-width: 100%;
    margin-block-start: 97px;
    margin-inline: 50px;
  }
}
.q-career-voice .voice-3-wrap .voice-3-block:nth-child(2) .voice__comment::before {
  right: 130px;
  transform: translateY(100%) scale(-1, 1);
}
@media (width <= 828px) {
  .q-career-voice .voice-3-wrap .voice-3-block:nth-child(2) .voice__comment::before {
    right: auto;
    left: 113px;
    transform: translateY(100%) scale(1);
  }
}
@media (width <= 828px) {
  .q-career-voice .voice-3-wrap .voice-3-block:nth-child(2) .voice__comment {
    padding: 20px 0px 40px 39px;
  }
}
@media (width <= 828px) {
  .q-career-voice .voice-3-wrap .voice-3-block:nth-child(2) .voice__comment-name {
    margin-block-start: 8px;
  }
}
.q-career-voice .voice-3-wrap .voice-3-block:nth-child(3) {
  grid-column: 1/6;
  max-width: 447px;
  margin-block-start: 66px;
  margin-inline-start: 44px;
}
@media (width <= 828px) {
  .q-career-voice .voice-3-wrap .voice-3-block:nth-child(3) {
    order: 4;
    max-width: 100%;
    margin-inline: 52px 130px;
  }
}
.q-career-voice .voice-3-wrap .voice-3-block:nth-child(3) .voice__comment::before {
  left: 120px;
}
@media (width <= 828px) {
  .q-career-voice .voice-3-wrap .voice-3-block:nth-child(3) .voice__comment {
    padding: 29px 43px 48px 37px;
  }
}
@media (width <= 828px) {
  .q-career-voice .voice-3-wrap .voice-3-block:nth-child(3) .voice__comment-name {
    margin-block-start: 13px;
  }
}
.q-career-voice .voice-3-wrap .voice-3-block:nth-child(4) {
  grid-column: 6/13;
  max-width: 624px;
  margin-block-start: 65px;
  margin-inline-start: 35px;
}
@media (width <= 828px) {
  .q-career-voice .voice-3-wrap .voice-3-block:nth-child(4) {
    order: 3;
    max-width: 100%;
    margin-block-start: 62px;
    margin-inline: 152px 51px;
  }
}
.q-career-voice .voice-3-wrap .voice-3-block:nth-child(4) .voice__comment::before {
  right: 124px;
  transform: translateY(100%) scale(-1, 1);
}
@media (width <= 828px) {
  .q-career-voice .voice-3-wrap .voice-3-block:nth-child(4) .voice__comment {
    padding: 30px 45px 38px 37px;
  }
}
@media (width <= 828px) {
  .q-career-voice .voice-3-wrap .voice-3-block:nth-child(4) .voice__comment-name {
    margin-block-start: 8px;
  }
}
.q-career-voice .voice-3-wrap .voice-3-block:nth-child(5) {
  grid-column: 1/7;
  max-width: 550px;
  margin-block-start: 54px;
  margin-inline-start: 44px;
}
@media (width <= 828px) {
  .q-career-voice .voice-3-wrap .voice-3-block:nth-child(5) {
    order: 5;
    max-width: 100%;
    margin-block-start: 62px;
    margin-inline: 185px 44px;
  }
}
.q-career-voice .voice-3-wrap .voice-3-block:nth-child(5) .voice__comment::before {
  left: 119px;
}
@media (width <= 828px) {
  .q-career-voice .voice-3-wrap .voice-3-block:nth-child(5) .voice__comment::before {
    left: auto;
    right: 110px;
    transform: translateY(100%) scale(-1, 1);
  }
}
.q-career-voice .voice-3-wrap .voice-3-block:nth-child(6) {
  grid-column: 7/13;
  margin-block-start: -26px;
  margin-inline-start: 46px;
}
@media (width <= 828px) {
  .q-career-voice .voice-3-wrap .voice-3-block:nth-child(6) {
    order: 6;
    max-width: 100%;
    margin-block-start: 62px;
    margin-inline: 112px 118px;
  }
}
.q-career-voice .voice-3-wrap .voice-3-block:nth-child(6) .voice__comment::before {
  right: 114px;
  transform: translateY(100%) scale(-1, 1);
}
.q-career-voice .voice-4-wrap .voice-4 {
  padding-block: 113px 120px;
}
@media (width <= 828px) {
  .q-career-voice .voice-4-wrap .voice-4 {
    padding-block: 72px 125px;
  }
}
.q-career-voice .voice-4-wrap .voice-4__grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}
@media (width <= 828px) {
  .q-career-voice .voice-4-wrap .voice-4__grid {
    grid-template-columns: 1fr;
  }
}
@media (width <= 828px) {
  .q-career-voice .voice-4-wrap .voice-4-block {
    grid-column: span 1 !important;
  }
}
.q-career-voice .voice-4-wrap .voice-4-block:nth-child(1) {
  grid-column: 1/6;
  width: fit-content;
}
@media (width <= 828px) {
  .q-career-voice .voice-4-wrap .voice-4-block:nth-child(1) {
    order: 1;
    margin-inline: 50px;
  }
}
.q-career-voice .voice-4-wrap .voice-4-block:nth-child(2) {
  grid-column: 7/13;
  max-width: 556px;
  margin-inline-start: -7px;
  margin-block-start: -10px;
}
@media (width <= 828px) {
  .q-career-voice .voice-4-wrap .voice-4-block:nth-child(2) {
    order: 2;
    max-width: 100%;
    margin-block-start: 54px;
    margin-inline: 190px 60px;
  }
}
.q-career-voice .voice-4-wrap .voice-4-block:nth-child(2) .voice__comment::before {
  right: 115px;
  transform: translateY(100%) scale(-1, 1);
}
.q-career-voice .voice-4-wrap .voice-4-block:nth-child(3) {
  grid-column: 1/6;
  max-width: 400px;
  margin-block-start: -11px;
  margin-inline-start: 84px;
}
@media (width <= 828px) {
  .q-career-voice .voice-4-wrap .voice-4-block:nth-child(3) {
    order: 4;
    max-width: 100%;
    margin-block-start: 56px;
    margin-inline: 211px 50px;
  }
}
.q-career-voice .voice-4-wrap .voice-4-block:nth-child(3) .voice__comment::before {
  left: 120px;
}
.q-career-voice .voice-4-wrap .voice-4-block:nth-child(4) {
  grid-column: 6/13;
  margin-block-start: 52px;
  margin-inline-start: 22px;
}
@media (width <= 828px) {
  .q-career-voice .voice-4-wrap .voice-4-block:nth-child(4) {
    order: 3;
    max-width: 100%;
    margin-block-start: 60px;
    margin-inline: 61px 57px;
  }
}
.q-career-voice .voice-4-wrap .voice-4-block:nth-child(4) .voice__comment::before {
  right: 124px;
  transform: translateY(100%) scale(-1, 1);
}
.q-career-voice .voice-4-wrap .voice-4-block:nth-child(5) {
  grid-column: 1/7;
  max-width: 562px;
  margin-block-start: 47px;
  margin-inline-start: 54px;
}
@media (width <= 828px) {
  .q-career-voice .voice-4-wrap .voice-4-block:nth-child(5) {
    order: 5;
    max-width: 100%;
    margin-block-start: 60px;
    margin-inline: 55px 174px;
  }
}
.q-career-voice .voice-4-wrap .voice-4-block:nth-child(5) .voice__comment::before {
  right: 125px;
  transform: translateY(100%) scale(-1, 1);
}
.q-career-voice .voice-4-wrap .voice-4-block:nth-child(6) {
  grid-column: 7/13;
  max-width: 480px;
  margin-block-start: -20px;
  margin-inline-start: 69px;
}
@media (width <= 828px) {
  .q-career-voice .voice-4-wrap .voice-4-block:nth-child(6) {
    order: 6;
    max-width: 100%;
    margin-block-start: 60px;
    margin-inline: 114px 93px;
  }
}
.q-career-voice .voice-4-wrap .voice-4-block:nth-child(6) .voice__comment::before {
  left: 115px;
}
.q-career-voice .voice-4-wrap .voice-4-block:nth-child(7) {
  grid-column: 1/7;
  margin-block-start: 43px;
  margin-inline-start: 88px;
}
@media (width <= 828px) {
  .q-career-voice .voice-4-wrap .voice-4-block:nth-child(7) {
    order: 8;
    max-width: 100%;
    margin-block-start: 60px;
    margin-inline: 250px 48px;
  }
}
.q-career-voice .voice-4-wrap .voice-4-block:nth-child(7) .voice__comment::before {
  left: 119px;
}
.q-career-voice .voice-4-wrap .voice-4-block:nth-child(8) {
  grid-column: 7/13;
  margin-block-start: 16px;
  margin-inline-start: 52px;
}
@media (width <= 828px) {
  .q-career-voice .voice-4-wrap .voice-4-block:nth-child(8) {
    order: 7;
    max-width: 100%;
    margin-block-start: 60px;
    margin-inline: 49px 180px;
  }
}
.q-career-voice .voice-4-wrap .voice-4-block:nth-child(8) .voice__comment::before {
  right: 114px;
  transform: translateY(100%) scale(-1, 1);
}
.q-career-voice .voice-5-wrap .voice-5 {
  padding-block: 120px 125px;
}
@media (width <= 828px) {
  .q-career-voice .voice-5-wrap .voice-5 {
    padding-block: 72px 169px;
  }
}
.q-career-voice .voice-5-wrap .voice-5 .voice__q {
  font-size: 33px;
  letter-spacing: 0.02em;
  line-height: 44px;
  gap: 32px;
}
@media (width <= 828px) {
  .q-career-voice .voice-5-wrap .voice-5 .voice__q {
    white-space: nowrap;
    font-size: 44px;
    line-height: 53px;
    gap: 16px;
    padding-block-end: 19px;
  }
}
.q-career-voice .voice-5-wrap .voice-5__grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}
@media (width <= 828px) {
  .q-career-voice .voice-5-wrap .voice-5__grid {
    grid-template-columns: 1fr;
  }
}
@media (width <= 828px) {
  .q-career-voice .voice-5-wrap .voice-5-block {
    grid-column: span 1 !important;
  }
}
.q-career-voice .voice-5-wrap .voice-5-block:nth-child(1) {
  grid-column: 1/7;
  width: fit-content;
}
@media (width <= 828px) {
  .q-career-voice .voice-5-wrap .voice-5-block:nth-child(1) {
    order: 1;
    margin-inline-start: 50px;
  }
}
.q-career-voice .voice-5-wrap .voice-5-block:nth-child(2) {
  grid-column: 7/13;
  max-width: 511px;
  margin-inline-start: 30px;
  margin-block-start: -10px;
}
@media (width <= 828px) {
  .q-career-voice .voice-5-wrap .voice-5-block:nth-child(2) {
    order: 2;
    max-width: 100%;
    margin-block-start: 86px;
    margin-inline: 90px 40px;
  }
}
.q-career-voice .voice-5-wrap .voice-5-block:nth-child(2) .voice__comment::before {
  right: 128px;
  transform: translateY(100%) scale(-1, 1);
}
.q-career-voice .voice-5-wrap .voice-5-block:nth-child(3) {
  grid-column: 1/7;
  max-width: 574px;
  margin-block-start: -22px;
  margin-inline-start: 10px;
}
@media (width <= 828px) {
  .q-career-voice .voice-5-wrap .voice-5-block:nth-child(3) {
    order: 3;
    max-width: 100%;
    margin-block-start: 60px;
    margin-inline: 50px 125px;
  }
}
.q-career-voice .voice-5-wrap .voice-5-block:nth-child(3) .voice__comment::before {
  left: 120px;
}
.q-career-voice .voice-5-wrap .voice-5-block:nth-child(4) {
  grid-column: 7/13;
  max-width: 520px;
  margin-block-start: 62px;
  margin-inline-start: 64px;
}
@media (width <= 828px) {
  .q-career-voice .voice-5-wrap .voice-5-block:nth-child(4) {
    order: 4;
    max-width: 100%;
    margin-block-start: 60px;
    margin-inline: 109px 50px;
  }
}
.q-career-voice .voice-5-wrap .voice-5-block:nth-child(4) .voice__comment::before {
  right: 124px;
  transform: translateY(100%) scale(-1, 1);
}
.q-career-voice .voice-5-wrap .voice-5-block:nth-child(5) {
  grid-column: 1/7;
  max-width: 485px;
  margin-block-start: -56px;
  margin-inline-start: 112px;
}
@media (width <= 828px) {
  .q-career-voice .voice-5-wrap .voice-5-block:nth-child(5) {
    order: 5;
    max-width: 100%;
    margin-block-start: 60px;
    margin-inline: 58px 48px;
  }
}
.q-career-voice .voice-5-wrap .voice-5-block:nth-child(5) .voice__comment::before {
  right: 125px;
  transform: translateY(100%) scale(-1, 1);
}
@media (width <= 828px) {
  .q-career-voice .voice-5-wrap .voice-5-block:nth-child(5) .voice__comment::before {
    right: auto;
    left: 120px;
    transform: translateY(100%) scale(1);
  }
}
@media (width <= 828px) {
  .q-career-voice .voice-5-wrap .voice-5-block:nth-child(5) .voice__comment {
    padding: 29px 23px 41px 35px;
  }
}
@media (width <= 828px) {
  .q-career-voice .voice-5-wrap .voice-5-block:nth-child(5) .voice__comment-name {
    margin-block-start: 15px;
  }
}
.q-career-voice .voice-5-wrap .voice-5-block:nth-child(6) {
  grid-column: 7/13;
  margin-block-start: 66px;
  margin-inline-start: 21px;
}
@media (width <= 828px) {
  .q-career-voice .voice-5-wrap .voice-5-block:nth-child(6) {
    order: 6;
    max-width: 100%;
    margin-block-start: 62px;
    margin-inline: 128px 47px;
  }
}
.q-career-voice .voice-5-wrap .voice-5-block:nth-child(6) .voice__comment::before {
  left: 115px;
}
@media (width <= 828px) {
  .q-career-voice .voice-5-wrap .voice-5-block:nth-child(6) .voice__comment::before {
    left: auto;
    right: 125px;
    transform: translateY(100%) scale(-1, 1);
  }
}
.q-career-voice .voice-5-wrap .voice-5-block:nth-child(7) {
  grid-column: 1/7;
  max-width: 495px;
  margin-block-start: -103px;
  margin-inline-start: 28px;
}
@media (width <= 828px) {
  .q-career-voice .voice-5-wrap .voice-5-block:nth-child(7) {
    order: 8;
    max-width: 100%;
    margin-block-start: 63px;
    margin-inline: 180px 48px;
  }
}
.q-career-voice .voice-5-wrap .voice-5-block:nth-child(7) .voice__comment::before {
  left: 119px;
}
.q-career-voice .voice-5-wrap .voice-5-block:nth-child(8) {
  grid-column: 7/13;
  margin-block-start: 67px;
  margin-inline-start: 48px;
}
@media (width <= 828px) {
  .q-career-voice .voice-5-wrap .voice-5-block:nth-child(8) {
    order: 7;
    max-width: 100%;
    margin-block-start: 62px;
    margin-inline: 50px 60px;
  }
}
.q-career-voice .voice-5-wrap .voice-5-block:nth-child(8) .voice__comment::before {
  right: 114px;
  transform: translateY(100%) scale(-1, 1);
}
.q-career-voice .voice-5-wrap .voice-5-block:nth-child(9) {
  grid-column: 1/7;
  margin-block-start: -173px;
  margin-inline-start: 8px;
}
@media (width <= 828px) {
  .q-career-voice .voice-5-wrap .voice-5-block:nth-child(9) {
    order: 9;
    max-width: 100%;
    margin-block-start: 62px;
    margin-inline: 38px 134px;
  }
}
.q-career-voice .voice-5-wrap .voice-5-block:nth-child(9) .voice__comment::before {
  left: 86px;
}

.q-career-voice_foot {
  padding-block: 104px 195px;
}
@media (width <= 828px) {
  .q-career-voice_foot {
    padding-block: 143px 150px;
  }
}
.q-career-voice_foot .catch {
  width: fit-content;
  margin-inline: auto;
}
@media (width <= 828px) {
  .q-career-voice_foot .catch img {
    width: 100%;
  }
}

.q-development_fv {
  margin-block-start: 108px;
  position: relative;
}
@media (width <= 828px) {
  .q-development_fv {
    margin-block-start: 107px;
  }
}
.q-development_fv .c-title_kasou__s {
  font-size: calc(20 / 1600 * 100vw);
}
.q-development_fv .c-title_kasou__en {
  margin-inline-end: calc(17 / 1600 * 100vw);
}
.q-development_fv .c-title_kasou__l {
  font-size: calc(106 / 1600 * 100vw);
}
.q-development_fv .development-fv {
  overflow: hidden;
}
.q-development_fv .development-fv .fv {
  width: 100%;
  position: relative;
  overflow: hidden;
}
@media (width > 1280px) {
  .q-development_fv .development-fv .fv {
    min-width: 1280px;
  }
}
@media (width <= 1280px) {
  .q-development_fv .development-fv .fv {
    left: 0;
    transform: translateX(0);
  }
}
.q-development_fv .development-fv .fv img {
  float: right;
  display: block;
  width: 1029px;
}
@media (width > 1280px) {
  .q-development_fv .development-fv .fv img {
    width: calc(823 / 1280 * 100vw);
  }
}
@media (width <= 1280px) {
  .q-development_fv .development-fv .fv img {
    width: 823px;
  }
}
@media (width <= 828px) {
  .q-development_fv .development-fv .fv img {
    width: 631px;
  }
}
.q-development_fv .title-wrap {
  position: absolute;
  top: 50%;
  left: 80px;
  transform: translateY(-50%);
  /*
  position: absolute;
  top: 125px;
  left: 199px;
  width: fit-content;
  */
  /*
  @media (width > 1600px) {
  	left: calc(199 / 1600 * 100vw);
  	top: calc(125 / 1600 * 100vw);
  }
  @media (width <= 1280px) {
  	left: calc(199 / 1600 * 100vw);
  	top: calc(125 / 1600 * 100vw);
  }
  @media (width <= bp(sm)) {
  	top: 70px;
  	left: 52.5px;
  }
  */
}
@media (width > 1280px) {
  .q-development_fv .title-wrap {
    left: calc(80 / 1280 * 100vw);
  }
}
@media (width <= 828px) {
  .q-development_fv .title-wrap {
    left: 52px;
  }
}
.q-development_fv .title-wrap .c-title_kasou__s {
  font-size: 20px;
}
@media (width > 1280px) {
  .q-development_fv .title-wrap .c-title_kasou__s {
    font-size: calc(20 / 1280 * 100vw);
  }
}
@media (width <= 828px) {
  .q-development_fv .title-wrap .c-title_kasou__s {
    font-size: 28px;
  }
}
.q-development_fv .title-wrap .c-title_kasou__en {
  font-size: 20px;
  letter-spacing: 0.04em;
}
@media (width > 1280px) {
  .q-development_fv .title-wrap .c-title_kasou__en {
    font-size: calc(20 / 1280 * 100vw);
  }
}
@media (width <= 828px) {
  .q-development_fv .title-wrap .c-title_kasou__en {
    font-size: 32px;
  }
}
.q-development_fv .title-wrap .c-title_kasou__l {
  font-size: 100px;
  letter-spacing: 0.05em;
}
@media (width > 1280px) {
  .q-development_fv .title-wrap .c-title_kasou__l {
    font-size: calc(100 / 1280 * 100vw);
  }
}
.q-development_fv .title-wrap .title {
  display: block;
  margin-block-end: 16px;
}
@media (width <= 828px) {
  .q-development_fv .title-wrap .title {
    margin-block-end: 11px;
  }
}
.q-development_fv .title-wrap .title:last-child {
  margin-block-end: 0;
}
@media (width <= 828px) {
  .q-development_fv .title-wrap .title__l {
    font-size: 84px;
    line-height: 71px;
  }
}
@media (width <= 828px) {
  .q-development_fv .title-wrap .title__s-2 {
    margin-block-start: 29px;
  }
}

.q-development_fv-btm {
  padding-block: 61px 95px;
}
@media (width <= 828px) {
  .q-development_fv-btm {
    padding-block: 80px 120px;
  }
}
.q-development_fv-btm .content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 60px;
}
@media (width <= 828px) {
  .q-development_fv-btm .content {
    flex-direction: column;
    justify-content: center;
    gap: 27px;
  }
}
.q-development_fv-btm .content__title {
  font-style: italic;
  font-size: 27px;
  line-height: 40px;
  letter-spacing: 0.11em;
  text-align: center;
  width: 270px;
  border-left: 1px solid var(--color-dark);
  border-right: 1px solid var(--color-dark);
}
@media (width <= 828px) {
  .q-development_fv-btm .content__title {
    width: 100%;
    padding-block: 27px 33px;
    font-size: 52px;
    line-height: 1;
  }
}
.q-development_fv-btm .content__text {
  flex: 1;
  max-width: 896px;
  line-height: 40px;
}
@media (width <= 828px) {
  .q-development_fv-btm .content__text {
    line-height: 64px;
  }
}

.development-title {
  font-size: 34px;
  font-weight: 500;
  font-style: italic;
  line-height: 1;
  letter-spacing: 0.06em;
  padding-inline-start: 40px;
  border-left: 10px solid var(--color-primary);
}
@media (width <= 828px) {
  .development-title {
    margin-block-end: 5px;
    padding-inline-start: 20px;
    font-size: 54px;
    line-height: 60px;
    letter-spacing: 0.03em;
  }
}
.development-title__en {
  margin-block-end: 7px;
  display: block;
  font-family: var(--ff-en);
  font-style: italic;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.02em;
}
@media (width <= 828px) {
  .development-title__en {
    margin-block-end: 7px;
    font-size: 22px;
    line-height: 1;
  }
}

.q-development_support .support-inner {
  padding-block: 68px 97px;
  padding-inline: 40px;
}
@media (width <= 828px) {
  .q-development_support .support-inner {
    padding-block: 120px 170px;
    padding-inline: 0;
  }
}
.q-development_support .support-grid {
  display: grid;
  justify-content: space-between;
  grid-template-columns: repeat(3, auto);
  gap: 65px;
}
@media (width <= 828px) {
  .q-development_support .support-grid {
    grid-template-columns: 1fr;
    gap: 52px;
    padding-inline: 50px;
  }
}
.q-development_support .support-card {
  max-width: 355px;
  display: grid;
  grid-template-rows: auto auto 1fr;
}
@media (width <= 828px) {
  .q-development_support .support-card {
    max-width: 100%;
    grid-template-columns: 1fr 338px;
  }
}
@media (width <= 828px) {
  .q-development_support .support-card__img {
    order: 3;
  }
  .q-development_support .support-card__img img {
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
}
.q-development_support .support-card__title {
  margin-inline-start: 20px;
  margin-block: 20px 5px;
  font-size: 22px;
  letter-spacing: 0.08em;
  line-height: 1;
  font-weight: 500;
}
@media (width <= 828px) {
  .q-development_support .support-card__title {
    margin-block-start: 0;
    margin-inline-start: 0;
    margin-block-end: 13px;
    grid-column: span 2;
    order: 1;
    font-size: 33px;
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .q-development_support .support-card__title::before {
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: var(--color-primary);
  }
}
.q-development_support .support-card__text {
  margin-inline-start: 30px;
  background-color: var(--color-light);
  padding-block: 20px;
  padding-inline: 34px 25px;
  text-align: justify;
  line-height: 30px;
  letter-spacing: 0.03em;
}
@media (width <= 828px) {
  .q-development_support .support-card__text {
    margin-inline-start: 0;
    padding-block: 28px 34px;
    padding-inline: 34px 33px;
    order: 2;
    font-size: 28px;
    letter-spacing: 0.01em;
    line-height: 42px;
  }
}
.q-development_support .support-step {
  margin-top: -242px;
  /*
  margin-block-start: -20.5%;
  @media (width <= 1240px) {
  	margin-block-start: -21.5%;
  }
  @media (width <= 1233px) {
  	margin-block-start: -24%;
  }
  @media (width <= 1120px) {
  	margin-block-start: -21.5%;
  }
  */
}
@media (width <= 828px) {
  .q-development_support .support-step {
    margin-inline-start: 27px;
    margin-block-start: 43px;
  }
}

.q-benefits_careerup {
  padding-block: 120px 143px;
}
@media (width <= 828px) {
  .q-benefits_careerup {
    padding-block: 151px 143px;
  }
}
.q-benefits_careerup .development-title {
  margin-block-end: 23px;
}
@media (width <= 828px) {
  .q-benefits_careerup .development-title {
    margin-block-end: 52px;
  }
}
.q-benefits_careerup .careerup-content {
  display: grid;
  grid-template-columns: 1fr 340px;
  gap: 35px;
  align-items: end;
}
@media (width <= 828px) {
  .q-benefits_careerup .careerup-content {
    grid-template-columns: 1fr;
    gap: 47px;
  }
}
.q-benefits_careerup .careerup-table {
  padding-inline-start: 40px;
  display: block;
}
@media (width <= 828px) {
  .q-benefits_careerup .careerup-table {
    padding-inline: 30px;
  }
}
.q-benefits_careerup .careerup-table tr {
  display: block;
  margin-block-end: 15px;
  border-bottom: 3px solid var(--color-dark);
}
@media (width <= 828px) {
  .q-benefits_careerup .careerup-table tr {
    margin-block-end: 32px;
    border-bottom: 5px solid var(--color-dark);
  }
}
.q-benefits_careerup .careerup-table tr:last-child {
  margin-block-end: 0;
}
.q-benefits_careerup .careerup-table th {
  min-width: 135px;
  font-size: 23px;
  font-weight: 500;
  position: relative;
  vertical-align: middle;
  letter-spacing: 0.06em;
}
@media (width <= 828px) {
  .q-benefits_careerup .careerup-table th {
    padding-block-end: 15px;
    min-width: 220px;
    font-size: 35px;
  }
}
.q-benefits_careerup .careerup-table th::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 10.5px;
  background-color: var(--color-dark);
  right: 0;
  bottom: 0;
}
@media (width <= 828px) {
  .q-benefits_careerup .careerup-table th::before {
    height: 50px;
  }
}
.q-benefits_careerup .careerup-table td {
  vertical-align: middle;
  line-height: 1.4;
  letter-spacing: 0.06em;
  padding: 4px 0 4px 15px;
}
@media (width <= 828px) {
  .q-benefits_careerup .careerup-table td {
    padding: 0;
    padding-block-end: 15px;
    white-space: nowrap;
    padding-inline-start: 34px;
    font-size: 30px;
    line-height: 43px;
  }
}
.q-benefits_careerup .careerup-img {
  position: relative;
}
@media (width <= 828px) {
  .q-benefits_careerup .careerup-img {
    width: fit-content;
    margin-inline: auto;
  }
}
.q-benefits_careerup .careerup-img::before {
  content: "";
  position: absolute;
  inset: 50px -8px -8px 115px;
  background-image: linear-gradient(90deg, #ff6c00 0%, #e60012);
  z-index: -1;
}
@media (width <= 828px) {
  .q-benefits_careerup .careerup-img::before {
    inset: 102px -14px -16px 219px;
  }
}
@media (width <= 828px) {
  .q-benefits_careerup .careerup-img img {
    width: 665px;
  }
}

.q-development_program .program-top {
  display: flex;
  justify-content: space-between;
  align-items: end;
}
@media (width <= 828px) {
  .q-development_program .program-top {
    flex-direction: column;
    justify-content: start;
    align-items: start;
    gap: 37px;
  }
}
.q-development_program .program-top__label {
  padding: 7px 31px 9px 35px;
  font-size: 23px;
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: 1;
  background-color: var(--color-dark);
  color: var(--color-light);
  background-color: var(--color-dark);
  display: block;
}
@media (width <= 828px) {
  .q-development_program .program-top__label {
    width: 100%;
    padding-inline: 0;
    padding-block: 10px 13px;
    font-size: 36px;
    letter-spacing: 0.04em;
    text-align: center;
  }
}
.q-development_program .program-content {
  padding-block: 106px 83px;
}
@media (width <= 828px) {
  .q-development_program .program-content {
    padding-block: 127px 135px;
  }
}
.q-development_program .program-grid {
  max-width: 1230px;
  margin-inline: auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 85px 30px;
}
@media (width <= 828px) {
  .q-development_program .program-grid {
    max-width: 730px;
    grid-template-columns: 1fr;
    gap: 120px;
  }
}
.q-development_program .program-card {
  background-color: var(--color-light);
  border-radius: 12px;
}
@media (width <= 828px) {
  .q-development_program .program-card {
    border-radius: 24px;
  }
}
.q-development_program .program-card__tag {
  width: 290px;
  margin-block-start: -30px;
  margin-inline: auto;
  padding-block: 20px;
  text-align: center;
  border-radius: 999px;
  color: var(--color-light);
  background-image: linear-gradient(58deg, #ff0013 0%, #d70009);
  font-size: 20px;
  letter-spacing: 0.04em;
  font-weight: 500;
  line-height: 1;
}
@media (width <= 828px) {
  .q-development_program .program-card__tag {
    margin-block-start: -52px;
    width: 545px;
    font-size: 38px;
    padding-block: 35px;
  }
}
.q-development_program .program-card__text {
  padding: 20px 47px 35px 48px;
  line-height: 32px;
  letter-spacing: 0.03em;
  text-align: justify;
}
@media (width <= 828px) {
  .q-development_program .program-card__text {
    padding: 54px 91px 75px 83px;
    line-height: 58px;
    letter-spacing: -0.014em;
  }
}
.q-development_program .program-card:nth-child(4) {
  grid-column: span 3;
}
@media (width <= 828px) {
  .q-development_program .program-card:nth-child(4) {
    grid-column: span 1;
  }
}
.q-development_program .program-card:nth-child(4) .program-card__tag {
  width: 330px;
  margin-inline-start: 50px;
  background-image: none;
  background-color: var(--color-dark);
}
@media (width <= 828px) {
  .q-development_program .program-card:nth-child(4) .program-card__tag {
    margin-inline: auto;
    width: 545px;
  }
}

.q-development_dx {
  padding-block-start: 125px;
}
@media (width <= 828px) {
  .q-development_dx {
    padding-block-start: 156px;
  }
}
.q-development_dx .development-title {
  margin-block-end: 20px;
}
@media (width <= 828px) {
  .q-development_dx .development-title {
    margin-block-end: 36px;
  }
}
.q-development_dx .content__text {
  margin-block-end: 37px;
  line-height: 32px;
  letter-spacing: 0.03em;
}
@media (width <= 828px) {
  .q-development_dx .content__text {
    margin-block-end: 61px;
    line-height: 58px;
    letter-spacing: 0;
  }
}
.q-development_dx .content__step {
  width: 100%;
}
@media (width <= 828px) {
  .q-development_dx .content__step {
    margin-inline-start: -43px;
    min-width: 752px;
  }
}

.q-development_global {
  padding-block-start: 107px;
}
@media (width <= 828px) {
  .q-development_global {
    padding-block-start: 184px;
  }
}
.q-development_global .development-title {
  margin-block-end: 45px;
}
@media (width <= 828px) {
  .q-development_global .development-title {
    margin-block-end: 76px;
  }
}
.q-development_global .content {
  max-width: 363px;
  position: relative;
  padding-block-end: 32px;
}
@media (width <= 828px) {
  .q-development_global .content {
    max-width: 100%;
    padding-block-end: 48px;
  }
}
.q-development_global .content::before {
  content: "";
  position: absolute;
  bottom: 0;
  inset-inline: 0;
  height: 6px;
}
@media (width <= 828px) {
  .q-development_global .content::before {
    height: 12px;
  }
}
.q-development_global .content-wrap {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, auto);
  justify-content: space-between;
  gap: 54px;
}
@media (width <= 828px) {
  .q-development_global .content-wrap {
    grid-template-columns: 1fr;
    gap: 93px;
  }
}
.q-development_global .content__title {
  margin-block-end: 23px;
  padding-block-end: 5px;
  font-size: 24px;
  letter-spacing: 0.06em;
  line-height: 1.2;
  font-weight: 500;
  border-bottom: 1px solid var(--color-dark);
}
@media (width <= 828px) {
  .q-development_global .content__title {
    font-size: 38px;
    padding-block-end: 12px;
    margin-block-end: 34px;
  }
}
.q-development_global .content__text {
  text-align: justify;
  line-height: 30px;
  letter-spacing: 0.018em;
}
@media (width <= 828px) {
  .q-development_global .content__text {
    line-height: 58px;
    letter-spacing: 0;
  }
}
.q-development_global .content._orange::before {
  background-image: linear-gradient(90deg, #ff9a00 0%, #f08300);
}
.q-development_global .content._red::before {
  background-image: linear-gradient(90deg, #ff0516 0%, #df0000);
}

.q-development_careerdesign {
  padding-block: 135px 100px;
}
@media (width <= 828px) {
  .q-development_careerdesign {
    padding-block: 135px 180px;
  }
}
.q-development_careerdesign .development-title {
  margin-block-end: 42px;
}
@media (width <= 828px) {
  .q-development_careerdesign .development-title {
    margin-block-end: 80px;
  }
}
.q-development_careerdesign .content {
  max-width: 350px;
}
@media (width <= 828px) {
  .q-development_careerdesign .content {
    max-width: 100%;
  }
}
.q-development_careerdesign .content-wrap {
  display: grid;
  grid-template-columns: repeat(3, auto);
  justify-content: space-between;
  gap: 60px;
}
@media (width <= 828px) {
  .q-development_careerdesign .content-wrap {
    grid-template-columns: 1fr;
    justify-content: center;
    gap: 86px;
  }
}
.q-development_careerdesign .content__img {
  width: 100%;
  display: block;
  margin-block-end: 15px;
}
@media (width <= 828px) {
  .q-development_careerdesign .content__img {
    margin-block-end: 36px;
  }
}
.q-development_careerdesign .content__title {
  margin-block-end: 3px;
  padding-inline-start: 25px;
  position: relative;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.2;
}
@media (width <= 828px) {
  .q-development_careerdesign .content__title {
    margin-block-end: 10px;
    padding-inline-start: 50px;
    font-size: 40px;
    letter-spacing: 0.06em;
  }
}
.q-development_careerdesign .content__title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 16px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: var(--color-primary);
}
@media (width <= 828px) {
  .q-development_careerdesign .content__title::before {
    top: 13px;
    width: 34px;
  }
}
.q-development_careerdesign .content__title-s {
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0.04em;
}
@media (width <= 828px) {
  .q-development_careerdesign .content__title-s {
    font-size: 36px;
    line-height: 57px;
  }
}
.q-development_careerdesign .content__text {
  padding-inline-start: 23px;
  text-align: justify;
  line-height: 30px;
  letter-spacing: 0.03em;
}
@media (width <= 828px) {
  .q-development_careerdesign .content__text {
    padding-inline-start: 50px;
    line-height: 58px;
    letter-spacing: 0;
  }
}

.c-di-heading {
  padding-inline-start: 40px;
  display: flex;
  gap: 16px;
  align-items: center;
  position: relative;
  font-size: 32px;
  font-weight: 500;
  line-height: 1;
}
@media (width <= 828px) {
  .c-di-heading {
    padding-inline-start: 30px;
    font-size: 52px;
    letter-spacing: 0.02em;
    gap: 22px;
  }
}
.c-di-heading__en {
  font-family: var(--ff-en);
  font-style: italic;
  font-size: 45px;
  font-weight: 700;
  letter-spacing: 0.01em;
}
@media (width <= 828px) {
  .c-di-heading__en {
    font-size: 75px;
  }
}
.c-di-heading::before {
  content: "";
  position: absolute;
  width: 6px;
  inset-block: 0;
  left: 0;
  background-color: var(--color-primary);
}
@media (width <= 828px) {
  .c-di-heading::before {
    width: 9px;
  }
}
.c-di-heading::after {
  content: "";
  height: 1px;
  background-color: var(--color-dark);
  flex-grow: 1;
}

.q-di_head {
  padding-block: 107px 28px;
}
@media (width <= 828px) {
  .q-di_head {
    padding-block: 197px 0;
    margin-block-end: -10px;
    position: relative;
    z-index: 10;
  }
}
.q-di_head .min-title {
  width: fit-content;
}
@media (width <= 828px) {
  .q-di_head .min-title._02-sp {
    margin: 0 0 0 auto;
    margin-block-start: 13px;
  }
}
.q-di_head .min-title__wrap {
  width: 1170px;
  margin-inline: auto;
}
@media (width > 828px) {
  .q-di_head .min-title__wrap {
    padding-inline-start: 35px;
  }
}
@media (width <= 828px) {
  .q-di_head .min-title__wrap {
    width: 715px;
    margin-inline-start: 50px;
  }
}
.q-di_head .min-title__s {
  margin-block-end: 8px;
  white-space: nowrap;
  font-size: 20px;
  letter-spacing: 0.06em;
  line-height: 1;
}
@media (width <= 828px) {
  .q-di_head .min-title__s {
    font-size: 28px;
  }
}
.q-di_head .min-title__en {
  padding-inline-end: 20px;
  font-family: var(--ff-en);
  font-style: italic;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1;
}
@media (width <= 828px) {
  .q-di_head .min-title__en {
    margin-inline-end: 30px;
    font-size: 32px;
    letter-spacing: 0;
  }
}
.q-di_head .min-title__l {
  white-space: nowrap;
  font-family: var(--ff-en);
  font-style: italic;
  font-size: 93px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.05em;
}
@media (width <= 828px) {
  .q-di_head .min-title__l {
    font-size: 84px;
  }
}
.q-di_head .min-title__line {
  margin-top: -10px;
  height: 11.7px;
}

.q-di_fv-btm {
  padding-block: 110px;
}
@media (width <= 828px) {
  .q-di_fv-btm {
    padding-block: 50px 140px;
  }
}
.q-di_fv-btm .content {
  padding-block-start: 20px;
}
.q-di_fv-btm .content-wrap {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
@media (width <= 828px) {
  .q-di_fv-btm .content-wrap {
    display: block;
    position: relative;
  }
}
.q-di_fv-btm .content-catch {
  margin-block-end: 27px;
  font-size: 37px;
  line-height: 63px;
  font-style: italic;
  letter-spacing: 0.03em;
}
@media (width <= 828px) {
  .q-di_fv-btm .content-catch {
    margin-block-end: 55px;
    font-size: 46px;
    line-height: 80px;
  }
}
.q-di_fv-btm .content-catch ._emp {
  color: var(--color-primary);
}
.q-di_fv-btm .content-text {
  max-width: 642px;
  padding-block-end: 58px;
  line-height: 37px;
  border-bottom: 1px solid var(--color-dark);
}
@media (width <= 828px) {
  .q-di_fv-btm .content-text {
    max-width: 100%;
    padding-block-end: 108px;
    line-height: 64px;
    letter-spacing: 0;
  }
}
.q-di_fv-btm .di-circle {
  width: 380px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
@media (width <= 828px) {
  .q-di_fv-btm .di-circle {
    width: 286px;
  }
}
.q-di_fv-btm .di-circle::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(90deg, #ff0516 0%, #df0000);
  border-radius: 50%;
  z-index: 2;
}
.q-di_fv-btm .di-circle::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  right: -35px;
  bottom: -15px;
  background-image: linear-gradient(180deg, #ff9a00 0%, #f08300);
  border-radius: 50%;
  z-index: 1;
}
@media (width <= 828px) {
  .q-di_fv-btm .di-circle::after {
    right: -28px;
    bottom: -13px;
  }
}
.q-di_fv-btm .di-circle-wrap {
  padding-inline-end: 75px;
}
@media (width <= 828px) {
  .q-di_fv-btm .di-circle-wrap {
    padding-inline-end: 0;
    position: absolute;
    top: 24px;
    right: 16px;
  }
}
.q-di_fv-btm .di-circle-text {
  font-family: var(--ff-en);
  font-weight: 700;
  font-style: italic;
  font-size: 34px;
  letter-spacing: 0;
  line-height: 1;
  text-align: center;
  color: var(--color-light);
  position: relative;
  z-index: 3;
}
.q-di_fv-btm .di-circle-text__s {
  font-size: 25px;
}

.q-di_data {
  padding-block-end: 150px;
}
@media (width <= 828px) {
  .q-di_data {
    padding-block-end: 137px;
  }
}
.q-di_data .di-data {
  min-height: 167px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column;
  background-color: var(--color-bg-cold);
  border-radius: 16px;
}
@media (width <= 828px) {
  .q-di_data .di-data {
    padding-block-start: 20px;
    min-height: 278px;
    border-radius: 34px;
  }
}
.q-di_data .di-data-grid {
  margin-block-end: 85px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 73px 46px;
}
@media (width <= 828px) {
  .q-di_data .di-data-grid {
    margin-block-end: 138px;
    grid-template-columns: 1fr 1fr;
    gap: 110px 48px;
  }
}
.q-di_data .di-data-tag {
  width: 270px;
  padding-block: 10px;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 1;
  color: var(--color-light);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  background-image: linear-gradient(90deg, #ff3500 0%, #eb0017);
  border-radius: 999px;
}
@media (width <= 828px) {
  .q-di_data .di-data-tag {
    padding-block: 14px;
    font-size: 31px;
    letter-spacing: 0;
    line-height: 34px;
    width: 272px;
  }
}
.q-di_data .di-data-content._flex {
  display: flex;
}
.q-di_data .di-data-content ._num-l {
  font-family: var(--ff-en);
  font-weight: 700;
  font-style: italic;
  font-size: 83px;
  letter-spacing: -0.01em;
  line-height: 1;
}
@media (width <= 828px) {
  .q-di_data .di-data-content ._num-l {
    font-size: 114px;
  }
}
.q-di_data .di-data-content ._num-m {
  font-family: var(--ff-en);
  font-weight: 700;
  font-style: italic;
  font-size: 67px;
  letter-spacing: -0.01em;
  line-height: 1;
}
@media (width <= 828px) {
  .q-di_data .di-data-content ._num-m {
    font-size: 96px;
  }
}
.q-di_data .di-data-content ._num-s {
  font-family: var(--ff-en);
  font-weight: 700;
  font-style: italic;
  font-size: 49px;
  letter-spacing: -0.01em;
  line-height: 1;
}
@media (width <= 828px) {
  .q-di_data .di-data-content ._num-s {
    font-size: 73px;
  }
}
.q-di_data .di-data-content ._jp-xl {
  font-size: 31px;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1;
}
@media (width <= 828px) {
  .q-di_data .di-data-content ._jp-xl {
    font-size: 37px;
  }
}
.q-di_data .di-data-content ._jp-l {
  font-size: 28px;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1;
}
@media (width <= 828px) {
  .q-di_data .di-data-content ._jp-l {
    font-size: 33px;
    line-height: 37px;
  }
}
.q-di_data .di-data-content ._jp-m {
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.02em;
}
@media (width <= 828px) {
  .q-di_data .di-data-content ._jp-m {
    font-size: 31px;
  }
}
.q-di_data .di-data-content ._jp-s {
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.02em;
}
@media (width <= 828px) {
  .q-di_data .di-data-content ._jp-s {
    font-size: 27px;
  }
}
.q-di_data .di-data-content ._unit {
  font-size: 22px;
  font-weight: 500;
  line-height: 1;
}
@media (width <= 828px) {
  .q-di_data .di-data-content ._unit {
    font-size: 42px;
  }
}
.q-di_data .di-data-content__num {
  display: inline-block;
}
.q-di_data .di-data-content__note {
  font-size: 13px;
  letter-spacing: 0.02em;
  line-height: 1;
}
@media (width <= 828px) {
  .q-di_data .di-data-content__note {
    font-size: 28px;
    line-height: 32px;
  }
}
.q-di_data .di-data._01 {
  gap: 10px;
  padding-block-end: 15px;
  justify-content: end;
}
@media (width <= 828px) {
  .q-di_data .di-data._01 {
    justify-content: center;
    grid-column: span 2;
    padding-block-end: 0;
    gap: 10px;
  }
}
@media (width <= 828px) {
  .q-di_data .di-data._01 .di-data-tag {
    width: 415px;
  }
}
.q-di_data .di-data._01 .di-data-content {
  gap: 40px;
}
@media (width <= 828px) {
  .q-di_data .di-data._01 .di-data-content-inner {
    display: flex;
    align-items: center;
  }
}
@media (width <= 828px) {
  .q-di_data .di-data._01 .di-data-content ._num-m {
    font-size: 122px;
  }
}
@media (width <= 828px) {
  .q-di_data .di-data._02 .di-data-content ._num-l {
    font-size: 136px;
  }
}
@media (width <= 828px) {
  .q-di_data .di-data._02 .di-data-content ._jp-xl {
    font-size: 58px;
  }
}
.q-di_data .di-data._03 .di-data-content__text {
  display: flex;
  align-items: center;
}
.q-di_data .di-data._04 {
  gap: 20px;
  padding-block-end: 15px;
  justify-content: end;
}
@media (width <= 828px) {
  .q-di_data .di-data._04 {
    justify-content: center;
    padding-block-end: 0;
    gap: 0;
  }
}
.q-di_data .di-data._04 .di-data-content {
  gap: 40px;
}
.q-di_data .di-data._04 .di-data-content__text {
  display: flex;
  align-items: center;
}
.q-di_data .di-data._05 {
  gap: 5px;
  padding-block-end: 24px;
  justify-content: end;
}
@media (width <= 828px) {
  .q-di_data .di-data._05 {
    justify-content: center;
    padding-block-end: 0;
    gap: 0;
  }
}
.q-di_data .di-data._05 .di-data-content {
  gap: 40px;
}
.q-di_data .di-data._06 .di-data-content__text {
  display: flex;
  align-items: center;
}
@media (width <= 828px) {
  .q-di_data .di-data._06 .di-data-content ._unit {
    font-size: 27px;
  }
}
.q-di_data .di-data._07 {
  padding-block-end: 15px;
  justify-content: end;
  gap: 10px;
}
@media (width <= 828px) {
  .q-di_data .di-data._07 {
    justify-content: center;
    padding-block-end: 0;
    grid-column: span 2;
    order: 8;
    gap: 10px;
  }
}
@media (width <= 828px) {
  .q-di_data .di-data._07 .di-data-tag {
    width: 415px;
  }
}
.q-di_data .di-data._07 .di-data-content ._border-group {
  margin-inline-start: 20px;
  padding-inline-start: 20px;
  border-left: 1px solid var(--color-dark);
}
@media (width <= 828px) {
  .q-di_data .di-data._07 .di-data-content ._border-group {
    margin-inline-start: 60px;
    padding-inline-start: 40px;
  }
}
@media (width <= 828px) {
  .q-di_data .di-data._07 .di-data-content ._num-m {
    font-size: 114px;
  }
}
.q-di_data .di-data._08 {
  padding-block-start: 14px;
}
@media (width <= 828px) {
  .q-di_data .di-data._08 {
    grid-column: span 2;
    order: 9;
  }
}
@media (width <= 828px) {
  .q-di_data .di-data._08 .di-data-tag {
    width: 415px;
  }
}
.q-di_data .di-data._08 .di-data-content-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.q-di_data .di-data._08 .di-data-content ._border-group {
  margin-inline-start: 20px;
  padding-inline-start: 20px;
  border-left: 1px solid var(--color-dark);
}
@media (width <= 828px) {
  .q-di_data .di-data._08 .di-data-content ._border-group {
    margin-inline-start: 60px;
    padding-inline-start: 40px;
  }
}
@media (width <= 828px) {
  .q-di_data .di-data._08 .di-data-content ._num-l {
    font-size: 114px;
  }
}
@media (width <= 828px) {
  .q-di_data .di-data._09 {
    order: 7;
  }
}
.q-di_data .di-data._09 .di-data-content__text {
  display: flex;
  align-items: center;
}
@media (width <= 828px) {
  .q-di_data .di-data._09 .di-data-content ._num-m {
    font-size: 119px;
  }
}
.q-di_data .di-data-caption {
  width: 100%;
  min-height: 182px;
  padding-block: 50px 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border: 1px solid var(--color-dark);
  border-radius: 32px;
}
@media (width <= 828px) {
  .q-di_data .di-data-caption {
    min-height: 765px;
    padding-inline: 30px;
    padding-block-start: 145px;
    align-items: normal;
  }
}
.q-di_data .di-data-caption__tag {
  width: 786px;
  padding-block: 15px;
  text-align: center;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  color: var(--color-light);
  background-color: var(--color-dark);
  border-radius: 999px;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1;
}
@media (width <= 828px) {
  .q-di_data .di-data-caption__tag {
    width: 670px;
    padding-block: 35px;
    font-size: 32px;
    letter-spacing: 0;
    line-height: 47px;
  }
}
.q-di_data .di-data-caption__list {
  max-width: 1100px;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, auto);
  justify-content: space-between;
  gap: 15px 10px;
}
@media (width <= 828px) {
  .q-di_data .di-data-caption__list {
    display: block;
    max-width: 570px;
  }
}
.q-di_data .di-data-caption__list li {
  display: flex;
  gap: 7px;
  align-items: center;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1;
}
@media (width <= 828px) {
  .q-di_data .di-data-caption__list li {
    height: fit-content;
    margin-block-end: 38px;
    gap: 17px;
    font-size: 32px;
    line-height: 1;
    letter-spacing: 0;
  }
}
.q-di_data .di-data-caption__list li::before {
  content: "";
  width: 9px;
  height: 9px;
  background-color: var(--color-primary);
  border-radius: 50%;
}
@media (width <= 828px) {
  .q-di_data .di-data-caption__list li::before {
    width: 16px;
    height: 16px;
  }
}

.q-di_activ .block-global {
  margin-block-end: 125px;
}
.q-di_activ .block-global .c-di-heading {
  margin-block-end: 29px;
}
@media (width <= 828px) {
  .q-di_activ .block-global .c-di-heading {
    margin-block-end: 57px;
  }
}
.q-di_activ .block-global-text {
  margin-block-end: 55px;
  padding-inline: 40px;
  line-height: 37px;
}
@media (width <= 828px) {
  .q-di_activ .block-global-text {
    margin-block-end: 140px;
    padding-inline: 0;
    letter-spacing: 0;
    line-height: 64px;
  }
}
.q-di_activ .block-global-content {
  min-height: 409px;
  position: relative;
  background-color: var(--color-bg-cold);
  border-radius: 32px;
  padding-block: 75px 40px;
  padding-inline: 40px;
}
@media (width <= 828px) {
  .q-di_activ .block-global-content {
    min-height: 1744px;
    padding-block: 165px 40px;
  }
}
.q-di_activ .block-global-content__inner {
  max-width: 1130px;
  width: 100%;
  display: flex;
  gap: 40px;
  justify-content: space-between;
  margin-inline: auto;
}
@media (width <= 828px) {
  .q-di_activ .block-global-content__inner {
    max-width: 590px;
    flex-direction: column;
    justify-content: center;
    gap: 79px;
  }
}
.q-di_activ .block-global-content__tag {
  width: 706px;
  padding-block: 12px;
  text-align: center;
  color: var(--color-light);
  background-color: var(--color-dark);
  border-radius: 999px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  font-size: 23px;
  font-weight: 500;
  line-height: 1;
}
@media (width <= 828px) {
  .q-di_activ .block-global-content__tag {
    width: 670px;
    padding-block: 30px;
    font-size: 38px;
    line-height: 52px;
    letter-spacing: 0;
  }
}
.q-di_activ .block-global-content__textbox {
  max-width: 326px;
}
@media (width <= 828px) {
  .q-di_activ .block-global-content__textbox {
    max-width: 100%;
  }
}
.q-di_activ .block-global-content__head {
  font-size: 21px;
  font-weight: 500;
  line-height: 1;
  margin-block-end: 20px;
  letter-spacing: 0.06em;
}
@media (width <= 828px) {
  .q-di_activ .block-global-content__head {
    margin-block-end: 30px;
    font-size: 38px;
  }
}
.q-di_activ .block-global-content__text {
  line-height: 37px;
}
@media (width <= 828px) {
  .q-di_activ .block-global-content__text {
    letter-spacing: 0;
    line-height: 64px;
  }
}
.q-di_activ .block-global-imgbox__wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}
@media (width <= 828px) {
  .q-di_activ .block-global-imgbox__wrap {
    grid-template-columns: 1fr;
    gap: 60px;
  }
}
.q-di_activ .block-global-imgbox__head {
  margin-block-end: 10px;
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.06em;
}
@media (width <= 828px) {
  .q-di_activ .block-global-imgbox__head {
    margin-block-end: 20px;
    font-size: 30px;
    gap: 7px;
  }
}
.q-di_activ .block-global-imgbox__head::before {
  content: "";
  width: 9px;
  height: 9px;
  background-color: var(--color-primary);
  border-radius: 50%;
}
@media (width <= 828px) {
  .q-di_activ .block-global-imgbox__head::before {
    width: 16px;
    height: 16px;
  }
}
@media (width <= 828px) {
  .q-di_activ .block-global-imgbox__img {
    width: 100%;
  }
}
.q-di_activ .block-senior {
  margin-block-end: 164px;
}
@media (width <= 828px) {
  .q-di_activ .block-senior {
    margin-block-end: 168px;
  }
}
.q-di_activ .block-senior .c-di-heading {
  margin-block-end: 40px;
}
@media (width <= 828px) {
  .q-di_activ .block-senior .c-di-heading {
    margin-block-end: 77px;
  }
}
.q-di_activ .block-senior-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media (width <= 828px) {
  .q-di_activ .block-senior-grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}
.q-di_activ .block-senior-content {
  max-width: 517px;
  margin-inline: auto;
  border-bottom: 1px solid var(--color-dark);
}
@media (width <= 828px) {
  .q-di_activ .block-senior-content {
    max-width: 100%;
    width: 730px;
    border-bottom: none;
  }
}
.q-di_activ .block-senior-content__head {
  margin-block-end: 25px;
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 21px;
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: 1;
}
@media (width <= 828px) {
  .q-di_activ .block-senior-content__head {
    margin-block-end: 16px;
    gap: 16px;
    font-size: 38px;
  }
}
.q-di_activ .block-senior-content__head::before {
  content: "";
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: var(--color-primary);
}
@media (width <= 828px) {
  .q-di_activ .block-senior-content__head::before {
    width: 26px;
    height: 26px;
  }
}
.q-di_activ .block-senior-content__text {
  line-height: 37px;
}
@media (width <= 828px) {
  .q-di_activ .block-senior-content__text {
    letter-spacing: 0;
    line-height: 64px;
  }
}
.q-di_activ .block-senior-img {
  width: fit-content;
  height: fit-content;
  margin-inline: auto;
  position: relative;
}
.q-di_activ .block-senior-img::before {
  content: "";
  position: absolute;
  display: block;
  inset: 28px -10px -10px 46px;
  background-image: linear-gradient(90deg, #ff9a00 0%, #f08300);
  z-index: -1;
}
@media (width <= 828px) {
  .q-di_activ .block-senior-img img {
    width: 431px;
  }
}
.q-di_activ .block-health {
  margin-block-end: 152px;
}
@media (width <= 828px) {
  .q-di_activ .block-health {
    padding-block-end: 143px;
    border-bottom: 1px solid var(--color-dark);
  }
}
.q-di_activ .block-health .c-di-heading {
  margin-block-end: 64px;
}
@media (width <= 828px) {
  .q-di_activ .block-health .c-di-heading {
    margin-block-end: 85px;
  }
}
.q-di_activ .block-health__inner {
  max-width: 1130px;
  display: flex;
  justify-content: space-between;
  margin-inline: auto;
}
@media (width <= 828px) {
  .q-di_activ .block-health__inner {
    flex-direction: column;
    border-left: 1px solid var(--color-dark);
  }
}
.q-di_activ .block-health-content {
  max-width: 760px;
  width: 100%;
  height: fit-content;
  padding-inline-start: 29px;
  border-left: 1px solid var(--color-dark);
}
@media (width <= 828px) {
  .q-di_activ .block-health-content {
    max-width: 100%;
    padding-inline-start: 34px;
    border-left: none;
  }
}
.q-di_activ .block-health-list:last-child {
  padding-inline-start: 25px;
  border-left: 1px solid var(--color-dark);
}
@media (width <= 828px) {
  .q-di_activ .block-health-list:last-child {
    padding-inline-start: 0;
    border-left: none;
  }
}
.q-di_activ .block-health-list__wrap {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
@media (width <= 828px) {
  .q-di_activ .block-health-list__wrap {
    flex-direction: column;
    gap: 40px;
  }
}
.q-di_activ .block-health-list li {
  margin-block-end: 31px;
  font-size: 18px;
  line-height: 1;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 5px;
}
@media (width <= 828px) {
  .q-di_activ .block-health-list li {
    margin-block-end: 40px;
    gap: 18px;
    font-size: 33px;
    letter-spacing: 0.06em;
    line-height: 1;
  }
}
.q-di_activ .block-health-list li::before {
  content: "";
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: var(--color-primary);
}
@media (width <= 828px) {
  .q-di_activ .block-health-list li::before {
    width: 29px;
    height: 29px;
  }
}
.q-di_activ .block-health-list li:last-child {
  margin-block-end: 0;
}
.q-di_activ .block-health-list__note {
  margin-block-start: 35px;
}
@media (width <= 828px) {
  .q-di_activ .block-health-list__note {
    margin-block-start: 41px;
    padding-inline-start: 7px;
    font-size: 26px;
    line-height: 42px;
    letter-spacing: 0.06em;
  }
}
.q-di_activ .block-health-logo {
  margin-block-start: -32px;
}
@media (width <= 828px) {
  .q-di_activ .block-health-logo {
    margin-block-start: 8px;
    margin-inline-start: 160px;
  }
  .q-di_activ .block-health-logo img {
    width: 465px;
  }
}

.q-di_voice {
  margin-block-end: 148px;
}
@media (width <= 828px) {
  .q-di_voice {
    margin-block-end: 255px;
  }
}
.q-di_voice .c-di-heading {
  margin-block-end: 20px;
}
@media (width <= 828px) {
  .q-di_voice .c-di-heading {
    margin-block-end: 46px;
    font-size: 36px;
  }
}
@media (width <= 828px) {
  .q-di_voice .c-di-heading::after {
    display: none;
  }
}
.q-di_voice .di-voice {
  margin-block-end: 53px;
  margin-inline-start: 50px;
}
@media (width <= 828px) {
  .q-di_voice .di-voice {
    margin-block-end: 75px;
    margin-inline-start: 0;
  }
}
.q-di_voice .di-voice:last-child {
  margin-block-end: 0;
}
.q-di_voice .di-voice__wrap {
  padding-block: 112px 122px;
  padding-inline: 40px;
  border-radius: 55px;
}
@media (width <= 828px) {
  .q-di_voice .di-voice__wrap {
    border-radius: 0;
    padding-block: 70px 152px;
    padding-inline: 50px;
  }
}
.q-di_voice .di-voice__inner {
  max-width: 1040px;
  width: 100%;
  margin-inline: auto;
}
@media (width <= 828px) {
  .q-di_voice .di-voice__inner {
    max-width: 100%;
  }
}
.q-di_voice .di-voice-top {
  margin-block-end: 50px;
  display: flex;
  gap: 50px;
}
@media (width <= 828px) {
  .q-di_voice .di-voice-top {
    margin-block-end: 75px;
    flex-direction: column-reverse;
    gap: 110px;
  }
}
.q-di_voice .di-voice-top__voice-wrap {
  max-width: 529px;
  width: 100%;
}
@media (width <= 828px) {
  .q-di_voice .di-voice-top__voice-wrap {
    max-width: 100%;
  }
}
.q-di_voice .di-voice-top__img-group {
  max-width: 454px;
  width: 100%;
}
@media (width <= 828px) {
  .q-di_voice .di-voice-top__img-group {
    max-width: 100%;
  }
}
.q-di_voice .di-voice-top__img {
  margin-block-end: 8px;
}
@media (width <= 828px) {
  .q-di_voice .di-voice-top__img {
    width: 100%;
    margin-block-end: 18px;
  }
}
.q-di_voice .di-voice-top__fukidashi {
  width: 100%;
  margin-block-end: 35px;
  padding-block: 20px 30px;
  text-align: center;
  position: relative;
  font-size: 21px;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: 0.06em;
  background-color: var(--color-light);
  border-radius: 18px;
}
@media (width <= 828px) {
  .q-di_voice .di-voice-top__fukidashi {
    margin-block-end: 53px;
    padding-block: 30px 36px;
    font-size: 40px;
    line-height: 60px;
  }
}
.q-di_voice .di-voice-top__fukidashi::before {
  content: "";
  position: absolute;
  right: 66px;
  bottom: 1px;
  transform: translateY(100%);
  width: 21px;
  height: 22px;
  clip-path: polygon(0% 0%, 100% 0%, 0% 100%);
  background-color: var(--color-light);
}
@media (width <= 828px) {
  .q-di_voice .di-voice-top__fukidashi::before {
    width: 46px;
    height: 46px;
    right: 110px;
  }
}
.q-di_voice .di-voice-top__profile {
  padding-block-end: 7px;
  border-bottom: 1px solid var(--color-dark);
}
@media (width <= 828px) {
  .q-di_voice .di-voice-top__profile {
    padding-block-end: 14px;
  }
}
.q-di_voice .di-voice-top__profile ._name {
  margin-inline-end: 28px;
  padding-inline: 12px 25px;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: 1;
  border-right: 1px solid var(--color-dark);
}
@media (width <= 828px) {
  .q-di_voice .di-voice-top__profile ._name {
    padding-inline: 48px 52px;
    margin-inline-end: 56px;
    font-size: 38px;
  }
}
.q-di_voice .di-voice-top__profile ._category {
  font-size: 14px;
  letter-spacing: 0.06em;
  line-height: 1;
}
@media (width <= 828px) {
  .q-di_voice .di-voice-top__profile ._category {
    font-size: 30px;
  }
}
.q-di_voice .di-voice__q {
  margin-block-end: 16px;
  font-style: italic;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: 1;
  position: relative;
}
@media (width <= 828px) {
  .q-di_voice .di-voice__q {
    margin-block-end: 25px;
    padding-inline-start: 105px;
    font-size: 43px;
    line-height: 61px;
    letter-spacing: 0.03em;
  }
}
.q-di_voice .di-voice__q::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -4px;
  transform: translateX(-100%) translateY(-50%);
  width: 45px;
  height: 38px;
  background-image: url(../img/di/di_voice_q.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (width <= 828px) {
  .q-di_voice .di-voice__q::before {
    width: 96px;
    height: 82px;
    top: -6px;
    left: 0;
    transform: translate(0);
  }
}
.q-di_voice .di-voice__a {
  padding: 20px 32px 20px 34px;
  background-color: var(--color-light);
  border-radius: 13px;
  font-size: 16px;
  letter-spacing: 0.04em;
  line-height: 34px;
  text-align: justify;
}
@media (width <= 828px) {
  .q-di_voice .di-voice__a {
    padding: 60px 65px 60px 59px;
    font-size: 33px;
    letter-spacing: 0;
    line-height: 62px;
    border-radius: 38px;
  }
}

.p-faq .faq-fv__title {
  font-size: 82px;
  line-height: 1;
  letter-spacing: 0.064em;
  font-weight: 500;
  font-style: italic;
}
@media (width <= 828px) {
  .p-faq .faq-fv__title {
    font-size: 84px;
  }
}
.p-faq .faq-fv__title-en {
  margin-inline-start: 20px;
  font-family: var(--ff-en);
  font-style: italic;
  font-size: 96px;
  font-weight: 700;
  letter-spacing: 0.08em;
  display: inline-block;
  transform: translateY(6px);
}
@media (width <= 828px) {
  .p-faq .faq-fv__title-en {
    font-size: 95px;
    letter-spacing: 0.02em;
    margin-inline-start: 23px;
  }
}
.p-faq .faq-fv__title-s {
  font-family: var(--ff-en);
  font-size: 20px;
  font-weight: 700;
  font-style: italic;
  letter-spacing: 0.02em;
  line-height: 1;
}
@media (width <= 828px) {
  .p-faq .faq-fv__title-s {
    font-size: 28px;
    margin-block-end: 5px;
  }
}
.p-faq .faq-fv__title-wrap {
  margin-inline: auto;
  margin-block-end: 8px;
  width: 100%;
}
@media (width <= 828px) {
  .p-faq .faq-fv__title-wrap {
    max-width: 100%;
    margin-block-end: 18px;
  }
}
.p-faq .faq-fv__img {
  width: 100%;
}
.p-faq .faq-title {
  margin-block-end: 8px;
  margin-inline-start: 40px;
  padding-inline-start: 40px;
  padding-block: 6px 10px;
  font-size: 37px;
  line-height: 1;
  letter-spacing: 0.04em;
  border-left: 6px solid var(--color-primary);
}
@media (width <= 828px) {
  .p-faq .faq-title {
    padding-block: 9px 15px;
    padding-inline: 46px;
    margin-inline-start: 50px;
    margin-block-end: 30px;
    font-size: 60px;
    border-left: 10px solid var(--color-primary);
  }
}
.p-faq .faq-title__en {
  font-family: var(--ff-en);
  font-size: 65px;
  letter-spacing: 0.08em;
  font-weight: 700;
  font-style: italic;
}
@media (width <= 828px) {
  .p-faq .faq-title__en {
    font-size: 98px;
  }
}
.p-faq .faq-title__s {
  padding-inline-start: 26px;
  font-size: 25px;
}
@media (width <= 828px) {
  .p-faq .faq-title__s {
    padding-inline-start: 30px;
    font-size: 38px;
  }
}
.p-faq .faq {
  margin-block: 102px 162px;
}
@media (width <= 828px) {
  .p-faq .faq {
    margin-block: 149px 120px;
  }
}
.p-faq .faq .faq-title {
  margin-block-end: 16px;
  padding-block: 0;
  display: flex;
  align-items: center;
}
@media (width <= 828px) {
  .p-faq .faq .faq-title {
    margin-block-end: 9px;
  }
}
.p-faq .faq-content {
  padding-block: 82px 131px;
  padding-inline: 50px;
  border-radius: 43px;
}
@media (width <= 828px) {
  .p-faq .faq-content {
    padding-block: 131px 120px;
    border-radius: 0;
  }
}
.p-faq .faq-group {
  max-width: 1080px;
  margin-inline: auto;
}
.p-faq .faq-group:first-child {
  margin-block-end: 70px;
}
@media (width <= 828px) {
  .p-faq .faq-group:first-child {
    margin-block-end: 120px;
  }
}
.p-faq .faq-group__title {
  margin-block-end: 42px;
  font-style: italic;
  font-size: 31px;
  letter-spacing: 0.04em;
  line-height: 1;
  display: flex;
  align-items: center;
  gap: 9px;
}
@media (width <= 828px) {
  .p-faq .faq-group__title {
    margin-block-end: 48px;
    font-size: 47px;
    gap: 7px;
  }
}
.p-faq .faq-group__title::after {
  content: "";
  flex: 1;
  height: 1px;
  background-color: var(--color-dark);
}
.p-faq .faq-box {
  transition: var(--sec) ease;
  margin-block-end: 28px;
}
@media (width <= 828px) {
  .p-faq .faq-box {
    margin-block-end: 96px;
  }
}
.p-faq .faq-box:last-child {
  margin-block-end: 0;
}
.p-faq .faq-box__q {
  color: var(--color-light);
  position: relative;
  font-size: 21px;
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: 1.2;
  text-align: justify;
  flex: 1;
  transition: var(--sec);
}
@media (width <= 828px) {
  .p-faq .faq-box__q {
    max-width: 500px;
    font-size: 35px;
    letter-spacing: 0;
    line-height: 50px;
  }
}
.p-faq .faq-box__q::before {
  content: "";
  display: block;
  width: 18px;
  aspect-ratio: 1/1;
  background-color: var(--color-light);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: -13px;
  transform: translateX(-100%) translateY(-50%);
  transition: var(--sec);
}
@media (width <= 828px) {
  .p-faq .faq-box__q::before {
    width: 26px;
    top: 15px;
    left: -22px;
    transform: translateX(-100%) translateY(0);
  }
}
.p-faq .faq-box__q-wrap {
  position: relative;
  width: 100%;
  min-height: 80px;
  padding: 17px 20px 17px 70px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--color-dark);
}
@media (width <= 828px) {
  .p-faq .faq-box__q-wrap {
    min-height: 180px;
    padding: 48px 40px 52px 90px;
  }
}
.p-faq .faq-box__q-wrap::before {
  content: "";
  position: absolute;
  inset-block: 0;
  left: 0;
  width: 0;
  transition: var(--sec) ease;
}
.p-faq .faq-box._red {
  border-top: 4px solid var(--color-primary);
}
@media (width <= 828px) {
  .p-faq .faq-box._red {
    border-top: 8px solid var(--color-primary);
  }
}
.p-faq .faq-box._red .faq-box__q-wrap::before {
  background-color: var(--color-primary);
}
.p-faq .faq-box._orange {
  border-top: 4px solid #ef7100;
}
@media (width <= 828px) {
  .p-faq .faq-box._orange {
    border-top: 8px solid #ef7100;
  }
}
.p-faq .faq-box._orange .faq-box__q-wrap::before {
  background-color: #ef7100;
}
.p-faq .faq-box__btn {
  display: block;
  width: 45px;
  height: 45px;
  background-color: var(--color-light);
  border-radius: 50%;
  position: relative;
  transition: var(--sec) ease;
}
@media (width <= 828px) {
  .p-faq .faq-box__btn {
    width: 62px;
    height: 62px;
  }
}
.p-faq .faq-box__btn::before, .p-faq .faq-box__btn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  background-color: var(--color-dark);
  transition: var(--sec) ease;
}
.p-faq .faq-box__btn::before {
  width: 16px;
  height: 2px;
}
@media (width <= 828px) {
  .p-faq .faq-box__btn::before {
    width: 25px;
  }
}
.p-faq .faq-box__btn::after {
  width: 2px;
  height: 16px;
}
@media (width <= 828px) {
  .p-faq .faq-box__btn::after {
    height: 25px;
  }
}
.p-faq .faq-box__a {
  max-width: 900px;
  margin-inline: auto;
  line-height: 30px;
  text-align: justify;
}
@media (width <= 828px) {
  .p-faq .faq-box__a {
    max-width: 572px;
    line-height: 62px;
  }
}
.p-faq .faq-box__a-wrap {
  padding: 50px;
  background-color: var(--color-light);
  border-radius: 0 0 72px 72px;
}
@media (width <= 828px) {
  .p-faq .faq-box__a-wrap {
    padding-inline: 50px;
    padding-block: 57px 78px;
  }
}
.p-faq .faq-box.is-open .faq-box__btn::after {
  opacity: 0;
}
@media (width > 828px) {
  .p-faq .faq-box:has(.faq-box__q-wrap:hover) {
    border-top: 4px solid var(--color-dark) !important;
  }
  .p-faq .faq-box:has(.faq-box__q-wrap:hover) .faq-box__q-wrap::before {
    width: 100%;
  }
  .p-faq .faq-box:has(.faq-box__q-wrap:hover) .faq-box__q {
    color: var(--color-dark);
  }
  .p-faq .faq-box:has(.faq-box__q-wrap:hover) .faq-box__q::before {
    background-color: var(--color-dark);
  }
  .p-faq .faq-box:has(.faq-box__q-wrap:hover) .faq-box__btn {
    background-color: var(--color-dark);
  }
  .p-faq .faq-box:has(.faq-box__q-wrap:hover) .faq-box__btn::before, .p-faq .faq-box:has(.faq-box__q-wrap:hover) .faq-box__btn::after {
    background-color: var(--color-light);
  }
}

.q-new-faq .faq-fv {
  margin-block-start: 140px;
}
@media (width <= 828px) {
  .q-new-faq .faq-fv {
    margin-block-start: 126px;
  }
}
.q-new-faq .faq-fv__title {
  letter-spacing: 0.03em;
}
.q-new-faq .faq-fv__title-wrap {
  max-width: 633px;
}
@media (width <= 828px) {
  .q-new-faq .faq-fv__title-wrap {
    margin-inline-start: 123px;
  }
}
.q-new-faq .faq-fv__title-s {
  margin-inline-start: 20px;
}
@media (width <= 828px) {
  .q-new-faq .faq-fv__title-s {
    margin-inline-start: 12px;
  }
}
.q-new-faq .faq-flow {
  margin-block-start: 106px;
}
@media (width <= 828px) {
  .q-new-faq .faq-flow {
    margin-block-start: 120px;
  }
}
.q-new-faq .faq-flow .flow {
  width: 221px;
  margin-inline-start: 73px;
  position: relative;
}
@media (width <= 828px) {
  .q-new-faq .faq-flow .flow {
    width: 100%;
    margin-inline-start: 0;
    display: grid;
    grid-template-columns: 175px 1fr;
    height: 195px;
  }
}
.q-new-faq .faq-flow .flow__wrap {
  padding-block: 75px 85px;
  border-radius: 43px;
}
@media (width <= 828px) {
  .q-new-faq .faq-flow .flow__wrap {
    padding-inline: 80px;
    padding-block: 115px 144px;
    border-radius: 0;
  }
}
.q-new-faq .faq-flow .flow-box {
  display: flex;
  flex-wrap: wrap;
  max-width: 1105px;
  margin-inline: auto;
  row-gap: 45px;
}
@media (width <= 828px) {
  .q-new-faq .faq-flow .flow-box {
    max-width: 100%;
    width: 100%;
    flex-direction: column;
    gap: 95px;
  }
}
.q-new-faq .faq-flow .flow__arr {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 5px;
  width: 25px;
  height: 10px;
  top: 140px;
  left: -40px;
}
@media (width <= 828px) {
  .q-new-faq .faq-flow .flow__arr {
    width: 20px;
    height: 48px;
    flex-direction: column;
    justify-content: center;
    top: -68px;
    left: 79px;
    gap: 9px;
  }
}
.q-new-faq .faq-flow .flow__arr::before {
  content: "";
  flex: 1;
  height: 1px;
  background-color: var(--color-dark);
}
@media (width <= 828px) {
  .q-new-faq .faq-flow .flow__arr::before {
    width: 1px;
    height: auto;
  }
}
.q-new-faq .faq-flow .flow__arr::after {
  content: "";
  width: 7px;
  height: 10px;
  clip-path: polygon(0 0, 0 100%, 100% 50%);
  background-color: var(--color-dark);
}
@media (width <= 828px) {
  .q-new-faq .faq-flow .flow__arr::after {
    width: 20px;
    height: 14px;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
  }
}
.q-new-faq .faq-flow .flow__num {
  width: 100%;
  padding-block: 5px 8px;
  text-align: center;
  color: var(--color-light);
  background-color: var(--color-dark);
  font-family: var(--ff-en);
  font-size: 18px;
  font-weight: 700;
  font-style: italic;
  letter-spacing: 0.02em;
  border-radius: 15px 15px 0 0;
}
@media (width <= 828px) {
  .q-new-faq .faq-flow .flow__num {
    font-size: 30px;
    border-radius: 30px 0 0 30px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.q-new-faq .faq-flow .flow__textbox {
  width: 100%;
  height: 190px;
  background-color: var(--color-light);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0 0 15px 15px;
}
@media (width <= 828px) {
  .q-new-faq .faq-flow .flow__textbox {
    height: 100%;
    border-radius: 0 30px 30px 0;
  }
}
.q-new-faq .faq-flow .flow__text {
  font-size: 24px;
  font-style: italic;
  letter-spacing: 0.04em;
  line-height: 33px;
  text-align: center;
}
@media (width <= 828px) {
  .q-new-faq .faq-flow .flow__text {
    font-size: 38px;
    line-height: 52px;
  }
}
.q-new-faq .faq-flow .flow__text-s {
  display: block;
  font-size: 17px;
  font-style: normal;
  line-height: 20px;
}
@media (width <= 828px) {
  .q-new-faq .faq-flow .flow__text-s {
    font-size: 25.6px;
    letter-spacing: 0.04em;
    line-height: 1.2;
    padding-block-start: 10px;
  }
}
.q-new-faq .faq-flow .flow:nth-child(1) {
  margin-inline-start: 0;
}
.q-new-faq .faq-flow .flow:nth-child(1) .flow__arr {
  display: none;
}
.q-new-faq .faq-flow .flow:nth-child(7) .flow__num {
  background-color: var(--color-primary);
}

.q-career-faq .faq-fv {
  margin-block-start: 140px;
}
@media (width <= 828px) {
  .q-career-faq .faq-fv {
    margin-block-start: 126px;
  }
}
@media (width <= 828px) {
  .q-career-faq .faq-fv__title {
    letter-spacing: -0.1em;
  }
}
.q-career-faq .faq-fv__title-wrap {
  max-width: 747px;
}
@media (width <= 828px) {
  .q-career-faq .faq-fv__title-wrap {
    margin-inline-start: 64px;
  }
}
.q-career-faq .faq-fv__title-s {
  margin-inline-start: 20px;
}
@media (width <= 828px) {
  .q-career-faq .faq-fv__title-s {
    margin-inline-start: 22px;
  }
}
.q-career-faq .faq-flow {
  margin-block-start: 100px;
}
.q-career-faq .faq-flow-top {
  display: flex;
  align-items: center;
  gap: 47px;
}
@media (width <= 828px) {
  .q-career-faq .faq-flow-top {
    flex-direction: column;
    gap: 17px;
    align-items: unset;
    margin-block-end: 80px;
  }
}
.q-career-faq .faq-flow-top__text {
  line-height: 26px;
  flex: 1;
}
@media (width <= 828px) {
  .q-career-faq .faq-flow-top__text {
    line-height: 64px;
    padding-inline: 50px;
  }
}
.q-career-faq .faq-flow .flow {
  position: relative;
  background-color: var(--color-light);
  border-radius: 15px;
}
@media (width <= 828px) {
  .q-career-faq .faq-flow .flow {
    border-radius: 28px;
    display: grid;
    grid-template-columns: 176px 1fr;
    min-height: 278px;
    height: fit-content;
  }
}
.q-career-faq .faq-flow .flow__wrap {
  padding: 75px 40px 80px 40px;
  border-radius: 43px;
}
@media (width <= 828px) {
  .q-career-faq .faq-flow .flow__wrap {
    padding-block: 110px 141px;
    padding-inline: 80px;
    border-radius: 0;
  }
}
.q-career-faq .faq-flow .flow-box {
  max-width: 1160px;
  margin-inline: auto;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 50px;
}
@media (width <= 828px) {
  .q-career-faq .faq-flow .flow-box {
    grid-template-columns: 1fr;
    gap: 82px;
  }
}
.q-career-faq .faq-flow .flow__num {
  width: 100%;
  height: 53px;
  color: var(--color-light);
  background-color: var(--color-dark);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px 15px 0 0;
  font-family: var(--ff-en);
  font-size: 18px;
  font-weight: 700;
  font-style: italic;
  letter-spacing: 0.02em;
  line-height: 1;
}
@media (width <= 828px) {
  .q-career-faq .faq-flow .flow__num {
    font-size: 30px;
    height: 100%;
    border-radius: 28px 0 0 28px;
  }
}
.q-career-faq .faq-flow .flow__textbox {
  width: 100%;
  min-height: 252px;
  padding-block: 43px 40px;
  padding-inline: 21px;
}
@media (width <= 828px) {
  .q-career-faq .faq-flow .flow__textbox {
    padding-block: 36px 20px;
    padding-inline: 50px;
  }
}
.q-career-faq .faq-flow .flow__text {
  text-align: center;
  padding-block-end: 20px;
  margin-block-end: 20px;
  border-bottom: 1px solid var(--color-dark);
  font-size: 24px;
  line-height: 1;
  letter-spacing: 0.04em;
  font-style: italic;
}
@media (width <= 828px) {
  .q-career-faq .faq-flow .flow__text {
    font-size: 40px;
    text-align: justify;
    margin-block-end: 28px;
    padding-block-end: 10px;
  }
}
.q-career-faq .faq-flow .flow__text-s {
  line-height: 26px;
  letter-spacing: 0.03em;
  text-align: justify;
}
@media (width <= 828px) {
  .q-career-faq .faq-flow .flow__text-s {
    font-size: 30px;
    line-height: 40px;
    letter-spacing: 0;
  }
}
.q-career-faq .faq-flow .flow__arr {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 5px;
  width: 25px;
  height: 10px;
  top: 166px;
  left: -35px;
}
@media (width <= 828px) {
  .q-career-faq .faq-flow .flow__arr {
    width: 20px;
    height: 48px;
    flex-direction: column;
    justify-content: center;
    top: -68px;
    left: 79px;
    gap: 9px;
  }
}
.q-career-faq .faq-flow .flow__arr::before {
  content: "";
  flex: 1;
  height: 1px;
  background-color: var(--color-dark);
}
@media (width <= 828px) {
  .q-career-faq .faq-flow .flow__arr::before {
    width: 1px;
    height: auto;
  }
}
.q-career-faq .faq-flow .flow__arr::after {
  content: "";
  width: 7px;
  height: 10px;
  clip-path: polygon(0 0, 0 100%, 100% 50%);
  background-color: var(--color-dark);
}
@media (width <= 828px) {
  .q-career-faq .faq-flow .flow__arr::after {
    width: 20px;
    height: 14px;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
  }
}
.q-career-faq .faq-flow .flow:first-child .flow__arr {
  display: none;
}
.q-career-faq .faq-flow .flow:last-child .flow__num {
  background-color: var(--color-primary);
}
.q-career-faq .faq {
  margin-block: 123px 162px;
}
@media (width <= 828px) {
  .q-career-faq .faq {
    margin-block: 153px 196px;
  }
}
.q-career-faq .faq-content {
  padding-block: 112px 131px;
}
@media (width <= 828px) {
  .q-career-faq .faq-content {
    padding-block: 130px 150px;
  }
}
.q-career-faq .faq-group {
  margin-block-end: 0;
}
.q-career-faq .faq-group:first-child {
  margin-block-end: 0;
}

.q-global_fv {
  padding-block-start: 105px;
}
@media (width <= 828px) {
  .q-global_fv {
    padding-block-start: 136px;
  }
}
.q-global_fv .title-wrap {
  width: 900px;
  margin-inline: auto;
  margin-block-end: 18px;
}
@media (width <= 828px) {
  .q-global_fv .title-wrap {
    width: fit-content;
    margin-inline-start: 32px;
    margin-block-end: 31px;
  }
}
.q-global_fv .title .c-title_kasou__l {
  font-size: 106px;
}
@media (width <= 828px) {
  .q-global_fv .title .c-title_kasou__l {
    font-size: 89px;
  }
}
.q-global_fv .title .c-title_kasou__s {
  font-size: 20px;
}
@media (width <= 828px) {
  .q-global_fv .title .c-title_kasou__s {
    font-size: 28px;
  }
}
.q-global_fv .title .c-title_kasou__en {
  margin-inline-end: 17px;
}
@media (width <= 828px) {
  .q-global_fv .title .c-title_kasou__en {
    margin-inline-end: 35px;
    font-size: 32px;
  }
}

.q-global_tenkai {
  padding-block-start: 74px;
}
@media (width <= 828px) {
  .q-global_tenkai {
    padding-block-start: 62px;
  }
}
.q-global_tenkai .tenkai-text {
  text-align: center;
  font-size: 42px;
  letter-spacing: 0.06em;
  line-height: 1;
  font-style: italic;
}
@media (width <= 828px) {
  .q-global_tenkai .tenkai-text {
    padding-inline: 40px;
    margin-block-end: 10px;
    font-size: 41.7px;
    text-align: unset;
  }
}
.q-global_tenkai .tenkai-text ._num {
  font-family: var(--ff-en);
  font-size: 99px;
  letter-spacing: -0.024em;
  margin: 0 0 0 16px;
  font-weight: 700;
  color: var(--color-primary);
}
@media (width <= 828px) {
  .q-global_tenkai .tenkai-text ._num {
    font-size: 96.8px;
  }
}
.q-global_tenkai .tenkai-text ._l {
  font-size: 82px;
}
@media (width <= 828px) {
  .q-global_tenkai .tenkai-text ._l {
    font-size: 77px;
  }
}
.q-global_tenkai .tenkai-btn {
  margin-block-start: -34px;
}
@media (width <= 828px) {
  .q-global_tenkai .tenkai-btn {
    margin-block-start: -50px;
  }
}
.q-global_tenkai .tenkai-btn .linkbtn {
  margin-inline: auto;
  max-width: 794px;
  height: 68px;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: 1;
}
@media (width <= 828px) {
  .q-global_tenkai .tenkai-btn .linkbtn {
    max-width: 730px;
    height: 100px;
    font-size: 28px;
  }
}
.q-global_tenkai .tenkai-btn .linkbtn ._en {
  margin-inline-start: 47px;
  font-family: var(--ff-en);
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0;
}
@media (width <= 828px) {
  .q-global_tenkai .tenkai-btn .linkbtn ._en {
    font-size: 24px;
    margin-inline-start: 30px;
  }
}
@media (width <= 828px) {
  .q-global_tenkai .tenkai-btn .linkbtn .link-icon {
    width: 25px;
    height: 18px;
  }
}
.q-global_tenkai .map {
  width: fit-content;
  margin-inline: auto;
  padding-inline: 50px;
}
@media (width <= 828px) {
  .q-global_tenkai .map img {
    min-width: 1756px;
  }
}
.q-global_tenkai .map-wrap {
  padding-block: 60px 125px;
}
@media (width <= 828px) {
  .q-global_tenkai .map-wrap {
    padding-block: 70px 160px;
    overflow-x: scroll;
    scrollbar-width: none;
  }
}

.q-global_content {
  padding-block-start: 123px;
}
.q-global_content .text-set__text-l {
  margin-block-end: 15px;
  font-style: italic;
  font-size: 29px;
  font-weight: 500;
  letter-spacing: 0.09em;
  line-height: 55px;
}
@media (width <= 828px) {
  .q-global_content .text-set__text-l {
    margin-block-end: 33px;
    font-size: 50px;
    letter-spacing: -0.01em;
    line-height: 84px;
    white-space: nowrap;
  }
}
.q-global_content .text-set__text {
  letter-spacing: 0.04em;
  line-height: 35px;
}
@media (width <= 828px) {
  .q-global_content .text-set__text {
    letter-spacing: 0;
    line-height: 64px;
  }
}
.q-global_content .data-head {
  margin-block-end: 84px;
}
@media (width <= 828px) {
  .q-global_content .data-head {
    margin-block-end: 111px;
  }
}
.q-global_content .data-title {
  width: fit-content;
  padding-block-end: 8px;
  font-size: 25px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1;
  border-bottom: 5px solid var(--color-primary);
}
@media (width <= 828px) {
  .q-global_content .data-title {
    padding-block-end: 12px;
    font-size: 40px;
    letter-spacing: 0.06em;
  }
}
.q-global_content .data-title__wrap {
  border-bottom: 1px solid var(--color-dark);
}
.q-global_content .data-value-set {
  display: flex;
  align-items: center;
  gap: 18px;
}
.q-global_content .data-value-set ._tag {
  padding: 9px 30px 10px 20px;
  display: inline-block;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1;
  background: linear-gradient(20deg, #ff6c00, #e60012);
  color: var(--color-light);
  font-size: 18px;
  clip-path: polygon(0% 0%, calc(100% - 15px) 0%, 100% 50%, calc(100% - 15px) 100%, 0% 100%);
}
@media (width <= 828px) {
  .q-global_content .data-value-set ._tag {
    padding: 13px 50px 14px 35px;
    font-size: 32px;
    clip-path: polygon(0% 0%, calc(100% - 23px) 0%, 100% 50%, calc(100% - 23px) 100%, 0% 100%);
  }
}
.q-global_content .data-value-set ._value {
  line-height: 1;
  font-size: 31px;
}
@media (width <= 828px) {
  .q-global_content .data-value-set ._value {
    font-size: 38px;
  }
}
.q-global_content .data-value-set ._num {
  font-family: var(--ff-en);
  font-size: 84px;
  font-style: italic;
  font-weight: 700;
  letter-spacing: -0.024em;
  display: inline-block;
}
@media (width <= 828px) {
  .q-global_content .data-value-set ._num {
    font-size: 116px;
  }
}
.q-global_content .data-value-set._l {
  margin-block-end: 33px;
}
@media (width <= 828px) {
  .q-global_content .data-value-set._l {
    margin-block-end: 18px;
  }
}
.q-global_content .data-value-set._l ._tag {
  font-size: 27px;
  padding: 11px 55px 12px 40px;
  clip-path: polygon(0% 0%, calc(100% - 20px) 0%, 100% 50%, calc(100% - 20px) 100%, 0% 100%);
}
@media (width <= 828px) {
  .q-global_content .data-value-set._l ._tag {
    padding: 13px 66px 14px 52px;
    font-size: 32px;
  }
}
.q-global_content .data-value-set._l ._value {
  font-size: 32.5px;
}
@media (width <= 828px) {
  .q-global_content .data-value-set._l ._value {
    font-size: 38px;
  }
}
.q-global_content .data-value-set._l ._num {
  font-size: 99px;
}
@media (width <= 828px) {
  .q-global_content .data-value-set._l ._num {
    font-size: 116px;
  }
}
.q-global_content .data-value-set._m ._tag {
  padding: 10px 34px 11px 27px;
  font-size: 21px;
}
@media (width <= 828px) {
  .q-global_content .data-value-set._m ._tag {
    padding: 11px 39px 12px 30px;
    font-size: 24px;
  }
}
.q-global_content .data-value-set._m ._num {
  letter-spacing: -0.018em;
}
@media (width <= 828px) {
  .q-global_content .data-value-set._m ._num {
    font-size: 96px;
  }
}
@media (width <= 828px) {
  .q-global_content .data-value-set._m ._value {
    font-size: 38px;
  }
}
.q-global_content .data-graph {
  position: relative;
}
.q-global_content .data-graph__abs {
  bottom: -19%;
  right: 29%;
  position: absolute;
  width: fit-content;
  background-color: var(--color-light);
}
@media (width <= 828px) {
  .q-global_content .data-graph__abs {
    bottom: -50px;
    right: 120px;
  }
}
.q-global_content .data-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}
@media (width <= 828px) {
  .q-global_content .data-grid {
    grid-template-columns: 1fr;
    gap: 36px;
  }
}
.q-global_content .data-grid__text {
  line-height: 35px;
  letter-spacing: 0.04em;
}
@media (width <= 828px) {
  .q-global_content .data-grid__text {
    line-height: 64px;
    letter-spacing: 0;
  }
}
.q-global_content .data-grid__data {
  width: fit-content;
  margin: 0 0 0 auto;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (width <= 828px) {
  .q-global_content .data-grid__data {
    margin: 0;
  }
}
.q-global_content .data._01 {
  margin-block-end: 107px;
}
.q-global_content .data._01 .data-title__wrap {
  margin-block-end: 40px;
}
.q-global_content .data._02 {
  margin-block-end: 182px;
}
@media (width <= 828px) {
  .q-global_content .data._02 {
    margin-block-end: 174px;
  }
}
.q-global_content .data._02 .data-title__wrap {
  margin-block-end: 34px;
}
@media (width <= 828px) {
  .q-global_content .data._02 .data-title__wrap {
    margin-block-end: 39px;
  }
}
.q-global_content .office-wrap {
  padding-block-end: 110px;
  border-bottom: 12px solid var(--color-primary);
}
@media (width <= 828px) {
  .q-global_content .office-wrap {
    padding-block-end: 102px;
  }
}
.q-global_content .office-tag {
  width: fit-content;
  font-size: 23px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.02em;
  padding: 10px 68px 12px 70px;
  transform: translateY(-50%);
  background-color: var(--color-dark);
  color: var(--color-light);
}
@media (width <= 828px) {
  .q-global_content .office-tag {
    margin-block-end: -30px;
    margin-inline-start: 50px;
    padding: 15px 100px 15px 90px;
    font-size: 34px;
    letter-spacing: 0.02em;
  }
}
.q-global_content .office-head {
  max-width: 1058px;
  margin-inline: auto;
  margin-block: 50px 1px;
}
@media (width <= 828px) {
  .q-global_content .office-head .text-set__text {
    padding-inline: 50px;
  }
}
.q-global_content .office-head .text-set__text-l {
  margin-block-end: 10px;
}
@media (width <= 828px) {
  .q-global_content .office-head .text-set__text-l {
    padding-inline: 28px;
  }
}
@media (width <= 828px) {
  .q-global_content .office-map {
    padding-inline: 50px;
  }
}
@media (width <= 828px) {
  .q-global_content .office-map__wrap {
    overflow-x: scroll;
    scrollbar-width: none;
  }
}
.q-global_content .office-map img {
  display: block;
  margin-inline: auto;
}
@media (width <= 828px) {
  .q-global_content .office-map img {
    min-width: 1725px;
  }
}

.q-global_question {
  padding-block-start: 135px;
}
@media (width <= 828px) {
  .q-global_question {
    padding-block-start: 138px;
  }
}
.q-global_question .question {
  display: flex;
  gap: 65px;
}
@media (width <= 828px) {
  .q-global_question .question {
    flex-direction: column;
    gap: 57px;
  }
}
.q-global_question .question-textbox {
  max-width: 470px;
}
@media (width <= 828px) {
  .q-global_question .question-textbox {
    max-width: 100%;
  }
}
.q-global_question .question-textbox__title {
  font-style: italic;
  margin-block-end: 20px;
  padding-block: 10px;
  padding-inline-start: 40px;
  font-size: 32px;
  font-weight: 500;
  line-height: 1;
  border-left: 11px solid var(--color-primary);
}
@media (width <= 828px) {
  .q-global_question .question-textbox__title {
    margin-block-end: 38px;
    padding-block: 0;
    padding-inline-start: 30px;
    font-size: 50px;
    letter-spacing: 0.03em;
  }
}
.q-global_question .question-textbox__text {
  padding-inline-start: 40px;
  line-height: 40px;
}
@media (width <= 828px) {
  .q-global_question .question-textbox__text {
    padding-inline: 0;
    letter-spacing: 0;
    line-height: 64px;
  }
}
@media (width > 828px) {
  .q-global_question .question-imgbox {
    width: 745px;
  }
}
@media (width <= 828px) {
  .q-global_question .question-imgbox {
    width: 100%;
  }
}
.q-global_question .question-imgbox__data {
  width: 100%;
  margin-block-start: 34px;
  padding-block: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  border-right: 1px solid var(--color-dark);
  border-left: 1px solid var(--color-dark);
}
@media (width <= 828px) {
  .q-global_question .question-imgbox__data {
    margin-block-start: 10px;
  }
}
.q-global_question .question-imgbox__data ._sub {
  font-size: 29px;
  font-weight: 500;
  line-height: 1;
}
@media (width <= 828px) {
  .q-global_question .question-imgbox__data ._sub {
    font-size: 32px;
  }
}
.q-global_question .question-imgbox__data ._main {
  font-size: 41px;
  line-height: 1;
  font-weight: 500;
}
@media (width <= 828px) {
  .q-global_question .question-imgbox__data ._main {
    font-size: 46px;
  }
}
.q-global_question .question-imgbox__data ._num {
  display: inline-block;
  font-family: var(--ff-en);
  font-size: 106px;
  letter-spacing: 0.02em;
  font-weight: 700;
  font-style: italic;
  color: var(--color-primary);
}
@media (width <= 828px) {
  .q-global_question .question-imgbox__data ._num {
    font-size: 120px;
  }
}

.q-global_voice {
  padding-block-start: 100px;
}
.q-global_voice .voice-tab-menu {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 34px;
}
@media (width <= 828px) {
  .q-global_voice .voice-tab-menu {
    gap: 10px;
  }
}
.q-global_voice .voice-tab-btn {
  width: 100%;
  height: 98px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 10px;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1;
  color: var(--color-light);
  background-color: var(--color-dark);
  border-radius: 14px 14px 0 0;
  cursor: pointer;
}
@media (width > 828px) {
  .q-global_voice .voice-tab-btn {
    transition: opacity var(--sec);
  }
  .q-global_voice .voice-tab-btn:hover {
    opacity: 0.6;
  }
}
@media (width <= 828px) {
  .q-global_voice .voice-tab-btn {
    height: 145px;
    font-size: 26px;
    letter-spacing: 0;
    line-height: 32px;
    text-align: center;
  }
}
.q-global_voice .voice-tab-btn.active {
  background: var(--color-primary);
}
.q-global_voice .voice-tab-btn ._en {
  display: block;
  font-family: var(--ff-en);
  font-style: italic;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.03em;
}
@media (width <= 828px) {
  .q-global_voice .voice-tab-btn ._en {
    font-size: 20px;
    line-height: 22px;
  }
}
.q-global_voice .global-voice {
  padding-block: 104px 184px;
}
@media (width <= 828px) {
  .q-global_voice .global-voice {
    padding-block: 87px 251px;
  }
}
.q-global_voice .global-voice__title-wrap {
  margin-block-end: 40px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 45px;
  align-items: center;
}
@media (width <= 828px) {
  .q-global_voice .global-voice__title-wrap {
    margin-block-end: 25px;
    gap: 12px;
  }
}
.q-global_voice .global-voice__title {
  font-size: 32px;
  font-weight: 500;
  line-height: 1;
}
@media (width <= 828px) {
  .q-global_voice .global-voice__title {
    font-size: 48px;
  }
}
.q-global_voice .global-voice__title ._sub {
  margin-inline-start: 20px;
  font-family: var(--ff-en);
  font-style: italic;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media (width <= 828px) {
  .q-global_voice .global-voice__title ._sub {
    margin-inline-start: 12px;
    font-size: 20px;
  }
}
.q-global_voice .global-voice__title-line {
  display: block;
  width: 100%;
  height: 1px;
  background-color: var(--color-dark);
}
.q-global_voice .voice-tab-content {
  display: none;
}
.q-global_voice .voice-tab-content.active {
  display: block;
}
.q-global_voice .voice-content {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 39px;
  background-color: var(--color-light);
  padding: 70px 75px 70px 0;
}
@media (width <= 828px) {
  .q-global_voice .voice-content {
    padding-inline: 0;
    padding-block: 47px 61px;
    grid-template-columns: 1fr;
    gap: 60px;
  }
}
.q-global_voice .voice-content__l {
  max-width: 542px;
}
@media (width <= 828px) {
  .q-global_voice .voice-content__l {
    max-width: 800px;
  }
}
@media (width <= 828px) {
  .q-global_voice .voice-content__r {
    max-width: 622px;
    margin-inline: auto;
  }
}
.q-global_voice .voice-content__head {
  padding-inline: 65px 0;
  border-left: 11px solid var(--color-primary);
}
@media (width <= 828px) {
  .q-global_voice .voice-content__head {
    padding-inline: 41px 52px;
  }
}
.q-global_voice .voice-content__head ._name {
  margin-block-end: 20px;
  letter-spacing: 0.05em;
  font-weight: 500;
  line-height: 1;
}
@media (width <= 828px) {
  .q-global_voice .voice-content__head ._name {
    font-size: 24px;
  }
}
.q-global_voice .voice-content__head ._en {
  padding-block-end: 10px;
  display: block;
  font-family: var(--ff-en);
  font-style: italic;
  font-size: 30px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1;
}
@media (width <= 828px) {
  .q-global_voice .voice-content__head ._en {
    font-size: 44px;
  }
}
.q-global_voice .voice-content__head ._info {
  margin-block-end: 23px;
}
.q-global_voice .voice-content__head ._info li {
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.05em;
  padding-block: 14px;
  border-bottom: 1px solid var(--color-dark);
}
@media (width <= 828px) {
  .q-global_voice .voice-content__head ._info li {
    padding-block: 18px;
    font-size: 26px;
  }
}
.q-global_voice .voice-content__head ._info li:first-child {
  border-top: 1px solid var(--color-dark);
}
.q-global_voice .voice-content__head ._detail {
  padding-inline-start: 15px;
  margin-inline-start: 15px;
  border-left: 1px solid var(--color-dark);
  line-height: 1;
  font-size: 13px;
  letter-spacing: 0.04em;
}
@media (width <= 828px) {
  .q-global_voice .voice-content__head ._detail {
    padding-inline-start: 20px;
    margin-inline-start: 20px;
    font-size: 22px;
  }
}
.q-global_voice .voice-content__comment {
  padding-inline: 75px 0;
  line-height: 40px;
  text-align: justify;
}
@media (width <= 828px) {
  .q-global_voice .voice-content__comment {
    padding-inline: 52px;
    line-height: 64px;
  }
}
@media (width <= 828px) {
  .q-global_voice .voice-content__img {
    width: 100%;
  }
}
.q-global_voice .voice-content__career {
  margin-block-start: 46px;
}
@media (width <= 828px) {
  .q-global_voice .voice-content__career {
    margin-block-start: 28px;
  }
}
.q-global_voice .voice-content__career ._title-wrap {
  margin-block-end: 30px;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
}
@media (width <= 828px) {
  .q-global_voice .voice-content__career ._title-wrap {
    margin-block-end: 13px;
  }
}
.q-global_voice .voice-content__career ._title {
  font-weight: 500;
  line-height: 1;
  padding-inline: 10px;
  border-left: 1px solid var(--color-dark);
  border-right: 1px solid var(--color-dark);
}
@media (width <= 828px) {
  .q-global_voice .voice-content__career ._title {
    font-size: 24px;
    padding-inline: 17px;
  }
}
.q-global_voice .voice-content__career ._line {
  display: block;
  width: 1fe;
  height: 1px;
  background-color: var(--color-dark);
}
.q-global_voice .voice-content__career-list {
  display: flex;
  flex-wrap: wrap;
  gap: 9px 26px;
}
@media (width <= 828px) {
  .q-global_voice .voice-content__career-list {
    gap: 9px 34px;
  }
}
.q-global_voice .voice-content__career-list li {
  width: fit-content;
  padding: 7px 18px;
  font-weight: 500;
  line-height: 1;
  color: var(--color-light);
  background-color: #666666;
  position: relative;
}
@media (width <= 828px) {
  .q-global_voice .voice-content__career-list li {
    padding: 8px 20px;
    font-size: 20px;
  }
}
.q-global_voice .voice-content__career-list li._red {
  background-color: var(--color-primary);
}
.q-global_voice .voice-content__career-list li::before {
  content: "";
  position: absolute;
  display: block;
  width: 10px;
  height: 12px;
  top: 50%;
  right: -20px;
  transform: translateY(-50%);
  background-color: #666666;
  clip-path: polygon(10px 50%, 0% 0%, 0% 12px);
}
@media (width <= 828px) {
  .q-global_voice .voice-content__career-list li::before {
    width: 13px;
    height: 15px;
    right: -24px;
    clip-path: polygon(13px 50%, 0% 0%, 0% 15px);
  }
}
.q-global_voice .voice-content__career-list li:last-child::before {
  display: none;
}

.q-jobcore_nav {
  padding-block-start: 92px;
}
@media (width <= 828px) {
  .q-jobcore_nav {
    padding-block-start: 106px;
  }
}
.q-jobcore_nav .core-nev-head {
  margin-block-end: 26px;
  font-size: 25px;
  font-weight: 500;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
}
@media (width <= 828px) {
  .q-jobcore_nav .core-nev-head {
    font-size: 36px;
    letter-spacing: 0;
    justify-content: space-between;
    gap: 0;
  }
}
.q-jobcore_nav .core-nev-head::before, .q-jobcore_nav .core-nev-head::after {
  content: "";
  display: block;
  width: 82px;
  height: 1px;
  background-color: var(--color-dark);
}
@media (width <= 828px) {
  .q-jobcore_nav .core-nev-head::before, .q-jobcore_nav .core-nev-head::after {
    width: 30px;
  }
}
.q-jobcore_nav .core-nev__wrap {
  display: flex;
  flex-direction: column;
  gap: 44px;
}
@media (width <= 828px) {
  .q-jobcore_nav .core-nev__wrap {
    flex-direction: row;
    gap: 26px;
  }
}
.q-jobcore_nav .core-nev__grid {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 50px;
}
@media (width <= 828px) {
  .q-jobcore_nav .core-nev__grid {
    grid-template-columns: 1fr;
    gap: 39px;
    width: 546px;
  }
}
.q-jobcore_nav .core-nev__grid li {
  position: relative;
}
.q-jobcore_nav .core-nev__grid li::before {
  content: "";
  position: absolute;
  width: 17px;
  height: 21px;
  top: 50%;
  right: -33px;
  transform: translateY(-50%);
  background-color: var(--color-dark);
  clip-path: polygon(17px 50%, 0% 0%, 0% 21px);
}
@media (width <= 828px) {
  .q-jobcore_nav .core-nev__grid li::before {
    width: 27px;
    height: 21px;
    top: auto;
    right: auto;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    clip-path: polygon(50% 21px, 0% 0%, 27px 0%);
  }
}
.q-jobcore_nav .core-nev__grid li:last-child::before {
  display: none;
}
.q-jobcore_nav .core-link {
  width: 100%;
  height: 397px;
  padding-block: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  border-radius: 999px;
  background-image: linear-gradient(180deg, #ffc967 0%, #ffaf0f);
}
@media (width <= 828px) {
  .q-jobcore_nav .core-link {
    padding-block: 0;
    padding-inline: 43px 48px;
    width: 100%;
    height: 111px;
    flex-direction: row;
    background-image: linear-gradient(45deg, #ffc967 0%, #ffaf0f);
  }
}
.q-jobcore_nav .core-link__top {
  display: flex;
  flex-direction: column;
  gap: 14px;
  align-items: center;
  justify-content: center;
}
@media (width <= 828px) {
  .q-jobcore_nav .core-link__top {
    flex-direction: row;
    gap: 17px;
  }
}
.q-jobcore_nav .core-link__btm {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 9.5px;
}
@media (width <= 828px) {
  .q-jobcore_nav .core-link__btm {
    flex-direction: row;
    gap: 36px;
  }
}
.q-jobcore_nav .core-link ._num {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--ff-en);
  font-size: 23px;
  font-weight: 700;
  letter-spacing: 0.02;
  line-height: 1;
  border-radius: 50%;
  color: var(--color-light);
  background-color: var(--color-primary);
  transition: var(--sec);
}
@media (width <= 828px) {
  .q-jobcore_nav .core-link ._num {
    width: 51px;
    height: 51px;
    font-size: 30px;
  }
}
.q-jobcore_nav .core-link ._title {
  writing-mode: vertical-rl;
  font-size: 26px;
  font-weight: 500;
  transition: var(--sec);
}
@media (width <= 828px) {
  .q-jobcore_nav .core-link ._title {
    font-size: 34px;
    line-height: 1;
    writing-mode: unset;
  }
}
.q-jobcore_nav .core-link ._icon {
  transition: var(--sec);
  color: var(--color-dark);
}
.q-jobcore_nav .core-link__arr {
  width: 12px;
  height: 41.5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
@media (width <= 828px) {
  .q-jobcore_nav .core-link__arr {
    width: 14px;
    height: 49px;
  }
}
.q-jobcore_nav .core-link__arr::before {
  content: "";
  width: 1px;
  height: 28px;
  background-color: var(--color-dark);
  transition: var(--sec);
}
@media (width <= 828px) {
  .q-jobcore_nav .core-link__arr::before {
    height: 33px;
  }
}
.q-jobcore_nav .core-link__arr::after {
  content: "";
  width: 12px;
  height: 8px;
  background-color: var(--color-dark);
  clip-path: polygon(50% 8px, 0% 0%, 12px 0%);
  transition: var(--sec);
}
@media (width <= 828px) {
  .q-jobcore_nav .core-link__arr::after {
    width: 14px;
    height: 10px;
    clip-path: polygon(50% 10px, 0% 0%, 14px 0%);
  }
}
.q-jobcore_nav .core-link._hov {
  text-decoration: none;
}
@media (width <= 828px) {
  .q-jobcore_nav .core-link._1 ._icon {
    width: 63px;
    height: auto;
  }
}
@media (width <= 828px) {
  .q-jobcore_nav .core-link._2 ._icon {
    width: 70px;
    height: auto;
  }
}
@media (width <= 828px) {
  .q-jobcore_nav .core-link._3 ._icon {
    width: 63px;
    height: auto;
  }
}
@media (width <= 828px) {
  .q-jobcore_nav .core-link._4 ._icon {
    width: 69px;
    height: auto;
  }
}
@media (width <= 828px) {
  .q-jobcore_nav .core-link._5 ._icon {
    width: 57px;
    height: auto;
  }
}
@media (width <= 828px) {
  .q-jobcore_nav .core-link._6 ._icon {
    width: 64px;
    height: auto;
  }
}
@media (width <= 828px) {
  .q-jobcore_nav .core-link._7 ._icon {
    width: 71px;
    height: auto;
  }
}
.q-jobcore_nav .core-link._8 {
  padding-block-end: 75px;
  background-image: linear-gradient(180deg, #ff3500 0%, #d90003);
}
@media (width <= 828px) {
  .q-jobcore_nav .core-link._8 {
    padding-block-end: 0;
    padding-inline-end: 90px;
    background-image: linear-gradient(45deg, #ff3500 0%, #d90003);
  }
}
.q-jobcore_nav .core-link._8 ._num {
  background-color: var(--color-light);
  color: var(--color-dark);
}
.q-jobcore_nav .core-link._8 ._title {
  color: var(--color-light);
}
.q-jobcore_nav .core-link._8 ._icon {
  color: var(--color-light);
}
@media (width <= 828px) {
  .q-jobcore_nav .core-link._8 ._icon {
    width: 83px;
    height: auto;
  }
}
@media (width > 828px) {
  .q-jobcore_nav .core-link:hover._hov ._num {
    color: var(--color-primary);
    background-color: var(--color-dark);
  }
  .q-jobcore_nav .core-link:hover._hov ._title {
    color: var(--color-primary);
  }
  .q-jobcore_nav .core-link:hover._hov ._icon {
    color: var(--color-primary);
  }
  .q-jobcore_nav .core-link:hover._hov .core-link__arr::before, .q-jobcore_nav .core-link:hover._hov .core-link__arr::after {
    background-color: var(--color-primary);
  }
}
.q-jobcore_nav .core-link-kanri {
  width: 100%;
  height: 100px;
  padding-inline: 115px 75px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 999px;
  background-image: linear-gradient(90deg, #b3dbef 0%, #a9cadf);
  text-decoration: none;
}
@media (width <= 828px) {
  .q-jobcore_nav .core-link-kanri {
    padding-inline: 0;
    padding-block: 73px 61px;
    width: 156px;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
    background-image: linear-gradient(180deg, #b3dbef 0%, #a9cadf);
  }
}
.q-jobcore_nav .core-link-kanri__inner {
  display: flex;
  align-items: center;
  gap: 25px;
}
.q-jobcore_nav .core-link-kanri ._title {
  font-size: 26px;
  font-weight: 500;
  transition: var(--sec);
}
@media (width <= 828px) {
  .q-jobcore_nav .core-link-kanri ._title {
    font-size: 34px;
    line-height: 1;
    writing-mode: vertical-rl;
  }
}
.q-jobcore_nav .core-link-kanri ._icon {
  transition: var(--sec);
  color: var(--color-dark);
}
@media (width <= 828px) {
  .q-jobcore_nav .core-link-kanri ._icon {
    width: 68px;
    height: auto;
  }
}
@media (width > 828px) {
  .q-jobcore_nav .core-link-kanri:hover ._title {
    color: var(--color-primary);
  }
  .q-jobcore_nav .core-link-kanri:hover ._icon {
    color: var(--color-primary);
  }
  .q-jobcore_nav .core-link-kanri:hover .core-link__arr::before, .q-jobcore_nav .core-link-kanri:hover .core-link__arr::after {
    background-color: var(--color-primary);
  }
}

.q-jobcore {
  padding-block: 43px 160px;
}
.q-jobcore .jobcore {
  max-width: 1417px;
  margin-inline: auto;
}
@media (width <= 828px) {
  .q-jobcore .jobcore {
    padding-inline: 0;
  }
}
.q-jobcore .jobcore-head {
  margin-block-end: 14px;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding-inline-end: 40px;
}
@media (width <= 828px) {
  .q-jobcore .jobcore-head {
    padding-inline-end: 0;
    flex-direction: column;
    margin-block-end: 38.5px;
    gap: 35px;
  }
}
.q-jobcore .jobcore-head__tag {
  max-width: 554px;
  width: 100%;
  height: 110px;
  padding-inline: 55px 65px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 0 999px 999px 0;
  background-image: linear-gradient(90deg, #ffc967 0%, #ffaf0f);
}
@media (width <= 828px) {
  .q-jobcore .jobcore-head__tag {
    max-width: 780px;
    height: 145px;
    padding-inline: 60px 91px;
  }
}
.q-jobcore .jobcore-head__tag ._title {
  display: flex;
  align-items: center;
  gap: 25px;
  font-size: 32px;
  font-weight: 500;
  line-height: 1;
}
@media (width <= 828px) {
  .q-jobcore .jobcore-head__tag ._title {
    font-size: 42px;
    gap: 33px;
  }
}
.q-jobcore .jobcore-head__tag ._num {
  width: 54px;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--ff-en);
  font-size: 31px;
  letter-spacing: 0.02em;
  line-height: 1;
  font-weight: 700;
  color: var(--color-light);
  background-color: var(--color-primary);
  border-radius: 50%;
}
@media (width <= 828px) {
  .q-jobcore .jobcore-head__tag ._num {
    width: 70px;
    height: 70px;
    font-size: 40px;
  }
}
@media (width <= 828px) {
  .q-jobcore .jobcore-head__tag ._icon._1 {
    width: 65px;
    height: auto;
  }
  .q-jobcore .jobcore-head__tag ._icon._2 {
    width: 71px;
    height: auto;
  }
  .q-jobcore .jobcore-head__tag ._icon._3 {
    width: 65px;
    height: auto;
  }
  .q-jobcore .jobcore-head__tag ._icon._4 {
    width: 71px;
    height: auto;
  }
  .q-jobcore .jobcore-head__tag ._icon._5 {
    width: 58px;
    height: auto;
  }
  .q-jobcore .jobcore-head__tag ._icon._6 {
    width: 66px;
    height: auto;
  }
  .q-jobcore .jobcore-head__tag ._icon._7 {
    width: 73px;
    height: auto;
  }
  .q-jobcore .jobcore-head__tag ._icon._9 {
    width: 73px;
    height: auto;
  }
}
.q-jobcore .jobcore-head .major {
  max-width: 709px;
  width: 100%;
  min-width: 600px;
}
@media (width <= 828px) {
  .q-jobcore .jobcore-head .major {
    max-width: 730px;
    margin-inline: auto;
  }
}
.q-jobcore .jobcore-head .major-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px 12px;
}
@media (width <= 828px) {
  .q-jobcore .jobcore-head .major-list {
    gap: 8px 12px;
  }
}
.q-jobcore .jobcore-content {
  height: fit-content;
  max-width: 552px;
}
@media (width <= 828px) {
  .q-jobcore .jobcore-content {
    max-width: 100%;
  }
}
.q-jobcore .jobcore-content__wrap {
  border-radius: 0 0 92px 92px;
  padding-block: 91px 87px;
  padding-inline: 40px;
}
@media (width <= 828px) {
  .q-jobcore .jobcore-content__wrap {
    border-radius: 0;
    padding-inline: 0;
  }
}
.q-jobcore .jobcore-content__grid {
  max-width: 1200px;
  margin-inline: auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 62px 20px;
}
@media (width <= 828px) {
  .q-jobcore .jobcore-content__grid {
    gap: 87px 0;
    grid-template-columns: 1fr;
    padding-inline: 50px;
  }
}
.q-jobcore .jobcore-box._01, .q-jobcore .jobcore-box._02, .q-jobcore .jobcore-box._03, .q-jobcore .jobcore-box._04, .q-jobcore .jobcore-box._05, .q-jobcore .jobcore-box._06, .q-jobcore .jobcore-box._07 {
  padding-block-start: 144px;
  position: relative;
}
.q-jobcore .jobcore-box._01::before, .q-jobcore .jobcore-box._02::before, .q-jobcore .jobcore-box._03::before, .q-jobcore .jobcore-box._04::before, .q-jobcore .jobcore-box._05::before, .q-jobcore .jobcore-box._06::before, .q-jobcore .jobcore-box._07::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -80px;
  transform: translateX(-50%);
  width: 31px;
  height: 24px;
  background-color: var(--color-dark);
  clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
}
@media (width <= 828px) {
  .q-jobcore .jobcore-box._04 .job-card__point._border-b-no, .q-jobcore .jobcore-box._05 .job-card__point._border-b-no, .q-jobcore .jobcore-box._06 .job-card__point._border-b-no, .q-jobcore .jobcore-box._07 .job-card__point._border-b-no {
    border-bottom: 1px solid var(--color-dark);
  }
}
@media (width <= 828px) {
  .q-jobcore .jobcore-box._01 .jobcore-content, .q-jobcore .jobcore-box ._04 .jobcore-content {
    padding-inline-start: 40px;
    padding-block-end: 0;
    border-bottom: none;
    border-left: 4px solid var(--color-dark);
  }
}
@media (width <= 828px) {
  .q-jobcore .jobcore-box._01 .jobcore-content__grid {
    gap: 0;
  }
}
@media (width <= 828px) {
  .q-jobcore .jobcore-box._01 .job-card__point._border-b-no {
    border-bottom: 1px solid var(--color-dark) !important;
  }
}
@media (width <= 828px) {
  .q-jobcore .jobcore-box._02 .jobcore-content__grid {
    gap: 80px;
  }
}
.q-jobcore .jobcore-box._02 .job-card__point ._list {
  gap: 0 10px;
}
@media (width <= 828px) {
  .q-jobcore .jobcore-box._02 .job-card__point ._list {
    gap: 5px;
  }
}
@media (width <= 828px) {
  .q-jobcore .jobcore-box._04 .jobcore-content__grid {
    margin-inline: 53px;
    padding-inline: 0;
    gap: 0;
    border-left: 4px solid var(--color-dark);
  }
}
@media (width <= 828px) {
  .q-jobcore .jobcore-box._04 .jobcore-content._boder-l._boder-b {
    border-bottom: none !important;
    border-left: none !important;
    padding-bottom: 0 !important;
  }
}
@media (width <= 828px) {
  .q-jobcore .jobcore-box._04 .jobcore-content {
    padding-inline-start: 30px;
  }
}
.q-jobcore .jobcore-box._09 .jobcore-head__tag {
  background-image: linear-gradient(90deg, #b3dbef 0%, #a9cadf);
  justify-content: start;
  gap: 10px;
}
.q-jobcore .jobcore8 {
  margin-block: 144px;
  width: 100%;
  height: 255px;
  border-radius: 999px;
  background-image: linear-gradient(90deg, #ff3500 0%, #d90003);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
@media (width <= 828px) {
  .q-jobcore .jobcore8 {
    max-width: 729px;
    margin-inline: auto;
    margin-block-end: 138px;
    height: 330px;
    gap: 32px;
  }
}
.q-jobcore .jobcore8-head {
  display: flex;
  align-items: center;
}
.q-jobcore .jobcore8-num {
  width: 54px;
  height: 54px;
  background-color: var(--color-light);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  line-height: 1;
  font-family: var(--ff-en);
  font-size: 31px;
  letter-spacing: 0.02em;
  font-weight: 700;
}
@media (width <= 828px) {
  .q-jobcore .jobcore8-num {
    width: 70px;
    height: 70px;
    font-size: 40px;
  }
}
.q-jobcore .jobcore8-title {
  margin-inline-start: 24px;
  font-size: 35px;
  line-height: 1;
  font-weight: 500;
  color: var(--color-light);
}
@media (width <= 828px) {
  .q-jobcore .jobcore8-title {
    margin-inline-start: 33px;
    font-size: 42px;
  }
}
.q-jobcore .jobcore8-icon {
  margin-inline-start: 41px;
  color: var(--color-light);
}
@media (width <= 828px) {
  .q-jobcore .jobcore8-icon {
    margin-inline-start: 61px;
    width: 105px;
    height: auto;
  }
}
.q-jobcore .jobcore8-text {
  text-align: center;
  font-size: 20px;
  font-weight: 500;
}
@media (width <= 828px) {
  .q-jobcore .jobcore8-text {
    font-size: 28px;
  }
}
.q-jobcore .jobcore8-text__wrap {
  display: block;
  width: 100%;
  max-width: 728px;
  padding-block: 25px;
  background-color: var(--color-light);
  border-radius: 999px;
  text-align: center;
}
@media (width <= 828px) {
  .q-jobcore .jobcore8-text__wrap {
    max-width: 555px;
    padding-block: 20px;
  }
}

@media (width > 828px) {
  .u-jobnew_minp {
    height: 192px;
  }
}

.q-jobnew_nav {
  padding-block: 128px 70px;
}
@media (width <= 828px) {
  .q-jobnew_nav {
    padding-block: 78px 0;
  }
}
.q-jobnew_nav .nav {
  max-width: 320px;
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  position: relative;
  text-decoration: none;
  overflow: hidden;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (width <= 828px) {
  .q-jobnew_nav .nav {
    max-width: 100%;
    width: 355px;
  }
}
.q-jobnew_nav .nav::before {
  content: "";
  position: absolute;
  z-index: 2;
  width: 195px;
  height: 195px;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  opacity: 0.8;
}
@media (width <= 828px) {
  .q-jobnew_nav .nav::before {
    width: 217px;
    height: 217px;
  }
}
.q-jobnew_nav .nav-wrap {
  display: flex;
  gap: 19px;
  padding-inline: 40px;
  justify-content: center;
}
@media (width <= 828px) {
  .q-jobnew_nav .nav-wrap {
    display: grid;
    width: fit-content;
    margin-inline: auto;
    grid-template-columns: auto auto;
    gap: 15px;
  }
}
.q-jobnew_nav .nav-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: var(--sec);
  z-index: 0;
}
.q-jobnew_nav .nav-title {
  font-family: var(--ff-en);
  font-style: italic;
  font-weight: 700;
  font-size: 27px;
  letter-spacing: 0.04em;
  line-height: 29px;
  color: var(--color-light);
  position: relative;
  z-index: 3;
}
@media (width <= 828px) {
  .q-jobnew_nav .nav-title {
    font-size: 30px;
    line-height: 32px;
  }
}
.q-jobnew_nav .nav-arr {
  width: 39px;
  height: 39px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  border-radius: 50%;
  background-color: var(--color-light);
  position: absolute;
  z-index: 3;
  left: 50%;
  bottom: 12%;
  transform: translateX(-50%);
}
@media (width <= 828px) {
  .q-jobnew_nav .nav-arr {
    width: 43px;
    height: 43px;
  }
}
.q-jobnew_nav .nav-arr::before {
  content: "";
  width: 1px;
  height: 12px;
  background-color: var(--color-dark);
}
.q-jobnew_nav .nav-arr::after {
  content: "";
  width: 9px;
  height: 6px;
  background-color: var(--color-dark);
  clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
}
.q-jobnew_nav .nav._1::before {
  background-image: linear-gradient(35deg, #fdd007 0%, #fcbf00);
}
.q-jobnew_nav .nav._2::before {
  background-image: linear-gradient(35deg, #ff8400 0%, #ff1903);
}
.q-jobnew_nav .nav._3::before {
  background-image: linear-gradient(35deg, #007ed7 0%, #003e99);
}
.q-jobnew_nav .nav._4::before {
  background-image: linear-gradient(35deg, #66ba24 0%, #2da200);
}
@media (width > 828px) {
  .q-jobnew_nav .nav:hover .nav-bg {
    opacity: 1;
    transform: scale(1.1);
  }
}

.q-jobnew {
  padding-block-end: 195px;
}
.q-jobnew .major {
  margin-block-end: 28px;
  padding-inline: 40px;
}
@media (width <= 828px) {
  .q-jobnew .major {
    margin-block-end: 33px;
    padding-inline: 50px;
  }
}
.q-jobnew .major-list {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 7px;
}
@media (width <= 828px) {
  .q-jobnew .major-list {
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
  }
}
.q-jobnew .jobnew-head-label {
  margin-inline: auto;
  margin-block-end: 53px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  max-width: 844px;
  width: 100%;
  height: 108px;
  border-radius: 999px;
  overflow: hidden;
}
@media (width <= 828px) {
  .q-jobnew .jobnew-head-label {
    max-width: 780px;
    height: 138px;
    margin-block-end: 25px;
  }
}
.q-jobnew .jobnew-head-label__title {
  font-family: var(--ff-en);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-light);
  font-size: 38px;
  line-height: 1;
  letter-spacing: 0.04em;
  font-weight: 700;
  font-style: italic;
}
@media (width <= 828px) {
  .q-jobnew .jobnew-head-label__title {
    font-size: 43px;
    letter-spacing: 0.02em;
  }
}
.q-jobnew .jobnew-head-label__title._bg-yellow {
  background-image: linear-gradient(35deg, #fdd007 0%, #fcbf00);
}
.q-jobnew .jobnew-head-label__title._bg-orange {
  background-image: linear-gradient(35deg, #ff8400 0%, #ff1903);
}
.q-jobnew .jobnew-head-label__title._bg-blue {
  background-image: linear-gradient(35deg, #007ed7 0%, #003e99);
}
.q-jobnew .jobnew-head-label__title._bg-green {
  background-image: linear-gradient(35deg, #66ba24 0%, #2da200);
}
.q-jobnew .jobnew-head-label__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (width > 828px) {
  .q-jobnew .jobnew-head-label:hover .jobnew-head-label__img img {
    opacity: 1;
  }
}
@media (width <= 828px) {
  .q-jobnew .jobnew-content {
    padding-inline-start: 40px;
    border-left: 4px solid var(--color-dark);
  }
}
.q-jobnew .jobnew-content__wrap {
  padding: 80px 40px;
  border-radius: 25px;
}
.q-jobnew .jobnew-content__grid {
  max-width: 1200px;
  margin-inline: auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
}
@media (width <= 828px) {
  .q-jobnew .jobnew-content__grid {
    grid-template-columns: 1fr;
    gap: 74px;
  }
}
.q-jobnew .jobnew-box {
  max-width: 1338px;
  margin-inline: auto;
  padding-block-start: 126px;
}
@media (width <= 828px) {
  .q-jobnew .jobnew-box {
    padding-block-start: 158px;
  }
}
@media (width <= 828px) {
  .q-jobnew .jobnew-box._01 .jobnew-content {
    padding-block-end: 0;
    border: 0;
  }
  .q-jobnew .jobnew-box._01 .jobnew-content .job-card__point._border-b-no {
    border-bottom: 1px solid var(--color-dark) !important;
  }
}
@media (width <= 828px) {
  .q-jobnew .jobnew-box._01 .jobnew-content__grid {
    border-left: 4px solid var(--color-dark);
  }
}
.q-jobnew .jobnew-box._03 .job-card__point ._list {
  gap: 0 13px;
}
@media (width <= 828px) {
  .q-jobnew .jobnew-box._03 .job-card__point ._list {
    gap: 5px;
  }
}
@media (width <= 828px) {
  .q-jobnew .jobnew-box._04 .p-job__content._boder-b {
    padding-block-end: 0 !important;
    border-bottom: none !important;
  }
}
@media (width <= 828px) {
  .q-jobnew .jobnew-box._04 .job-card__point._border-b-no {
    border-bottom: 1px solid var(--color-dark) !important;
  }
}
@media (width <= 828px) {
  .q-jobnew .jobnew-box._04 .interview {
    margin-block-start: 70px;
  }
}
.q-jobnew .job-card__label {
  padding-inline: 20px;
}
@media (width <= 828px) {
  .q-jobnew .job-card__label {
    padding: 10px 36px 14px 36px;
  }
  .q-jobnew .job-card__label .job-card__label-s {
    margin-left: -0.5em;
  }
  .q-jobnew .job-card__label._sp_col2 {
    display: block;
  }
  .q-jobnew .job-card__label._sp_col2 .job-card__label-s {
    display: block;
    margin-top: 5px;
  }
}
@media (width <= 828px) {
  .q-jobnew .interview-author {
    display: inline-block;
    line-height: 27px;
    margin-block-start: 20px;
  }
}
@media (width <= 828px) {
  .q-jobnew .interview-name {
    display: inline-block;
  }
  .q-jobnew .interview-name._block {
    display: block;
  }
}

.q-message_fv {
  position: relative;
  display: grid;
}
@media (width <= 828px) {
  .q-message_fv {
    margin-block-start: 100px;
  }
}
.q-message_fv .message-inner {
  position: relative;
  grid-area: 1/1/1/1;
}
.q-message_fv .message-inner.l-section__w1200:where(._gutter) {
  max-width: 1200px;
}
.q-message_fv .message-fv {
  width: 100%;
  grid-area: 1/1/1/1;
}
.q-message_fv .message-fv img {
  width: 100%;
}
.q-message_fv .message-title {
  position: absolute;
  left: calc(196 / 1600 * 100vw);
  top: 53%;
  translate: 0 -50%;
  color: var(--color-light);
}
@media (width <= 1200px) {
  .q-message_fv .message-title {
    left: calc(196 / 1600* 1280px);
  }
}
@media (width <= 828px) {
  .q-message_fv .message-title {
    top: 46.5%;
    left: 46px;
  }
  .q-message_fv .message-title h1 {
    margin-top: -15px;
  }
}
.q-message_fv .message-title .title {
  font-family: var(--typography-en-l-font-family);
  font-weight: var(--typography-en-l-font-weight);
  font-size: var(--typography-en-l-font-size);
  line-height: var(--typography-en-l-line-height);
  --letter-spacing: var(--typography-en-l-letter-spacing);
  font-style: italic;
  font-size: max(calc(99 / 1600 * 1280px), calc(99 / 1600 * 100vw));
}
@media (width <= 828px) {
  .q-message_fv .message-title .title {
    font-size: 94px;
  }
}
.q-message_fv .message-title .number {
  font-family: var(--typography-en-l-font-family);
  font-weight: var(--typography-en-l-font-weight);
  font-size: var(--typography-en-l-font-size);
  line-height: var(--typography-en-l-line-height);
  --letter-spacing: var(--typography-en-l-letter-spacing);
  font-size: 20px;
  font-size: max(calc(20 / 1600 * 1280px), calc(20 / 1600 * 100vw));
  font-style: italic;
}
@media (width <= 828px) {
  .q-message_fv .message-title .number {
    font-size: 20px;
  }
}
.q-message_fv .message-title .title-wrap {
  display: block;
  width: fit-content;
  margin-inline-start: max(calc(26 / 1600 * 1280px), calc(26 / 1600 * 100vw));
}
.q-message_fv .message-title .title-wrap:not(:last-child) {
  margin-block-end: 10px;
}
.q-message_fv .message-title .c-anime_width-grow {
  background-color: var(--color-primary);
  height: max(calc(9 / 1600 * 1280px), calc(9 / 1600 * 100vw));
}
@media (width <= 828px) {
  .q-message_fv .message-title .c-anime_width-grow {
    margin-top: -4px;
  }
}
.q-message_fv .message-name {
  position: absolute;
  right: calc(70 / 1600 * 100vw);
  bottom: calc(60 / 1600 * 100vw);
  text-align: center;
  line-height: 1.4;
  background-color: var(--color-light);
  border-block-end: 9px solid var(--color-outline);
  padding: 15px 34px;
}
@media (width <= 1200px) {
  .q-message_fv .message-name {
    right: calc(70 / 1600 * 1280px);
    bottom: calc(60 / 1600 * 1280px);
  }
}
@media (width <= 828px) {
  .q-message_fv .message-name {
    right: 0;
    bottom: 30px;
  }
}
.q-message_fv .message-name .job {
  letter-spacing: 0;
  font-size: max(calc(18 / 1600 * 1280px), calc(18 / 1600 * 100vw));
}
@media (width <= 828px) {
  .q-message_fv .message-name .job {
    font-size: 23px;
  }
}
.q-message_fv .message-name .name {
  font-size: max(calc(30 / 1600 * 1280px), calc(30 / 1600 * 100vw));
  color: var(--color-primary);
  font-weight: 500;
}
@media (width <= 828px) {
  .q-message_fv .message-name .name {
    font-size: 36px;
  }
}

.q-message_catch {
  margin-block: 90px 110px;
}
@media (width <= 828px) {
  .q-message_catch {
    margin-block: 130px;
  }
}
.q-message_catch .message-catch {
  width: fit-content;
  margin-inline: auto;
}
.q-message_catch .message-catch__wrapper {
  position: relative;
  padding: 64px 20px 64px;
}
.q-message_catch .message-catch__wrapper .frame {
  position: absolute;
}
.q-message_catch .message-catch__wrapper .frame._1 {
  top: 0;
  left: 0;
}
.q-message_catch .message-catch__wrapper .frame._2 {
  bottom: 0;
  right: 0;
}
@media (width <= 828px) {
  .q-message_catch .message-catch__wrapper .frame img {
    width: 80px;
  }
}
.q-message_catch .message-catch .text {
  transform: skew(-8deg);
}
@media (width <= 828px) {
  .q-message_catch .message-catch .text {
    transform: none;
  }
}
.q-message_catch .message-catch .text:not(:last-child) {
  margin-block-end: 30px;
}
@media (width <= 828px) {
  .q-message_catch .message-catch .text:not(:last-child) {
    margin-block-end: 0;
  }
}
.q-message_catch .message-catch .text p {
  font-size: 30px;
  font-weight: 500;
  color: var(--color-dark);
  line-height: 1.4;
  letter-spacing: -0.06em;
  display: inline;
  border-block-end: 2px solid var(--color-primary);
}
@media (width <= 828px) {
  .q-message_catch .message-catch .text p {
    font-size: 45px;
    display: inline-block;
    transform: skew(-8deg);
  }
  .q-message_catch .message-catch .text p:not(:last-child) {
    margin-block-end: 37px;
  }
}
.q-message_catch .message-catch .text .emphasis {
  display: inline-block;
  color: var(--color-primary);
  letter-spacing: -0.06em;
}
.q-message_catch .message-catch-ornament._abs01 {
  top: -70px;
  right: -40px;
}
@media (width <= 828px) {
  .q-message_catch .message-catch-ornament._abs01 {
    top: -10px;
    right: 0;
  }
  .q-message_catch .message-catch-ornament._abs01 img {
    width: 240px;
  }
}
.q-message_catch .message-catch-ornament._abs02 {
  bottom: -78px;
  left: -118px;
}
@media (828px <= width <= 1280px) {
  .q-message_catch .message-catch-ornament._abs02 {
    left: -20px;
  }
}
@media (width <= 828px) {
  .q-message_catch .message-catch-ornament._abs02 {
    bottom: -122px;
    left: -48px;
  }
  .q-message_catch .message-catch-ornament._abs02 img {
    width: 190px;
  }
}

.q-message_now, .q-message_challenge, .q-message_wanted {
  margin-block-end: 120px;
}
@media (width <= 828px) {
  .q-message_now, .q-message_challenge, .q-message_wanted {
    margin-block-end: 175px;
  }
}
.q-message_now .message-heading, .q-message_challenge .message-heading, .q-message_wanted .message-heading {
  font-size: 24px;
  border-inline-start: 8px solid var(--color-dark);
  padding-inline-start: 27px;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 30px;
  align-items: center;
  font-weight: 500;
  margin-block-end: 23px;
  line-height: 1.4;
}
@media (width <= 828px) {
  .q-message_now .message-heading, .q-message_challenge .message-heading, .q-message_wanted .message-heading {
    font-size: 37px;
    margin-block-end: 40px;
  }
}
.q-message_now .message-heading::after, .q-message_challenge .message-heading::after, .q-message_wanted .message-heading::after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 1px;
  background-color: var(--color-dark);
}
.q-message_now .message-title, .q-message_challenge .message-title, .q-message_wanted .message-title {
  margin-inline: 77px;
  margin-block-end: -20px;
}
@media (width <= 828px) {
  .q-message_now .message-title, .q-message_challenge .message-title, .q-message_wanted .message-title {
    width: fit-content;
    margin-inline: auto;
    margin-block-end: -160px;
  }
}
.q-message_now .message-box, .q-message_challenge .message-box, .q-message_wanted .message-box {
  background-color: var(--color-bg-cold);
  padding: 77px 77px 70px 77px;
}
@media (width <= 828px) {
  .q-message_now .message-box, .q-message_challenge .message-box, .q-message_wanted .message-box {
    padding: 200px var(--l-section-space-inline) 60px var(--l-section-space-inline);
    margin-inline: calc(50% - (var(--vw) * 50));
  }
}
.q-message_now .message-box__wrapper, .q-message_challenge .message-box__wrapper, .q-message_wanted .message-box__wrapper {
  position: relative;
}
.q-message_now .message-text, .q-message_challenge .message-text, .q-message_wanted .message-text {
  background-color: var(--color-light);
  padding: 40px 48px;
  text-align: justify;
  letter-spacing: 0;
  line-height: 2.5;
}
@media (width <= 828px) {
  .q-message_now .message-text, .q-message_challenge .message-text, .q-message_wanted .message-text {
    padding: 40px 34px;
    line-height: 1.9393939394;
  }
}

.q-message_now .message-ornament._abs01 {
  bottom: -9px;
  right: -110px;
}
@media (width <= 828px) {
  .q-message_now .message-ornament._abs01 {
    bottom: -110px;
    right: -30px;
  }
  .q-message_now .message-ornament._abs01 img {
    width: 208px;
  }
}

.q-message_challenge .message-box {
  display: flex;
  justify-content: space-between;
  gap: 0 30px;
}
@media (width <= 828px) {
  .q-message_challenge .message-box {
    flex-direction: column;
  }
}
.q-message_challenge .message-text {
  width: 96%;
}
@media (width <= 828px) {
  .q-message_challenge .message-text {
    width: 100%;
    padding-block-end: 250px;
  }
}
.q-message_challenge .message-image {
  margin-inline-end: calc(50% - (var(--vw) * 50));
}
@media (width <= 828px) {
  .q-message_challenge .message-image {
    margin-block-start: -195px;
    margin-inline-start: 36px;
  }
}
.q-message_challenge .message-image img {
  display: inline-block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left center;
}
.q-message_challenge .message-ornament._abs01 {
  top: -95px;
  right: -12px;
}
@media (width <= 828px) {
  .q-message_challenge .message-ornament._abs01 {
    top: 200px;
    right: auto;
    left: -80px;
  }
  .q-message_challenge .message-ornament._abs01 img {
    width: 259px;
  }
}
.q-message_challenge .message-ornament._abs02 {
  bottom: -20px;
  left: -130px;
}
@media (828px <= width <= 1280px) {
  .q-message_challenge .message-ornament._abs02 {
    left: -40px;
  }
}
@media (width <= 828px) {
  .q-message_challenge .message-ornament._abs02 {
    bottom: -130px;
    left: 80px;
  }
  .q-message_challenge .message-ornament._abs02 img {
    width: 278px;
  }
}

.q-message_wanted {
  margin-block-end: 160px;
}
.q-message_wanted .message-title {
  text-align: right;
}
@media (width <= 828px) {
  .q-message_wanted .message-title {
    margin-block-end: -37px;
    margin-inline-end: 36px;
  }
}
@media (width <= 828px) {
  .q-message_wanted .message-box {
    padding-block-start: 60px;
  }
}
.q-message_wanted .message-ornament._abs01 {
  bottom: -185px;
  right: 42px;
}
@media (width <= 828px) {
  .q-message_wanted .message-ornament._abs01 {
    bottom: -190px;
    right: -39px;
  }
  .q-message_wanted .message-ornament._abs01 img {
    width: 388px;
  }
}

.q-message_foot .message-foot img {
  width: 100%;
}

@media (width > 828px) {
  .q-interview6 .content02-ornament {
    transform: translateY(-140px);
  }
  .q-interview6 .content02-ornament li._abs03 {
    bottom: -146px !important;
  }
}

@media (width > 828px) {
  .q-interview7 .content02-ornament {
    transform: translateY(-70px);
  }
  .q-interview7 .content02-ornament li._abs03 {
    bottom: -170px !important;
  }
}

.p-interview_fv {
  background-color: var(--color-dark);
  border-bottom: 5px solid var(--color-primary);
}
@media (width <= 828px) {
  .p-interview_fv {
    padding-block-start: 100px;
  }
}
.p-interview_fv .fv {
  width: fit-content;
  position: relative;
}
.p-interview_fv .fv-img__fv {
  width: calc(1600 / 1600 * 100vw);
}
@media (width <= 828px) {
  .p-interview_fv .fv-img__fv {
    width: 100%;
  }
}
.p-interview_fv .fv-img__catch {
  position: absolute;
  z-index: 5;
}
.p-interview_fv .fv-img__catch img {
  width: 100%;
}
.p-interview_fv .fv-img__object {
  position: absolute;
  z-index: 4;
}
.p-interview_fv .fv-img__object img {
  width: 100%;
}
.p-interview_fv .fv-info {
  position: absolute;
  z-index: 6;
  min-width: 254px;
}
@media (width <= 828px) {
  .p-interview_fv .fv-info {
    width: fit-content;
  }
}
.p-interview_fv .fv-info__tag {
  width: fit-content;
  margin-block-end: calc(7 / 1600 * 100vw);
  padding: calc(5 / 1600 * 100vw) calc(10 / 1600 * 100vw);
  font-size: calc(13 / 1600 * 100vw);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1;
  color: var(--color-light);
}
@media (width <= 828px) {
  .p-interview_fv .fv-info__tag {
    margin-block-end: 4px;
    padding: 7px 10px;
    font-size: 22px;
  }
}
.p-interview_fv .fv-info__tag._gijutu {
  background-color: var(--color-primary);
}
.p-interview_fv .fv-info__tag._kanri {
  background-color: #f08300;
}
.p-interview_fv .fv-info__profile {
  display: block;
  padding-block-end: calc(10 / 1600 * 100vw);
  border-bottom: calc(1 / 1600 * 100vw) solid var(--color-light);
}
@media (width <= 828px) {
  .p-interview_fv .fv-info__profile {
    padding-block: 14px;
    display: flex;
    align-items: center;
    gap: 25px;
  }
}
.p-interview_fv .fv-info__category, .p-interview_fv .fv-info__name, .p-interview_fv .fv-info__history {
  color: var(--color-light);
}
.p-interview_fv .fv-info__category, .p-interview_fv .fv-info__name {
  font-size: calc(20 / 1600 * 100vw);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1;
}
@media (width <= 828px) {
  .p-interview_fv .fv-info__category, .p-interview_fv .fv-info__name {
    font-size: 32px;
  }
}
.p-interview_fv .fv-info__category {
  padding-block: calc(10 / 1600 * 100vw);
  border-bottom: calc(1 / 1600 * 100vw) solid var(--color-light);
}
@media (width <= 828px) {
  .p-interview_fv .fv-info__category {
    padding-block: 14px;
  }
}
.p-interview_fv .fv-info__name {
  display: block;
  padding-block: calc(10 / 1600 * 100vw);
  border-bottom: calc(1 / 1600 * 100vw) solid var(--color-light);
}
@media (width <= 828px) {
  .p-interview_fv .fv-info__name {
    padding-block: 0;
    border-bottom: none;
  }
}
.p-interview_fv .fv-info__history {
  padding-block-start: 10px;
  display: block;
  font-size: calc(14 / 1600 * 100vw);
  letter-spacing: 0;
  line-height: 1;
}
@media (width <= 828px) {
  .p-interview_fv .fv-info__history {
    padding-block-start: 0;
    font-size: 25px;
  }
}

.p-interview .interview-text {
  line-height: 40px;
}
@media (width <= 828px) {
  .p-interview .interview-text {
    line-height: 64px;
    letter-spacing: 0;
  }
}
.p-interview .interview-text__note {
  margin-block-start: 10px;
  display: block;
  line-height: 20px;
  font-size: 12px;
  letter-spacing: 0.08em;
}
@media (width <= 828px) {
  .p-interview .interview-text__note {
    font-size: 28px;
    letter-spacing: 0;
    line-height: 58px;
  }
}
.p-interview .content01 {
  padding-block: 122px 113px;
  padding-inline-end: 40px;
}
@media (width <= 828px) {
  .p-interview .content01 {
    padding-block: 112px 143px;
    padding-inline-end: 0;
  }
}
.p-interview .content01-inner {
  padding-inline-start: 80px;
  padding-block-end: 62px;
  border-bottom: 6px solid var(--color-dark);
  position: relative;
}
@media (width <= 828px) {
  .p-interview .content01-inner {
    padding-inline-start: 54px;
    padding-block-end: 45px;
  }
}
.p-interview .content01-inner::before {
  content: "";
  position: absolute;
  inset-block: 0;
  left: 0;
  width: 6px;
  background-image: linear-gradient(180deg, #ff6c00 0%, #e60012);
}
.p-interview .content01-catch {
  margin-block-end: 23px;
}
@media (width <= 828px) {
  .p-interview .content01-catch {
    margin-block-end: 28px;
  }
}
.p-interview .content02-wrap {
  padding-block: 85px 110px;
  padding-inline: 40px;
}
@media (width <= 828px) {
  .p-interview .content02-wrap {
    padding-block: 118px 97px;
    padding-inline: 0;
  }
}
.p-interview .content02-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media (width <= 828px) {
  .p-interview .content02-inner {
    grid-template-columns: 1fr;
    gap: 45px;
  }
}
.p-interview .content02-img {
  position: relative;
  z-index: 5;
}
@media (width <= 828px) {
  .p-interview .content02-img img {
    width: 662px;
  }
}
.p-interview .content02-textbox {
  margin-block-start: 45px;
  padding-block: 73px 65px;
  padding-inline: 40px;
  position: relative;
}
@media (width <= 828px) {
  .p-interview .content02-textbox {
    margin-inline: 50px;
    margin-block-start: 0;
    padding-block: 0;
    padding-block-end: 54px;
    padding-inline: 50px;
  }
}
.p-interview .content02-textbox__bg {
  content: "";
  position: absolute;
  width: 724px;
  inset-block: 0;
  right: 0;
  background-color: var(--color-light);
  z-index: 3;
}
@media (width <= 828px) {
  .p-interview .content02-textbox__bg {
    inset-block: auto;
    top: -34%;
    width: 100%;
    bottom: 0;
  }
}
.p-interview .content02-textbox__bg::before {
  content: "";
  position: absolute;
  inset-block: 0;
  right: 0;
  width: 6px;
  background-image: linear-gradient(180deg, #ff6c00 0%, #e60012);
  z-index: 4;
}
.p-interview .content02-textbox__bg::after {
  content: "";
  position: absolute;
  inset-inline: 0;
  bottom: 0;
  height: 6px;
  background-color: var(--color-dark);
  z-index: 4;
}
.p-interview .content02-textbox__inner {
  max-width: 486px;
  margin-inline: auto;
  position: relative;
  z-index: 5;
}
@media (width <= 828px) {
  .p-interview .content02-textbox__inner {
    max-width: 100%;
    margin-inline: 0;
  }
}
.p-interview .content02-catch {
  margin-block-end: 29px;
}
@media (width <= 828px) {
  .p-interview .content02-catch {
    margin-block-end: 37px;
  }
}
.p-interview .content03 {
  padding-block: 108px 139px;
  padding-inline-end: 40px;
}
@media (width <= 828px) {
  .p-interview .content03 {
    padding-block: 136px 258px;
    padding-inline-end: 0;
  }
}
.p-interview .content03-inner {
  padding-inline-start: 80px;
  padding-block-end: 55px;
  border-bottom: 6px solid var(--color-dark);
  position: relative;
}
@media (width <= 828px) {
  .p-interview .content03-inner {
    padding-inline-start: 54px;
    padding-block-end: 35px;
  }
}
.p-interview .content03-inner::before {
  content: "";
  position: absolute;
  inset-block: 0;
  left: 0;
  width: 6px;
  background-image: linear-gradient(180deg, #ff6c00 0%, #e60012);
}
.p-interview .content03-catch {
  margin-block-end: 23px;
}
@media (width <= 828px) {
  .p-interview .content03-catch {
    margin-block-end: 37px;
  }
}
.p-interview .content04 {
  padding-block: 131px 115px;
  background-color: var(--color-dark);
}
@media (width <= 828px) {
  .p-interview .content04 {
    padding-block: 193px 175px;
  }
}
.p-interview .content04-top__img {
  width: 100%;
}
.p-interview .content04 .interview-text {
  color: var(--color-light);
}
.p-interview .content04-inner {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
@media (width <= 828px) {
  .p-interview .content04-inner {
    grid-template-columns: 1fr;
    gap: 80px;
  }
}
.p-interview .content04-textbox {
  max-width: 532px;
  margin-inline: auto;
}
@media (width <= 828px) {
  .p-interview .content04-textbox {
    max-width: 100%;
  }
}
.p-interview .content04-textbox__wrap {
  padding-inline-start: 40px;
}
@media (width <= 828px) {
  .p-interview .content04-textbox__wrap {
    padding-inline-start: 0;
  }
}
.p-interview .content04-img {
  margin-block-start: 127px;
  max-width: 611px;
  width: 100%;
  height: fit-content;
  display: block;
  margin-inline: auto;
  position: relative;
}
@media (width <= 828px) {
  .p-interview .content04-img {
    margin: 0;
    max-width: 717px;
  }
}
.p-interview .content04-img::before {
  content: "";
  position: absolute;
  inset: 75px -10px -10px 110px;
  background-image: linear-gradient(180deg, #ff6c00 0%, #e60012);
  z-index: 2;
}
@media (width <= 828px) {
  .p-interview .content04-img::before {
    inset: 85px -10px -10px 130px;
  }
}
.p-interview .content04-img img {
  width: 100%;
  position: relative;
  z-index: 3;
}
.p-interview .content05 {
  margin-block: 92px 79px;
  padding-block: 50px 67px;
  position: relative;
}
@media (width <= 828px) {
  .p-interview .content05 {
    margin-block: 77px 88px;
    padding-block: 67px 99px;
  }
}
.p-interview .content05-kakko span {
  position: absolute;
  width: 56px;
  height: 56px;
}
@media (width <= 828px) {
  .p-interview .content05-kakko span {
    width: 69px;
    height: 69px;
  }
}
.p-interview .content05-kakko span:nth-child(1) {
  top: 0;
  left: 0;
  border-left: 14px solid var(--color-primary);
  border-top: 14px solid var(--color-primary);
}
.p-interview .content05-kakko span:nth-child(2) {
  top: 0;
  right: 0;
  border-right: 14px solid var(--color-primary);
  border-top: 14px solid var(--color-primary);
}
.p-interview .content05-kakko span:nth-child(3) {
  bottom: 0;
  right: 0;
  border-right: 14px solid var(--color-primary);
  border-bottom: 14px solid var(--color-primary);
}
.p-interview .content05-kakko span:nth-child(4) {
  bottom: 0;
  left: 0;
  border-left: 14px solid var(--color-primary);
  border-bottom: 14px solid var(--color-primary);
}
.p-interview .content05-inner {
  padding-inline: 40px;
}
@media (width <= 828px) {
  .p-interview .content05-inner {
    padding-inline: 30px;
  }
}
.p-interview .content05-title {
  margin-block-end: 28px;
  display: flex;
  font-size: 28px;
  font-style: italic;
  line-height: 1;
  font-weight: 500;
}
@media (width <= 828px) {
  .p-interview .content05-title {
    margin-block-end: 33px;
    justify-content: center;
    font-size: 40px;
    font-weight: 500;
  }
}
.p-interview .content05-title__en {
  display: flex;
  align-items: center;
  font-family: var(--ff-en);
  font-weight: 700;
  font-size: 12px;
  margin-inline-start: 22px;
  padding-inline-start: 22px;
  border-left: 1px solid var(--color-dark);
}
@media (width <= 828px) {
  .p-interview .content05-title__en {
    margin-inline-start: 30px;
    padding-inline-start: 30px;
    font-size: 20px;
    letter-spacing: 0.05em;
  }
}
.p-interview .content05-schedule__block {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 34px;
}
@media (width <= 828px) {
  .p-interview .content05-schedule__block {
    grid-template-columns: 1fr;
    gap: 0;
  }
}
.p-interview .content05-schedule__list li {
  min-height: 52px;
  display: grid;
  grid-template-columns: 95px 1fr;
  align-items: center;
  position: relative;
}
.p-interview .content05-schedule__list li::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 9px;
  height: 8px;
  background-color: var(--color-dark);
  clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
}
@media (width <= 828px) {
  .p-interview .content05-schedule__list li::before {
    width: 12px;
    height: 10px;
  }
}
@media (width <= 828px) {
  .p-interview .content05-schedule__list li {
    min-height: 62px;
    grid-template-columns: 135px 1fr;
  }
}
.p-interview .content05-schedule__time {
  padding-block: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-light);
  border-radius: 999px 0 0 999px;
  height: 100%;
  font-family: var(--ff-en);
  font-style: italic;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1;
}
@media (width <= 828px) {
  .p-interview .content05-schedule__time {
    padding-block: 11px;
    font-size: 30px;
  }
}
.p-interview .content05-schedule__content {
  display: flex;
  align-items: center;
  height: 100%;
  padding-block: 15px;
  padding-inline: 25px 10px;
  border-radius: 0 999px 999px 0;
  border-top: 1px solid var(--color-dark);
  border-right: 1px solid var(--color-dark);
  border-bottom: 1px solid var(--color-dark);
  font-size: 15px;
  letter-spacing: 0.02em;
  line-height: 1;
}
@media (width <= 828px) {
  .p-interview .content05-schedule__content {
    padding-block: 11px;
    padding-inline: 36px;
    font-size: 30px;
    letter-spacing: 0;
    line-height: 38px;
  }
}
.p-interview .content05-schedule._am .content05-schedule__list li {
  margin-block-end: 20px;
}
@media (width <= 828px) {
  .p-interview .content05-schedule._am .content05-schedule__list li {
    margin-block-end: 38px;
  }
}
.p-interview .content05-schedule._am .content05-schedule__list li::before {
  bottom: -15px;
}
@media (width <= 828px) {
  .p-interview .content05-schedule._am .content05-schedule__list li::before {
    bottom: -24px;
  }
}
.p-interview .content05-schedule._am .content05-schedule__list li:last-child {
  margin-block-end: 50px;
}
@media (width <= 828px) {
  .p-interview .content05-schedule._am .content05-schedule__list li:last-child {
    margin-block-end: 38px;
  }
}
.p-interview .content05-schedule._am .content05-schedule__list li:last-child::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 30px;
  bottom: -42px;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--color-dark);
}
@media (width <= 828px) {
  .p-interview .content05-schedule._am .content05-schedule__list li:last-child::after {
    display: none;
  }
}
.p-interview .content05-schedule._am .content05-schedule__list li:last-child::before {
  bottom: -50px;
}
@media (width <= 828px) {
  .p-interview .content05-schedule._am .content05-schedule__list li:last-child::before {
    bottom: -24px;
  }
}
.p-interview .content05-schedule._am .content05-schedule__time {
  background-image: linear-gradient(90deg, #ff9a00 0%, #f08300);
}
.p-interview .content05-schedule._pm .content05-schedule__list li {
  margin-block-start: 20px;
}
@media (width <= 828px) {
  .p-interview .content05-schedule._pm .content05-schedule__list li {
    margin-block-start: 38px;
  }
}
.p-interview .content05-schedule._pm .content05-schedule__list li::before {
  top: -15px;
}
@media (width <= 828px) {
  .p-interview .content05-schedule._pm .content05-schedule__list li::before {
    top: -24px;
  }
}
.p-interview .content05-schedule._pm .content05-schedule__list li:first-child {
  margin-block-start: 70px;
}
@media (width <= 828px) {
  .p-interview .content05-schedule._pm .content05-schedule__list li:first-child {
    margin-block-start: 0;
  }
}
.p-interview .content05-schedule._pm .content05-schedule__list li:first-child::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 30px;
  top: -45px;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--color-dark);
}
@media (width <= 828px) {
  .p-interview .content05-schedule._pm .content05-schedule__list li:first-child::after {
    display: none;
  }
}
@media (width <= 828px) {
  .p-interview .content05-schedule._pm .content05-schedule__list li:first-child::before {
    display: none;
  }
}
.p-interview .content05-schedule._pm .content05-schedule__time {
  background-image: linear-gradient(90deg, #ff0516 0%, #e30000);
}
.p-interview .content06 {
  margin-block-end: 142px;
  padding: 110px 40px 98px 40px;
  border-radius: 32px;
}
@media (width <= 828px) {
  .p-interview .content06 {
    margin-block-end: 165px;
    padding: 80px 65px 60px 65px;
    border-radius: 38px;
  }
}
.p-interview .content06-inner {
  display: flex;
  gap: 50px;
  justify-content: center;
}
@media (width <= 828px) {
  .p-interview .content06-inner {
    flex-direction: column-reverse;
    gap: 30px;
  }
}
@media (width <= 828px) {
  .p-interview .content06-img img {
    width: 100%;
  }
}
.p-interview .content06-textbox {
  max-width: 455px;
}
@media (width <= 828px) {
  .p-interview .content06-textbox {
    max-width: 100%;
  }
}
.p-interview .content06-textbox__offtime {
  margin-block-end: 17px;
}
@media (width <= 828px) {
  .p-interview .content06-textbox__offtime {
    margin-block-end: 10px;
    width: 365px;
  }
}
.p-interview .content06-textbox__catch {
  margin-block-end: 20px;
  font-size: 34px;
  font-style: italic;
  font-weight: 500;
  line-height: 53px;
}
@media (width <= 828px) {
  .p-interview .content06-textbox__catch {
    margin-block-end: 25px;
    font-size: 48px;
    line-height: 64px;
  }
}
.p-interview._patt1 .content01-ornament li {
  z-index: 10;
}
.p-interview._patt1 .content01-ornament li._abs01 {
  bottom: -60px;
  right: -225px;
}
@media (width <= 828px) {
  .p-interview._patt1 .content01-ornament li._abs01 {
    bottom: -181px;
    right: -11px;
  }
  .p-interview._patt1 .content01-ornament li._abs01 img {
    width: 270px;
  }
}
.p-interview._patt1 .content02-ornament li {
  z-index: 10;
}
.p-interview._patt1 .content02-ornament li._abs01 {
  bottom: -112px;
  left: 165px;
}
@media (width <= 828px) {
  .p-interview._patt1 .content02-ornament li._abs01 {
    left: auto;
    bottom: -76px;
    right: 71px;
  }
  .p-interview._patt1 .content02-ornament li._abs01 img {
    width: 290px;
  }
}
.p-interview._patt1 .content02-ornament li._abs02 {
  bottom: -25px;
  left: 242px;
}
@media (width <= 828px) {
  .p-interview._patt1 .content02-ornament li._abs02 {
    left: auto;
    bottom: -76px;
    right: 71px;
  }
  .p-interview._patt1 .content02-ornament li._abs02 img {
    width: 290px;
  }
}
.p-interview._patt1 .content02-ornament li._abs03 {
  bottom: -195px;
  left: 5px;
}
@media (width <= 828px) {
  .p-interview._patt1 .content02-ornament li._abs03 {
    display: none;
  }
}
.p-interview._patt1 .content03-ornament li {
  z-index: 10;
}
.p-interview._patt1 .content03-ornament li._abs01 {
  bottom: -180px;
  left: 70px;
}
@media (width <= 828px) {
  .p-interview._patt1 .content03-ornament li._abs01 {
    bottom: -300px;
    left: 30px;
  }
  .p-interview._patt1 .content03-ornament li._abs01 img {
    width: 300px;
  }
}
.p-interview._patt1 .content03-ornament li._abs02 {
  bottom: -230px;
  left: 460px;
  width: 380px;
}
.p-interview._patt1 .content04-top-ornament li._abs01 {
  top: -110px;
  right: 140px;
}
.p-interview._patt1 .content04-ornament__wrap {
  position: absolute;
  display: block;
  width: 650px;
  height: 289px;
  right: 48px;
  top: -210px;
  z-index: 10;
  pointer-events: none;
}
@media (width <= 828px) {
  .p-interview._patt1 .content04-ornament__wrap {
    width: 100%;
    right: 0;
    top: -337px;
  }
}
.p-interview._patt1 .content04-ornament li._abs02 {
  top: 0;
  right: -80px;
  z-index: 11;
}
@media (width <= 828px) {
  .p-interview._patt1 .content04-ornament li._abs02 {
    top: -17px;
    right: -37px;
  }
  .p-interview._patt1 .content04-ornament li._abs02 img {
    width: 200px;
  }
}
.p-interview._patt1 .content04-ornament li._abs03 {
  bottom: 0;
  right: -64px;
  z-index: 11;
}
@media (width <= 828px) {
  .p-interview._patt1 .content04-ornament li._abs03 {
    bottom: -40px;
    right: -19px;
  }
  .p-interview._patt1 .content04-ornament li._abs03 img {
    width: 204px;
  }
}
.p-interview._patt1 .content04-ornament li._abs04 {
  top: -9px;
  left: 0;
  z-index: 11;
}
@media (width <= 828px) {
  .p-interview._patt1 .content04-ornament li._abs04 {
    top: -27px;
    left: -110px;
  }
}
@media (width <= 828px) and (width <= 828px) {
  .p-interview._patt1 .content04-ornament li._abs04 {
    width: 370px;
  }
}
.p-interview._patt1 .content04-ornament ._abs05 {
  position: absolute;
  top: 0;
  right: 0;
}
@media (width <= 828px) {
  .p-interview._patt1 .content04-ornament ._abs05 {
    top: -16px;
    right: 59px;
  }
  .p-interview._patt1 .content04-ornament ._abs05 img {
    width: 600px;
  }
}
.p-interview._patt1 .content05-ornament li._abs01 {
  top: -125px;
  right: 57px;
}
@media (width <= 828px) {
  .p-interview._patt1 .content05-ornament li._abs01 {
    top: auto;
    bottom: -180px;
  }
}
.p-interview._patt1 .content05-ornament li._abs02 {
  bottom: -175px;
  left: 84px;
}
@media (width <= 828px) {
  .p-interview._patt1 .content05-ornament li._abs02 {
    bottom: auto;
    top: -130px;
    left: 97px;
  }
}
.p-interview._patt1 .content06-ornament li._abs01 {
  bottom: -230px;
  right: -50px;
}
@media (width <= 828px) {
  .p-interview._patt1 .content06-ornament li._abs01 {
    bottom: -216px;
  }
}
.p-interview._patt2 .content01-ornament li {
  z-index: 10;
}
.p-interview._patt2 .content01-ornament li._abs01 {
  bottom: -70px;
  right: -145px;
}
@media (width <= 828px) {
  .p-interview._patt2 .content01-ornament li._abs01 {
    bottom: -165px;
    right: 49px;
  }
  .p-interview._patt2 .content01-ornament li._abs01 img {
    width: 120px;
  }
}
.p-interview._patt2 .content02-ornament li {
  z-index: 10;
}
.p-interview._patt2 .content02-ornament li._abs01 {
  bottom: -120px;
  left: 312px;
}
@media (width <= 828px) {
  .p-interview._patt2 .content02-ornament li._abs01 {
    display: none;
  }
}
.p-interview._patt2 .content02-ornament li._abs02 {
  bottom: -118px;
  left: -54px;
}
@media (width <= 828px) {
  .p-interview._patt2 .content02-ornament li._abs02 {
    bottom: -186px;
    left: auto;
    right: -30px;
  }
  .p-interview._patt2 .content02-ornament li._abs02 img {
    width: 430px;
  }
}
.p-interview._patt2 .content02-ornament li._abs03 {
  bottom: -120px;
  left: 312px;
}
@media (width <= 828px) {
  .p-interview._patt2 .content02-ornament li._abs03 {
    left: auto;
    bottom: -186px;
    right: 77px;
  }
  .p-interview._patt2 .content02-ornament li._abs03 img {
    width: 105px;
  }
}
.p-interview._patt2 .content02-ornament li._abs04 {
  bottom: -238px;
  left: 84px;
}
@media (width <= 828px) {
  .p-interview._patt2 .content02-ornament li._abs04 {
    bottom: -186px;
    left: auto;
    right: -30px;
  }
  .p-interview._patt2 .content02-ornament li._abs04 img {
    width: 430px;
  }
}
.p-interview._patt2 .content03-ornament li {
  z-index: 10;
}
.p-interview._patt2 .content03-ornament li._abs01-1 {
  display: none;
}
@media (width <= 828px) {
  .p-interview._patt2 .content03-ornament li._abs01-1 {
    display: block;
    bottom: -294px;
    left: -20px;
  }
  .p-interview._patt2 .content03-ornament li._abs01-1 img {
    width: 390px;
  }
}
.p-interview._patt2 .content03-ornament li._abs01-2 {
  bottom: -280px;
  left: 60px;
}
@media (width <= 828px) {
  .p-interview._patt2 .content03-ornament li._abs01-2 {
    bottom: -140px;
    left: auto;
    right: -69px;
  }
  .p-interview._patt2 .content03-ornament li._abs01-2 img {
    width: 300px;
  }
}
.p-interview._patt2 .content03-ornament li._abs02 {
  bottom: -280px;
  left: 60px;
}
@media (width <= 828px) {
  .p-interview._patt2 .content03-ornament li._abs02 {
    bottom: -380px;
    left: 5px;
  }
  .p-interview._patt2 .content03-ornament li._abs02 img {
    width: 420px;
  }
}
.p-interview._patt2 .content03-ornament li._abs03 {
  display: none;
}
@media (width <= 828px) {
  .p-interview._patt2 .content03-ornament li._abs03 {
    display: block;
    bottom: -210px;
    right: -68px;
  }
}
.p-interview._patt2 .content04-top-ornament li._abs01 {
  top: -143px;
  right: 59px;
}
@media (width <= 828px) {
  .p-interview._patt2 .content04-top-ornament li._abs01 {
    display: none;
  }
}
.p-interview._patt2 .content04-ornament__wrap {
  position: absolute;
  display: block;
  width: 650px;
  height: 289px;
  right: 48px;
  top: -210px;
  z-index: 10;
  pointer-events: none;
}
@media (width <= 828px) {
  .p-interview._patt2 .content04-ornament__wrap {
    width: 100%;
    right: 0;
    top: -337px;
  }
}
.p-interview._patt2 .content04-ornament li._abs02 {
  top: 0;
  right: -80px;
  z-index: 11;
}
@media (width <= 828px) {
  .p-interview._patt2 .content04-ornament li._abs02 {
    top: -17px;
    right: -37px;
  }
  .p-interview._patt2 .content04-ornament li._abs02 img {
    width: 200px;
  }
}
.p-interview._patt2 .content04-ornament li._abs03 {
  bottom: 0;
  right: -64px;
  z-index: 11;
}
@media (width <= 828px) {
  .p-interview._patt2 .content04-ornament li._abs03 {
    bottom: -40px;
    right: -19px;
  }
  .p-interview._patt2 .content04-ornament li._abs03 img {
    width: 204px;
  }
}
.p-interview._patt2 .content04-ornament li._abs04 {
  top: -9px;
  left: 0;
  z-index: 11;
}
@media (width <= 828px) {
  .p-interview._patt2 .content04-ornament li._abs04 {
    top: -27px;
    left: -110px;
  }
}
@media (width <= 828px) and (width <= 828px) {
  .p-interview._patt2 .content04-ornament li._abs04 {
    width: 370px;
  }
}
.p-interview._patt2 .content04-ornament ._abs05 {
  position: absolute;
  top: 0;
  right: 0;
}
@media (width <= 828px) {
  .p-interview._patt2 .content04-ornament ._abs05 {
    top: -16px;
    right: 59px;
  }
  .p-interview._patt2 .content04-ornament ._abs05 img {
    width: 600px;
  }
}
.p-interview._patt2 .content05-ornament li._abs01 {
  top: -73px;
  right: 117px;
}
@media (width <= 828px) {
  .p-interview._patt2 .content05-ornament li._abs01 {
    top: auto;
    bottom: -120px;
  }
  .p-interview._patt2 .content05-ornament li._abs01 img {
    transform: rotate(-12deg);
  }
}
.p-interview._patt2 .content05-ornament li._abs02 {
  bottom: -258px;
  left: 102px;
}
@media (width <= 828px) {
  .p-interview._patt2 .content05-ornament li._abs02 {
    bottom: auto;
    top: -174px;
    left: 62px;
  }
}
.p-interview._patt2 .content06-ornament li._abs01 {
  bottom: -270px;
  right: -80px;
}
@media (width <= 828px) {
  .p-interview._patt2 .content06-ornament li._abs01 {
    bottom: -295px;
    right: -130px;
  }
  .p-interview._patt2 .content06-ornament li._abs01 img {
    width: 400px;
  }
}
.p-interview._patt3 .content01-ornament li {
  z-index: 10;
}
.p-interview._patt3 .content01-ornament li._abs01 {
  bottom: -185px;
  right: -290px;
}
@media (width <= 828px) {
  .p-interview._patt3 .content01-ornament li._abs01 {
    bottom: -316px;
    right: -133px;
  }
  .p-interview._patt3 .content01-ornament li._abs01 img {
    width: 380px;
  }
}
.p-interview._patt3 .content02-ornament li {
  z-index: 10;
}
.p-interview._patt3 .content02-ornament li._abs01 {
  bottom: -48px;
  left: -48px;
}
@media (width <= 828px) {
  .p-interview._patt3 .content02-ornament li._abs01 {
    left: auto;
    bottom: -166px;
    right: -78px;
  }
  .p-interview._patt3 .content02-ornament li._abs01 img {
    width: 444px;
    transform: rotate(-16deg);
  }
}
.p-interview._patt3 .content02-ornament li._abs02 {
  bottom: -202px;
  left: 152px;
}
.p-interview._patt3 .content03-ornament li {
  z-index: 10;
}
.p-interview._patt3 .content03-ornament li._abs01 {
  bottom: -264px;
  left: 78px;
}
@media (width <= 828px) {
  .p-interview._patt3 .content03-ornament li._abs01 {
    top: auto;
    bottom: -323px;
    left: -6px;
  }
  .p-interview._patt3 .content03-ornament li._abs01 img {
    width: 425px;
    transform: rotate(-45deg);
  }
}
.p-interview._patt3 .content04-top-ornament li._abs01 {
  top: -158px;
  right: 14px;
}
@media (width <= 828px) {
  .p-interview._patt3 .content04-top-ornament li._abs01 {
    top: -368px;
    right: -66px;
  }
}
.p-interview._patt3 .content04-ornament__wrap {
  position: absolute;
  display: block;
  width: 650px;
  height: 289px;
  right: 48px;
  top: -210px;
  z-index: 10;
  pointer-events: none;
}
@media (width <= 828px) {
  .p-interview._patt3 .content04-ornament__wrap {
    width: 100%;
    right: 0;
    top: -337px;
  }
}
.p-interview._patt3 .content04-ornament li._abs02 {
  top: 0;
  right: -80px;
  z-index: 11;
}
@media (width <= 828px) {
  .p-interview._patt3 .content04-ornament li._abs02 {
    top: -17px;
    right: -37px;
  }
  .p-interview._patt3 .content04-ornament li._abs02 img {
    width: 200px;
  }
}
.p-interview._patt3 .content04-ornament li._abs03 {
  bottom: 0;
  right: -64px;
  z-index: 11;
}
@media (width <= 828px) {
  .p-interview._patt3 .content04-ornament li._abs03 {
    bottom: -40px;
    right: -19px;
  }
  .p-interview._patt3 .content04-ornament li._abs03 img {
    width: 204px;
  }
}
.p-interview._patt3 .content04-ornament li._abs04 {
  top: -9px;
  left: 0;
  z-index: 11;
}
@media (width <= 828px) {
  .p-interview._patt3 .content04-ornament li._abs04 {
    top: -27px;
    left: -110px;
  }
}
@media (width <= 828px) and (width <= 828px) {
  .p-interview._patt3 .content04-ornament li._abs04 {
    width: 370px;
  }
}
.p-interview._patt3 .content04-ornament ._abs05 {
  position: absolute;
  top: 0;
  right: 0;
}
@media (width <= 828px) {
  .p-interview._patt3 .content04-ornament ._abs05 {
    top: -16px;
    right: 59px;
  }
  .p-interview._patt3 .content04-ornament ._abs05 img {
    width: 600px;
  }
}
.p-interview._patt3 .content05-ornament li._abs01 {
  top: -150px;
  right: 21px;
}
@media (width <= 828px) {
  .p-interview._patt3 .content05-ornament li._abs01 {
    top: auto;
    bottom: -220px;
    right: -40px;
  }
  .p-interview._patt3 .content05-ornament li._abs01 img {
    transform: rotate(-16deg);
  }
}
.p-interview._patt3 .content05-ornament li._abs02 {
  bottom: -238px;
  left: 83px;
}
@media (width <= 828px) {
  .p-interview._patt3 .content05-ornament li._abs02 {
    bottom: auto;
    top: -174px;
    left: 62px;
  }
}
.p-interview._patt3 .content06-ornament li._abs01 {
  bottom: -286px;
  right: -48px;
}
@media (width <= 828px) {
  .p-interview._patt3 .content06-ornament li._abs01 {
    bottom: -286px;
    right: -78px;
  }
}

.q-people_fv {
  position: relative;
}
@media (width <= 828px) {
  .q-people_fv {
    margin-block-start: 100px;
  }
}
.q-people_fv .title-wrap {
  width: 954px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
@media (width <= 828px) {
  .q-people_fv .title-wrap {
    top: 44%;
    width: 560px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.q-people_fv .title__num {
  position: absolute;
  font-size: 20px;
  font-weight: 700;
  font-style: italic;
  line-height: 1;
  letter-spacing: 0.02em;
  top: 0;
  left: 0;
  transform: translate(-100%);
}
@media (width <= 828px) {
  .q-people_fv .title__num {
    transform: translateX(10px) translateY(-26px);
  }
}
.q-people_fv .title__l {
  font-size: 93px;
  letter-spacing: 0.02em;
}
@media (width <= 828px) {
  .q-people_fv .title__l {
    font-size: 98px;
    margin-inline: auto;
  }
}

.q-people_fv-btm .fv-btm-wrap {
  padding: 70px 40px;
}
@media (width <= 828px) {
  .q-people_fv-btm .fv-btm-wrap {
    padding: 80px 50px 90px 50px;
  }
}
.q-people_fv-btm .fv-btm-text {
  max-width: 913px;
  margin-inline: auto;
  line-height: 40px;
}
@media (width <= 828px) {
  .q-people_fv-btm .fv-btm-text {
    letter-spacing: 0.03em;
    line-height: 64px;
  }
}
.q-people_fv-btm .fv-btm-ornament li {
  z-index: 10;
}
@media (width <= 828px) {
  .q-people_fv-btm .fv-btm-ornament li img {
    width: 100%;
  }
}
.q-people_fv-btm .fv-btm-ornament li._abs01 {
  bottom: -104px;
  left: 100px;
}
@media (width <= 828px) {
  .q-people_fv-btm .fv-btm-ornament li._abs01 {
    bottom: -132px;
    left: 31px;
    width: 202px;
  }
}
.q-people_fv-btm .fv-btm-ornament li._abs02 {
  top: 0px;
  right: 144px;
}
@media (width <= 828px) {
  .q-people_fv-btm .fv-btm-ornament li._abs02 {
    top: -7px;
    width: 170px;
    right: -16px;
  }
}

.q-people {
  padding-inline: 40px;
  padding-block: 78px 112px;
}
@media (width <= 828px) {
  .q-people {
    padding-inline: 0;
    padding-block: 117px 272px;
  }
}
.q-people .people-wrap {
  max-width: 1260px;
  margin-inline: auto;
}
.q-people .people-grid {
  display: grid;
  grid-template-columns: repeat(3, auto);
  justify-content: space-between;
  gap: 68px 20px;
  padding-inline-start: 90px;
  position: relative;
}
@media (width <= 828px) {
  .q-people .people-grid {
    padding-inline: 50px;
    grid-template-columns: repeat(2, auto);
    gap: 74px 20px;
  }
}
.q-people .people-grid::before {
  content: "";
  width: 11px;
  inset-block: 0;
  left: 0;
  position: absolute;
}
.q-people .people-grid._kanri {
  padding-block-start: 68px;
}
.q-people .people-grid._kanri::before {
  background-image: linear-gradient(180deg, #ff9a00 0%, #f08300);
}
.q-people .people-grid._gijutu::before {
  background-image: linear-gradient(180deg, #ff0012 0%, #bd0000);
}
.q-people .people-card {
  max-width: 362px;
  width: 100%;
}
@media (width <= 828px) {
  .q-people .people-card {
    min-height: 709px;
  }
}
@media (width <= 828px) {
  .q-people .people-card__catch {
    font-size: 32.5px;
    line-height: 40px;
    height: 195px;
  }
}
.q-people .people-ornament {
  z-index: 10;
}
.q-people .people-ornament._abs01 {
  top: 470px;
  right: -104px;
}
@media (width <= 828px) {
  .q-people .people-ornament._abs01 {
    top: 39%;
    right: -24px;
  }
}
.q-people .people-ornament._abs02 {
  top: 24%;
  left: -110px;
}
@media (width <= 828px) {
  .q-people .people-ornament._abs02 {
    top: 57.7%;
    left: -43px;
  }
}
.q-people .people-ornament._abs03 {
  bottom: 17.7%;
  right: -138px;
}
@media (width <= 828px) {
  .q-people .people-ornament._abs03 {
    bottom: -4%;
    right: 32px;
  }
}
.q-people .people-ornament._abs04 {
  bottom: 14%;
  right: 8%;
}
@media (width <= 828px) {
  .q-people .people-ornament._abs04 {
    bottom: 16.8%;
    right: -2%;
  }
}
.q-people .people-ornament._abs05 {
  bottom: -31px;
  left: -88px;
}
@media (width <= 828px) {
  .q-people .people-ornament._abs05 {
    bottom: -306px;
    left: 17px;
  }
  .q-people .people-ornament._abs05 img {
    width: 263px;
  }
}

.q-interview1 .p-interview_fv .fv-img__catch {
  width: calc(728 / 1600 * 100vw);
  top: calc(180 / 1600 * 100vw);
  left: calc(90 / 1600 * 100vw);
}
@media (width <= 828px) {
  .q-interview1 .p-interview_fv .fv-img__catch {
    width: 556px;
    top: 160px;
    left: 0;
  }
}
.q-interview1 .p-interview_fv .fv-img__object {
  width: calc(1505 / 1600 * 100vw);
  top: calc(115 / 1600 * 100vw);
  right: calc(-40 / 1600 * 100vw);
}
@media (width <= 828px) {
  .q-interview1 .p-interview_fv .fv-img__object {
    width: 928px;
    top: -7px;
    right: -187px;
  }
}
.q-interview1 .p-interview_fv .fv-info {
  bottom: calc(147 / 1600 * 100vw);
  left: calc(90 / 1600 * 100vw);
}
@media (width <= 828px) {
  .q-interview1 .p-interview_fv .fv-info {
    left: 50px;
    bottom: 65px;
  }
}

.q-interview2 .p-interview_fv .fv-img__catch {
  width: calc(828 / 1600 * 100vw);
  top: calc(193 / 1600 * 100vw);
  right: calc(65 / 1600 * 100vw);
}
@media (width <= 828px) {
  .q-interview2 .p-interview_fv .fv-img__catch {
    width: 558px;
    top: 215px;
    right: 0;
  }
}
.q-interview2 .p-interview_fv .fv-img__object {
  width: calc(1450 / 1600 * 100vw);
  top: calc(105 / 1600 * 100vw);
  right: calc(95 / 1600 * 100vw);
}
@media (width <= 828px) {
  .q-interview2 .p-interview_fv .fv-img__object {
    width: 844px;
    top: 49px;
    right: -47px;
  }
}
.q-interview2 .p-interview_fv .fv-info {
  bottom: calc(147 / 1600 * 100vw);
  right: calc(200 / 1600 * 100vw);
}
@media (width <= 828px) {
  .q-interview2 .p-interview_fv .fv-info {
    left: 50px;
    bottom: 65px;
  }
}

.q-interview3 .p-interview_fv .fv-img__catch {
  width: calc(745 / 1600 * 100vw);
  top: calc(180 / 1600 * 100vw);
  left: calc(90 / 1600 * 100vw);
}
@media (width <= 828px) {
  .q-interview3 .p-interview_fv .fv-img__catch {
    width: 596px;
    top: 167px;
    left: 0;
  }
}
.q-interview3 .p-interview_fv .fv-img__object {
  width: calc(1488 / 1600 * 100vw);
  top: calc(125 / 1600 * 100vw);
  right: calc(10 / 1600 * 100vw);
}
@media (width <= 828px) {
  .q-interview3 .p-interview_fv .fv-img__object {
    width: 920px;
    top: 10px;
    right: -148px;
  }
}
.q-interview3 .p-interview_fv .fv-info {
  bottom: calc(147 / 1600 * 100vw);
  left: calc(90 / 1600 * 100vw);
}
@media (width <= 828px) {
  .q-interview3 .p-interview_fv .fv-info {
    left: 50px;
    bottom: 65px;
  }
}

.q-interview4 .p-interview_fv .fv-img__catch {
  width: calc(786 / 1600 * 100vw);
  top: calc(171 / 1600 * 100vw);
  right: calc(75 / 1600 * 100vw);
}
@media (width <= 828px) {
  .q-interview4 .p-interview_fv .fv-img__catch {
    width: 600px;
    top: 188px;
    right: 0;
  }
}
.q-interview4 .p-interview_fv .fv-img__object {
  width: calc(1570 / 1600 * 100vw);
  top: calc(120 / 1600 * 100vw);
  right: calc(-25 / 1600 * 100vw);
}
@media (width <= 828px) {
  .q-interview4 .p-interview_fv .fv-img__object {
    width: 822px;
    top: 34px;
    right: -4px;
  }
}
.q-interview4 .p-interview_fv .fv-info {
  bottom: calc(147 / 1600 * 100vw);
  right: calc(200 / 1600 * 100vw);
}
@media (width <= 828px) {
  .q-interview4 .p-interview_fv .fv-info {
    left: 50px;
    bottom: 65px;
  }
}

.q-interview5 .p-interview_fv .fv-img__catch {
  width: calc(843 / 1600 * 100vw);
  top: calc(166 / 1600 * 100vw);
  right: calc(75 / 1600 * 100vw);
}
@media (width <= 828px) {
  .q-interview5 .p-interview_fv .fv-img__catch {
    width: 630px;
    top: 188px;
    right: 0;
  }
}
.q-interview5 .p-interview_fv .fv-img__object {
  width: calc(1381 / 1600 * 100vw);
  top: calc(139 / 1600 * 100vw);
  right: calc(134 / 1600 * 100vw);
}
@media (width <= 828px) {
  .q-interview5 .p-interview_fv .fv-img__object {
    width: 866px;
    top: -6px;
    right: -52px;
  }
}
.q-interview5 .p-interview_fv .fv-info {
  bottom: calc(143 / 1600 * 100vw);
  right: calc(200 / 1600 * 100vw);
}
@media (width <= 828px) {
  .q-interview5 .p-interview_fv .fv-info {
    left: 50px;
    bottom: 47px;
  }
}

.q-interview6 .p-interview_fv .fv-img__catch {
  width: calc(737 / 1600 * 100vw);
  top: calc(190 / 1600 * 100vw);
  left: calc(90 / 1600 * 100vw);
}
@media (width <= 828px) {
  .q-interview6 .p-interview_fv .fv-img__catch {
    width: 574px;
    top: 155px;
    left: 0;
  }
}
.q-interview6 .p-interview_fv .fv-img__object {
  width: calc(1496 / 1600 * 100vw);
  top: calc(98 / 1600 * 100vw);
  right: calc(-67 / 1600 * 100vw);
}
@media (width <= 828px) {
  .q-interview6 .p-interview_fv .fv-img__object {
    width: 738px;
    top: 36px;
    right: -94px;
  }
}
.q-interview6 .p-interview_fv .fv-info {
  bottom: calc(147 / 1600 * 100vw);
  left: calc(90 / 1600 * 100vw);
}
@media (width <= 828px) {
  .q-interview6 .p-interview_fv .fv-info {
    left: 50px;
    bottom: 60px;
  }
}

.q-interview7 .p-interview_fv .fv-img__catch {
  width: calc(755 / 1600 * 100vw);
  top: calc(192 / 1600 * 100vw);
  left: calc(80 / 1600 * 100vw);
}
@media (width <= 828px) {
  .q-interview7 .p-interview_fv .fv-img__catch {
    width: 602px;
    top: 200px;
    left: 0;
  }
}
.q-interview7 .p-interview_fv .fv-img__object {
  width: calc(1132 / 1600 * 100vw);
  top: calc(117 / 1600 * 100vw);
  right: calc(70 / 1600 * 100vw);
}
@media (width <= 828px) {
  .q-interview7 .p-interview_fv .fv-img__object {
    width: 966px;
    top: 40px;
    right: -150px;
  }
}
.q-interview7 .p-interview_fv .fv-info {
  bottom: calc(147 / 1600 * 100vw);
  left: calc(80 / 1600 * 100vw);
}
@media (width <= 828px) {
  .q-interview7 .p-interview_fv .fv-info {
    left: 50px;
    bottom: 60px;
  }
}

.q-interview8 .p-interview_fv .fv-img__catch {
  width: calc(799 / 1600 * 100vw);
  top: calc(197 / 1600 * 100vw);
  right: calc(40 / 1600 * 100vw);
}
@media (width <= 828px) {
  .q-interview8 .p-interview_fv .fv-img__catch {
    width: 480px;
    top: 202px;
    right: 0;
  }
}
.q-interview8 .p-interview_fv .fv-img__object {
  width: calc(1549 / 1600 * 100vw);
  top: calc(118 / 1600 * 100vw);
  right: calc(-12 / 1600 * 100vw);
}
@media (width <= 828px) {
  .q-interview8 .p-interview_fv .fv-img__object {
    width: 982px;
    top: 37px;
    right: -150px;
  }
}
.q-interview8 .p-interview_fv .fv-info {
  bottom: calc(147 / 1600 * 100vw);
  right: calc(200 / 1600 * 100vw);
}
@media (width <= 828px) {
  .q-interview8 .p-interview_fv .fv-info {
    left: 50px;
    bottom: 65px;
  }
}

.q-interview9 .p-interview_fv .fv-img__catch {
  width: calc(748 / 1600 * 100vw);
  top: calc(193 / 1600 * 100vw);
  right: calc(80 / 1600 * 100vw);
}
@media (width <= 828px) {
  .q-interview9 .p-interview_fv .fv-img__catch {
    width: 473px;
    top: 208px;
    right: 0;
  }
}
.q-interview9 .p-interview_fv .fv-img__object {
  width: calc(1549 / 1600 * 100vw);
  top: calc(84 / 1600 * 100vw);
  right: calc(-43 / 1600 * 100vw);
}
@media (width <= 828px) {
  .q-interview9 .p-interview_fv .fv-img__object {
    width: 866px;
    top: 15px;
    right: -56px;
  }
}
.q-interview9 .p-interview_fv .fv-info {
  bottom: calc(147 / 1600 * 100vw);
  right: calc(200 / 1600 * 100vw);
}
@media (width <= 828px) {
  .q-interview9 .p-interview_fv .fv-info {
    left: 50px;
    bottom: 59px;
  }
}

.q-interview10 .p-interview_fv .fv-img__catch {
  width: calc(696 / 1600 * 100vw);
  top: calc(169 / 1600 * 100vw);
  left: calc(80 / 1600 * 100vw);
}
@media (width <= 828px) {
  .q-interview10 .p-interview_fv .fv-img__catch {
    width: 547px;
    top: 187px;
    left: 0;
  }
}
.q-interview10 .p-interview_fv .fv-img__object {
  width: calc(1273 / 1600 * 100vw);
  top: calc(122 / 1600 * 100vw);
  right: calc(0 / 1600 * 100vw);
}
@media (width <= 828px) {
  .q-interview10 .p-interview_fv .fv-img__object {
    width: 864px;
    top: 13px;
    right: -97px;
  }
}
.q-interview10 .p-interview_fv .fv-info {
  bottom: calc(147 / 1600 * 100vw);
  left: calc(80 / 1600 * 100vw);
}
@media (width <= 828px) {
  .q-interview10 .p-interview_fv .fv-info {
    left: 50px;
    bottom: 60px;
  }
}

.q-strength_fv {
  position: relative;
}
@media (width <= 828px) {
  .q-strength_fv {
    padding-block-start: 250px;
  }
}
.q-strength_fv .title {
  display: block;
}
@media (width <= 828px) {
  .q-strength_fv .title .c-title_kasou__l {
    font-size: 86px;
    letter-spacing: 0.05em;
  }
  .q-strength_fv .title .c-title_kasou__l._sp_bottom {
    padding-top: 6px;
  }
}
.q-strength_fv .title-wrap {
  position: absolute;
  width: calc(601 / 1600 * 100vw);
  right: calc(150 / 1600 * 100vw);
  top: calc(214 / 1600 * 100vw);
}
@media (width <= 1280px) {
  .q-strength_fv .title-wrap {
    width: calc(601 / 1600 * 1280px);
    right: calc(160 / 1600 * 1280px);
    top: calc(220 / 1600 * 1280px);
  }
}
@media (width <= 828px) {
  .q-strength_fv .title-wrap {
    top: -120px;
    right: auto;
    left: 65px;
    width: 685px;
  }
}
.q-strength_fv ._red-line {
  margin: -8px 0 9px;
}
.q-strength_fv .fv-musashi {
  margin: 0 0 10px 12px;
}

.q-strength_fv-bottom {
  padding-block: 96px 78px;
}
@media (width <= 828px) {
  .q-strength_fv-bottom {
    padding-block: 96px 106px;
  }
}
.q-strength_fv-bottom .content {
  display: grid;
  grid-template-columns: 645px 1fr;
  align-items: center;
}
@media (width <= 828px) {
  .q-strength_fv-bottom .content {
    grid-template-columns: 1fr;
    gap: 41px;
  }
}
.q-strength_fv-bottom .content .catch {
  font-style: italic;
  font-size: 56px;
  letter-spacing: -0.03em;
  line-height: 86px;
}
@media (width <= 828px) {
  .q-strength_fv-bottom .content .catch {
    font-size: 60px;
    letter-spacing: 0;
    line-height: 90px;
  }
}
.q-strength_fv-bottom .content .catch ._emp {
  color: var(--color-primary);
}
.q-strength_fv-bottom .content .text {
  max-width: 559px;
}
@media (width <= 828px) {
  .q-strength_fv-bottom .content .text {
    max-width: 100%;
    letter-spacing: 0;
    line-height: 64px;
  }
}

.q-strength_link {
  padding-block: 63px 70px;
  position: relative;
}
@media (width <= 828px) {
  .q-strength_link {
    padding-block: 120px 120px;
  }
}
.q-strength_link::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%) translateY(100%);
  display: block;
  width: 24px;
  height: 20px;
  margin-inline: auto;
  background-color: var(--color-bg-cold);
  clip-path: polygon(50% 20px, 0% 0%, 24px 0%);
}
@media (width <= 828px) {
  .q-strength_link::after {
    width: 36px;
    height: 30px;
    clip-path: polygon(50% 30px, 0% 0%, 36px 0%);
    bottom: 1px;
  }
}
.q-strength_link .content {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media (width > 828px) {
  .q-strength_link .content {
    padding: 0 32px 0 24px;
  }
}
@media (width <= 828px) {
  .q-strength_link .content {
    grid-template-columns: 1fr;
    gap: 75px;
  }
}
.q-strength_link .grid_wrap {
  display: grid;
  align-items: center;
  justify-content: right;
}
.q-strength_link .strengthlink {
  text-decoration: none;
  display: block;
  width: fit-content;
}
.q-strength_link .strengthlink-wrap {
  display: grid;
  grid-template-columns: auto auto;
  gap: 24px 17px;
  width: fit-content;
  margin-inline: auto;
}
@media (width <= 828px) {
  .q-strength_link .strengthlink-wrap {
    gap: 34px 24px;
  }
}
.q-strength_link .strengthlink ._label {
  width: fit-content;
  font-family: var(--ff-en);
  font-style: italic;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.07em;
  line-height: 1;
  display: block;
  margin: 0 0 3px;
}
@media (width <= 828px) {
  .q-strength_link .strengthlink ._label {
    font-size: 22px;
  }
}
.q-strength_link .strengthlink ._title {
  width: 238px;
  height: 114px;
  padding-block-end: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  letter-spacing: 0.05em;
  line-height: 35px;
  font-weight: 500;
  background-color: var(--color-light);
  border-top: 5px solid var(--color-primary);
  border-bottom: 1px solid var(--color-dark);
  text-align: center;
}
@media (width <= 828px) {
  .q-strength_link .strengthlink ._title {
    width: 351px;
    height: 167px;
    font-size: 44px;
    line-height: 52px;
  }
}
.q-strength_link .strengthlink ._arr {
  width: 38px;
  height: 38px;
  margin-inline: auto;
  margin-block-start: -19px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  border-radius: 50%;
  background-color: var(--color-primary);
}
@media (width <= 828px) {
  .q-strength_link .strengthlink ._arr {
    width: 56px;
    height: 56px;
    margin-block-start: -28px;
    gap: 3px;
  }
}
.q-strength_link .strengthlink ._arr::before {
  content: "";
  width: 1px;
  height: 7px;
  background-color: var(--color-light);
}
@media (width <= 828px) {
  .q-strength_link .strengthlink ._arr::before {
    width: 2px;
    height: 11px;
  }
}
.q-strength_link .strengthlink ._arr::after {
  content: "";
  width: 6px;
  height: 4px;
  background-color: var(--color-light);
  clip-path: polygon(50% 4px, 0% 0%, 6px 0%);
}
@media (width <= 828px) {
  .q-strength_link .strengthlink ._arr::after {
    width: 10px;
    height: 6px;
    clip-path: polygon(50% 6px, 0% 0%, 10px 0%);
  }
}

.q-strength {
  padding-block: 0 211px;
}
@media (width <= 828px) {
  .q-strength {
    padding-block: 0 168px;
  }
}
.q-strength .strength {
  padding-block-start: 152px;
}
@media (width <= 828px) {
  .q-strength .strength {
    padding-block-start: 121px;
  }
}
.q-strength .strength:first-child {
  padding-block-start: 132px;
}
@media (width <= 828px) {
  .q-strength .strength:first-child {
    padding-block-start: 94px;
  }
}
.q-strength .strength-head {
  margin-block-end: 29px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (width <= 828px) {
  .q-strength .strength-head {
    margin-block-end: 27px;
    flex-direction: column-reverse;
    gap: 44px;
    align-items: normal;
  }
}
.q-strength .strength__title {
  font-style: italic;
  font-size: 53px;
  letter-spacing: 0.05em;
  line-height: 72px;
}
@media (width <= 828px) {
  .q-strength .strength__title {
    white-space: nowrap;
    font-size: 60px;
    letter-spacing: 0.02em;
  }
}
.q-strength .strength__title ._emp {
  color: var(--color-primary);
}
.q-strength .strength__title ._s {
  font-size: 37px;
}
@media (width > 828px) {
  .q-strength .strength__fukidashi {
    margin: -20px 0 20px;
  }
}
@media (width <= 828px) {
  .q-strength .strength__fukidashi {
    width: fit-content;
    margin: 0 0 0 auto;
  }
}
.q-strength .strength__fukidashi ._label {
  margin-block-end: 5px;
  font-family: var(--ff-en);
  font-style: italic;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.02em;
  line-height: 1;
}
@media (width <= 828px) {
  .q-strength .strength__fukidashi ._label {
    margin-block-end: 7px;
    font-size: 22px;
  }
}
.q-strength .strength__fukidashi ._title {
  min-width: 153px;
  padding: 23px 10px 32px 10px;
  font-size: 36px;
  font-weight: 500;
  letter-spacing: -0.002em;
  line-height: 1;
  border-top: 5px solid var(--color-primary);
  position: relative;
  text-align: center;
}
@media (width <= 828px) {
  .q-strength .strength__fukidashi ._title {
    padding: 26px 13px 35px 19px;
    font-size: 40px;
  }
}
.q-strength .strength__fukidashi ._title::before {
  content: "";
  position: absolute;
  height: 1px;
  inset-inline: 0 76px;
  bottom: 0;
  background-color: var(--color-dark);
}
@media (width <= 828px) {
  .q-strength .strength__fukidashi ._title::before {
    inset-inline: 0 87px;
  }
}
.q-strength .strength__fukidashi ._title::after {
  content: "";
  position: absolute;
  width: 92px;
  height: 29px;
  bottom: 0;
  right: 0;
  transform: translateY(100%);
  background-image: url(../img/strength/strength_fukidashi-deco.svg);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (width <= 828px) {
  .q-strength .strength__fukidashi ._title::after {
    width: 105px;
    height: 34px;
  }
}
.q-strength .strength-text {
  margin-block-end: 43px;
  padding-inline-start: 26px;
  line-height: 32px;
  letter-spacing: 0.04em;
  border-left: 5px solid var(--color-primary);
}
@media (width <= 828px) {
  .q-strength .strength-text {
    margin-block-end: 47px;
    padding-inline-start: 30px;
    font-size: 33px;
    letter-spacing: 0;
    line-height: 64px;
  }
}
.q-strength .strength-img-box {
  margin-block-end: 74px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  position: relative;
}
@media (width <= 828px) {
  .q-strength .strength-img-box {
    margin-block-end: 54px;
    grid-template-columns: 1fr;
    gap: 17px;
  }
}
@media (width <= 828px) {
  .q-strength .strength-img-box ._img img {
    width: 100%;
  }
}
.q-strength .strength-img-box ._catch {
  position: absolute;
  bottom: -35px;
  z-index: 2;
}
.q-strength .strength-img-box ._catch._l {
  left: -40px;
}
.q-strength .strength-img-box ._catch._r {
  right: -40px;
}
@media (width <= 828px) {
  .q-strength .strength-img-box ._catch._pos1 {
    bottom: -32px;
    right: 31px;
    width: 538px;
  }
}
.q-strength .strength-img-box ._catch._pos2 {
  left: -40px;
}
@media (width <= 828px) {
  .q-strength .strength-img-box ._catch._pos2 {
    bottom: 410px;
    left: 30px;
    width: 358px;
  }
}
@media (width <= 828px) {
  .q-strength .strength-img-box ._catch._pos3 {
    bottom: -24px;
    right: 29px;
    width: 643px;
  }
}
.q-strength .strength-img-box ._catch._pos4 {
  left: -42px;
}
@media (width <= 828px) {
  .q-strength .strength-img-box ._catch._pos4 {
    bottom: -37px;
    left: 30px;
    width: 410px;
  }
}
.q-strength .strength-img-box ._catch._pos5 {
  right: -38px;
}
@media (width <= 828px) {
  .q-strength .strength-img-box ._catch._pos5 {
    left: 184px;
    width: 516px;
  }
}
.q-strength .strength-img-box ._catch._pos6 {
  left: -41px;
}
@media (width <= 828px) {
  .q-strength .strength-img-box ._catch._pos6 {
    bottom: 406px;
    left: 30px;
    width: 568px;
  }
}
.q-strength .strength-btn {
  position: relative;
}
.q-strength .strength-btn .linkbtn {
  height: 67px;
}
@media (width <= 828px) {
  .q-strength .strength-btn .linkbtn {
    height: 150px;
  }
}
.q-strength .strength-btn .linkbtn__inner {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: 1;
}
@media (width <= 828px) {
  .q-strength .strength-btn .linkbtn__inner {
    font-size: 34px;
    letter-spacing: 0;
    line-height: 43px;
  }
}
@media (width <= 828px) {
  .q-strength .strength-btn .link-icon {
    width: 32px;
    height: 22px;
  }
}
.q-strength .strength ._ill {
  position: absolute;
  z-index: 2;
}
.q-strength .strength ._ill._pos1 {
  bottom: 0;
  left: -50px;
}
@media (width <= 828px) {
  .q-strength .strength ._ill._pos1 {
    width: 381px;
    bottom: auto;
    left: -36px;
    top: -741px;
  }
}
.q-strength .strength ._ill._pos2 {
  bottom: 0;
  right: -10px;
}
@media (width <= 828px) {
  .q-strength .strength ._ill._pos2 {
    right: -32px;
  }
}
.q-strength .strength ._ill._pos5 {
  bottom: -50px;
  left: -47px;
}
@media (width <= 828px) {
  .q-strength .strength ._ill._pos5 {
    width: 342px;
    left: -35px;
    bottom: 433px;
  }
}
.q-strength .strength ._ill._pos6 {
  bottom: 66px;
  right: -85px;
}
@media (width <= 828px) {
  .q-strength .strength ._ill._pos6 {
    width: 460px;
    bottom: 150px;
    right: -48px;
  }
}
@media (width <= 828px) {
  .q-strength .strength._02 .linkbtn {
    justify-content: start;
    padding-inline-start: 104px;
  }
}
.q-strength .strength._02 .linkbtn__arr {
  width: 70px;
  height: 6px;
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  transform: translateY(-6px);
}
@media (width <= 828px) {
  .q-strength .strength._02 .linkbtn__arr {
    width: 60px;
    height: 10px;
    justify-content: space-between;
    transform: translateY(-14px);
  }
}
.q-strength .strength._02 .linkbtn__arr::before {
  content: "";
  width: 60px;
  height: 1px;
  background-color: var(--color-light);
  transition: var(--sec);
}
@media (width <= 828px) {
  .q-strength .strength._02 .linkbtn__arr::before {
    width: 43px;
  }
}
.q-strength .strength._02 .linkbtn__arr::after {
  content: "";
  width: 4px;
  height: 6px;
  background-color: var(--color-light);
  clip-path: polygon(4px 50%, 0% 0%, 0% 6px);
  transition: var(--sec);
}
@media (width <= 828px) {
  .q-strength .strength._02 .linkbtn__arr::after {
    width: 7px;
    height: 10px;
    clip-path: polygon(7px 50%, 0% 0%, 0% 10px);
  }
}
@media (width > 828px) {
  .q-strength .strength._02 .linkbtn:hover .linkbtn__arr::before, .q-strength .strength._02 .linkbtn:hover .linkbtn__arr::after {
    background-color: var(--color-dark);
  }
}

.q-top_mv {
  /* 比率固定ゾーン */
}
.q-top_mv .mv {
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 10;
}
@media (width <= 828px) {
  .q-top_mv .mv {
    margin-block-start: 100px;
    height: 1248px;
  }
}
.q-top_mv .mv__bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 9;
}
.q-top_mv .mv__text {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 11;
}
@media (width > 828px) {
  .q-top_mv .mv__text {
    min-height: 300px;
    height: 100vh;
  }
}
@media (width <= 828px) {
  .q-top_mv .mv__text {
    width: 885px;
    margin-block-start: 13px;
    margin-inline: 17px 10px;
  }
}
.q-top_mv .mv__text-top {
  position: absolute;
  width: calc(1001 / 1280 * 100vw);
  top: 52%;
  left: 0;
  transform: translateY(-50%);
}
@media (width <= 1280px) {
  .q-top_mv .mv__text-top {
    width: 1001px;
  }
}
.q-top_mv .mv__text-btm {
  position: absolute;
  bottom: calc(-37 / 1280 * 100vw);
  padding-right: 60px;
  left: 0;
}
@media (width <= 1280px) {
  .q-top_mv .mv__text-btm {
    bottom: -37px;
  }
}
.q-top_mv .mv .mv-anime {
  backface-visibility: hidden;
  transform: scale(1.05);
  opacity: 0;
}
.q-top_mv .mv .mv-anime.on {
  animation-delay: 2s;
  animation: mv-zoom-out 0.4s ease-in-out forwards;
}
.q-top_mv .mv-track {
  position: absolute;
  top: 74px;
  left: -30px;
  display: flex;
  animation: mv-loop 120s linear infinite;
  z-index: 10;
  width: calc((var(--mv-width) / var(--mv-height)) * 115vh * 2);
  height: 115vh;
  margin-top: -8.5vh;
}
@media (width <= 828px) {
  .q-top_mv .mv-track {
    width: calc(var(--mv-width) * 2);
    top: 240px;
    left: 0;
    height: auto;
    animation: mv-loop 80s linear infinite;
  }
}
.q-top_mv .mv-track img {
  flex-shrink: 0;
  width: calc((var(--mv-width) / var(--mv-height)) * 115vh);
  height: 115vh;
}
@media (width <= 828px) {
  .q-top_mv .mv-track img {
    width: var(--mv-width);
    height: auto;
  }
}

:root {
  --mv-width: 3660;
  --mv-height: 827;
}
@media (width <= 828px) {
  :root {
    --mv-width: 2641px;
  }
}

@keyframes mv-loop {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
@keyframes mv-zoom-out {
  0% {
    transform: scale(1.4);
    opacity: 0;
  }
  80% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.q-top_ceo {
  padding-block: 147px 169px;
}
@media (width <= 828px) {
  .q-top_ceo {
    padding-block: 132px 219px;
  }
}
.q-top_ceo .top-ceo-heading {
  width: fit-content;
}
@media (width <= 828px) {
  .q-top_ceo .top-ceo-heading {
    padding-inline-start: 25px;
  }
}
.q-top_ceo .top-ceo-container {
  margin-block-start: 31px;
  display: grid;
  grid-template-columns: auto auto;
  gap: 40px;
}
@media (width <= 828px) {
  .q-top_ceo .top-ceo-container {
    gap: 10px;
    margin-block-start: 48px;
    grid-template-columns: auto;
  }
}
.q-top_ceo .top-ceo-content {
  max-width: 253px;
  position: relative;
  z-index: 10;
}
@media (width <= 828px) {
  .q-top_ceo .top-ceo-content {
    order: 1;
    max-width: 668px;
    margin-inline: auto;
  }
}
.q-top_ceo .top-ceo-content__text {
  margin-block-end: 30px;
  padding-block-start: 45px;
  font-size: 16px;
  line-height: 40px;
  letter-spacing: 0.02em;
}
@media (width <= 828px) {
  .q-top_ceo .top-ceo-content__text {
    margin-block-end: 40px;
    margin-inline: -13px;
    padding-block-start: 108px;
    font-size: 33px;
    letter-spacing: 0;
    line-height: 58px;
  }
}
.q-top_ceo .top-ceo-content__btn {
  padding: 1px 9px 2px 17px;
  font-size: 17px;
  letter-spacing: 0.06em;
  font-weight: 500;
  line-height: 1;
}
@media (width <= 828px) {
  .q-top_ceo .top-ceo-content__btn {
    padding: 0px 23px 2px 37px;
    font-size: 36px;
  }
}
.q-top_ceo .top-ceo-content__btn-arr {
  margin-inline-start: 15px;
  transform: translateY(-3px);
}
@media (width <= 828px) {
  .q-top_ceo .top-ceo-content__btn-arr {
    width: 51px;
    height: 12px;
    margin-inline-start: 55px;
    transform: translateY(-10px);
  }
}
.q-top_ceo .top-ceo-media {
  width: fit-content;
  margin: 0 0 0 auto;
}
.q-top_ceo .top-ceo-media__catch {
  position: absolute;
  bottom: -55px;
  right: -30px;
}
@media (width <= 828px) {
  .q-top_ceo .top-ceo-media__catch {
    bottom: -76px;
    right: -50px;
  }
  .q-top_ceo .top-ceo-media__catch img {
    width: 580px;
  }
}
.q-top_ceo .top-ceo-ornament._abs01 {
  bottom: -51px;
  left: -396px;
}
@media (width <= 828px) {
  .q-top_ceo .top-ceo-ornament._abs01 {
    bottom: -581px;
    left: auto;
    right: -39px;
  }
  .q-top_ceo .top-ceo-ornament._abs01 img {
    width: 178px;
  }
}
.q-top_ceo .top-ceo-ornament._abs02 {
  top: -55px;
  left: -62px;
}
@media (width <= 828px) {
  .q-top_ceo .top-ceo-ornament._abs02 {
    top: -48px;
    left: -55px;
  }
  .q-top_ceo .top-ceo-ornament._abs02 img {
    width: 259px;
  }
}
.q-top_ceo .top-ceo-ornament._abs03 {
  top: 162px;
  left: -62.6px;
}
@media (width <= 828px) {
  .q-top_ceo .top-ceo-ornament._abs03 {
    top: 134.4px;
    left: -55px;
  }
  .q-top_ceo .top-ceo-ornament._abs03 img {
    width: 148px;
  }
}
.q-top_ceo .top-ceo-ornament._abs04 {
  bottom: -76px;
  left: -48.7px;
}
@media (width <= 828px) {
  .q-top_ceo .top-ceo-ornament._abs04 {
    bottom: -72px;
    left: -39.7px;
  }
  .q-top_ceo .top-ceo-ornament._abs04 img {
    width: 329px;
  }
}
.q-top_ceo .top-ceo-ornament._abs05 {
  top: -45.7px;
  right: -82px;
}
@media (width <= 828px) {
  .q-top_ceo .top-ceo-ornament._abs05 {
    top: -39.7px;
    right: -71px;
  }
  .q-top_ceo .top-ceo-ornament._abs05 img {
    width: 273px;
  }
}
.q-top_ceo .top-ceo-ornament._abs06 {
  top: -171px;
  right: -172.7px;
}
@media (width <= 828px) {
  .q-top_ceo .top-ceo-ornament._abs06 {
    top: -188px;
    right: -52.7px;
  }
  .q-top_ceo .top-ceo-ornament._abs06 img {
    width: 206px;
  }
}
.q-top_ceo .top-ceo-ornament._abs07 {
  bottom: 3px;
  right: -127px;
}
@media (width <= 828px) {
  .q-top_ceo .top-ceo-ornament._abs07 {
    bottom: -11px;
    right: -87px;
  }
  .q-top_ceo .top-ceo-ornament._abs07 img {
    width: 148.5px;
  }
}
.q-top_ceo .top-ceo-ornament._abs01, .q-top_ceo .top-ceo-ornament._abs04, .q-top_ceo .top-ceo-ornament._abs07 {
  animation-delay: 0.1s;
}
.q-top_ceo .top-ceo-ornament._abs02, .q-top_ceo .top-ceo-ornament._abs05, .q-top_ceo .top-ceo-ornament._abs08 {
  animation-delay: 0.2s;
}

.q-top_about {
  padding-block: 75px 61px;
  position: relative;
}
@media (width <= 828px) {
  .q-top_about {
    padding-block: 138px 530px;
  }
}
.q-top_about__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.q-top_about__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.q-top_about .top-about-ornament {
  z-index: 10;
}
.q-top_about .top-about-ornament._abs01 {
  top: -205px;
  right: -80px;
}
@media (width <= 828px) {
  .q-top_about .top-about-ornament._abs01 {
    top: -89px;
    right: -78px;
  }
  .q-top_about .top-about-ornament._abs01 img {
    width: 348px;
  }
}
.q-top_about .top-about {
  width: fit-content;
  margin-inline: auto;
  position: relative;
}
.q-top_about .top-about__catch {
  position: absolute;
  top: -136px;
  left: -93%;
  width: fit-content;
  min-width: 504px;
}
@media (width <= 828px) {
  .q-top_about .top-about__catch {
    top: -210px;
    left: 50px;
    min-width: 595px;
  }
  .q-top_about .top-about__catch img {
    width: 595px;
  }
}
.q-top_about .top-about__img {
  position: absolute;
  top: 9px;
  left: -139%;
  min-width: 644px;
}
@media (width <= 828px) {
  .q-top_about .top-about__img {
    top: auto;
    bottom: -51%;
    left: 0;
    min-width: 510px;
    width: 510px;
  }
}
.q-top_about .top-about-content {
  transform: translateX(73px);
}
@media (width <= 828px) {
  .q-top_about .top-about-content {
    transform: translateX(0);
    margin-inline: 79px;
  }
}
.q-top_about .top-about-content__text {
  margin-block: 20px 21px;
  width: fit-content;
  color: var(--color-light);
}
@media (width <= 828px) {
  .q-top_about .top-about-content__text {
    margin-block: 43px;
    max-width: 668px;
  }
}
.q-top_about .top-about-nav {
  margin-inline-start: 10px;
  padding-inline-start: 20px;
  position: relative;
}
@media (width <= 828px) {
  .q-top_about .top-about-nav {
    margin-inline-start: 0;
    padding-inline-start: 40px;
  }
}
.q-top_about .top-about-nav::before {
  content: "";
  position: absolute;
  inset-block: 9px;
  left: 0;
  width: 1px;
  background-color: var(--color-light);
}
@media (width <= 828px) {
  .q-top_about .top-about-nav::before {
    inset-block: 15px;
  }
}
.q-top_about .top-about-link {
  padding-block: 9px;
  display: flex;
  align-items: center;
  width: fit-content;
}
@media (width <= 828px) {
  .q-top_about .top-about-link {
    padding-block: 15px;
  }
}
.q-top_about .top-about-link__wrapper {
  color: var(--color-light);
  margin-block-end: 25px;
}
@media (width <= 828px) {
  .q-top_about .top-about-link__wrapper {
    margin-block-end: 54px;
  }
}
.q-top_about .top-about-link__wrapper:last-child {
  margin-block-end: 0;
}
.q-top_about .top-about-link__title {
  padding-block: 12px;
  font-size: 18px;
  line-height: 1;
  letter-spacing: 0.06em;
  font-weight: 500;
}
@media (width <= 828px) {
  .q-top_about .top-about-link__title {
    padding-block: 15px;
    font-size: 36px;
    letter-spacing: 0.06em;
  }
}
.q-top_about .top-about-link .en {
  font-family: var(--ff-en);
  font-size: 19px;
  line-height: 1;
  letter-spacing: 0.02em;
  font-weight: 700;
}
@media (width <= 828px) {
  .q-top_about .top-about-link .en {
    font-size: 38px;
  }
}
.q-top_about .top-about-link .jp {
  margin-inline: 15px 10px;
  font-size: 18px;
  line-height: 1;
  letter-spacing: 0.06em;
  font-weight: 500;
  transform: translateY(-1px);
}
@media (width <= 828px) {
  .q-top_about .top-about-link .jp {
    margin-inline: 35px 20px;
    font-size: 36px;
    letter-spacing: 0;
  }
}
@media (width <= 828px) {
  .q-top_about .top-about-link__icon._arr {
    width: 58px;
    height: 12px;
  }
}
@media (width <= 828px) {
  .q-top_about .top-about-link__icon._ext {
    width: 40px;
    height: 29px;
  }
}

.top-about_border {
  margin-block-start: -1px;
  background-color: var(--color-primary);
  height: 17px;
  width: 100%;
}

.q-top_job {
  padding-block: 150px 128px;
}
@media (width <= 828px) {
  .q-top_job {
    padding-block: 111px 144px;
  }
}
.q-top_job .top-job-heading {
  width: fit-content;
}
@media (width <= 828px) {
  .q-top_job .top-job-heading {
    padding-inline-start: 25px;
  }
}
.q-top_job .top-job-link {
  padding-inline-start: 16px;
  display: flex;
  gap: 18px;
  position: relative;
}
.q-top_job .top-job-link:before {
  content: "";
  display: block;
  height: 92%;
  background: var(--color-primary);
  position: absolute;
  top: 0;
  left: 0;
}
@media (width > 828px) {
  .q-top_job .top-job-link:before {
    width: 4px;
  }
}
@media (width <= 828px) {
  .q-top_job .top-job-link:before {
    width: 8px;
  }
}
@media (width <= 828px) {
  .q-top_job .top-job-link {
    width: 100%;
    padding-inline-start: 36px;
    padding-top: 5px;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 34px;
  }
}
.q-top_job .top-job-link__wrapper li {
  margin-block-end: 34px;
}
@media (width <= 828px) {
  .q-top_job .top-job-link__wrapper li {
    margin-block-end: 30px;
    padding: 5px 0 0;
  }
}
.q-top_job .top-job-link__wrapper li:last-child {
  margin-block-end: 0;
}
.q-top_job .top-job-link .jp {
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.06em;
}
@media (width <= 828px) {
  .q-top_job .top-job-link .jp {
    font-size: 36px;
    letter-spacing: 0;
  }
}
.q-top_job .top-job-link .kinds {
  font-size: 14px;
}
@media (width <= 828px) {
  .q-top_job .top-job-link .kinds {
    font-size: 30px;
    letter-spacing: 0;
  }
}
.q-top_job .top-job-link .en {
  font-family: var(--ff-en);
  font-size: 19px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.02em;
}
@media (width <= 828px) {
  .q-top_job .top-job-link .en {
    font-size: 38px;
  }
}
.q-top_job .top-job-link__content {
  display: flex;
  flex-flow: column;
  align-items: end;
  gap: 13px;
}
@media (width <= 828px) {
  .q-top_job .top-job-link__content {
    padding-block-end: 24px;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--color-dark);
  }
}
.q-top_job .top-job-link__arr {
  width: calc(100% - 10px);
  margin-inline-end: 9px;
  padding-block-end: 13px;
  border-bottom: 1px solid var(--color-dark);
  display: flex;
  justify-content: end;
}
.q-top_job .top-job-link__arr svg {
  width: 34px;
}
@media (width <= 828px) {
  .q-top_job .top-job-link__arr {
    padding: 0;
    margin: 0;
    width: fit-content;
    border-bottom: none;
  }
  .q-top_job .top-job-link__arr svg {
    width: 52px;
    height: 11px;
  }
}
.q-top_job .top-job-container {
  margin-block-start: 3px;
  display: grid;
  grid-template-columns: auto auto;
  gap: 40px;
}
@media (width <= 828px) {
  .q-top_job .top-job-container {
    gap: 0;
    margin-block-start: 35px;
    grid-template-columns: auto;
  }
}
.q-top_job .top-job-content {
  max-width: 255px;
  margin-inline-start: 10px;
  position: relative;
  z-index: 10;
}
@media (width <= 828px) {
  .q-top_job .top-job-content {
    order: 1;
    max-width: 668px;
    margin-inline: auto;
  }
}
.q-top_job .top-job-content__text {
  max-width: 235px;
  margin-block-end: 59px;
  padding-block-start: 30px;
  font-size: 16px;
  line-height: 34.6px;
  letter-spacing: 0.06em;
}
@media (width <= 828px) {
  .q-top_job .top-job-content__text {
    max-width: 668px;
    margin-block-end: 40px;
    padding-block-start: 76px;
    font-size: 33px;
    letter-spacing: 0;
    line-height: 58px;
  }
}
.q-top_job .top-job-media {
  width: fit-content;
  margin: 0 0 0 auto;
}
.q-top_job .top-job-media__catch {
  position: absolute;
  bottom: -26px;
  right: -42px;
}
@media (width <= 828px) {
  .q-top_job .top-job-media__catch {
    bottom: -37px;
    right: -3px;
  }
  .q-top_job .top-job-media__catch img {
    width: 443px;
  }
}
.q-top_job .top-job-ornament._abs01 {
  bottom: -21px;
  left: -399px;
}
@media (width <= 828px) {
  .q-top_job .top-job-ornament._abs01 {
    bottom: -524px;
    left: -50px;
    rotate: -9deg;
  }
  .q-top_job .top-job-ornament._abs01 img {
    width: 170px;
  }
}
.q-top_job .top-job-ornament._abs02 {
  top: -101px;
  left: -10px;
}
@media (width <= 828px) {
  .q-top_job .top-job-ornament._abs02 {
    top: -26px;
    left: -145px;
  }
  .q-top_job .top-job-ornament._abs02 img {
    width: 259px;
  }
}
.q-top_job .top-job-ornament._abs03 {
  top: 220px;
  left: -62.6px;
}
@media (width <= 828px) {
  .q-top_job .top-job-ornament._abs03 {
    top: 184px;
    left: -52px;
  }
  .q-top_job .top-job-ornament._abs03 img {
    width: 158px;
  }
}
.q-top_job .top-job-ornament._abs04 {
  bottom: -69px;
  left: -46px;
}
@media (width <= 828px) {
  .q-top_job .top-job-ornament._abs04 {
    bottom: -68px;
    left: -39.7px;
  }
  .q-top_job .top-job-ornament._abs04 img {
    width: 335px;
  }
}
.q-top_job .top-job-ornament._abs05 {
  top: -44px;
  right: -84px;
}
@media (width <= 828px) {
  .q-top_job .top-job-ornament._abs05 {
    top: -38px;
    right: -71px;
  }
  .q-top_job .top-job-ornament._abs05 img {
    width: 348px;
  }
}
.q-top_job .top-job-ornament._abs06 {
  top: -169px;
  right: 29px;
}
@media (width <= 828px) {
  .q-top_job .top-job-ornament._abs06 {
    top: -158px;
    right: -52.7px;
  }
  .q-top_job .top-job-ornament._abs06 img {
    width: 166px;
  }
}
.q-top_job .top-job-ornament._abs07 {
  bottom: 28px;
  right: -181px;
}
@media (width <= 828px) {
  .q-top_job .top-job-ornament._abs07 {
    bottom: 25px;
    right: -87px;
    rotate: 5deg;
  }
  .q-top_job .top-job-ornament._abs07 img {
    width: 198px;
  }
}
.q-top_job .top-job-ornament._abs01, .q-top_job .top-job-ornament._abs04, .q-top_job .top-job-ornament._abs07 {
  animation-delay: 0.1s;
}
.q-top_job .top-job-ornament._abs02, .q-top_job .top-job-ornament._abs05 {
  animation-delay: 0.2s;
}

.q-top_people .top-people-ornament._abs01 {
  top: -18px;
  right: 139px;
}
@media (width <= 828px) {
  .q-top_people .top-people-ornament._abs01 {
    top: -29px;
    right: -19px;
  }
  .q-top_people .top-people-ornament._abs01 img {
    width: 227px;
  }
}
.q-top_people .top-people-slide {
  position: relative;
}
.q-top_people .top-people-slide__wrapper {
  margin-block-start: -13px;
  padding-block: 45px 80px;
  background-color: var(--color-bg-cold);
}
@media (width <= 828px) {
  .q-top_people .top-people-slide__wrapper {
    margin-block-start: -17px;
    padding-block: 76px 80px;
  }
}
.q-top_people .top-people-slide__card {
  margin-inline: 25px;
}
@media (width <= 828px) {
  .q-top_people .top-people-slide__card {
    margin-inline: 0;
    margin-inline-start: 40px;
  }
}
.q-top_people .top-people-slide .slick-slide {
  opacity: 0.65;
}
.q-top_people .top-people-slide .slick-slide:has(+ .slick-current), .q-top_people .top-people-slide .slick-slide.slick-current, .q-top_people .top-people-slide .slick-slide.slick-current + li {
  opacity: 1;
}
.q-top_people .top-people-slide .slick-arrow {
  border: none;
  font-size: 0;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: var(--sec);
}
@media (width <= 828px) {
  .q-top_people .top-people-slide .slick-arrow {
    width: 84px;
    height: 84px;
  }
}
.q-top_people .top-people-slide .slick-arrow.slick-next, .q-top_people .top-people-slide .slick-arrow.slick-prev {
  display: flex;
  align-items: center;
  justify-content: center;
  mix-blend-mode: multiply;
  z-index: 21;
}
.q-top_people .top-people-slide .slick-arrow.slick-next-bg, .q-top_people .top-people-slide .slick-arrow.slick-prev-bg {
  z-index: 20;
  background: rgba(255, 255, 255, 0.85);
}
.q-top_people .top-people-slide .slick-arrow.slick-prev, .q-top_people .top-people-slide .slick-arrow.slick-prev-bg {
  right: 50%;
  margin-right: 555px;
}
@media (width <= 828px) {
  .q-top_people .top-people-slide .slick-arrow.slick-prev, .q-top_people .top-people-slide .slick-arrow.slick-prev-bg {
    left: 14px;
    margin-right: 0;
  }
}
.q-top_people .top-people-slide .slick-arrow.slick-next, .q-top_people .top-people-slide .slick-arrow.slick-next-bg {
  left: 50%;
  margin-left: 555px;
}
@media (width <= 828px) {
  .q-top_people .top-people-slide .slick-arrow.slick-next, .q-top_people .top-people-slide .slick-arrow.slick-next-bg {
    right: 14px;
    left: auto;
    margin-left: 0;
  }
}
.q-top_people .top-people-slide .slick-arrow__bg::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  z-index: 10;
  background-color: var(--color-primary);
  transition: var(--sec);
  mix-blend-mode: multiply;
}
.q-top_people .top-people-slide .slick-arrow__arr-wrapper {
  width: 28.5px;
  height: 6px;
  overflow: hidden;
  position: relative;
  z-index: 15;
}
@media (width <= 828px) {
  .q-top_people .top-people-slide .slick-arrow__arr-wrapper {
    width: 34px;
    height: 7px;
  }
}
.q-top_people .top-people-slide .slick-arrow__arr-wrapper._next {
  transform: scale(-1, 1);
}
.q-top_people .top-people-slide .slick-arrow__arr {
  width: 28.5px;
  height: 6px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  transition: var(--sec);
  opacity: 1;
}
@media (width <= 828px) {
  .q-top_people .top-people-slide .slick-arrow__arr {
    width: 34px;
    height: 7px;
  }
}
.q-top_people .top-people-slide .slick-arrow__arr::before {
  content: "";
  display: block;
  width: 4px;
  height: 6px;
  background: var(--color-light);
  clip-path: polygon(100% 0, 0 50%, 100% 100%);
}
@media (width <= 828px) {
  .q-top_people .top-people-slide .slick-arrow__arr::before {
    width: 5px;
    height: 7px;
  }
}
.q-top_people .top-people-slide .slick-arrow__arr::after {
  content: "";
  display: block;
  width: 20px;
  height: 1px;
  background-color: var(--color-light);
}
@media (width <= 828px) {
  .q-top_people .top-people-slide .slick-arrow__arr::after {
    width: 23px;
  }
}
.q-top_people .top-people-slide .slick-arrow__arr:last-child {
  position: absolute;
  top: 0;
  right: -100%;
  opacity: 0;
}
@media (width > 828px) {
  .q-top_people .top-people-slide .slick-arrow:hover .slick-arrow__arr {
    transform: translateX(-100%);
    opacity: 0;
  }
  .q-top_people .top-people-slide .slick-arrow:hover .slick-arrow__arr::before, .q-top_people .top-people-slide .slick-arrow:hover .slick-arrow__arr::after {
    background-color: var(--color-primary);
  }
  .q-top_people .top-people-slide .slick-arrow:hover .slick-arrow__arr:last-child {
    transform: translateX(-100%);
    opacity: 1;
  }
  .q-top_people .top-people-slide .slick-arrow:hover .slick-arrow__bg::before {
    background-color: var(--color-dark);
  }
}

.q-top_env {
  padding-block: 137px 41px;
}
@media (width <= 828px) {
  .q-top_env {
    padding-block: 137px 151px;
  }
}
@media (width <= 828px) {
  .q-top_env .top-env-heading {
    font-size: 98px;
  }
}
.q-top_env .top-env-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media (width <= 828px) {
  .q-top_env .top-env-grid {
    grid-template-columns: 1fr;
  }
}
.q-top_env .top-env-content {
  padding-block-start: 30px;
}
@media (width <= 828px) {
  .q-top_env .top-env-content {
    padding-block-start: 0;
    order: 2;
  }
}
.q-top_env .top-env-link {
  max-width: 555px;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 20px;
}
@media (width <= 828px) {
  .q-top_env .top-env-link {
    max-width: 663px;
    gap: 33px;
  }
}
.q-top_env .top-env-link__wrapper {
  margin-block-start: 66px;
  padding-inline-start: 5px;
}
@media (width <= 828px) {
  .q-top_env .top-env-link__wrapper {
    max-width: 663px;
    margin-inline: auto;
    margin-block-start: 57px;
  }
}
.q-top_env .top-env-link__wrapper li {
  margin-block-end: 37px;
}
.q-top_env .top-env-link__wrapper li:last-child {
  margin-block-end: 0;
}
.q-top_env .top-env-link__number {
  font-family: var(--ff-en);
  font-size: 19px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1;
  padding-inline-start: 11px;
  border-left: 4px solid var(--color-primary);
}
@media (width > 828px) {
  .q-top_env .top-env-link__number {
    height: fit-content;
    padding-block: 5px 16px;
  }
}
@media (width <= 828px) {
  .q-top_env .top-env-link__number {
    font-size: 38px;
    padding-inline-start: 25px;
    border-left: 7px solid var(--color-primary);
  }
}
.q-top_env .top-env-link__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-block-end: 12px;
  border-bottom: 1px solid var(--color-dark);
}
.q-top_env .top-env-link__title {
  font-weight: 500;
  font-size: 22px;
  letter-spacing: 0.06em;
  line-height: 1.2;
}
@media (width <= 828px) {
  .q-top_env .top-env-link__title {
    font-size: 36px;
    letter-spacing: 0;
  }
}
.q-top_env .top-env-link__title-s {
  display: block;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.02em;
}
@media (width <= 828px) {
  .q-top_env .top-env-link__title-s {
    font-size: 20px;
    letter-spacing: 0.02em;
  }
}
@media (width <= 828px) {
  .q-top_env .top-env-link__arr svg {
    width: 52px;
    height: 11px;
  }
}
.q-top_env .top-env-media {
  max-width: 536px;
  margin: 0 0 0 auto;
}
@media (width <= 828px) {
  .q-top_env .top-env-media {
    max-width: 663px;
    margin-inline: auto;
    margin-block-start: 81px;
  }
}
.q-top_env .top-env-media__img img {
  width: 663px;
}
.q-top_env .top-env-media__catch {
  width: fit-content;
  display: block;
  position: absolute;
  top: -49px;
  left: -81px;
}
@media (width <= 828px) {
  .q-top_env .top-env-media__catch {
    top: -70px;
    left: -32px;
    width: 453px;
  }
  .q-top_env .top-env-media__catch img {
    width: 100%;
  }
}
.q-top_env .top-env-ornament {
  z-index: 10;
}
.q-top_env .top-env-ornament._abs01 {
  top: 65px;
  left: -813px;
}
@media (width <= 828px) {
  .q-top_env .top-env-ornament._abs01 {
    top: auto;
    bottom: -118%;
    left: -108px;
  }
  .q-top_env .top-env-ornament._abs01 img {
    width: 244px;
  }
}
.q-top_env .top-env-ornament._abs02 {
  top: -124px;
  right: -145px;
}
@media (width <= 828px) {
  .q-top_env .top-env-ornament._abs02 {
    top: -358px;
    right: -61px;
  }
  .q-top_env .top-env-ornament._abs02 img {
    width: 210px;
  }
}

.q-top_toyohashi .top-toyohashi-slide {
  transition: var(--sec);
}
@media (width > 828px) {
  .q-top_toyohashi .top-toyohashi-slide:hover {
    opacity: 0.8;
  }
}
.q-top_toyohashi .top-toyohashi-slide li {
  display: block;
  margin-inline-start: -12px;
}
@media (width <= 828px) {
  .q-top_toyohashi .top-toyohashi-slide li {
    margin-inline-start: -10px;
  }
}
.q-top_toyohashi .top-toyohashi-slide li._type1 {
  padding-block-start: 88.4px;
}
@media (width <= 828px) {
  .q-top_toyohashi .top-toyohashi-slide li._type1 {
    padding-block-start: 68.3px;
  }
}
.q-top_toyohashi .top-toyohashi-slide li._type2 {
  padding-block-start: 27.5px;
}
@media (width <= 828px) {
  .q-top_toyohashi .top-toyohashi-slide li._type2 {
    padding-block-start: 22.3px;
  }
}
.q-top_toyohashi .top-toyohashi-slide li._type3 {
  padding-block-start: 60px;
}
@media (width <= 828px) {
  .q-top_toyohashi .top-toyohashi-slide li._type3 {
    padding-block-start: 44.5px;
  }
}
.q-top_toyohashi .top-toyohashi-slide li._type4 {
  padding-block-start: 27.5px;
}
@media (width <= 828px) {
  .q-top_toyohashi .top-toyohashi-slide li._type4 {
    padding-block-start: 22.3px;
  }
}
.q-top_toyohashi .top-toyohashi-slide li._type5 {
  padding-block-start: 88.4px;
}
@media (width <= 828px) {
  .q-top_toyohashi .top-toyohashi-slide li._type5 {
    padding-block-start: 67.9px;
  }
}
.q-top_toyohashi .top-toyohashi-slide li._type6 {
  padding-block-start: 0;
}
.q-top_toyohashi .top-toyohashi-slide li a {
  display: block;
}
.q-top_toyohashi .top-toyohashi-slide li a img:hover {
  opacity: 1;
}
.q-top_toyohashi .top-toyohashi {
  cursor: pointer;
  transition: var(--sec);
  position: relative;
}
.q-top_toyohashi .top-toyohashi-btn {
  width: 342px;
  height: 342px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: relative;
  z-index: 1;
  text-decoration: none;
}
.q-top_toyohashi .top-toyohashi-btn__wrapper {
  position: absolute;
  top: 54%;
  left: 51%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 2;
}
@media (width <= 828px) {
  .q-top_toyohashi .top-toyohashi-btn__wrapper {
    top: 50%;
  }
}
.q-top_toyohashi .top-toyohashi-btn__slide {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
  display: block;
  position: absolute;
  z-index: 2;
}
.q-top_toyohashi .top-toyohashi-btn__slide::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(90deg, #ff0012 0%, #da0008);
  opacity: 0.85;
  z-index: 3;
}
.q-top_toyohashi .top-toyohashi-btn__slide::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-dark);
  transform: scale(0, 1);
  transition: transform 0.3s cubic-bezier(0.8, 0, 0.2, 1) 0s;
  z-index: 4;
}
.q-top_toyohashi .top-toyohashi-btn__bg {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: -5px;
  right: -12px;
  background-color: #bc0000;
  opacity: 0.85;
  z-index: 2;
  border-radius: 50%;
  transition: 0.3s;
}
.q-top_toyohashi .top-toyohashi-btn__text {
  position: relative;
  z-index: 5;
  color: var(--color-light);
  transition: var(--sec);
}
.q-top_toyohashi .top-toyohashi-btn__no {
  position: absolute;
  z-index: 5;
  bottom: 75px;
  right: 51px;
}
@media (width > 828px) {
  .q-top_toyohashi .top-toyohashi-btn:hover .top-toyohashi-btn__bg {
    background-color: var(--color-dark);
  }
  .q-top_toyohashi .top-toyohashi-btn:hover .top-toyohashi-btn__slide::after {
    transform: scale(1, 1);
  }
  .q-top_toyohashi .top-toyohashi-btn:hover .top-toyohashi-btn__text {
    color: var(--color-primary);
  }
}

.q-top_recruit {
  padding-block: 79px 166px;
}
@media (width <= 828px) {
  .q-top_recruit {
    padding-block: 102px 208px;
  }
}
.q-top_recruit .top-recruit-heading {
  margin-inline: auto;
}
@media (width <= 828px) {
  .q-top_recruit .top-recruit-heading {
    font-size: 98px;
    letter-spacing: 0.02em;
  }
}
.q-top_recruit .top-recruit-object {
  z-index: 10;
}
.q-top_recruit .top-recruit-object._abs01 {
  top: -165px;
  right: -31px;
}
@media (width <= 828px) {
  .q-top_recruit .top-recruit-object._abs01 {
    top: -281px;
    right: -41px;
  }
}
.q-top_recruit .top-recruit-object._abs02 {
  bottom: -94px;
  left: 277px;
}
@media (width <= 828px) {
  .q-top_recruit .top-recruit-object._abs02 {
    bottom: -144px;
    left: 39px;
  }
  .q-top_recruit .top-recruit-object._abs02 img {
    width: 240px;
  }
}
.q-top_recruit .top-recruit__wrapper {
  margin-block-start: 30px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 25px;
}
@media (width <= 828px) {
  .q-top_recruit .top-recruit__wrapper {
    max-width: 670px;
    margin-block-start: 43px;
    grid-template-columns: 1fr;
    margin-inline: auto;
    gap: 40px;
  }
}
.q-top_recruit .top-recruit__heading {
  padding-block-end: 11px;
  font-size: 28px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.06em;
}
@media (width <= 828px) {
  .q-top_recruit .top-recruit__heading {
    padding-block-end: 19px;
    font-size: 43px;
    letter-spacing: 0;
  }
}
.q-top_recruit .top-recruit__heading ._en {
  padding-inline-start: 18.7px;
  display: inline-block;
  font-family: var(--ff-en);
  font-size: 11px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.02em;
}
@media (width <= 828px) {
  .q-top_recruit .top-recruit__heading ._en {
    padding-inline-start: 13.5px;
    font-size: 20px;
  }
}
.q-top_recruit .top-recruit__content {
  position: relative;
  border-top: 2px solid var(--color-dark);
  border-bottom: 2px solid var(--color-dark);
}
.q-top_recruit .top-recruit__content::before {
  content: "";
  position: absolute;
  width: 154px;
  height: 10px;
  top: -10px;
  left: 0;
  background-color: var(--color-primary);
  z-index: -1;
}
@media (width <= 828px) {
  .q-top_recruit .top-recruit__content::before {
    width: 201.5px;
    height: 13px;
    top: -13px;
  }
}
.q-top_recruit .top-recruit__inner {
  height: 229.5px;
  margin-block: 22.5px;
  padding-block-start: 35.7px;
  padding-inline: 65px;
  border-left: 1px solid var(--color-dark);
  border-right: 1px solid var(--color-dark);
}
@media (width <= 828px) {
  .q-top_recruit .top-recruit__inner {
    height: auto;
    margin-block: 32px;
    padding-block: 40px 44px;
    padding-inline: 38px;
  }
}
.q-top_recruit .top-recruit-link {
  width: fit-content;
  height: var(--top-recruit-link-height);
  padding-inline-start: 26px;
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
  line-height: 1;
}
@media (width <= 828px) {
  .q-top_recruit .top-recruit-link {
    height: auto;
    min-height: var(--top-recruit-link-height);
    padding-inline-start: 34px;
    gap: 0;
  }
}
.q-top_recruit .top-recruit-link::before {
  content: "";
  position: absolute;
  width: 15px;
  height: 1px;
  background-color: var(--color-dark);
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
@media (width <= 828px) {
  .q-top_recruit .top-recruit-link::before {
    width: 21px;
  }
}
.q-top_recruit .top-recruit-link__wrapper {
  padding-block-start: 18px;
  padding-inline-start: 25px;
  border-top: 1px solid var(--color-dark);
  position: relative;
}
@media (width <= 828px) {
  .q-top_recruit .top-recruit-link__wrapper {
    padding-block-start: 30px;
    padding-inline-start: 27px;
  }
}
.q-top_recruit .top-recruit-link__wrapper::before {
  content: "";
  position: absolute;
  width: 1px;
  background-color: var(--color-dark);
  inset-block: 0 calc(var(--top-recruit-link-height) / 2);
  left: 25px;
}
@media (width <= 828px) {
  .q-top_recruit .top-recruit-link__wrapper::before {
    left: 27px;
  }
}
.q-top_recruit .top-recruit-link__number {
  font-family: var(--ff-en);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.02em;
}
@media (width <= 828px) {
  .q-top_recruit .top-recruit-link__number {
    font-size: 36px;
    letter-spacing: 0;
    margin-inline-end: 19px;
  }
}
.q-top_recruit .top-recruit-link__name {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.06em;
}
@media (width <= 828px) {
  .q-top_recruit .top-recruit-link__name {
    font-size: 36px;
    line-height: 40px;
    letter-spacing: 0;
    margin-inline-end: 20px;
  }
}
@media (width <= 828px) {
  .q-top_recruit .top-recruit-link__arr svg {
    width: 52px;
    height: 11px;
  }
}
@media (width <= 828px) {
  .q-top_recruit .top-recruit-link__arr._ext svg {
    width: 28px;
    height: 20px;
  }
}
@media (width <= 828px) {
  .q-top_recruit .top-recruit-link._l_sp {
    min-height: 100px;
    align-items: normal;
  }
  .q-top_recruit .top-recruit-link._l_sp::before {
    top: 33%;
  }
  .q-top_recruit .top-recruit-link._l_sp .top-recruit-link__number {
    padding-block-start: 16px;
  }
  .q-top_recruit .top-recruit-link._l_sp .top-recruit-link__name {
    padding-block-start: 10px;
  }
  .q-top_recruit .top-recruit-link._l_sp .c-hov_link__icon-wrapper {
    display: flex;
    align-items: end;
    padding-block-end: 24px;
  }
}

:root {
  --top-recruit-link-height: 36px;
}
@media (width <= 828px) {
  :root {
    --top-recruit-link-height: 58px;
  }
}

.q-top_foot .top-foot-content {
  position: relative;
}
.q-top_foot .top-foot-content__text {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 10;
}
@media (width <= 828px) {
  .q-top_foot .top-foot-content__text {
    width: 715px;
    bottom: 25px;
    left: 58px;
  }
}
.q-top_foot .top-foot-content__text img {
  width: 100%;
}
@media (width <= 828px) {
  .q-top_foot .js_top-slide li {
    width: 381px;
  }
  .q-top_foot .js_top-slide li img {
    width: 100%;
  }
}

.q-toyohashi_fv {
  width: 100%;
  position: relative;
}
@media (width <= 828px) {
  .q-toyohashi_fv {
    margin-block-start: 128px;
  }
}
@media (width <= 828px) {
  .q-toyohashi_fv .fv img {
    min-width: 1154px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
}
.q-toyohashi_fv .fv__circle {
  width: calc(539 / 1600 * 100vw);
  position: absolute;
  top: calc(155 / 1600 * 100vw);
  left: 50%;
  transform: translateX(-50%);
}
.q-toyohashi_fv .fv__circle img {
  width: 100%;
}
@media (width <= 1280px) {
  .q-toyohashi_fv .fv__circle {
    width: calc(539 / 1600 * 1280px);
    top: calc(155 / 1600 * 1280px);
  }
}
@media (width <= 828px) {
  .q-toyohashi_fv .fv__circle {
    width: 428px;
    top: 78px;
    left: 188px;
    transform: translateX(0);
  }
}

.q-toyohashi_content .content__flex {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 40px;
  padding-inline-start: 40px;
}
@media (width <= 828px) {
  .q-toyohashi_content .content__flex {
    flex-direction: column;
    align-items: center;
    gap: 70px;
    padding-inline-start: 0;
    justify-content: center;
  }
}
.q-toyohashi_content .content-textbox {
  max-width: 505px;
  padding-inline-start: 50px;
}
@media (width <= 828px) {
  .q-toyohashi_content .content-textbox {
    max-width: 100%;
    padding-inline: 80px;
  }
}
.q-toyohashi_content .content__text {
  line-height: 32px;
}
@media (width <= 828px) {
  .q-toyohashi_content .content__text {
    line-height: 64px;
    letter-spacing: 0.02em;
  }
}
.q-toyohashi_content .content__title {
  width: fit-content;
  white-space: nowrap;
  margin-block-end: 40px;
  padding: 18px 51px 20px 52px;
  font-size: 37.8px;
  line-height: 1;
  letter-spacing: 0.03em;
  font-style: italic;
  color: var(--color-light);
  background-image: linear-gradient(90deg, #ff0000 0%, #d30026);
  border-radius: 999px;
  transform: translateX(-90px);
  position: relative;
  z-index: 2;
}
.q-toyohashi_content .content__title._orange {
  background-image: linear-gradient(90deg, #ff7212 0%, #ff4807);
}
@media (width <= 828px) {
  .q-toyohashi_content .content__title {
    margin-block-end: 60px;
    padding: 23px 88px 24px 85px;
    font-size: 52px;
    letter-spacing: 0.04em;
    transform: translateX(-40px);
  }
}
.q-toyohashi_content .content__title::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 43px;
  background-color: var(--color-dark);
  bottom: -6px;
  left: 72px;
  transform: translateY(100%) rotate(-45deg);
}
@media (width <= 828px) {
  .q-toyohashi_content .content__title::before {
    height: 64px;
    left: 65px;
    transform: translateY(100%) rotate(-46deg);
  }
}
.q-toyohashi_content .content__btn {
  max-width: 337px;
  height: 50px;
  margin-block-start: 20px;
}
@media (width <= 828px) {
  .q-toyohashi_content .content__btn {
    max-width: 100%;
    width: fit-content;
    margin-block-start: 53px;
    padding-inline: 80px;
    height: 80px;
    margin-inline: auto;
  }
}
.q-toyohashi_content .content__btn-text {
  letter-spacing: 0.06em;
}
@media (width <= 828px) {
  .q-toyohashi_content .content__btn-text {
    font-size: 30px;
  }
}
@media (width <= 828px) {
  .q-toyohashi_content .content__btn-icon {
    width: 30px;
    height: 21px;
  }
}
@media (width <= 828px) {
  .q-toyohashi_content .content-img {
    width: 754px;
  }
  .q-toyohashi_content .content-img__main {
    width: 100%;
  }
}
.q-toyohashi_content .content01 {
  padding-block: 36px 100px;
}
@media (width <= 828px) {
  .q-toyohashi_content .content01 {
    padding-block: 43px 172px;
  }
}
.q-toyohashi_content .content02 {
  border-radius: 46px;
  padding: 63px 40px 70px 52px;
}
@media (width <= 828px) {
  .q-toyohashi_content .content02 {
    margin-inline: 39px;
    padding-inline: 60px;
    padding-block: 0 110px;
  }
}
.q-toyohashi_content .content02__flex {
  display: flex;
  align-items: end;
  gap: 59px;
  justify-content: center;
}
@media (width <= 828px) {
  .q-toyohashi_content .content02__flex {
    align-items: center;
    flex-direction: column-reverse;
  }
}
.q-toyohashi_content .content02-textbox {
  max-width: 380px;
}
@media (width <= 828px) {
  .q-toyohashi_content .content02-textbox {
    margin-block-start: -47px;
    max-width: 100%;
  }
}
@media (width <= 828px) {
  .q-toyohashi_content .content02-img__main {
    width: 100%;
  }
}
@media (width <= 828px) {
  .q-toyohashi_content .content02 .content__title {
    margin-block-end: 67px;
    transform: translateX(0);
  }
}
.q-toyohashi_content .content03 {
  padding-block: 122px 0;
}
.q-toyohashi_content .content03 .content-img {
  position: relative;
}
.q-toyohashi_content .content03 .content-img__medal {
  position: absolute;
  top: -60px;
  right: 24px;
}
@media (width <= 828px) {
  .q-toyohashi_content .content03 .content-img__medal {
    width: 308px;
    top: -35px;
    right: -15px;
  }
}
.q-toyohashi_content .content04 {
  padding-block: 133px 213px;
}
@media (width <= 828px) {
  .q-toyohashi_content .content04 {
    padding-block: 123px 213px;
  }
}
.q-toyohashi_content .content04__flex {
  padding-inline-start: 40px;
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
@media (width <= 828px) {
  .q-toyohashi_content .content04__flex {
    padding-inline-start: 0;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
    gap: 53px;
  }
}
.q-toyohashi_content .content04-img {
  min-width: 650px;
}
@media (width <= 828px) {
  .q-toyohashi_content .content04-img {
    min-width: none;
  }
}
@media (width <= 828px) {
  .q-toyohashi_content .content04-img__map {
    width: 745px;
  }
}
.q-toyohashi_content .content04-img-btm {
  width: 100%;
  margin-block-start: -222px;
  padding-inline-end: 7px;
  display: flex;
  justify-content: end;
  position: relative;
}
@media (width <= 828px) {
  .q-toyohashi_content .content04-img-btm {
    justify-content: start;
    margin-block-start: -157px;
    margin-inline-start: 20px;
  }
}
.q-toyohashi_content .content04-img-btm .map-pin {
  position: absolute;
  height: 1px;
  inset-inline: 267px 50px;
  top: 144px;
  background-color: var(--color-dark);
  z-index: 2;
}
.q-toyohashi_content .content04-img-btm .map-pin::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  left: 1px;
  bottom: 29px;
  transform: translateX(-50%);
  background-color: var(--color-primary);
  border-radius: 50%;
}
.q-toyohashi_content .content04-img-btm .map-pin::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 30px;
  left: 0;
  bottom: 0;
  background-color: var(--color-dark);
}
.q-toyohashi_content .content04-img__info {
  position: relative;
  z-index: 3;
}
.q-toyohashi_content .content04-textbox {
  max-width: 419px;
  margin-inline-end: 40px;
}
@media (width <= 828px) {
  .q-toyohashi_content .content04-textbox {
    max-width: 675px;
    margin-inline-end: 0;
  }
}

.q-toyohashi_life {
  padding-block-end: 120px;
}
.q-toyohashi_life .life-wrap {
  padding-inline: 40px;
}
.q-toyohashi_life .main-title {
  display: flex;
  gap: 80px;
  align-items: center;
  justify-content: center;
}
@media (width <= 828px) {
  .q-toyohashi_life .main-title {
    gap: 3px;
  }
}
.q-toyohashi_life .main-title::before, .q-toyohashi_life .main-title::after {
  content: "";
  height: 1px;
  margin-block-start: 54px;
  flex: 1;
  background-color: var(--color-dark);
}
@media (width <= 828px) {
  .q-toyohashi_life .main-title::before, .q-toyohashi_life .main-title::after {
    margin-block-start: 100px;
  }
}
.q-toyohashi_life .main-title__wrap {
  transform: translateY(-77px);
}
@media (width <= 828px) {
  .q-toyohashi_life .main-title__wrap {
    transform: translateY(-127px);
  }
}
.q-toyohashi_life .main-title__img {
  display: block;
}
.q-toyohashi_life .life-q {
  display: block;
  margin-inline: auto;
  margin-block: 7px 43px;
}
@media (width <= 828px) {
  .q-toyohashi_life .life-q {
    margin-block: -40px 70px;
  }
}
.q-toyohashi_life .life-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  row-gap: 53px;
}
@media (width <= 828px) {
  .q-toyohashi_life .life-grid {
    grid-template-columns: 1fr;
    row-gap: 0;
  }
}
.q-toyohashi_life .life-comment {
  position: relative;
  z-index: 1;
}
.q-toyohashi_life .life-comment::before {
  content: "";
  width: 45px;
  height: 45px;
  position: absolute;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 2;
}
@media (width <= 828px) {
  .q-toyohashi_life .life-comment::before {
    width: 96px;
    height: 96px;
  }
}
.q-toyohashi_life .life-comment::after {
  content: "";
  position: absolute;
  border-radius: 20px;
  z-index: 0;
}
.q-toyohashi_life .life-comment._orange._l::before {
  top: -16px;
  left: -15px;
  background-image: url(../img/toyohashi/fukidashi-orange.svg);
}
@media (width <= 828px) {
  .q-toyohashi_life .life-comment._orange._l::before {
    top: -22px;
    left: -39px;
  }
}
.q-toyohashi_life .life-comment._orange._l::after {
  inset: 5px 0 0 5px;
  background-image: linear-gradient(-165deg, #ffcd12 0%, #ff6a00);
}
.q-toyohashi_life .life-comment._red._r::before {
  top: -16px;
  right: -15px;
  transform: scale(-1, 1);
  background-image: url(../img/toyohashi/fukidashi-red.svg);
}
@media (width <= 828px) {
  .q-toyohashi_life .life-comment._red._r::before {
    top: -22px;
    right: -39px;
  }
}
.q-toyohashi_life .life-comment._red._r::after {
  inset: 5px 5px 0 0;
  background-image: linear-gradient(-165deg, #ff6c00 0%, #e60012);
}
.q-toyohashi_life .life-comment._red._l::before {
  top: -16px;
  left: -15px;
  background-image: url(../img/toyohashi/fukidashi-red.svg);
}
@media (width <= 828px) {
  .q-toyohashi_life .life-comment._red._l::before {
    top: -22px;
    left: -39px;
  }
}
.q-toyohashi_life .life-comment._red._l::after {
  inset: 5px 0 0 5px;
  background-image: linear-gradient(-165deg, #ff6c00 0%, #e60012);
}
.q-toyohashi_life .life-comment-inner {
  width: calc(100% - 5px);
  height: calc(100% - 5px);
  padding: 53px 30px 30px 40px;
  background-color: var(--color-light);
  border-radius: 20px;
  position: relative;
  z-index: 1;
}
@media (width <= 828px) {
  .q-toyohashi_life .life-comment-inner {
    padding-inline: 0;
    padding-block: 68px 76px;
  }
}
.q-toyohashi_life .life-comment__title {
  font-weight: 500;
  font-size: 21px;
  line-height: 32px;
  letter-spacing: 0.06em;
  margin-block-end: 22px;
  text-align: justify;
}
@media (width <= 828px) {
  .q-toyohashi_life .life-comment__title {
    font-size: 34px;
    line-height: 54px;
    margin-block-end: 51px;
    padding-inline-start: 60px;
  }
}
.q-toyohashi_life .life-comment__title ._emp {
  color: var(--color-primary);
}
.q-toyohashi_life .life-comment__text {
  line-height: 32px;
  text-align: justify;
}
@media (width <= 828px) {
  .q-toyohashi_life .life-comment__text {
    padding-inline: 60px;
    font-size: 30px;
    letter-spacing: 0.06em;
    line-height: 50px;
  }
}
@media (width <= 828px) {
  .q-toyohashi_life .life-item {
    grid-column: span 1 !important;
  }
}
.q-toyohashi_life .life-item:nth-child(1) {
  grid-column: 1/6;
}
@media (width <= 828px) {
  .q-toyohashi_life .life-item:nth-child(1) {
    order: 1;
  }
}
.q-toyohashi_life .life-item:nth-child(2) {
  grid-column: 6/13;
}
.q-toyohashi_life .life-item:nth-child(2) .life-comment-inner {
  margin-left: auto;
}
@media (width <= 828px) {
  .q-toyohashi_life .life-item:nth-child(2) {
    margin-block-start: 70px;
    margin-inline-start: 112px;
    order: 2;
  }
}
.q-toyohashi_life .life-item:nth-child(3) {
  grid-column: 1/9;
  margin-inline-end: 80px;
}
.q-toyohashi_life .life-item:nth-child(3) .life-comment-inner {
  margin-left: 5px;
}
@media (width <= 828px) {
  .q-toyohashi_life .life-item:nth-child(3) {
    margin-block-start: 70px;
    margin-inline-end: 110px;
    order: 4;
  }
}
.q-toyohashi_life .life-item:nth-child(4) {
  grid-column: 9/13;
  margin-left: auto;
}
@media (width <= 828px) {
  .q-toyohashi_life .life-item:nth-child(4) {
    margin-block-start: 70px;
    order: 3;
  }
}
.q-toyohashi_life .life-item:nth-child(5) {
  grid-column: 1/5;
  max-width: 380px;
}
@media (width <= 828px) {
  .q-toyohashi_life .life-item:nth-child(5) {
    max-width: 100%;
    margin-inline-start: 185px;
    margin-block-start: 70px;
    order: 5;
  }
}
.q-toyohashi_life .life-item:nth-child(6) {
  grid-column: 5/9;
  max-width: 380px;
  margin-inline-start: clamp(18px, calc(17.5vw - 206px), 32px);
}
@media (width <= 828px) {
  .q-toyohashi_life .life-item:nth-child(6) {
    order: 6;
    max-width: 100%;
    margin-block-start: 70px;
    margin-inline: 0 120px;
  }
  .q-toyohashi_life .life-item:nth-child(6)::before {
    top: -22px;
    right: -39px;
    left: auto !important;
    transform: scale(-1, 1);
  }
  .q-toyohashi_life .life-item:nth-child(6)::after {
    inset: 5px 5px -5px -5px !important;
  }
}
.q-toyohashi_life .life-item:nth-child(6) .life-comment-inner {
  padding: 53px 18px 30px 38px;
}
@media (width <= 828px) {
  .q-toyohashi_life .life-item:nth-child(6) .life-comment-inner {
    padding-inline: 0;
    padding-block: 68px 77px;
  }
}
.q-toyohashi_life .life-item:nth-child(6) .life-comment__text {
  padding-inline-end: 10px;
}
@media (width <= 828px) {
  .q-toyohashi_life .life-item:nth-child(6) .life-comment__text {
    padding-inline: 60px;
  }
}
.q-toyohashi_life .life-item:nth-child(7) {
  grid-column: 9/13;
  max-width: 365px;
  margin-left: auto;
}
@media (width <= 828px) {
  .q-toyohashi_life .life-item:nth-child(7) {
    order: 7;
    max-width: 100%;
    margin-block-start: 70px;
    margin-inline: 110px 45px;
  }
}
.q-toyohashi_life .life-item:nth-child(8) {
  grid-column: 1/7;
}
@media (width <= 828px) {
  .q-toyohashi_life .life-item:nth-child(8) {
    order: 8;
    margin-block-start: 70px;
  }
}
.q-toyohashi_life .life-item:nth-child(9) {
  grid-column: 8/13;
}
.q-toyohashi_life .life-item:nth-child(9) .life-comment-inner {
  margin-left: auto;
}
@media (width <= 828px) {
  .q-toyohashi_life .life-item:nth-child(9) {
    order: 9;
    margin-block-start: 70px;
    margin-inline: 16px 84px;
  }
}

.q-toyohashi_spot {
  padding-block: 95px 165px;
  padding-inline: 40px;
}
@media (width <= 828px) {
  .q-toyohashi_spot {
    padding-block: 130px 85px;
  }
}
.q-toyohashi_spot .title {
  font-family: var(--ff-en);
  font-size: 123px;
  letter-spacing: 0.02em;
  font-style: italic;
  line-height: 1;
  font-weight: 700;
}
@media (width <= 828px) {
  .q-toyohashi_spot .title {
    font-size: 96px;
    white-space: nowrap;
  }
}
.q-toyohashi_spot .title__wrap {
  width: fit-content;
  margin-inline: auto;
  margin-block-end: 72px;
}
@media (width <= 828px) {
  .q-toyohashi_spot .title__wrap {
    margin-block-end: 84px;
  }
}
.q-toyohashi_spot .title__jp {
  margin-block-start: 4px;
  font-size: 26.8px;
  letter-spacing: 0.06em;
  line-height: 1;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 10px;
}
@media (width <= 828px) {
  .q-toyohashi_spot .title__jp {
    margin-block-start: 12px;
    font-size: 28px;
  }
}
.q-toyohashi_spot .title__jp::before, .q-toyohashi_spot .title__jp::after {
  content: "";
  flex: 1;
  height: 4px;
  background-color: var(--color-primary);
  border-radius: 999px;
  transform: translateY(50%);
}
.q-toyohashi_spot .spot-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 60px;
}
@media (width <= 828px) {
  .q-toyohashi_spot .spot-grid {
    grid-template-columns: 1fr;
    gap: 90px;
  }
}
.q-toyohashi_spot .spot-card {
  border-bottom: 1px solid var(--color-dark);
}
.q-toyohashi_spot .spot-card__top {
  margin-block-end: 16px;
}
@media (width <= 828px) {
  .q-toyohashi_spot .spot-card__top {
    margin-block-end: 35px;
  }
}
.q-toyohashi_spot .spot-card__title {
  margin-block-end: 10px;
  display: flex;
  gap: 8px;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 28px;
  font-weight: 500;
}
@media (width <= 828px) {
  .q-toyohashi_spot .spot-card__title {
    margin-block-end: 16px;
    font-size: 38px;
    line-height: 52px;
    gap: 15px;
  }
}
.q-toyohashi_spot .spot-card__title::before {
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 4px solid var(--color-primary);
  transform: translateY(7px);
}
@media (width <= 828px) {
  .q-toyohashi_spot .spot-card__title::before {
    width: 26px;
    height: 26px;
    transform: translateY(15px);
    margin-inline-start: 9px;
  }
}
.q-toyohashi_spot .spot-card__text {
  max-width: 350px;
  line-height: 32px;
  margin-block-end: 26px;
  letter-spacing: 0.03em;
}
@media (width <= 828px) {
  .q-toyohashi_spot .spot-card__text {
    margin-block-end: 75px;
    max-width: 100%;
    line-height: 64px;
    letter-spacing: 0;
  }
}
.q-toyohashi_spot .spot-card:nth-child(1) .spot-card__title {
  margin-inline: -10px;
}
@media (width <= 828px) {
  .q-toyohashi_spot .spot-card:last-child {
    border-bottom: none;
  }
}