.index-mv {
  background: #faf6f6;
}
.index-mv-visual {
  margin-bottom: 4.8em;
}
.index-mv-visual-img {
  width: 100%;
  height: auto;
}
.index-mv-visual-img.pc-only-inline {
  display: inline !important;
}
.index-mv-visual-img.sp-only-inline {
  display: none !important;
}
.index-mv-message {
  position: relative;
  padding-bottom: 2em;
}
.index-mv-message-title {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
}
.index-mv-message-title-heading {
  color: #222222;
  font-size: 30px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝ProN W3", "Hiragino Mincho ProN",
    "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0.1em;
  margin-bottom: 0.9em;
}
.index-mv-message-title-heading b {
  color: #df0515;
}
.index-mv-message-title-img {
  max-width: 100%;
  height: auto;
}
.index-mv-message-body {
  background: url(../../img/index/bg_mv.png) no-repeat top center;
  min-height: 1190px;
  padding: 250px 0 0;
}
.index-mv-message-txt p {
  color: #222222;
  font-size: 15px;
  font-weight: 500;
  line-height: 2.4;
  letter-spacing: 0.1em;
  text-align: center;
  margin-bottom: 2.2em;
}
.index-mv-message-txt p img {
  vertical-align: middle;
}
.index-mv-message-txtp:last-child {
  margin-bottom: 0;
}
.index-company {
  position: relative;
  background: #faf6f6 url(../../img/index/bg_company_03.png) repeat-x bottom
    center;
  background-size: 100% auto;
  padding-bottom: 10.7em;
}
.index-company-top {
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: row;
  margin-bottom: 4.9em;
}
.index-company-top-left {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.index-company-top-left .m-title-container {
  display: none;
}
.index-company-top-right {
  position: relative;
  padding-left: 3.8em;
  flex: 1;
}
.index-company-top-figure-link {
  position: relative;
}
.index-company-top-figure-link-img {
  border-radius: 20px;
  max-width: 100%;
  height: auto;
}
.index-company-top-figure-link::after {
  position: absolute;
  bottom: 1.1em;
  right: 1.1em;
  content: "";
  width: 44px;
  height: 44px;
  background: #fff url(../../img/index/arrow_company.png) no-repeat center
    center;
  background-size: contain;
  border-radius: 100%;
}
.index-company-top-heading {
  position: absolute;
  left: 0;
  bottom: 2.2em;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.index-company-top-heading-label {
  display: inline-block;
  color: #ffffff;
  font-size: 30px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝ProN W3", "Hiragino Mincho ProN",
    "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-weight: normal;
  line-height: 1;
  letter-spacing: 0.1em;
  background: #c29558;
  padding: 0.4em 1.1em 0.4em 0.6em;
  margin-bottom: 0.3em;
}
.index-company-top-heading-label:last-child {
  margin-bottom: 0;
}
.index-company-top::before {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: -7em;
  right: -3.7em;
  background: url(../../img/index/bg_company.png) no-repeat center center;
  background-size: contain;
  width: 311px;
  height: 206px;
}
.index-company-title {
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.index-company-title-en {
  color: #c29558;
  font-size: 45px;
  font-family: "Allura";
  font-weight: normal;
  line-height: 1;
  margin-bottom: 0.5em;
}
.index-company-title-heading {
  color: #222222;
  font-size: 42px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝ProN W3", "Hiragino Mincho ProN",
    "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-weight: 500;
  line-height: 0.9;
  letter-spacing: 0.1em;
  writing-mode: vertical-rl;
  background: url(../../img/index/line_company.png) no-repeat top left;
  padding-left: 0.7em;
}
.index-company-title-heading span {
  color: #df0515;
}
.index-company-point {
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: row;
  margin-bottom: 6.3em;
}
.index-company-point-left .index-company-top-heading {
  display: none;
}
.index-company-point-right {
  padding-left: 2.5em;
  padding-top: 4.8em;
}
.index-company-point-figure-link {
  position: relative;
}
.index-company-point-figure-link-img {
  border-radius: 20px;
}
.index-company-point-figure-link::after {
  position: absolute;
  bottom: 1.1em;
  right: 1.1em;
  content: "";
  width: 44px;
  height: 44px;
  background: #fff url(../../img/index/arrow_company.png) no-repeat center
    center;
  background-size: contain;
  border-radius: 100%;
}
.index-company-point-heading {
  margin-bottom: 1.5em;
}
.index-company-point-heading-label {
  display: inline-block;
  color: #fff;
  font-size: 28px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝ProN W3", "Hiragino Mincho ProN",
    "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-weight: normal;
  line-height: 1;
  letter-spacing: 0.1em;
  background: #c29558;
  padding: 0.4em 0.7em 0.4em 0.6em;
  margin-bottom: 0.3em;
}
.index-company-point-heading-label:last-child {
  margin-bottom: 0;
}
.index-company-point-txt p {
  color: #222222;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.1em;
}
.index-company-links {
  position: relative;
  display: flex;
  flex-direction: row;
  margin: 0 -1em 0;
}
.index-company-links-item {
  width: 25%;
  padding: 0 1em;
}
.index-company-links-item-link {
  display: block;
  position: relative;
}
.index-company-links-item-link-heading {
  position: absolute;
  top: -1.1em;
  left: 1em;
  z-index: 10;
  color: #222222;
  font-size: 18px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝ProN W3", "Hiragino Mincho ProN",
    "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.05em;
  writing-mode: vertical-rl;
}
.index-company-links-item-link-heading b {
  color: #df0515;
  font-size: 45px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.05em;
}
.index-company-links-item-link-figure-img {
  max-width: 100%;
  height: auto;
  border: 2px solid #fff;
}
.index-company-links-item-link::after {
  position: absolute;
  bottom: -2em;
  right: 1em;
  content: "";
  width: 60px;
  height: 60px;
  background: #c29558 url(../../img/common/icon_arrow.png) no-repeat center
    center;
  background-size: auto;
  border-radius: 100%;
}
.index-company-links-item-link__icon-ex::after {
  background-image: url(../../img/common/icon_exlink.png);
}
.index-company-links-item-link:hover .index-company-links-item-link-figure-img {
  border-color: #e1cba9;
}
.index-company-links-item__even {
  padding-top: 2.3em;
}
.index-company-links::before {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: -12.5em;
  left: -11.8em;
  background: url(../../img/index/bg_company_02.png) no-repeat center center;
  background-size: contain;
  width: 300px;
  height: 364px;
}
.index-company::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: -220px;
  left: 50%;
  background: url(../../img/index/line_company_02.png) no-repeat top center;
  width: 1920px;
  height: 1055px;
  background-size: contain;
  transform: translateX(-50%);
}
.index-work {
  position: relative;
  padding: 7.5em 0 4.7em;
}
.index-work-top {
  margin-bottom: 3.7em;
}
.index-work-top-txt p {
  color: #222222;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.1em;
  text-align: center;
}
.index-work-heading {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 5em;
}
.index-work-heading-txt {
  display: inline-block;
  color: #ffffff;
  font-size: 30px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝ProN W3", "Hiragino Mincho ProN",
    "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.1em;
  background: #c29558;
  padding: 0.4em 0.8em;
  margin-bottom: 0.3em;
}
.index-work-humans {
  display: flex;
  flex-direction: row;
  margin-left: -0.9em;
}
.index-work-humans-item-img {
  transition: 0.5s;
}
.index-work-humans-item-img.is-anim {
  transform: scale(1.25);
}
.index-work-humans-item:nth-child(1) {
  margin-top: 9.5em;
  margin-right: -1.3em;
}
.index-work-humans-item:nth-child(3) {
  margin-left: 0.5em;
  margin-top: 10.1em;
}
.index-work-menu {
  margin-top: 1.8em;
}
.index-work-menu-item {
  margin-bottom: 1.2em;
}
.index-work-menu-item-link {
  position: relative;
  display: block;
  color: #df0515;
  font-size: 23px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝ProN W3", "Hiragino Mincho ProN",
    "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.1em;
  background: #faf6f6;
  border: 2px solid #faf6f6;
  border-radius: 15px;
  padding: 2em 3.7em;
}
.index-work-menu-item-link-txt {
  display: inline-block;
  text-align: center;
  width: 10em;
}
.index-work-menu-item-link::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 2.4em;
  transform: translateY(-50%);
  background: url(../../img/index/arrow_work.png) no-repeat center center;
  width: 36px;
  height: 36px;
  background-size: contain;
  border-radius: 100%;
  box-shadow: 0px 0px 12.09px 0.91px #f2e8e8;
}
.index-work-menu-item-link:hover {
  border-color: #df0615;
}
.index-work-menu-item-link__yellow {
  color: #e19a00;
}
.index-work-menu-item-link__yellow::after {
  background-image: url(../../img/index/arrow_work_02.png);
}
.index-work-menu-item-link__yellow:hover {
  border-color: #e19a00;
}
.index-work-menu-item-link__green {
  color: #298e2d;
}
.index-work-menu-item-link__green::after {
  background-image: url(../../img/index/arrow_work_03.png);
}
.index-work-menu-item-link__green:hover {
  border-color: #298e2d;
}
.index-work-box {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.index-work-box-left {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: row;
}
.index-work-box-right {
  position: relative;
  z-index: 2;
  flex: 1;
  padding-left: 2.3em;
}
.index-work-box::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: -2.5em;
  left: -6em;
  background: url(../../img/index/bg_work.png) no-repeat top left;
  width: 408px;
  height: 416px;
  background-size: contain;
}
.index-work-box::after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: -7.7em;
  right: -8.7em;
  background: url(../../img/index/bg_work_02.png) no-repeat bottom right;
  width: 374px;
  height: 401px;
  background-size: contain;
}
.index-work::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: calc(27vw - 16em);
  left: 50%;
  z-index: 1;
  background: url(../../img/index/line_work.png) no-repeat top left;
  width: 1824px;
  height: 2041px;
  background-size: contain;
  pointer-events: none;
  transform: translateX(-50%);
}
.index-interview {
  padding: 0 0 10em;
}
.index-interview-items {
  opacity: 0;
  position: relative;
  z-index: 3;
  margin-bottom: 5em;
}
.index-interview-items-item {
  padding: 0 1em;
}
.index-interview-items-nav {
  position: absolute;
  top: 50%;
  left: calc((100vw - 1100px) / 2);
  z-index: 4;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  background: #c29558;
  aspect-ratio: 1/1;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  transform: translateY(-50%) translateX(-50%);
}
.index-interview-items-nav-img {
  max-width: 100%;
  height: auto;
}
.index-interview-items-nav__next {
  left: auto;
  right: calc((100vw - 1100px) / 2);
  transform: translateY(-50%) translateX(50%);
}
.index-interview-items-container {
  position: relative;
}
.index-interview-items.slick-initialized {
  opacity: 1;
}
.index-interview-link {
  position: relative;
  display: block;
}
.index-interview-link-figure {
  position: relative;
}
.index-interview-link-figure-img {
  width: 100%;
  height: auto;
  border-radius: 20px;
  display: inline !important;
}
.index-interview-link-figure-label {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  background: #c94f4f;
  color: #ffffff;
  font-size: 14px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝ProN W3", "Hiragino Mincho ProN",
    "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.1em;
  padding: 0.5em 1em;
}
.index-interview-link-figure-label__green {
  background-color: #5faa62;
}
.index-interview-link-figure-label__yellow {
  background-color: #e5ae2a;
}
.index-interview-link-txt {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: center;
  pointer-events: none;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, transparent 50%);
  border-radius: 20px;
  opacity: 0;
  transition: 0.3s;
}
.index-interview-link-txt-img {
  max-width: 80%;
  height: auto;
  margin-bottom: 4.2em;
}
.index-interview-link-name {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.index-interview-link-name-en {
  color: #9a7336;
  font-size: 25px;
  font-family: "Allura";
  font-weight: normal;
  line-height: 1;
  letter-spacing: 0.1em;
  margin-bottom: 0.3em;
}
.index-interview-link-name-txt {
  color: #222222;
  font-size: 20px;
  font-weight: normal;
  line-height: 1;
  letter-spacing: 0.1em;
}
.index-interview-link:hover .index-interview-link-figure-img {
  opacity: 1;
}
.index-interview-link:hover .index-interview-link-txt {
  opacity: 1;
}
.index-interview-more {
  text-align: center;
}
.index-story {
  padding: 0 0 10.5em;
  background: url(../../img/index/bg_story.png) no-repeat bottom center;
  background-size: 100% auto;
}
.index-story .m-title {
  margin-bottom: 5.7em;
}
.index-story-box {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin-left: calc((100vw - 1100px) / 2);
}
.index-story-box-left {
  position: relative;
  z-index: 2;
  padding-top: 2.5em;
  padding-right: 4em;
}
.index-story-box-right {
  position: relative;
  z-index: 2;
}
.index-story-box::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: -10.1em;
  top: 0;
  background: url(../../img/index/bg_story_02.png) no-repeat top left;
  width: 240px;
  height: 247px;
  background-size: contain;
}
.index-story-txt {
  margin-bottom: 5em;
}
.index-story-txt p {
  color: #222222;
  font-size: 14px;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.025em;
}
.index-story-figure-img {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  max-width: 60vw;
}
.index-recruit {
  background: #faf6f6;
  padding: 9.4em 0 7.3em;
}
.index-recruit-items {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 -1.4em 0;
}
.index-recruit-items-item {
  position: relative;
  z-index: 2;
  width: 50%;
  padding: 0 1.4em;
  margin-bottom: 2em;
}
.index-recruit-items::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: -10.2em;
  right: -4.1em;
  background: url(../../img/index/bg_recruit.png) no-repeat top right;
  width: 317px;
  height: 237px;
  background-size: contain;
}
.index-recruit-items::after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: -5em;
  left: -13.2em;
  background: url(../../img/index/bg_recruit_02.png) no-repeat bottom left;
  width: 315px;
  height: 329px;
  background-size: contain;
}
.index-recruit-link {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 2px solid #fff;
  box-shadow: 0px0px 7.28px 0.72px #ede4e4;
  border-radius: 10px;
  min-height: 142px;
}
.index-recruit-link-txt {
  color: #222222;
  font-size: 23px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝ProN W3", "Hiragino Mincho ProN",
    "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.1em;
  margin-left: 0.9em;
  transition: 0.3s;
}
.index-recruit-link-icon {
  max-height: 3.2em;
}
.index-recruit-link::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0;
  background: url(../../img/index/arrow_recruit.png) no-repeat center right;
  width: 53px;
  height: 53px;
  background-size: contain;
  transform: translateY(-50%) translateX(50%);
}
.index-recruit-link:hover {
  border-color: #e1cba9;
}
.index-recruit-link:hover .index-recruit-link-txt {
  color: #df0615;
}
.index-news {
  background: #faf6f6;
  padding: 0 0 5em;
}
.index-news .l-inner {
  position: relative;
}
.index-news .l-inner::before {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: -11.1em;
  right: -8.6em;
  background: url(../../img/index/bg_news.png) no-repeat bottom right;
  width: 473px;
  height: 421px;
  background-size: contain;
}
.index-news-box {
  position: relative;
  background: #fff;
  box-shadow: 0px 0px 7.28px 0.72px #ede4e4;
  border-radius: 20px;
  padding: 5.7em 7em 5.7em;
}
.index-news-box-more {
  text-align: center;
}
.index-media {
  background: #faf6f6;
  padding: 0 0 9.3em;
}
.index-media-box {
  display: flex;
  flex-direction: row;
  position: relative;
}
.index-media-box-left {
  flex: 1;
  position: relative;
  z-index: 2;
  padding-right: 4em;
}
.index-media-box-right {
  width: 640px;
  position: relative;
  z-index: 2;
}
.index-media-box::before {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 6.4em;
  background: url(../../img/index/bg_media.png) no-repeat bottom left;
  width: 288px;
  height: 337px;
  background-size: contain;
}
.index-media-heading {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 1.5em;
}
.index-media-heading-txt {
  display: inline-block;
  color: #ffffff;
  font-size: 28px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝ProN W3", "Hiragino Mincho ProN",
    "HG明朝E", "ＭＳＰ明朝", serif;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.1em;
  background: #c29558;
  padding: 0.8em 0.7em;
  margin-bottom: 0.4em;
}
.index-media-heading-txt:last-child {
  margin-bottom: 0;
}
.index-media-heading::after {
  content: "";
  display: inline-block;
  background: url(../../img/index/arrow_media.png) no-repeat top left;
  width: 32px;
  height: 26px;
  background-size: contain;
  margin-left: 6.5em;
  margin-top: -1px;
}
.index-media-sns {
  display: flex;
  flex-direction: row;
}
.index-media-sns-item {
  margin-right: 1.2em;
}
.index-media-sns-item-link {
  display: inline-block;
}
.index-media-sns-item-link-icon {
  border: 2px solid #fff;
  border-radius: 100%;
  box-shadow: 0px 0px 16.38px 1.62px rgba(237, 228, 228, 0.8);
}
.index-media-sns-item-link:hover .index-media-sns-item-link-icon {
  border-color: #e1cba9;
}
.index-media-note-box {
  background: #fff;
  border-radius: 20px;
  box-shadow: 0px 0px 7.28px 0.72px rgba(237, 228, 228, 0.8);
  padding: 3.1em 2.9em 3.1em;
}
.index-media-note-heading {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 2.5em;
}
.index-media-note-heading-txt {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  color: #222222;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.1em;
  margin-left: 2.4em;
}
.index-media-note-heading-txt::before {
  content: "";
  display: inline-block;
  height: 2.4em;
  width: 1px;
  background: #222222;
  margin-right: 1.8em;
}
@media screen and (max-width: 768px) {
  .index-mv-visual {
    margin-bottom: min(20.57292vw, 102.7px);
  }
  .index-mv-visual-img {
    width: 100%;
    height: auto;
  }
  .index-mv-visual-img.pc-only-inline {
    display: none !important;
  }
  .index-mv-visual-img.sp-only-inline {
    display: inline !important;
  }
  .index-mv-visual-item-img {
    width: 100%;
    height: auto;
  }
  .index-mv-message-title {
    padding: 0 1.2em;
    top: min(-14.58333vw, -72.8px);
  }
  .index-mv-message-body {
    padding-top: min(26.82292vw, 133.9px);
    padding-bottom: min(31.90104vw, 159.25px);
    background-image: url(../../img/index/bg_mv_sp.png);
    background-size: 100% 100%;
    min-height: auto;
  }
  .index-mv-message-txt p {
    font-size: min(3.64583vw, 18.2px);
    line-height: 1.7;
    margin-bottom: 1.8em;
  }
  .index-mv-message-txt p img {
    max-width: min(79.94792vw, 399.1px);
    height: auto;
  }
  .index-company {
    padding-bottom: min(15.625vw, 78px);
  }
  .index-company-top {
    flex-direction: column;
    margin-bottom: min(17.83854vw, 89.05px);
  }
  .index-company-top-left .m-title-container {
    display: flex;
  }
  .index-company-top-right {
    padding-left: 1.3em;
  }
  .index-company-top-figure-link-img {
    width: 100%;
    height: auto;
  }
  .index-company-top-figure-link::after {
    max-width: min(7.94271vw, 39.65px);
    height: auto;
    aspect-ratio: 1/1;
  }
  .index-company-top-heading {
    bottom: 1em;
  }
  .index-company-top-heading-label {
    font-size: min(4.55729vw, 22.75px);
  }
  .index-company-top-heading__right {
    left: auto;
    right: 0;
    align-items: flex-end;
  }
  .index-company-top::before {
    bottom: min(-21.09375vw, -105.3px);
    background-image: url(../../img/index/bg_company_sp.png);
    max-width: min(41.92708vw, 209.3px);
  }
  .index-company-title {
    display: none;
  }
  .index-company-point {
    position: relative;
    flex-direction: column;
    margin-bottom: min(13.41146vw, 66.95px);
  }
  .index-company-point-left {
    width: 100%;
    position: relative;
    padding-right: 1.3em;
    margin-bottom: 1.4em;
  }
  .index-company-point-left .index-company-top-heading {
    display: flex;
  }
  .index-company-point-right {
    width: 100%;
    padding: 0;
  }
  .index-company-point-figure-link-img {
    width: 100%;
    height: auto;
  }
  .index-company-point-figure-link::after {
    right: auto;
    left: 1.1em;
    max-width: min(7.94271vw, 39.65px);
    height: auto;
    aspect-ratio: 1/1;
  }
  .index-company-point-heading {
    display: none;
  }
  .index-company-point-txt p {
    text-align: center;
    font-size: min(3.64583vw, 18.2px);
    line-height: 1.7;
  }
  .index-company-point::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: min(-13.41146vw, -66.95px);
    left: -1.2em;
    background: url(../../img/index/line_company_02_sp.png) no-repeat top left;
    width: 750px;
    height: 109px;
    max-width: 100vw;
    background-size: contain;
  }
  .index-company-links {
    flex-wrap: wrap;
    margin-left: -0.4em;
    margin-right: -0.4em;
  }
  .index-company-links-item {
    width: 50%;
    padding-left: 0.4em;
    padding-right: 0.4em;
    padding-top: 0 !important;
    margin-bottom: min(7.8125vw, 39px);
  }
  .index-company-links-item-link-heading {
    font-size: min(3.90625vw, 19.5px);
  }
  .index-company-links-item-link-heading b {
    font-size: min(7.8125vw, 39px);
  }
  .index-company-links-item-link::after {
    max-width: min(7.8125vw, 39px);
    height: auto;
    aspect-ratio: 1/1;
    bottom: 0.5em;
    right: 0.6em;
  }
  .index-company-links::before {
    background-image: url(../../img/index/bg_company_02_sp.png);
    width: 252px;
    height: 364px;
    left: -1.2em;
    max-width: min(32.8125vw, 163.8px);
  }
  .index-company::before {
    display: none;
  }
  .index-work {
    padding-top: min(15.10417vw, 75.4px);
    padding-bottom: min(16.40625vw, 81.9px);
  }
  .index-work-top {
    margin-bottom: 2.2em;
  }
  .index-work-top-txt p {
    font-size: min(3.64583vw, 18.2px);
    line-height: 1.7;
  }
  .index-work-heading {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    margin-top: 0;
  }
  .index-work-heading-txt {
    font-size: min(4.55729vw, 22.75px);
  }
  .index-work-humans {
    padding-left: min(10.67708vw, 53.3px);
  }
  .index-work-humans-item-img {
    max-width: 100%;
    height: auto;
  }
  .index-work-humans-item:nth-child(1) {
    margin: 0 -0.8em 0 0;
  }
  .index-work-humans-item:nth-child(3) {
    margin: 0;
  }
  .index-work-menu-item {
    margin-bottom: 0.7em;
  }
  .index-work-menu-item-link {
    font-size: min(3.90625vw, 19.5px);
    padding: 1.7em 2em;
  }
  .index-work-menu-item-link-txt {
    width: 12em;
  }
  .index-work-menu-item-link::after {
    right: 1.2em;
    max-width: min(6.77083vw, 33.8px);
    height: auto;
    aspect-ratio: 1/1;
  }
  .index-work-box {
    flex-direction: column;
  }
  .index-work-box-left {
    width: 100%;
  }
  .index-work-box-right {
    width: 100%;
    padding-left: 0;
  }
  .index-work-box::after {
    display: none;
  }
  .index-work::before {
    background-image: url(../../img/index/line_work_sp.png);
    width: 750px;
    height: 439px;
    max-width: 100vw;
    top: min(101.82292vw, 508.3px);
    left: 0;
  }
  .index-interview {
    position: relative;
    padding-bottom: min(18.09896vw, 90.35px);
  }
  .index-interview .m-title {
    margin-bottom: 2em;
  }
  .index-interview .m-title-en {
    left: -2em;
    margin-bottom: 0.3em;
  }
  .index-interview-items {
    margin-bottom: 2.3em;
  }
  .index-interview-items-item {
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
  .index-interview-items-nav {
    display: none;
    left: 0;
    max-width: min(9.89583vw, 49.4px);
    max-height: min(9.89583vw, 49.4px);
    transform: translateY(-50%) translateX(50%);
  }
  .index-interview-items-nav__next {
    left: auto;
    right: 0;
    transform: translateY(-50%) translateX(-50%);
  }
  .index-interview-link-figure-label {
    font-size: min(3.25521vw, 16.25px);
  }
  .index-interview-more {
    padding-left: 1.2em;
    padding-right: 1.2em;
  }
  .index-interview::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 7vw;
    left: 0;
    background: url(../../img/index/line_interview_sp.png) no-repeat top center;
    width: 750px;
    height: 383px;
    max-width: 100vw;
    background-size: contain;
  }
  .index-story {
    padding-bottom: min(15.625vw, 78px);
  }
  .index-story .m-title {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 1.7em;
  }
  .index-story .m-title-heading {
    font-size: min(6.51042vw, 32.5px);
  }
  .index-story-box {
    flex-direction: column;
    margin-left: 0;
    padding-left: 1.2em;
    padding-right: 1.2em;
  }
  .index-story-box-left {
    width: 100%;
    padding-right: 0;
    padding-top: 0;
  }
  .index-story-box-right {
    width: 100%;
  }
  .index-story-box::before {
    background-image: url(../../img/index/bg_story_02_sp.png);
    background-position: bottom right;
    width: 231px;
    height: 401px;
    max-width: min(30.72917vw, 153.4px);
    top: auto;
    left: auto;
    bottom: 0;
    right: -1.2em;
  }
  .index-story-txt {
    margin-bottom: 2.1em;
  }
  .index-story-txt p {
    text-align: center;
    font-size: min(3.64583vw, 18.2px);
    line-height: 1.7;
  }
  .index-story-figure {
    position: relative;
    margin-bottom: min(12.63021vw, 63.05px);
  }
  .index-story-figure-img {
    max-width: 100%;
    height: auto;
    border-radius: 20px;
  }
  .index-story-figure::before {
    content: "";
    display: inline-block;
    position: absolute;
    right: -1.2em;
    bottom: -2.1em;
    background: url(../../img/index/line_story_sp.png) no-repeat right bottom;
    width: 750px;
    height: 92px;
    max-width: 100vw;
    min-width: 100vw;
    background-size: contain;
  }
  .index-recruit {
    padding-top: min(19.53125vw, 97.5px);
    padding-bottom: min(14.97396vw, 74.75px);
  }
  .index-recruit-items {
    flex-direction: column;
    padding-right: 0.9em;
  }
  .index-recruit-items-item {
    width: 100%;
    margin-bottom: 1em;
  }
  .index-recruit-items::before {
    background-image: url(../../img/index/bg_recruit_sp.png);
    width: 285px;
    height: 237px;
    max-width: min(37.36979vw, 186.55px);
    top: min(-19.79167vw, -98.8px);
    right: -1.2em;
  }
  .index-recruit-items::after {
    background-image: url(../../img/index/bg_recruit_02_sp.png);
    width: 202px;
    height: 282px;
    bottom: min(-9.76562vw, -48.75px);
    left: -1.2em;
    max-width: min(26.5625vw, 132.6px);
  }
  .index-recruit-link {
    justify-content: flex-start;
    align-items: center;
    font-size: min(3.90625vw, 19.5px);
    min-height: auto;
    padding: min(7.8125vw, 39px);
  }
  .index-recruit-link-txt {
    font-size: min(3.90625vw, 19.5px);
  }
  .index-recruit-link-icon {
    max-height: 1.3em;
  }
  .index-recruit-link::after {
    max-width: min(7.8125vw, 39px);
    height: auto;
    aspect-ratio: 1/1;
  }
  .index-news {
    padding-bottom: min(15.625vw, 78px);
  }
  .index-news .l-inner::before {
    background-image: url(../../img/index/bg_news_sp.png);
    width: 236px;
    height: 298px;
    max-width: min(30.72917vw, 153.4px);
    bottom: min(-18.22917vw, -91px);
    right: -1.2em;
  }
  .index-news-box {
    display: flex;
    flex-direction: column;
    padding: 2.2em 1.2em 2.4em;
  }
  .index-news-box-more {
    margin-top: 1.5em;
  }
  .index-media {
    padding-bottom: min(16.14583vw, 80.6px);
  }
  .index-media-box {
    flex-direction: column;
  }
  .index-media-box-left {
    width: 100%;
    padding: 0;
    margin-bottom: 2.1em;
  }
  .index-media-box-right {
    width: 100%;
  }
  .index-media-box::before {
    display: none;
  }
  .index-media-heading {
    align-items: center;
    margin-bottom: 0.9em;
  }
  .index-media-heading-txt {
    font-size: min(4.55729vw, 22.75px);
    width: min(65.10417vw, 325px);
    text-align: center;
  }
  .index-media-heading::after {
    margin-left: 0;
    width: min(3.90625vw, 19.5px);
  }
  .index-media-sns {
    justify-content: center;
  }
  .index-media-sns-item {
    margin: 0;
    padding: 0 0.6em;
  }
  .index-media-sns-item-link-icon {
    max-width: min(16.92708vw, 84.5px);
  }
  .index-media-note-box {
    padding: 2.1em 1.4em 2.1em;
  }
  .index-media-note-heading {
    margin-bottom: 1.4em;
  }
  .index-media-note-heading-txt {
    font-size: min(3.38542vw, 16.9px);
    margin-left: 1.7em;
  }
  .index-media-note-heading-txt::before {
    margin-right: 1.3em;
  }
}
@media screen and (max-width: 1100px) and (min-width: 769px) {
  .index-mv-visual-img {
    width: 150%;
    margin-left: -25%;
  }
  .index-company-top-figure-link-img {
    max-width: 100%;
  }
  .index-company-point-right {
    padding-top: 1.2em;
  }
  .index-company-point-figure-link-img {
    max-width: 40vw;
  }
  .index-company-links {
    margin-left: -0.7em;
    margin-right: -0.7em;
  }
  .index-company-links-item {
    padding-left: 0.7em;
    padding-right: 0.7em;
  }
  .index-company-links-item-link-heading {
    font-size: 1.8vw;
  }
  .index-company-links-item-link-heading b {
    font-size: 3.5vw;
  }
  .index-company::before {
    top: -220px;
  }
  .index-work-heading-txt {
    font-size: 30px;
  }
  .index-work-humans-item-img {
    max-width: 11vw;
  }
  .index-work-menu-item-link {
    font-size: 1.8vw;
    padding: 2em 2.4em;
  }
  .index-work-menu-item-link::after {
    width: 24px;
    height: 24px;
    right: 1em;
  }
  .index-work-box-right {
    padding-left: 1.2em;
  }
  .index-work::before {
    background-image: url(../../img/index/line_work_laptop.png);
    top: 25vw;
  }
  .index-story {
    position: relative;
  }
  .index-story-box {
    margin-left: 0;
    padding-left: 3em;
  }
  .index-story-box-left {
    padding-right: 2em;
    width: 50%;
  }
  .index-story-figure-img {
    max-width: 60vw;
  }
  .index-story::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 1vw;
    left: 50%;
    background: url(../../img/index/line_interview_laptop.png) no-repeat top
      left;
    width: 1824px;
    height: 390px;
    max-width: 170vw;
    background-size: contain;
    transform: translateX(-47%);
  }
  .index-recruit-link-txt {
    font-size: 18px;
  }
  .index-recruit-link-icon {
    max-height: 2.3em;
  }
  .index-recruit-link::after {
    width: 45px;
    height: 45px;
  }
  .index-news-box {
    padding: 4em 3em;
  }
}
@media screen and (min-width: 769px) {
  .index-work-humans-item-img#human-cc {
    max-width: 127px;
  }
  .index-work-humans-item-img#human-advisor {
    max-width: 151px;
  }
  .index-work-humans-item-img#human-ho {
    max-width: 127px;
  }
}