@charset "UTF-8";
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  height: 100%;
}

body {
  height: 100%;
  overflow-x: hidden;
}

/* 要素のデフォルトスタイルをリセット */
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
}

/* リストスタイルのリセット */
ul[class],
ol[class] {
  list-style: none;
}

/* リンクのデフォルトスタイルをリセット */
a {
  text-decoration: none;
  color: inherit;
}

/* テーブル要素のスタイルをリセット */
table {
  border-collapse: collapse;
}

/* フォーム要素のリセット */
input,
button,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
}

h1 {
  font-size: 2rem;
}
@media screen and (max-width: 767px) {
  h1 {
    font-size: 1.75rem;
  }
}
@media screen and (min-width: 1200px) {
  h1 {
    font-size: 2.25rem;
  }
}
@media screen and (min-width: 992px) {
  h1 {
    font-size: 2.5rem;
  }
}
@media screen and (min-width: 1400px) {
  h1 {
    font-size: 2.75rem;
  }
}
@media screen and (min-width: 1600px) {
  h1 {
    font-size: 3rem;
  }
}

h2 {
  font-size: 1.75rem;
}
@media screen and (max-width: 767px) {
  h2 {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 1200px) {
  h2 {
    font-size: 2rem;
  }
}
@media screen and (min-width: 992px) {
  h2 {
    font-size: 2.25rem;
  }
}
@media screen and (min-width: 1400px) {
  h2 {
    font-size: 2.5rem;
  }
}
@media screen and (min-width: 1600px) {
  h2 {
    font-size: 2.75rem;
  }
}

h3 {
  font-size: 1.5rem;
}
@media screen and (max-width: 767px) {
  h3 {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 1200px) {
  h3 {
    font-size: 1.75rem;
  }
}
@media screen and (min-width: 992px) {
  h3 {
    font-size: 2rem;
  }
}
@media screen and (min-width: 1400px) {
  h3 {
    font-size: 2.25rem;
  }
}
@media screen and (min-width: 1600px) {
  h3 {
    font-size: 2.5rem;
  }
}

h4 {
  font-size: 1.25rem;
}
@media screen and (max-width: 767px) {
  h4 {
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 1200px) {
  h4 {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 992px) {
  h4 {
    font-size: 1.75rem;
  }
}
@media screen and (min-width: 1400px) {
  h4 {
    font-size: 2rem;
  }
}
@media screen and (min-width: 1600px) {
  h4 {
    font-size: 2.25rem;
  }
}

h5 {
  font-size: 1.125rem;
}
@media screen and (max-width: 767px) {
  h5 {
    font-size: 1rem;
  }
}
@media screen and (min-width: 1200px) {
  h5 {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 992px) {
  h5 {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 1400px) {
  h5 {
    font-size: 1.75rem;
  }
}
@media screen and (min-width: 1600px) {
  h5 {
    font-size: 2rem;
  }
}

h6 {
  font-size: 1rem;
}
@media screen and (max-width: 767px) {
  h6 {
    font-size: 0.875rem;
  }
}
@media screen and (min-width: 1200px) {
  h6 {
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 992px) {
  h6 {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 1400px) {
  h6 {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 1600px) {
  h6 {
    font-size: 1.75rem;
  }
}

p {
  font-size: 1rem;
}
@media screen and (max-width: 767px) {
  p {
    font-size: 0.875rem;
  }
}
@media screen and (min-width: 1200px) {
  p {
    font-size: 1rem;
  }
}
@media screen and (min-width: 992px) {
  p {
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 1400px) {
  p {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 1600px) {
  p {
    font-size: 1.375rem;
  }
}

a {
  font-size: 1rem;
}
@media screen and (max-width: 767px) {
  a {
    font-size: 0.875rem;
  }
}
@media screen and (min-width: 1200px) {
  a {
    font-size: 1rem;
  }
}
@media screen and (min-width: 992px) {
  a {
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 1400px) {
  a {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 1600px) {
  a {
    font-size: 1.375rem;
  }
}

div {
  font-size: 1rem;
}
@media screen and (max-width: 767px) {
  div {
    font-size: 0.875rem;
  }
}
@media screen and (min-width: 1200px) {
  div {
    font-size: 1rem;
  }
}
@media screen and (min-width: 992px) {
  div {
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 1400px) {
  div {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 1600px) {
  div {
    font-size: 1.375rem;
  }
}

html {
  font-size: 16px;
  scroll-behavior: smooth;
}

body {
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  line-height: 1.7;
  color: #434343;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.font-english {
  font-family: "Roboto", "Oswald", "M PLUS 2", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}

.sec_main {
  background-image: var(--bg-image-001);
  background-size: 100% auto;
  background-repeat: round;
  background-position: top center;
}

body {
  background: linear-gradient(90deg, #b5f0b8 0%, #b3deed 100%);
  background-attachment: fixed;
}

.sec_header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  background: transparent;
  transition: background 0.3s ease;
}
.sec_header.is-scrolled {
  background: rgba(255, 255, 255, 0);
  backdrop-filter: blur(1px);
}
.sec_header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.9375rem;
  height: 3.5rem;
}
@media screen and (min-width: 1200px) {
  .sec_header__inner {
    padding: 0 2.5rem;
    height: 6.25rem;
  }
}
.sec_header__logo {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.sec_header__logo-link {
  display: block;
  text-decoration: none;
  transition: transform 0.3s ease, filter 0.3s ease;
}
@media screen and (min-width: 1200px) {
  .sec_header__logo-link:hover {
    transform: scale(1.05);
    filter: brightness(1.1);
  }
}
.sec_header__logo-img {
  display: block;
  width: auto;
  height: 2.25rem;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (min-width: 1200px) {
  .sec_header__logo-img {
    height: 3rem;
  }
}
.sec_header__nav {
  display: none;
}
.sec_header__nav-list {
  display: flex;
  align-items: center;
  gap: 2.5rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.sec_header__nav-item--apply {
  margin: 0 0 0 1rem;
}
.sec_header__nav-link {
  display: inline-block;
  text-decoration: none;
  letter-spacing: 0.05em;
  font-weight: 500;
  color: #1e2b20;
  transition: all 0.3s ease;
  position: relative;
}
@media screen and (min-width: 1200px) {
  .sec_header__nav-link::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, #b7e4c0 0%, #73c0d4 100%);
    transition: all 0.3s ease;
    transform: translateX(-50%);
  }
  .sec_header__nav-link:hover {
    color: #31473f;
  }
  .sec_header__nav-link:hover::after {
    width: 100%;
  }
}
.sec_header__nav-link--apply {
  padding: 0.625rem 1.75rem;
  border-radius: 3.125rem;
  background: #fff;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media screen and (min-width: 1200px) {
  .sec_header__nav-link--apply {
    padding: 0.75rem 2rem;
  }
  .sec_header__nav-link--apply::after {
    display: none;
  }
  .sec_header__nav-link--apply:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(240, 145, 153, 0.3);
    background: linear-gradient(135deg, #f09199 0%, #edad82 100%);
    color: #fff;
    opacity: 1;
  }
}
.sec_header__hamburger {
  position: relative;
  z-index: 110;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.3125rem;
  width: 3rem;
  height: 3rem;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  flex-shrink: 0;
  transition: all 0.3s ease;
}
.sec_header__hamburger-bar {
  display: block;
  width: 1.625rem;
  height: 1.5px;
  background: #000000;
  border-radius: 2px;
  transform-origin: center;
  transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.3s ease, background 0.3s ease;
}
.sec_header__hamburger.is-open .sec_header__hamburger-bar:nth-child(1) {
  transform: translateY(0.40625rem) rotate(45deg);
}
.sec_header__hamburger.is-open .sec_header__hamburger-bar:nth-child(2) {
  opacity: 0;
  transform: scaleX(0);
}
.sec_header__hamburger.is-open .sec_header__hamburger-bar:nth-child(3) {
  transform: translateY(-0.40625rem) rotate(-45deg);
}
.sec_header__drawer {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 105;
  width: 100%;
  height: 100vh;
  background-image: linear-gradient(rgba(221, 221, 221, 0.5019607843), rgba(30, 43, 32, 0.5)), var(--bg-image-001);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transform: translateX(100%);
  transition: transform 0.6s cubic-bezier(0.85, 0, 0.15, 1);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.sec_header__drawer.is-open {
  transform: translateX(0);
}
.sec_header__drawer.is-open .sec_header__drawer-item {
  opacity: 1;
  transform: translateY(0);
}
.sec_header__drawer-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 3.75rem 1.5rem 1.875rem;
  box-sizing: border-box;
}
.sec_header__drawer-header {
  margin-bottom: 2rem;
}
.sec_header__drawer-logo img {
  height: 1.75rem;
  width: auto;
}
.sec_header__drawer-nav {
  flex: 1;
  display: flex;
  align-items: center;
  margin-bottom: 2.5rem;
}
.sec_header__drawer-list {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.sec_header__drawer-item {
  width: 100%;
  opacity: 0;
  transform: translateY(15px);
  transition: opacity 0.5s ease, transform 0.5s ease;
}
.sec_header__drawer-item:nth-child(1) {
  transition-delay: 0.28s;
}
.sec_header__drawer-item:nth-child(2) {
  transition-delay: 0.36s;
}
.sec_header__drawer-item:nth-child(3) {
  transition-delay: 0.44s;
}
.sec_header__drawer-item:nth-child(4) {
  transition-delay: 0.52s;
}
.sec_header__drawer-item:nth-child(5) {
  transition-delay: 0.6s;
}
.sec_header__drawer-link {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-decoration: none;
  color: #fff;
  transition: opacity 0.3s ease;
}
.sec_header__drawer-link:hover {
  opacity: 0.6;
}
.sec_header__drawer-link .en {
  font-family: "Roboto", "Oswald", "M PLUS 2", sans-serif;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.05em;
  margin-bottom: 0.125rem;
}
.sec_header__drawer-link .jp {
  font-size: 0.6875rem;
  font-weight: 500;
  opacity: 0.6;
}
.sec_header__drawer-footer {
  margin-top: auto;
}
.sec_header__drawer-btns {
  margin-bottom: 1.875rem;
}
.sec_header__drawer-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.9375rem;
  width: 100%;
  height: 3.5rem;
  border-radius: 1.75rem;
  text-decoration: none;
  font-family: "Roboto", "Oswald", "M PLUS 2", sans-serif;
  font-weight: 700;
  font-size: 1.125rem;
  letter-spacing: 0.1em;
  transition: all 0.3s ease;
}
.sec_header__drawer-btn--apply {
  background: linear-gradient(135deg, #f09199 0%, #edad82 100%);
  color: #fff;
}
.sec_header__drawer-btn--apply span {
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-size: 0.8125rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  position: relative;
  padding-left: 0.9375rem;
}
.sec_header__drawer-btn--apply span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 0.875rem;
  background: rgba(255, 255, 255, 0.4);
}
.sec_header__drawer-btn--apply:hover {
  opacity: 0.8;
}
.sec_header__drawer-info {
  text-align: center;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 1.25rem;
}
.sec_header__drawer-copy {
  font-size: 0.625rem;
  color: rgba(255, 255, 255, 0.4);
  font-family: "Roboto", "Oswald", "M PLUS 2", sans-serif;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 1200px) {
  .sec_header__nav {
    display: flex;
    align-items: center;
  }
  .sec_header__hamburger {
    display: none;
  }
  .sec_header__drawer {
    display: none;
  }
}

.bl_footer {
  background: #283129;
  padding: 3.75rem 1.25rem;
}
@media screen and (min-width: 768px) {
  .bl_footer {
    padding: 3.75rem 2.5rem;
  }
}
@media screen and (min-width: 1200px) {
  .bl_footer {
    padding: 5rem 0;
  }
}
.bl_footer__inner {
  max-width: 90rem;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 2.5rem;
}
@media screen and (min-width: 768px) {
  .bl_footer__inner {
    gap: 2.5rem;
  }
}
@media screen and (min-width: 1200px) {
  .bl_footer__inner {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    text-align: left;
    padding: 0 10rem;
    gap: 0;
  }
}
.bl_footer__brand {
  display: contents;
}
@media screen and (min-width: 1200px) {
  .bl_footer__brand {
    display: flex;
    flex-direction: column;
    gap: 1.875rem;
  }
}
.bl_footer__logo {
  order: 0;
}
@media screen and (min-width: 1200px) {
  .bl_footer__logo {
    order: unset;
  }
}
.bl_footer__logo-link {
  display: inline-block;
}
.bl_footer__logo-img {
  display: block;
  width: 8.8125rem;
  height: auto;
}
@media screen and (min-width: 768px) {
  .bl_footer__logo-img {
    width: 12.5rem;
  }
}
@media screen and (min-width: 1200px) {
  .bl_footer__logo-img {
    width: 17.5625rem;
  }
}
.bl_footer__copyright {
  order: 2;
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-weight: 700;
  color: #fff;
  font-size: 0.8125rem;
  letter-spacing: 0.05625rem;
  line-height: 2;
  margin: 0;
}
@media screen and (min-width: 1200px) {
  .bl_footer__copyright {
    order: unset;
    font-size: 1.125rem;
  }
}
.bl_footer__nav {
  order: 1;
}
@media screen and (min-width: 1200px) {
  .bl_footer__nav {
    order: unset;
  }
}
.bl_footer__nav-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5625rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 768px) {
  .bl_footer__nav-list {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.25rem 2.5rem;
  }
}
@media screen and (min-width: 1200px) {
  .bl_footer__nav-list {
    display: grid;
    grid-template-columns: repeat(2, auto);
    -moz-column-gap: 5rem;
         column-gap: 5rem;
    row-gap: 1.5rem;
  }
}
.bl_footer__nav-link {
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-weight: 700;
  color: #fff;
  font-size: 1rem;
  text-decoration: none;
  white-space: nowrap;
  transition: opacity 0.3s ease;
}
.bl_footer__nav-link:hover {
  opacity: 0.7;
}

.sec_companyHero {
  position: relative;
  display: flex;
  align-items: flex-end;
  width: 100%;
  min-height: 17.5rem;
  padding: 5rem 1.25rem 3rem;
  overflow: hidden;
}
@media screen and (min-width: 1200px) {
  .sec_companyHero {
    min-height: 26.25rem;
    padding: 7.5rem 10rem 5rem;
  }
}
.sec_companyHero__inner {
  position: relative;
  z-index: 1;
  width: 100%;
}
.sec_companyHero__title {
  font-family: "Roboto", "Oswald", "M PLUS 2", sans-serif;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  color: #fff;
  font-size: 3rem;
}
@media screen and (min-width: 1200px) {
  .sec_companyHero__title {
    font-size: 5.75rem;
  }
}
.sec_companyHero__subTitle {
  margin-top: -0.625rem;
}
@media screen and (min-width: 1200px) {
  .sec_companyHero__subTitle {
    margin-top: -0.625rem;
  }
}
.sec_companyHero__subTitle img {
  display: block;
  width: 8.125rem;
  height: auto;
  transform: rotate(-2.37deg);
}
@media screen and (min-width: 1200px) {
  .sec_companyHero__subTitle img {
    width: 15.0625rem;
  }
}

.sec_companyNav {
  position: relative;
  padding: 1.5rem 1.25rem;
  background: #ededed;
}
@media screen and (min-width: 1200px) {
  .sec_companyNav {
    padding: 6.25rem 0;
  }
}
.sec_companyNav__inner {
  max-width: 90rem;
  margin: 0 auto;
}
@media screen and (min-width: 1200px) {
  .sec_companyNav__inner {
    padding: 0 10rem;
  }
}
.sec_companyNav__bar {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
  padding: 1.25rem;
  background-color: #f5f5f5;
  background-image: radial-gradient(circle, #dcdcdc 0.04375rem, transparent 0.04375rem);
  background-size: 0.9375rem 0.9375rem;
  border-radius: 1.875rem;
}
@media screen and (min-width: 1200px) {
  .sec_companyNav__bar {
    grid-template-columns: repeat(4, 1fr);
    gap: 2.9375rem;
    padding: 3.125rem 3.125rem;
    border-radius: 3.125rem;
    background-size: 1.875rem 1.875rem;
    background-image: radial-gradient(circle, #dcdcdc 0.0875rem, transparent 0.0875rem);
  }
}
.sec_companyNav__link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  padding: 0.3125rem 1.25rem;
  border: 1px solid #31473f;
  border-radius: 3.125rem;
  background: transparent;
  text-decoration: none;
  font-weight: 700;
  color: #283129;
  white-space: nowrap;
  transition: background 0.3s ease;
}
@media screen and (min-width: 1200px) {
  .sec_companyNav__link {
    padding: 0.625rem 2.5rem;
  }
}
.sec_companyNav__link:hover {
  background: rgba(192, 255, 194, 0.3);
}
.sec_companyNav__link span {
  white-space: nowrap;
}
.sec_companyNav__arrow {
  display: inline-block;
  width: 0.9375rem;
  height: 0.3125rem;
  transform: rotate(90deg);
  transition: transform 0.3s ease;
}
.sec_companyNav__link:hover .sec_companyNav__arrow {
  transform: rotate(90deg) translateX(0.3125rem);
}

.sec_companymessage {
  position: relative;
  padding: 2.5rem 0 3.75rem;
  overflow: hidden;
}
@media screen and (min-width: 1200px) {
  .sec_companymessage {
    padding: 15rem 0 7.5rem;
    background-image: var(--bg-image-003);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent;
  }
}
.sec_companymessage__inner {
  position: relative;
  max-width: 90rem;
  margin: 0 auto;
}
@media screen and (min-width: 1200px) {
  .sec_companymessage__inner {
    font-size: 3rem;
    padding: 0 5rem;
  }
}
.sec_companymessage__header {
  position: relative;
  z-index: 3;
  margin-bottom: 0.9375rem;
  padding: 0 1.25rem;
}
@media screen and (min-width: 1200px) {
  .sec_companymessage__header {
    margin-bottom: -4.375rem;
    padding: 0 80px;
  }
}
.sec_companymessage__enTitle {
  font-family: "Roboto", "Oswald", "M PLUS 2", sans-serif;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  color: #fff;
  font-size: 2.6875rem;
}
@media screen and (min-width: 1200px) {
  .sec_companymessage__enTitle {
    font-size: 5.375rem;
  }
}
.sec_companymessage__subTitle {
  margin-top: -0.3125rem;
}
@media screen and (min-width: 1200px) {
  .sec_companymessage__subTitle {
    margin-top: -0.9375rem;
  }
}
.sec_companymessage__subTitle img {
  display: block;
  width: 10.1875rem;
  height: auto;
  transform: rotate(-2.37deg);
}
@media screen and (min-width: 1200px) {
  .sec_companymessage__subTitle img {
    width: 20rem;
  }
}
.sec_companymessage__photo {
  position: relative;
  z-index: 2;
  width: 100%;
  margin-left: 2.5rem;
  border-radius: 1.25rem 0 0 1.25rem;
  overflow: hidden;
}
@media screen and (min-width: 1200px) {
  .sec_companymessage__photo {
    position: absolute;
    top: -3.75rem;
    right: calc((100vw - 90rem) / -2 - 5rem);
    width: calc(33.125rem + max(0px, (100vw - 90rem) / 2));
    height: 47.1875rem;
    margin-left: 0;
    border-radius: 1.25rem 0 0 1.25rem;
  }
}
.sec_companymessage__photo img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.sec_companymessage__block {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.sec_companymessage__block::before {
  content: "";
  position: absolute;
  top: -1.875rem;
  left: 0;
  right: 1.25rem;
  bottom: 0;
  background-color: #f5f5f5;
  background-image: radial-gradient(circle, #dcdcdc 0.04375rem, transparent 0.04375rem);
  background-size: 0.9375rem 0.9375rem;
  border-radius: 0 1.875rem 1.875rem 0;
  z-index: 0;
}
@media screen and (min-width: 1200px) {
  .sec_companymessage__block::before {
    background-image: radial-gradient(circle, #dcdcdc 0.0875rem, transparent 0.0875rem);
  }
}
@media screen and (min-width: 1200px) {
  .sec_companymessage__block {
    padding: 9.375rem 3.125rem 3.125rem 5rem;
    margin-top: -1.25rem;
    gap: 1.875rem;
  }
  .sec_companymessage__block::before {
    top: 0;
    left: 0;
    right: calc((100vw - 90rem) / -2 - 5rem);
    bottom: 0;
    background-size: 1.875rem 1.875rem;
    border-radius: 3.125rem 0 0 3.125rem;
  }
}
.sec_companymessage__body {
  position: relative;
  z-index: 2;
  padding: 3.125rem 1.5625rem 1.875rem 1.25rem;
}
@media screen and (min-width: 1200px) {
  .sec_companymessage__body {
    padding: 1.25rem 1.5625rem 1.875rem 1.25rem;
    padding: 0;
  }
}
.sec_companymessage__msgTitle {
  margin-bottom: 1.25rem;
}
@media screen and (min-width: 1200px) {
  .sec_companymessage__msgTitle {
    margin-bottom: 3.75rem;
  }
}
.sec_companymessage__msgTitle img {
  display: block;
  width: 100%;
  max-width: 20rem;
  height: auto;
}
@media screen and (min-width: 1200px) {
  .sec_companymessage__msgTitle img {
    max-width: 41.375rem;
  }
}
.sec_companymessage__text {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  font-size: 1rem;
  line-height: 2;
  color: #31473f;
  letter-spacing: 0.05rem;
}
@media screen and (min-width: 1200px) {
  .sec_companymessage__text {
    max-width: 42.8125rem;
  }
}
.sec_companymessage__sign {
  margin-top: 1.25rem;
  margin-right: 0.3125rem;
  font-weight: 700;
  font-size: 0.9375rem;
  color: #31473f;
  letter-spacing: 0.0625rem;
  text-align: right;
}
@media screen and (min-width: 1200px) {
  .sec_companymessage__sign {
    text-align: right;
    margin-right: 30rem;
    font-size: 1.5rem;
    margin-right: 30rem;
  }
}

.sec_company {
  position: relative;
  display: flex;
  align-items: flex-end;
  width: 100%;
  min-height: 15rem;
  padding: 5rem 2.1875rem 3rem;
  background: linear-gradient(160deg, rgba(131, 237, 111, 0.9) 0%, rgba(0, 133, 199, 0.9) 100%);
  overflow: hidden;
}
.sec_company__inner {
  position: relative;
  z-index: 1;
  width: 100%;
}
.sec_company__enTitle {
  font-family: "Roboto", "Oswald", "M PLUS 2", sans-serif;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1;
  text-transform: uppercase;
  font-size: 2rem;
}
@media screen and (max-width: 767px) {
  .sec_company__enTitle {
    font-size: 1.75rem;
  }
}
@media screen and (min-width: 1200px) {
  .sec_company__enTitle {
    font-size: 2.25rem;
  }
}
@media screen and (min-width: 992px) {
  .sec_company__enTitle {
    font-size: 2.5rem;
  }
}
@media screen and (min-width: 1400px) {
  .sec_company__enTitle {
    font-size: 2.75rem;
  }
}
@media screen and (min-width: 1600px) {
  .sec_company__enTitle {
    font-size: 3rem;
  }
}
.sec_company__jaTitle {
  font-weight: 700;
  line-height: 1.4;
  margin: 0.5rem 0 0;
}
@media screen and (min-width: 1200px) {
  .sec_company {
    min-height: 20rem;
    padding: 7.5rem 10rem 4rem;
  }
  .sec_company__enTitle {
    font-size: 5rem;
  }
}

.sec_companyNav_legacy {
  position: relative;
  padding: 1.5rem 1.25rem;
  background: #f5f5f5;
}
.sec_companyNav_legacy__inner {
  max-width: 60rem;
  margin: 0 auto;
  padding: 1.5rem 1.25rem;
  background: #fff;
  border-radius: 1rem;
  box-shadow: 0 0.3125rem 1.25rem rgba(0, 0, 0, 0.08);
}
.sec_companyNav_legacy__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.sec_companyNav_legacy__link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  padding: 0.75rem 0.5rem;
  border: 1.5px solid #31473f;
  border-radius: 3.125rem;
  text-decoration: none;
  font-weight: 500;
  letter-spacing: 0.03em;
  transition: background 0.2s ease, opacity 0.2s ease;
}
.sec_companyNav_legacy__link:hover {
  background: #c0ffc2;
}
.sec_companyNav_legacy__arrow {
  display: inline-block;
  font-style: normal;
}
@media screen and (min-width: 1200px) {
  .sec_companyNav_legacy {
    top: 4.5rem;
    padding: 2rem 2.5rem;
  }
  .sec_companyNav_legacy__list {
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
  }
}

.sec_companyMessage {
  padding: 5rem 1.25rem;
  background: #f5f5f5;
}
.sec_companyMessage__inner {
  max-width: 70rem;
  margin: 0 auto;
}
.sec_companyMessage__heading {
  margin: 0 0 2rem;
}
@media screen and (min-width: 1200px) {
  .sec_companyMessage__heading {
    padding: 0 6.25rem;
  }
}
.sec_companyMessage__enTitle {
  font-family: "Roboto", "Oswald", "M PLUS 2", sans-serif;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1;
  text-transform: uppercase;
  font-size: 2rem;
}
@media screen and (max-width: 767px) {
  .sec_companyMessage__enTitle {
    font-size: 1.75rem;
  }
}
@media screen and (min-width: 1200px) {
  .sec_companyMessage__enTitle {
    font-size: 2.25rem;
  }
}
@media screen and (min-width: 992px) {
  .sec_companyMessage__enTitle {
    font-size: 2.5rem;
  }
}
@media screen and (min-width: 1400px) {
  .sec_companyMessage__enTitle {
    font-size: 2.75rem;
  }
}
@media screen and (min-width: 1600px) {
  .sec_companyMessage__enTitle {
    font-size: 3rem;
  }
}
.sec_companyMessage__jaTitle {
  font-weight: 700;
  margin: 0.25rem 0 0;
}
.sec_companyMessage__card {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding: 2rem 1.5rem;
  background: #fff;
  border-radius: 1.25rem;
  box-shadow: 0 0.3125rem 1.25rem rgba(0, 0, 0, 0.08);
}
.sec_companyMessage__text {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.sec_companyMessage__msgTitle {
  font-weight: 700;
  line-height: 1.5;
  font-size: 1.5rem;
}
@media screen and (max-width: 767px) {
  .sec_companyMessage__msgTitle {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 1200px) {
  .sec_companyMessage__msgTitle {
    font-size: 1.75rem;
  }
}
@media screen and (min-width: 992px) {
  .sec_companyMessage__msgTitle {
    font-size: 2rem;
  }
}
@media screen and (min-width: 1400px) {
  .sec_companyMessage__msgTitle {
    font-size: 2.25rem;
  }
}
@media screen and (min-width: 1600px) {
  .sec_companyMessage__msgTitle {
    font-size: 2.5rem;
  }
}
.sec_companyMessage__body {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  line-height: 1.8;
}
.sec_companyMessage__sign {
  text-align: right;
  font-weight: 500;
}
.sec_companyMessage__photo {
  width: 100%;
  border-radius: 1rem;
  overflow: hidden;
}
.sec_companyMessage__photo img {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 1200px) {
  .sec_companyMessage {
    padding: 7.5rem 5rem;
  }
  .sec_companyMessage__enTitle {
    font-size: 5rem;
  }
  .sec_companyMessage__card {
    flex-direction: row;
    align-items: flex-start;
    gap: 3.75rem;
    padding: 3.75rem;
  }
  .sec_companyMessage__text {
    flex: 1;
    min-width: 0;
  }
  .sec_companyMessage__photo {
    flex-shrink: 0;
    width: 23.75rem;
  }
}

.sec_companyHistory {
  padding: 5rem 1.25rem;
}
.sec_companyHistory__inner {
  max-width: 70rem;
  margin: 0 auto;
}
.sec_companyHistory__heading {
  margin: 0 0 3rem;
}
.sec_companyHistory__enTitle {
  font-family: "Roboto", "Oswald", "M PLUS 2", sans-serif;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1;
  text-transform: uppercase;
  font-size: 2rem;
}
@media screen and (max-width: 767px) {
  .sec_companyHistory__enTitle {
    font-size: 1.75rem;
  }
}
@media screen and (min-width: 1200px) {
  .sec_companyHistory__enTitle {
    font-size: 2.25rem;
  }
}
@media screen and (min-width: 992px) {
  .sec_companyHistory__enTitle {
    font-size: 2.5rem;
  }
}
@media screen and (min-width: 1400px) {
  .sec_companyHistory__enTitle {
    font-size: 2.75rem;
  }
}
@media screen and (min-width: 1600px) {
  .sec_companyHistory__enTitle {
    font-size: 3rem;
  }
}
.sec_companyHistory__jaTitle {
  font-weight: 700;
  margin: 0.25rem 0 0;
}
.sec_companyHistory__timeline {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.sec_companyHistory__timeline::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 1rem;
  width: 2px;
  background: linear-gradient(to bottom, #83ed6f, #0085c7);
}
@media screen and (min-width: 1200px) {
  .sec_companyHistory__timeline::before {
    left: 50%;
    transform: translateX(-50%);
  }
}
.sec_companyHistory__item {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 1.25rem;
  padding: 0 0 0 3rem;
}
@media screen and (min-width: 1200px) {
  .sec_companyHistory__item {
    padding: 0;
    width: 50%;
  }
  .sec_companyHistory__item--left {
    align-self: flex-start;
    padding: 0 3.75rem 0 0;
    justify-content: flex-end;
    text-align: right;
  }
  .sec_companyHistory__item--right {
    align-self: flex-end;
    margin-left: 50%;
    padding: 0 0 0 3.75rem;
    text-align: left;
  }
}
.sec_companyHistory__dot {
  position: absolute;
  top: 0.375rem;
  left: 0.5rem;
  width: 1rem;
  height: 1rem;
  background: #0085c7;
  border-radius: 50%;
  border: 3px solid #fff;
  box-shadow: 0 0 0 2px #0085c7;
}
@media screen and (min-width: 1200px) {
  .sec_companyHistory__dot {
    left: auto;
    right: auto;
    width: 1rem;
    height: 1rem;
    top: 0.125rem;
  }
  .sec_companyHistory__item--left .sec_companyHistory__dot {
    right: -0.5rem;
    left: auto;
  }
  .sec_companyHistory__item--right .sec_companyHistory__dot {
    left: -0.5rem;
  }
}
.sec_companyHistory__content {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.sec_companyHistory__year {
  font-family: "Roboto", "Oswald", "M PLUS 2", sans-serif;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.02em;
  font-size: 1.5rem;
}
@media screen and (max-width: 767px) {
  .sec_companyHistory__year {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 1200px) {
  .sec_companyHistory__year {
    font-size: 1.75rem;
  }
}
@media screen and (min-width: 992px) {
  .sec_companyHistory__year {
    font-size: 2rem;
  }
}
@media screen and (min-width: 1400px) {
  .sec_companyHistory__year {
    font-size: 2.25rem;
  }
}
@media screen and (min-width: 1600px) {
  .sec_companyHistory__year {
    font-size: 2.5rem;
  }
}
.sec_companyHistory__desc {
  line-height: 1.6;
}
@media screen and (min-width: 1200px) {
  .sec_companyHistory {
    padding: 7.5rem 5rem;
  }
  .sec_companyHistory__enTitle {
    font-size: 5rem;
  }
}

.sec_companyData {
  padding: 5rem 1.25rem;
  background: linear-gradient(180deg, #c0ffc2 0%, #c0eeff 100%);
}
.sec_companyData__inner {
  max-width: 60rem;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.sec_companyData__enTitle {
  font-family: "Roboto", "Oswald", "M PLUS 2", sans-serif;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1;
  text-transform: uppercase;
  font-size: 2rem;
}
@media screen and (max-width: 767px) {
  .sec_companyData__enTitle {
    font-size: 1.75rem;
  }
}
@media screen and (min-width: 1200px) {
  .sec_companyData__enTitle {
    font-size: 2.25rem;
  }
}
@media screen and (min-width: 992px) {
  .sec_companyData__enTitle {
    font-size: 2.5rem;
  }
}
@media screen and (min-width: 1400px) {
  .sec_companyData__enTitle {
    font-size: 2.75rem;
  }
}
@media screen and (min-width: 1600px) {
  .sec_companyData__enTitle {
    font-size: 3rem;
  }
}
.sec_companyData__jaTitle {
  font-weight: 700;
  margin: 0.25rem 0 0;
}
.sec_companyData__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}
.sec_companyData__card {
  padding: 1.5rem 1.25rem;
  background: #fff;
  border-radius: 1rem;
  box-shadow: 0 0.3125rem 1.25rem rgba(0, 0, 0, 0.08);
}
.sec_companyData__card--wide {
  grid-column: 1/-1;
}
.sec_companyData__cardTitle {
  font-weight: 700;
  text-align: center;
  margin: 0 0 1rem;
}
.sec_companyData__cardBody {
  display: flex;
  align-items: center;
  justify-content: center;
}
.sec_companyData__cardBody img {
  display: block;
  width: 100%;
  max-width: 17.5rem;
  height: auto;
}
.sec_companyData__cardBody--large img {
  max-width: none;
}
.sec_companyData__chart .sec_companyData__card {
  grid-column: 1/-1;
}
.sec_companyData__chart img {
  width: 100%;
  max-width: none;
}
@media screen and (min-width: 1200px) {
  .sec_companyData {
    padding: 7.5rem 5rem;
  }
  .sec_companyData__enTitle {
    font-size: 5rem;
  }
  .sec_companyData__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
  }
}

.sec_companyProfile {
  padding: 5rem 1.25rem;
}
.sec_companyProfile__inner {
  max-width: 60rem;
  margin: 0 auto;
}
.sec_companyProfile__heading {
  margin: 0 0 2.5rem;
}
.sec_companyProfile__enTitle {
  font-family: "Roboto", "Oswald", "M PLUS 2", sans-serif;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1;
  text-transform: uppercase;
  font-size: 1.75rem;
}
@media screen and (max-width: 767px) {
  .sec_companyProfile__enTitle {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 1200px) {
  .sec_companyProfile__enTitle {
    font-size: 2rem;
  }
}
@media screen and (min-width: 992px) {
  .sec_companyProfile__enTitle {
    font-size: 2.25rem;
  }
}
@media screen and (min-width: 1400px) {
  .sec_companyProfile__enTitle {
    font-size: 2.5rem;
  }
}
@media screen and (min-width: 1600px) {
  .sec_companyProfile__enTitle {
    font-size: 2.75rem;
  }
}
.sec_companyProfile__jaTitle {
  font-weight: 700;
  margin: 0.25rem 0 0;
}
.sec_companyProfile__card {
  padding: 1.5rem 1.25rem;
  background: #fff;
  border-radius: 1.25rem;
  box-shadow: 0 0.3125rem 1.25rem rgba(0, 0, 0, 0.08);
}
.sec_companyProfile__table {
  width: 100%;
  border-collapse: collapse;
}
.sec_companyProfile__row {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 1rem 0;
  border-bottom: 1px solid #e8e8e8;
}
.sec_companyProfile__row:last-child {
  border-bottom: none;
}
@media screen and (min-width: 1200px) {
  .sec_companyProfile__row {
    flex-direction: row;
    align-items: flex-start;
    gap: 0;
  }
}
.sec_companyProfile__label {
  font-weight: 700;
  white-space: nowrap;
  padding: 0;
  vertical-align: top;
  text-align: left;
}
@media screen and (min-width: 1200px) {
  .sec_companyProfile__label {
    width: 12.5rem;
    min-width: 12.5rem;
    padding: 0 1.5rem 0 0;
  }
}
.sec_companyProfile__value {
  line-height: 1.7;
  vertical-align: top;
  padding: 0;
}
@media screen and (min-width: 1200px) {
  .sec_companyProfile {
    padding: 7.5rem 5rem;
  }
  .sec_companyProfile__enTitle {
    font-size: 3.75rem;
  }
  .sec_companyProfile__card {
    padding: 3rem 3.75rem;
  }
}

.sec_companyhistory {
  padding: 3.75rem 1.25rem;
  background: #fff;
}
@media screen and (min-width: 1200px) {
  .sec_companyhistory {
    padding: 5rem 0 7.5rem;
  }
}
.sec_companyhistory__inner {
  max-width: 70rem;
  margin: 0 auto;
}
.sec_companyhistory__header {
  margin-bottom: 2.5rem;
}
@media screen and (min-width: 1200px) {
  .sec_companyhistory__header {
    margin-bottom: 3.75rem;
  }
}
.sec_companyhistory__enTitle {
  font-family: "Roboto", "Oswald", "M PLUS 2", sans-serif;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  font-size: 3rem;
  background: linear-gradient(90deg, #b7e4c0 0%, #73c0d4 50%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
@media screen and (min-width: 1200px) {
  .sec_companyhistory__enTitle {
    font-size: 5.375rem;
  }
}
.sec_companyhistory__subTitle {
  margin-top: -0.625rem;
}
@media screen and (min-width: 1200px) {
  .sec_companyhistory__subTitle {
    margin-top: -1.25rem;
  }
}
.sec_companyhistory__subTitle img {
  display: block;
  width: 3.4375rem;
  height: auto;
  transform: rotate(-2.37deg);
}
@media screen and (min-width: 1200px) {
  .sec_companyhistory__subTitle img {
    width: 5.375rem;
  }
}
.sec_companyhistory__timeline {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0rem;
  padding: 0rem 0 1.25rem;
}
@media screen and (min-width: 1200px) {
  .sec_companyhistory__timeline {
    padding: 1.25rem 0;
  }
}
.sec_companyhistory__line {
  position: absolute;
  top: 22px;
  bottom: 0;
  left: 12px;
  width: 1.25rem;
  background: linear-gradient(180deg, #b7e4c0 0%, #73c0d4 100%);
  border-radius: 3.75rem;
}
@media screen and (min-width: 1200px) {
  .sec_companyhistory__line {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 2.4375rem;
  }
}
.sec_companyhistory__item {
  position: relative;
  padding: 0.9375rem 0 0.9375rem 3.125rem;
}
@media screen and (min-width: 1200px) {
  .sec_companyhistory__item {
    width: 50%;
    padding: 1.25rem 0;
  }
  .sec_companyhistory__item--right {
    margin-left: 50%;
    padding-left: 5.3125rem;
  }
  .sec_companyhistory__item--left {
    margin-left: 0;
    padding-right: 5.3125rem;
    text-align: right;
  }
}
.sec_companyhistory__dot {
  position: absolute;
  top: 30.5px;
  left: 19px;
  width: 0.4375rem;
  height: 0.4375rem;
  background: #fff;
  border-radius: 50%;
  z-index: 2;
}
@media screen and (min-width: 1200px) {
  .sec_companyhistory__dot {
    top: 22.5px;
    left: auto;
    width: 1.5rem;
    height: 1.5rem;
  }
  .sec_companyhistory__item--right .sec_companyhistory__dot {
    left: -0.75rem;
  }
  .sec_companyhistory__item--left .sec_companyhistory__dot {
    right: -0.75rem;
    left: auto;
  }
}
.sec_companyhistory__connector {
  position: absolute;
  top: 2.0625rem;
  left: 1.5625rem;
  width: 20px;
  height: 1px;
  background: #c2c2c2;
}
@media screen and (min-width: 1200px) {
  .sec_companyhistory__connector {
    display: block;
    width: 4.0625rem;
    height: 1px;
    left: auto;
  }
  .sec_companyhistory__item--right .sec_companyhistory__connector {
    left: 0.5rem;
  }
  .sec_companyhistory__item--left .sec_companyhistory__connector {
    right: 0.5rem;
    left: auto;
  }
}
.sec_companyhistory__content {
  position: relative;
}
.sec_companyhistory__year {
  font-family: "Roboto", "Oswald", "M PLUS 2", sans-serif;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 0.5rem;
}
.sec_companyhistory__yearNum {
  font-size: 1.75rem;
  background: linear-gradient(90deg, #b7e4c0 0%, #73c0d4 50%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
@media screen and (min-width: 1200px) {
  .sec_companyhistory__yearNum {
    font-size: 3.5rem;
  }
}
.sec_companyhistory__yearUnit {
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-weight: 900;
  font-size: 0.875rem;
  background: linear-gradient(90deg, #b7e4c0 0%, #73c0d4 50%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
@media screen and (min-width: 1200px) {
  .sec_companyhistory__yearUnit {
    font-size: 1.75rem;
  }
}
.sec_companyhistory__desc {
  color: #31473f;
  font-size: 1rem;
  line-height: 2;
  letter-spacing: 0.05rem;
}
@media screen and (min-width: 1200px) {
  .sec_companyhistory__desc {
    font-size: 1rem;
  }
}

.sec_companydata {
  padding: 2.5rem 0.9375rem;
}
@media screen and (min-width: 1200px) {
  .sec_companydata {
    padding: 5rem 0 7.5rem;
    background: none;
  }
}
.sec_companydata__inner {
  max-width: 90rem;
  margin: 0 auto;
}
@media screen and (min-width: 1200px) {
  .sec_companydata__inner {
    padding: 0 10rem;
  }
}
.sec_companydata__header {
  margin-bottom: 1.875rem;
}
@media screen and (min-width: 1200px) {
  .sec_companydata__header {
    margin-bottom: 2.5rem;
  }
}
.sec_companydata__enTitle {
  font-family: "Roboto", "Oswald", "M PLUS 2", sans-serif;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  font-size: 2.5rem;
  color: #fff;
}
@media screen and (min-width: 1200px) {
  .sec_companydata__enTitle {
    font-size: 5.375rem;
  }
}
.sec_companydata__subTitle {
  margin-top: -0.625rem;
}
@media screen and (min-width: 1200px) {
  .sec_companydata__subTitle {
    margin-top: -1.25rem;
  }
}
.sec_companydata__subTitle img {
  display: block;
  width: 6.875rem;
  height: auto;
  transform: rotate(-2.37deg);
}
@media screen and (min-width: 1200px) {
  .sec_companydata__subTitle img {
    width: 14.375rem;
  }
}
.sec_companydata__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
}
@media screen and (min-width: 1200px) {
  .sec_companydata__grid {
    grid-template-columns: 1fr 1fr;
    gap: 0.625rem;
    align-items: start;
  }
}
@media screen and (min-width: 1200px) {
  .sec_companydata__imgWrap--wide {
    grid-column: 1/-1;
  }
}
@media screen and (min-width: 1200px) {
  .sec_companydata__imgWrap:nth-child(3) {
    margin-top: -4rem;
  }
}
.sec_companydata__imgRow {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
@media screen and (min-width: 1200px) {
  .sec_companydata__imgRow {
    display: contents;
  }
}
.sec_companydata__img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 1.25rem;
}
@media screen and (min-width: 1200px) {
  .sec_companydata__img {
    border-radius: 3.125rem;
  }
}
.sec_companydata__cardTitle {
  font-weight: 700;
  text-align: center;
  color: #283129;
  margin-bottom: 0.9375rem;
}
@media screen and (min-width: 1200px) {
  .sec_companydata__cardTitle {
    font-size: 2rem;
  }
}
.sec_companydata__cardBody {
  display: flex;
  align-items: center;
  justify-content: center;
}
.sec_companydata__cardBody--split {
  justify-content: center;
  gap: 0.625rem;
  flex-wrap: wrap;
}
@media screen and (min-width: 1200px) {
  .sec_companydata__cardBody--split {
    gap: 1.25rem;
  }
}
.sec_companydata__cardBody--center {
  flex-direction: row;
  align-items: baseline;
  justify-content: center;
  gap: 0.3125rem;
}
.sec_companydata__cardBody--age {
  flex-direction: column;
  gap: 0.9375rem;
}
@media screen and (min-width: 1200px) {
  .sec_companydata__cardBody--age {
    flex-direction: row;
    gap: 1.875rem;
  }
}
.sec_companydata__cardBody--chart {
  flex-direction: column;
}
.sec_companydata__stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.3125rem;
}
.sec_companydata__pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.3125rem 1.25rem;
  border-radius: 3.125rem;
  font-weight: 700;
  color: #283129;
  white-space: nowrap;
}
.sec_companydata__pill--blue {
  background: #73c0d4;
  color: #fff;
}
.sec_companydata__pill--green {
  background: #a1e0ad;
  color: #fff;
}
.sec_companydata__pill--red {
  background: #d17875;
  color: #fff;
}
.sec_companydata__pill--gold {
  background: #d3af75;
  color: #fff;
}
.sec_companydata__num {
  font-family: "Roboto", "Oswald", "M PLUS 2", sans-serif;
  font-weight: 700;
  line-height: 1;
  font-size: 4rem;
}
@media screen and (min-width: 1200px) {
  .sec_companydata__num {
    font-size: 6rem;
  }
}
.sec_companydata__num--md {
  font-size: 3rem;
}
@media screen and (min-width: 1200px) {
  .sec_companydata__num--md {
    font-size: 5.375rem;
  }
}
.sec_companydata__num--sm {
  font-size: 2.5rem;
}
@media screen and (min-width: 1200px) {
  .sec_companydata__num--sm {
    font-size: 4.125rem;
  }
}
.sec_companydata__num--blue {
  color: #73c0d4;
}
.sec_companydata__num--green {
  color: #a1e0ad;
}
.sec_companydata__num--red {
  color: #d17875;
}
.sec_companydata__num--gold {
  color: #d3af75;
}
.sec_companydata__unit {
  font-size: 0.6em;
}
.sec_companydata__numLg {
  font-family: "Roboto", "Oswald", "M PLUS 2", sans-serif;
  font-weight: 700;
  line-height: 1;
  font-size: 5rem;
}
@media screen and (min-width: 1200px) {
  .sec_companydata__numLg {
    font-size: 9.75rem;
  }
}
.sec_companydata__unitLg {
  font-weight: 700;
  font-size: 2.5rem;
}
@media screen and (min-width: 1200px) {
  .sec_companydata__unitLg {
    font-size: 4.5rem;
  }
}
.sec_companydata__iconGroup {
  display: flex;
  align-items: flex-end;
  gap: 0.3125rem;
}
.sec_companydata__icon {
  display: block;
  height: 5rem;
  width: auto;
}
.sec_companydata__icon--sm {
  height: 5rem;
}
.sec_companydata__icon--lg {
  height: 6.25rem;
}
@media screen and (min-width: 1200px) {
  .sec_companydata__icon {
    height: 7.5rem;
  }
  .sec_companydata__icon--sm {
    height: 8.8125rem;
  }
  .sec_companydata__icon--lg {
    height: 8.75rem;
  }
}
.sec_companydata__pieChart {
  display: block;
  width: 7.5rem;
  height: auto;
}
@media screen and (min-width: 1200px) {
  .sec_companydata__pieChart {
    width: 11.8125rem;
  }
}
.sec_companydata__ageList {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.625rem;
}
.sec_companydata__ageItem {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.1875rem;
}
.sec_companydata__chartWrap {
  display: flex;
  gap: 0.625rem;
  width: 100%;
}
.sec_companydata__chartYaxis {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  font-family: "Roboto", "Oswald", "M PLUS 2", sans-serif;
  font-weight: 500;
  color: #7a897c;
  font-size: 0.75rem;
  padding-bottom: 1.25rem;
}
@media screen and (min-width: 1200px) {
  .sec_companydata__chartYaxis {
    font-size: 0.875rem;
  }
}
.sec_companydata__chartArea {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.sec_companydata__bars {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  height: 12.5rem;
  border-left: 1px solid #c2c2c2;
  border-bottom: 1px solid #c2c2c2;
  padding: 0 0.3125rem;
}
@media screen and (min-width: 1200px) {
  .sec_companydata__bars {
    height: 21rem;
    padding: 0 0.625rem;
  }
}
.sec_companydata__bar {
  width: 0.75rem;
  background: #73c0d4;
  border-radius: 0.125rem 0.125rem 0 0;
}
@media screen and (min-width: 1200px) {
  .sec_companydata__bar {
    width: 0.625rem;
  }
}
.sec_companydata__bar--highlight {
  background: #a1e0ad;
}
.sec_companydata__chartXaxis {
  display: flex;
  justify-content: space-between;
  padding: 0.3125rem 0.3125rem 0;
  font-family: "Roboto", "Oswald", "M PLUS 2", sans-serif;
  font-weight: 500;
  color: #7a897c;
  font-size: 0.625rem;
}
@media screen and (min-width: 1200px) {
  .sec_companydata__chartXaxis {
    font-size: 0.875rem;
    padding: 0.5rem 0.625rem 0;
  }
}

.sec_companyprofile {
  padding: 3.75rem 1.25rem;
  background: #ededed;
}
@media screen and (min-width: 1200px) {
  .sec_companyprofile {
    padding: 5rem 0 7.5rem;
  }
}
.sec_companyprofile__inner {
  max-width: 90rem;
  margin: 0 auto;
}
@media screen and (min-width: 1200px) {
  .sec_companyprofile__inner {
    padding: 0 10rem;
  }
}
.sec_companyprofile__header {
  margin-bottom: 2.5rem;
}
.sec_companyprofile__enTitle {
  font-family: "Roboto", "Oswald", "M PLUS 2", sans-serif;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  font-size: 3rem;
  background: linear-gradient(90deg, #b7e4c0 0%, #73c0d4 50%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
@media screen and (min-width: 1200px) {
  .sec_companyprofile__enTitle {
    font-size: 5.375rem;
  }
}
.sec_companyprofile__subTitle {
  margin-top: -0.625rem;
}
@media screen and (min-width: 1200px) {
  .sec_companyprofile__subTitle {
    margin-top: -1.25rem;
  }
}
.sec_companyprofile__subTitle img {
  display: block;
  width: 6.25rem;
  height: auto;
  transform: rotate(-2.37deg);
}
@media screen and (min-width: 1200px) {
  .sec_companyprofile__subTitle img {
    width: 11.5rem;
  }
}
.sec_companyprofile__card {
  background: #f5f5f5;
  border-radius: 1.875rem;
  padding: 1.875rem 1.25rem;
}
@media screen and (min-width: 1200px) {
  .sec_companyprofile__card {
    border-radius: 3.125rem;
    padding: 3.75rem 5rem;
  }
}
.sec_companyprofile__table {
  width: 100%;
}
.sec_companyprofile__row {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1.25rem 0;
  border-bottom: 1px solid #c9c9c9;
}
@media screen and (min-width: 1200px) {
  .sec_companyprofile__row {
    flex-direction: row;
    align-items: flex-start;
    gap: 0;
  }
}
.sec_companyprofile__row--last {
  border-bottom: none;
}
.sec_companyprofile__row span {
  font-size: 0.625rem;
}
.sec_companyprofile__label {
  font-weight: 700;
  color: #31473f;
  white-space: nowrap;
}
@media screen and (min-width: 1200px) {
  .sec_companyprofile__label {
    width: 13.9375rem;
    min-width: 13.9375rem;
    flex-shrink: 0;
  }
}
.sec_companyprofile__value {
  color: #31473f;
  line-height: 1.8;
}
.sec_companyprofile__value a {
  text-decoration: underline;
  color: #31473f;
}

.sec_entry-archiveHero {
  position: relative;
  display: flex;
  align-items: flex-end;
  width: 100%;
  min-height: 17.5rem;
  padding: 5rem 1.25rem 3rem;
  background-image: var(--bg-image-003);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
}
@media screen and (min-width: 1200px) {
  .sec_entry-archiveHero {
    min-height: 26.25rem;
    padding: 7.5rem 10rem 5rem;
  }
}
.sec_entry-archiveHero__inner {
  position: relative;
  z-index: 1;
  width: 100%;
}
.sec_entry-archiveHero__title {
  font-family: "Roboto", "Oswald", "M PLUS 2", sans-serif;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  color: #fff;
  font-size: 3rem;
}
@media screen and (min-width: 1200px) {
  .sec_entry-archiveHero__title {
    font-size: 5.75rem;
  }
}
.sec_entry-archiveHero__subTitle {
  margin-top: -0.625rem;
}
@media screen and (min-width: 1200px) {
  .sec_entry-archiveHero__subTitle {
    margin-top: -0.9375rem;
  }
}
.sec_entry-archiveHero__subTitle img {
  display: block;
  width: 6.25rem;
  height: auto;
  transform: rotate(-2.37deg);
}
@media screen and (min-width: 1200px) {
  .sec_entry-archiveHero__subTitle img {
    width: 11.5rem;
  }
}

.sec_entry-archiveNav {
  position: relative;
  padding: 1.5rem 1.25rem;
  background: #ededed;
}
@media screen and (min-width: 1200px) {
  .sec_entry-archiveNav {
    padding: 6.25rem 0;
  }
}
.sec_entry-archiveNav__inner {
  max-width: 90rem;
  margin: 0 auto;
}
@media screen and (min-width: 1200px) {
  .sec_entry-archiveNav__inner {
    padding: 0 10rem;
  }
}
.sec_entry-archiveNav__bar {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
  padding: 1.25rem;
  background-color: #f5f5f5;
  background-image: radial-gradient(circle, #dcdcdc 0.04375rem, transparent 0.04375rem);
  background-size: 0.9375rem 0.9375rem;
  border-radius: 1.875rem;
}
@media screen and (min-width: 1200px) {
  .sec_entry-archiveNav__bar {
    grid-template-columns: repeat(3, 1fr);
    gap: 2.9375rem;
    padding: 3.125rem 3.125rem;
    border-radius: 3.125rem;
    background-size: 1.875rem 1.875rem;
    background-image: radial-gradient(circle, #dcdcdc 0.0875rem, transparent 0.0875rem);
  }
}
.sec_entry-archiveNav__link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  padding: 0.3125rem 1.25rem;
  border: 1px solid #31473f;
  border-radius: 3.125rem;
  background: transparent;
  text-decoration: none;
  font-weight: 700;
  color: #283129;
  white-space: nowrap;
  transition: background 0.3s ease;
}
.sec_entry-archiveNav__link:nth-child(3) {
  grid-column: 1/-1;
  justify-self: center;
  width: calc(50% - 0.375rem);
}
@media screen and (min-width: 1200px) {
  .sec_entry-archiveNav__link {
    padding: 0.625rem 2.5rem;
  }
  .sec_entry-archiveNav__link:nth-child(3) {
    grid-column: auto;
    justify-self: auto;
    width: auto;
  }
}
.sec_entry-archiveNav__link:hover {
  background: rgba(192, 255, 194, 0.3);
}
.sec_entry-archiveNav__link span {
  white-space: nowrap;
}
.sec_entry-archiveNav__arrow {
  display: inline-block;
  width: 0.9375rem;
  height: 0.3125rem;
  transform: rotate(90deg);
  transition: transform 0.3s ease;
}
.sec_entry-archiveNav__link:hover .sec_entry-archiveNav__arrow {
  transform: rotate(90deg) translateX(0.3125rem);
}

.sec_entryRecruitment {
  padding: 3.75rem 1.25rem;
}
@media screen and (min-width: 1200px) {
  .sec_entryRecruitment {
    padding: 5rem 0 6.25rem;
  }
}
.sec_entryRecruitment__inner {
  max-width: 90rem;
  margin: 0 auto;
}
@media screen and (min-width: 1200px) {
  .sec_entryRecruitment__inner {
    padding: 0 10rem;
  }
}
.sec_entryRecruitment__header {
  margin-bottom: 1.875rem;
}
@media screen and (min-width: 1200px) {
  .sec_entryRecruitment__header {
    margin-bottom: 2.5rem;
  }
}
.sec_entryRecruitment__enTitle {
  font-family: "Roboto", "Oswald", "M PLUS 2", sans-serif;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  color: #fff;
  font-size: 3rem;
}
@media screen and (min-width: 1200px) {
  .sec_entryRecruitment__enTitle {
    font-size: 5.375rem;
  }
}
.sec_entryRecruitment__subTitle {
  margin-top: -0.625rem;
}
@media screen and (min-width: 1200px) {
  .sec_entryRecruitment__subTitle {
    margin-top: -1.25rem;
  }
}
.sec_entryRecruitment__subTitle img {
  display: block;
  width: 6.25rem;
  height: auto;
  transform: rotate(-2.37deg);
}
@media screen and (min-width: 1200px) {
  .sec_entryRecruitment__subTitle img {
    width: 11.4375rem;
  }
}
.sec_entryRecruitment__list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media screen and (min-width: 1200px) {
  .sec_entryRecruitment__list {
    gap: 1.125rem;
  }
}
.sec_entryRecruitment__accordion {
  background: #fff;
  border-radius: 0.9375rem;
  overflow: hidden;
}
@media screen and (min-width: 1200px) {
  .sec_entryRecruitment__accordion {
    border-radius: 1.25rem;
  }
}
.sec_entryRecruitment__accordionHeader {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 1rem 1.25rem;
  background: none;
  border: none;
  cursor: pointer;
  transition: background 0.3s ease;
}
@media screen and (min-width: 1200px) {
  .sec_entryRecruitment__accordionHeader {
    padding: 1.25rem 2.5rem;
  }
}
.sec_entryRecruitment__accordionHeader:hover {
  background: rgba(192, 255, 194, 0.15);
}
.sec_entryRecruitment__accordionTitle {
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-weight: 700;
  color: #283129;
  font-size: 1.125rem;
  text-align: center;
}
@media screen and (min-width: 1200px) {
  .sec_entryRecruitment__accordionTitle {
    font-size: 1.5rem;
  }
}
.sec_entryRecruitment__accordionIcon {
  position: absolute;
  right: 1.25rem;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  border: none;
  background: linear-gradient(135deg, #b7e4c0 0%, #73c0d4 100%);
  flex-shrink: 0;
  transition: transform 0.3s ease;
}
@media screen and (min-width: 1200px) {
  .sec_entryRecruitment__accordionIcon {
    right: 2.5rem;
    width: 3.5rem;
    height: 3.5rem;
  }
}
.sec_entryRecruitment__accordionIcon::before, .sec_entryRecruitment__accordionIcon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  background: #fff;
  border-radius: 0.0625rem;
}
.sec_entryRecruitment__accordionIcon::before {
  width: 0.875rem;
  height: 0.125rem;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 1200px) {
  .sec_entryRecruitment__accordionIcon::before {
    width: 1.25rem;
  }
}
.sec_entryRecruitment__accordionIcon::after {
  width: 0.125rem;
  height: 0.875rem;
  transform: translate(-50%, -50%);
  transition: opacity 0.3s ease;
}
@media screen and (min-width: 1200px) {
  .sec_entryRecruitment__accordionIcon::after {
    height: 1.25rem;
  }
}
.is-open .sec_entryRecruitment__accordionIcon::after {
  opacity: 0;
}
.sec_entryRecruitment__accordionHeader {
  position: relative;
}
.sec_entryRecruitment__accordionBody {
  overflow: hidden;
}
.sec_entryRecruitment__table {
  margin: 0;
  padding: 0.625rem 1.25rem 1.875rem;
}
@media screen and (min-width: 1200px) {
  .sec_entryRecruitment__table {
    padding: 0.625rem 6.5625rem 3.125rem;
  }
}
.sec_entryRecruitment__row {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1rem 0;
  border-bottom: 1px solid #c9c9c9;
}
@media screen and (min-width: 1200px) {
  .sec_entryRecruitment__row {
    flex-direction: row;
    align-items: flex-start;
    gap: 0;
    padding: 1.25rem 0;
  }
}
.sec_entryRecruitment__row:first-child {
  border-top: 1px solid #c9c9c9;
}
.sec_entryRecruitment__label {
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-weight: 700;
  color: #31473f;
  font-size: 0.9375rem;
  flex-shrink: 0;
}
@media screen and (min-width: 1200px) {
  .sec_entryRecruitment__label {
    width: 13.9375rem;
    font-size: 1.125rem;
  }
}
.sec_entryRecruitment__value {
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-weight: 500;
  color: #31473f;
  font-size: 0.875rem;
  line-height: 1.8;
  margin: 0;
}
@media screen and (min-width: 1200px) {
  .sec_entryRecruitment__value {
    flex: 1;
    font-size: 1rem;
  }
}
.sec_entryRecruitment__applyBtn {
  display: flex;
  justify-content: center;
  padding: 0.625rem 1.25rem 1.25rem;
}
@media screen and (min-width: 1200px) {
  .sec_entryRecruitment__applyBtn {
    padding: 0.625rem 6.5625rem 1.875rem;
    justify-content: center;
  }
}
.sec_entryRecruitment__applyBtn a {
  display: inline-flex;
  align-items: center;
  gap: 0.9375rem;
  padding: 0.875rem 3.125rem;
  background: linear-gradient(101.08deg, #c0ffc2 0%, #c0eeff 100%);
  border: none;
  border-radius: 6.25rem;
  box-shadow: 0.25rem 0.25rem 0 0 #73c0d4;
  text-decoration: none;
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 1.125rem;
  color: #283129;
  transition: all 0.3s ease;
}
@media screen and (min-width: 1200px) {
  .sec_entryRecruitment__applyBtn a {
    padding: 0.625rem 3.125rem;
  }
}
.sec_entryRecruitment__applyBtn a img {
  width: 1.75rem;
  height: auto;
  transition: transform 0.3s ease;
}
.sec_entryRecruitment__applyBtn a:hover {
  transform: translate(0.125rem, 0.125rem);
  box-shadow: 0.125rem 0.125rem 0 0 #73c0d4;
}
.sec_entryRecruitment__applyBtn a:hover img {
  transform: translateX(0.3125rem);
}

.sec_entryFaq {
  padding: 3.75rem 1.25rem;
  background: #ededed;
}
@media screen and (min-width: 1200px) {
  .sec_entryFaq {
    padding: 5rem 0 7.5rem;
  }
}
.sec_entryFaq__inner {
  max-width: 90rem;
  margin: 0 auto;
}
@media screen and (min-width: 1200px) {
  .sec_entryFaq__inner {
    padding: 0 10rem;
  }
}
.sec_entryFaq__header {
  margin-bottom: 1.875rem;
}
@media screen and (min-width: 1200px) {
  .sec_entryFaq__header {
    margin-bottom: 2.5rem;
  }
}
.sec_entryFaq__enTitle {
  font-family: "Roboto", "Oswald", "M PLUS 2", sans-serif;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  font-size: 3rem;
  background: linear-gradient(90deg, #b7e4c0 0%, #73c0d4 20%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
@media screen and (min-width: 1200px) {
  .sec_entryFaq__enTitle {
    font-size: 5.375rem;
  }
}
.sec_entryFaq__subTitle {
  margin-top: -0.875rem;
}
@media screen and (min-width: 1200px) {
  .sec_entryFaq__subTitle {
    margin-top: -1.875rem;
  }
}
.sec_entryFaq__subTitle img {
  display: block;
  width: 9.375rem;
  height: auto;
  transform: rotate(-2.37deg);
}
@media screen and (min-width: 1200px) {
  .sec_entryFaq__subTitle img {
    width: 16.0625rem;
  }
}
.sec_entryFaq__list {
  display: flex;
  flex-direction: column;
  gap: 0.8125rem;
}
.sec_entryFaq__item {
  background: #fff;
  border-radius: 0.9375rem;
  overflow: hidden;
}
@media screen and (min-width: 1200px) {
  .sec_entryFaq__item {
    border-radius: 1.25rem;
  }
}
.sec_entryFaq__question {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
  padding: 1rem 3.75rem 1rem 1rem;
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
  transition: background 0.3s ease;
}
@media screen and (min-width: 1200px) {
  .sec_entryFaq__question {
    gap: 1.25rem;
    padding: 1.25rem 5rem 1.25rem 1.6875rem;
  }
}
.sec_entryFaq__question:hover {
  background: rgba(192, 255, 194, 0.1);
}
.sec_entryFaq__qMark, .sec_entryFaq__aMark {
  font-family: "Roboto", "Oswald", "M PLUS 2", sans-serif;
  font-weight: 700;
  line-height: 1;
  font-size: 2.8125rem;
  background: linear-gradient(90deg, #b7e4c0 0%, #73c0d4 50%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  flex-shrink: 0;
}
@media screen and (min-width: 1200px) {
  .sec_entryFaq__qMark, .sec_entryFaq__aMark {
    font-size: 2.875rem;
  }
}
.sec_entryFaq__qText {
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-weight: 700;
  color: #283129;
  font-size: 0.9375rem;
  line-height: 1.6;
}
@media screen and (min-width: 1200px) {
  .sec_entryFaq__qText {
    font-size: 1.25rem;
  }
}
.sec_entryFaq__icon {
  position: absolute;
  right: 1rem;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  border: none;
  background: linear-gradient(135deg, #b7e4c0 0%, #73c0d4 100%);
  flex-shrink: 0;
}
@media screen and (min-width: 1200px) {
  .sec_entryFaq__icon {
    right: 1.6875rem;
    width: 3.5rem;
    height: 3.5rem;
  }
}
.sec_entryFaq__icon::before, .sec_entryFaq__icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  background: #fff;
  border-radius: 0.0625rem;
}
.sec_entryFaq__icon::before {
  width: 0.875rem;
  height: 0.125rem;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 1200px) {
  .sec_entryFaq__icon::before {
    width: 1.25rem;
  }
}
.sec_entryFaq__icon::after {
  width: 0.125rem;
  height: 0.875rem;
  transform: translate(-50%, -50%);
  transition: opacity 0.3s ease;
}
@media screen and (min-width: 1200px) {
  .sec_entryFaq__icon::after {
    height: 1.25rem;
  }
}
.is-open .sec_entryFaq__icon::after {
  opacity: 0;
}
.sec_entryFaq__answer {
  overflow: hidden;
}
.sec_entryFaq__answerInner {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0 1rem 1.25rem;
  border-top: 1px solid #c9c9c9;
  margin: 0 0rem;
}
@media screen and (min-width: 1200px) {
  .sec_entryFaq__answerInner {
    gap: 1.25rem;
    padding: 0 1.6875rem 1.875rem;
  }
}
.sec_entryFaq__aMark {
  padding-top: 0.75rem;
}
@media screen and (min-width: 1200px) {
  .sec_entryFaq__aMark {
    padding-top: 1rem;
  }
}
.sec_entryFaq__aText {
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-weight: 500;
  color: #31473f;
  font-size: 0.875rem;
  line-height: 2;
  letter-spacing: 0.05rem;
  margin: 0;
  padding-top: 1rem;
}
@media screen and (min-width: 1200px) {
  .sec_entryFaq__aText {
    font-size: 1rem;
    padding-top: 1.375rem;
  }
}

.sec_global_singleentry {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 12.5rem;
  padding: 3.75rem 1.25rem;
  overflow: hidden;
}
@media screen and (min-width: 1200px) {
  .sec_global_singleentry {
    min-height: 18.75rem;
    padding: 5rem 2.5rem;
  }
}
.sec_global_singleentry__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.sec_global_singleentry__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.sec_global_singleentry__inner {
  position: relative;
  z-index: 1;
  text-align: center;
}
.sec_global_singleentry__link {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0.625rem 3.125rem;
  background: #fff;
  border-radius: 6.25rem;
  text-decoration: none;
  transition: all 0.3s ease;
}
@media screen and (min-width: 1200px) {
  .sec_global_singleentry__link {
    padding: 0.625rem 5rem;
    height: 3.75rem;
  }
}
.sec_global_singleentry__link:hover {
  transform: scale(1.05);
  box-shadow: 0 0.625rem 1.875rem rgba(0, 0, 0, 0.15);
}
.sec_global_singleentry__linkText {
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-weight: 700;
  color: #283129;
  font-size: 1.125rem;
  white-space: nowrap;
}
@media screen and (min-width: 1200px) {
  .sec_global_singleentry__linkText {
    font-size: 1.5rem;
  }
}
.sec_global_singleentry__linkArrow {
  display: inline-block;
  width: 1.5rem;
  height: auto;
  transition: transform 0.3s ease;
}
@media screen and (min-width: 1200px) {
  .sec_global_singleentry__linkArrow {
    width: 1.875rem;
  }
}
.sec_global_singleentry__link:hover .sec_global_singleentry__linkArrow {
  transform: translateX(0.3125rem);
}

.sec_entry {
  padding: 9.375rem 1.25rem 3.75rem;
  background: #ededed;
}
@media screen and (min-width: 768px) {
  .sec_entry {
    padding: 3.75rem 2.5rem 5rem;
  }
}
@media screen and (min-width: 1200px) {
  .sec_entry {
    padding: 12.5rem 0 6.25rem;
  }
}
.sec_entry__inner {
  max-width: 90rem;
  margin: 0 auto;
}
@media screen and (min-width: 1200px) {
  .sec_entry__inner {
    padding: 0 10rem;
  }
}
.sec_entry__header {
  margin-bottom: 1.875rem;
}
@media screen and (min-width: 1200px) {
  .sec_entry__header {
    margin-bottom: 2.5rem;
  }
}
.sec_entry__enTitle {
  font-family: "Roboto", "Oswald", "M PLUS 2", sans-serif;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  font-size: 2.875rem;
  background: linear-gradient(90deg, #b7e4c0 0%, #73c0d4 50%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
@media screen and (min-width: 768px) {
  .sec_entry__enTitle {
    font-size: 4rem;
  }
}
@media screen and (min-width: 1200px) {
  .sec_entry__enTitle {
    font-size: 5.75rem;
  }
}
.sec_entry__subTitle {
  margin-top: 0rem;
}
@media screen and (min-width: 1200px) {
  .sec_entry__subTitle {
    margin-top: -1.875rem;
  }
}
.sec_entry__subTitle img {
  display: block;
  width: 8.3125rem;
  height: auto;
  transform: rotate(-2.37deg);
}
@media screen and (min-width: 768px) {
  .sec_entry__subTitle img {
    width: 12.5rem;
  }
}
@media screen and (min-width: 1200px) {
  .sec_entry__subTitle img {
    width: 16.5625rem;
  }
}
.sec_entry__description {
  margin-bottom: 1.875rem;
}
@media screen and (min-width: 768px) {
  .sec_entry__description {
    margin-bottom: 2.1875rem;
  }
}
@media screen and (min-width: 1200px) {
  .sec_entry__description {
    max-width: 60rem;
    margin-bottom: 2.5rem;
    margin: 100px auto 50px auto;
  }
}
.sec_entry__description p {
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-weight: 500;
  color: #31473f;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0.05rem;
  margin: 0;
}
.sec_entry__formWrap {
  background: #fff;
  border-radius: 1.875rem;
  padding: 1.875rem 1.25rem;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .sec_entry__formWrap {
    max-width: 42.5rem;
    margin: 0 auto;
    padding: 2.5rem 2.5rem;
    border-radius: 2.5rem;
  }
}
@media screen and (min-width: 1200px) {
  .sec_entry__formWrap {
    max-width: 60rem;
    margin: 0 auto;
    padding: 3.75rem 7.5rem;
    border-radius: 3.125rem;
  }
}
.sec_entry__formGroup {
  margin-bottom: 1.25rem;
}
.sec_entry__label {
  display: block;
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-weight: 700;
  color: #283129;
  font-size: 1.25rem;
  margin-bottom: 0.625rem;
}
.sec_entry__required {
  color: #ce0003;
  margin-left: 0.125rem;
}
.sec_entry__input, .sec_entry__textarea {
  display: block;
  width: 100%;
  padding: 0.625rem 1rem;
  background: #f5f5f5;
  border: 1px solid #c9c9c9;
  border-radius: 0.625rem;
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-size: 1rem;
  color: #283129;
  outline: none;
  transition: border-color 0.3s ease;
}
.sec_entry__input:focus, .sec_entry__textarea:focus {
  border-color: #73c0d4;
}
.sec_entry__input {
  height: 3rem;
}
.sec_entry__textarea {
  min-height: 9.5625rem;
  resize: vertical;
}
.sec_entry__agree {
  margin-top: 1.875rem;
  text-align: center;
}
.sec_entry__agreeLabel {
  display: inline-flex;
  align-items: center;
  gap: 0.3125rem;
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-weight: 700;
  color: #283129;
  font-size: 0.875rem;
  cursor: pointer;
}
@media screen and (min-width: 1200px) {
  .sec_entry__agreeLabel {
    font-size: 1rem;
  }
}
.sec_entry__agreeCheckbox {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  width: 1.625rem;
  height: 1.625rem;
  border: 1px solid #c9c9c9;
  border-radius: 0.25rem;
  background: #fff;
  cursor: pointer;
  flex-shrink: 0;
  position: relative;
}
.sec_entry__agreeCheckbox:checked {
  background: #31473f;
  border-color: #31473f;
}
.sec_entry__agreeCheckbox:checked::after {
  content: "";
  position: absolute;
  top: 45%;
  left: 50%;
  width: 0.5rem;
  height: 0.875rem;
  border: solid #fff;
  border-width: 0 0.15625rem 0.15625rem 0;
  transform: translate(-50%, -50%) rotate(45deg);
}
.sec_entry__privacyLink {
  color: #283129;
  text-decoration: underline;
  font-size: 1.0625rem;
}
@media screen and (min-width: 1200px) {
  .sec_entry__privacyLink {
    font-size: 1.25rem;
  }
}
.sec_entry__submit {
  margin-top: 1.25rem;
  text-align: center;
}
@media screen and (min-width: 1200px) {
  .sec_entry__submit {
    margin-top: 1.875rem;
  }
}
.sec_entry__submitBtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0.625rem 3.125rem;
  background: linear-gradient(101.08deg, #c0ffc2 0%, #c0eeff 100%);
  border: none;
  border-radius: 6.25rem;
  box-shadow: 0.25rem 0.25rem 0 0 #73c0d4;
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-weight: 700;
  color: #283129;
  font-size: 2rem;
  cursor: pointer;
  transition: all 0.3s ease;
}
@media screen and (min-width: 768px) {
  .sec_entry__submitBtn {
    width: auto;
    min-width: 18.75rem;
  }
}
@media screen and (min-width: 1200px) {
  .sec_entry__submitBtn {
    min-width: 18.8125rem;
  }
}
.sec_entry__submitBtn:hover {
  transform: translate(0.125rem, 0.125rem);
  box-shadow: 0.125rem 0.125rem 0 0 #73c0d4;
}
.sec_entry__submitBtn:active {
  transform: translate(0.25rem, 0.25rem);
  box-shadow: none;
}
.sec_entry .wpcf7 .wpcf7-form {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.sec_entry .wpcf7 .wpcf7-form-control-wrap {
  display: block;
  max-width: 100%;
  overflow: hidden;
}
.sec_entry .wpcf7 label {
  display: block;
  max-width: 100%;
  overflow: hidden;
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-weight: 700;
  color: #283129;
  font-size: 1.125rem;
  margin-bottom: 0.625rem;
}
@media screen and (min-width: 1200px) {
  .sec_entry .wpcf7 label {
    font-size: 1.25rem;
  }
}
.sec_entry .wpcf7 .wpcf7-form .required {
  color: #ce0003;
}
.sec_entry .wpcf7 .wpcf7-form-control:not(.wpcf7-submit):not(.wpcf7-acceptance) {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0.625rem 1rem;
  background: #f5f5f5;
  border: 1px solid #c9c9c9;
  border-radius: 0.625rem;
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-size: 1rem;
  color: #283129;
  outline: none;
  box-sizing: border-box;
  transition: border-color 0.3s ease;
}
.sec_entry .wpcf7 .wpcf7-form-control:not(.wpcf7-submit):not(.wpcf7-acceptance):focus {
  border-color: #73c0d4;
}
.sec_entry .wpcf7 input.wpcf7-form-control[type=text],
.sec_entry .wpcf7 input.wpcf7-form-control[type=email],
.sec_entry .wpcf7 input.wpcf7-form-control[type=tel],
.sec_entry .wpcf7 input.wpcf7-form-control[type=date] {
  height: 3rem;
}
.sec_entry .wpcf7 input.wpcf7-form-control[type=date] {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  text-align: left;
  max-width: 100%;
  min-width: 0;
  width: 100% !important;
}
.sec_entry .wpcf7 textarea.wpcf7-form-control {
  min-height: 9.5625rem;
  resize: vertical;
}
.sec_entry .wpcf7 .wpcf7-acceptance {
  text-align: center;
  padding: 0 0.3125rem;
}
.sec_entry .wpcf7 .wpcf7-acceptance .wpcf7-list-item {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-weight: 700;
  color: #283129;
  margin: 0;
}
.sec_entry .wpcf7 .wpcf7-acceptance .wpcf7-list-item .wpcf7-list-item-label {
  font-size: 1.0625rem;
}
@media screen and (min-width: 1200px) {
  .sec_entry .wpcf7 .wpcf7-acceptance .wpcf7-list-item .wpcf7-list-item-label {
    font-size: 1.25rem;
  }
}
.sec_entry .wpcf7 .wpcf7-acceptance .wpcf7-list-item input[type=checkbox] {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  width: 1.25rem;
  height: 1.25rem;
  border: 1px solid #c9c9c9;
  border-radius: 0.25rem;
  background: #fff;
  cursor: pointer;
  position: relative;
  flex-shrink: 0;
  margin: 0;
}
.sec_entry .wpcf7 .wpcf7-acceptance .wpcf7-list-item input[type=checkbox]:checked {
  background: #31473f;
  border-color: #31473f;
}
.sec_entry .wpcf7 .wpcf7-acceptance .wpcf7-list-item input[type=checkbox]:checked::after {
  content: "";
  position: absolute;
  top: 45%;
  left: 50%;
  width: 0.5rem;
  height: 0.875rem;
  border: solid #fff;
  border-width: 0 0.15625rem 0.15625rem 0;
  transform: translate(-50%, -50%) rotate(45deg);
}
.sec_entry .wpcf7 .wpcf7-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0.625rem 3.125rem;
  background: linear-gradient(101.08deg, #c0ffc2 0%, #c0eeff 100%);
  border: none;
  border-radius: 6.25rem;
  box-shadow: 0.25rem 0.25rem 0 0 #73c0d4;
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-weight: 700;
  color: #283129;
  font-size: 2rem;
  cursor: pointer;
  transition: all 0.3s ease;
}
@media screen and (min-width: 768px) {
  .sec_entry .wpcf7 .wpcf7-submit {
    width: auto;
    min-width: 18.75rem;
  }
}
@media screen and (min-width: 1200px) {
  .sec_entry .wpcf7 .wpcf7-submit {
    min-width: 18.8125rem;
  }
}
.sec_entry .wpcf7 .wpcf7-submit:hover {
  transform: translate(0.125rem, 0.125rem);
  box-shadow: 0.125rem 0.125rem 0 0 #73c0d4;
}
.sec_entry .wpcf7 p:last-of-type {
  text-align: center;
}
.sec_entry .wpcf7 .wpcf7-not-valid-tip {
  display: block;
  color: #ce0003;
  font-size: 0.8125rem;
  margin-top: 0.3125rem;
}
.sec_entry .wpcf7 .wpcf7-acceptance .wpcf7-not-valid-tip {
  text-align: center;
  margin-top: 0.625rem;
}
.sec_entry .wpcf7 .wpcf7-response-output {
  text-align: center;
  padding: 0.9375rem;
  margin-top: 1.25rem;
  color: #ce0003;
  border: none !important;
  font-size: 0.875rem;
}

.sec_environmenthero {
  position: relative;
  display: flex;
  align-items: flex-end;
  width: 100%;
  min-height: 17.5rem;
  padding: 5rem 1.25rem 3rem;
  background-image: var(--bg-image-003);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
}
@media screen and (min-width: 1200px) {
  .sec_environmenthero {
    min-height: 26.25rem;
    padding: 7.5rem 10rem 5rem;
  }
}
.sec_environmenthero__inner {
  position: relative;
  z-index: 1;
  width: 100%;
}
.sec_environmenthero__title {
  font-family: "Roboto", "Oswald", "M PLUS 2", sans-serif;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  color: #fff;
  font-size: 3rem;
  opacity: 0;
  transform: translateY(-20px);
}
@media screen and (min-width: 1200px) {
  .sec_environmenthero__title {
    font-size: 5.625rem;
  }
}
.sec_environmenthero__subtitle {
  margin-top: -0.75rem;
}
@media screen and (min-width: 1200px) {
  .sec_environmenthero__subtitle {
    margin-top: -1.5625rem;
  }
}
.sec_environmenthero__subtitleImg {
  display: block;
  width: 10rem;
  height: auto;
  transform: rotate(-2.37deg) translateY(20px);
  opacity: 0;
}
@media screen and (min-width: 1200px) {
  .sec_environmenthero__subtitleImg {
    width: 20rem;
  }
}

.sec_environmentnav {
  position: relative;
  padding: 1.5rem 1.25rem;
  background: #ededed;
}
@media screen and (min-width: 1200px) {
  .sec_environmentnav {
    padding: 6.25rem 0;
  }
}
.sec_environmentnav__inner {
  max-width: 90rem;
  margin: 0 auto;
}
@media screen and (min-width: 1200px) {
  .sec_environmentnav__inner {
    padding: 0 10rem;
  }
}
.sec_environmentnav__bar {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
  padding: 1.25rem;
  background-color: #f5f5f5;
  background-image: radial-gradient(circle, #dcdcdc 0.04375rem, transparent 0.04375rem);
  background-size: 0.9375rem 0.9375rem;
  border-radius: 1.875rem;
}
@media screen and (min-width: 1200px) {
  .sec_environmentnav__bar {
    grid-template-columns: repeat(2, auto);
    justify-content: center;
    gap: 2.9375rem;
    padding: 3.125rem 3.125rem;
    border-radius: 3.125rem;
    background-size: 1.875rem 1.875rem;
    background-image: radial-gradient(circle, #dcdcdc 0.0875rem, transparent 0.0875rem);
  }
}
.sec_environmentnav__link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  padding: 0.3125rem 1.25rem;
  border: 1px solid #31473f;
  border-radius: 3.125rem;
  background: transparent;
  text-decoration: none;
  font-weight: 700;
  color: #283129;
  white-space: nowrap;
  transition: background 0.3s ease;
}
@media screen and (min-width: 1200px) {
  .sec_environmentnav__link {
    padding: 0.625rem 1.25rem;
  }
}
.sec_environmentnav__link:nth-child(3) {
  grid-column: 1/-1;
  justify-self: center;
  width: calc(50% - 0.375rem);
}
@media screen and (min-width: 1200px) {
  .sec_environmentnav__link {
    padding: 0.625rem 2.5rem;
    min-width: 15rem;
  }
  .sec_environmentnav__link:nth-child(3) {
    grid-column: auto;
    justify-self: auto;
    width: auto;
  }
}
.sec_environmentnav__link:hover {
  background: rgba(192, 255, 194, 0.3);
}
.sec_environmentnav__link span {
  white-space: nowrap;
}
.sec_environmentnav__arrow {
  display: inline-block;
  width: 0.9375rem;
  height: 0.3125rem;
  transform: rotate(90deg);
  transition: transform 0.3s ease;
}
.sec_environmentnav__link:hover .sec_environmentnav__arrow {
  transform: rotate(90deg) translateX(0.3125rem);
}

.sec_environmentsystem {
  padding: 3.75rem 1.25rem;
}
@media screen and (min-width: 1200px) {
  .sec_environmentsystem {
    padding: 5rem 0 6.25rem;
  }
}
.sec_environmentsystem__inner {
  max-width: 75rem;
  margin: 0 auto;
}
.sec_environmentsystem__header {
  margin-bottom: 2.5rem;
  text-align: left;
}
@media screen and (min-width: 1200px) {
  .sec_environmentsystem__header {
    margin-bottom: 3.75rem;
  }
}
.sec_environmentsystem__enTitle {
  font-family: "Roboto", "Oswald", "M PLUS 2", sans-serif;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  color: #fff;
  font-size: 3rem;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 1200px) {
  .sec_environmentsystem__enTitle {
    font-size: 5.375rem;
  }
}
.sec_environmentsystem__subTitle {
  margin-top: -0.625rem;
}
@media screen and (min-width: 1200px) {
  .sec_environmentsystem__subTitle {
    margin-top: -1.5625rem;
  }
}
.sec_environmentsystem__subTitle img {
  display: block;
  width: 7.1875rem;
  height: auto;
  transform: rotate(-2.37deg);
  filter: brightness(0.2);
}
@media screen and (min-width: 1200px) {
  .sec_environmentsystem__subTitle img {
    width: 12.5rem;
  }
}
.sec_environmentsystem__flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.9375rem;
}
@media screen and (min-width: 1200px) {
  .sec_environmentsystem__flex {
    gap: 1.5rem;
  }
}
.sec_environmentsystem__item {
  width: calc(50% - 0.5rem);
}
.sec_environmentsystem__item:last-child {
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .sec_environmentsystem__item {
    width: calc(25% - 1.125rem);
  }
  .sec_environmentsystem__item:nth-child(n+5) {
    width: calc(33.333% - 1rem);
  }
  .sec_environmentsystem__item:last-child {
    width: calc(33.333% - 1rem);
  }
}
.sec_environmentsystem__item img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 1.25rem;
  transition: transform 0.3s ease;
}
@media screen and (min-width: 1200px) {
  .sec_environmentsystem__item img {
    border-radius: 1.875rem;
  }
}

.sec_environmentoffice {
  padding: 2.5rem 0 3.125rem;
  background: #ededed;
  overflow: hidden;
}
@media screen and (min-width: 1200px) {
  .sec_environmentoffice {
    padding: 6.25rem 0 7.5rem;
  }
}
.sec_environmentoffice__inner {
  max-width: 90rem;
  margin: 0 auto;
}
.sec_environmentoffice__header {
  margin-bottom: 1.25rem;
  padding: 0 1.25rem;
}
@media screen and (min-width: 1200px) {
  .sec_environmentoffice__header {
    margin-bottom: 2.5rem;
    padding: 0 10rem;
  }
}
.sec_environmentoffice__enTitle {
  font-family: "Roboto", "Oswald", "M PLUS 2", sans-serif;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  font-size: 2.375rem;
  background: linear-gradient(90deg, #b7e4c0 0%, #73c0d4 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
@media screen and (min-width: 1200px) {
  .sec_environmentoffice__enTitle {
    font-size: 5.375rem;
  }
}
.sec_environmentoffice__subTitle {
  margin-top: -0.625rem;
}
@media screen and (min-width: 1200px) {
  .sec_environmentoffice__subTitle {
    margin-top: -0.9375rem;
  }
}
.sec_environmentoffice__subTitle img {
  display: block;
  width: 8.125rem;
  height: auto;
  transform: rotate(-2.37deg);
}
@media screen and (min-width: 1200px) {
  .sec_environmentoffice__subTitle img {
    width: 18.125rem;
  }
}
.sec_environmentoffice__sliderContainer {
  position: relative;
}
.sec_environmentoffice__sliderContainer::before {
  content: none;
}
@media screen and (min-width: 1200px) {
  .sec_environmentoffice__sliderContainer::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10rem;
    right: calc((100vw - 90rem) / -2);
    background-color: #f5f5f5;
    background-image: radial-gradient(circle, #dcdcdc 0.09375rem, transparent 0.09375rem);
    background-size: 1.875rem 1.875rem;
    border-radius: 3.125rem 0 0 3.125rem;
    z-index: 0;
  }
}
.sec_environmentoffice__slider {
  position: relative;
  z-index: 1;
  overflow: visible;
  padding: 1.25rem 0 1.875rem;
}
@media screen and (min-width: 1200px) {
  .sec_environmentoffice__slider {
    padding: 3.75rem 0;
  }
}
.sec_environmentoffice__track {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  transition: transform 0.5s ease;
}
@media screen and (min-width: 1200px) {
  .sec_environmentoffice__track {
    gap: 1.875rem;
  }
}
.sec_environmentoffice__item {
  flex: 0 0 13.75rem;
}
@media screen and (min-width: 1200px) {
  .sec_environmentoffice__item {
    flex: 0 0 33.75rem;
  }
}
.sec_environmentoffice__item:nth-child(even) {
  margin-top: 1.875rem;
}
@media screen and (min-width: 1200px) {
  .sec_environmentoffice__item:nth-child(even) {
    margin-top: 3.75rem;
  }
}
.sec_environmentoffice__card {
  padding: 0.5rem;
  background: linear-gradient(135deg, #b7e4c0 0%, #73c0d4 100%);
  border-radius: 1.25rem;
}
@media screen and (min-width: 1200px) {
  .sec_environmentoffice__card {
    padding: 0.9375rem;
    border-radius: 3.125rem;
  }
}
.sec_environmentoffice__imgWrapper {
  overflow: hidden;
  border-radius: 0.9375rem;
  aspect-ratio: 450/311;
}
@media screen and (min-width: 1200px) {
  .sec_environmentoffice__imgWrapper {
    border-radius: 2.1875rem;
  }
}
.sec_environmentoffice__imgWrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.sec_environmentoffice__caption {
  margin-top: 0.5rem;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.8;
  color: #31473f;
  letter-spacing: 0.05rem;
  padding: 0 0.1875rem 0.1875rem;
}
@media screen and (min-width: 1200px) {
  .sec_environmentoffice__caption {
    margin-top: 0.75rem;
    font-size: 1rem;
    line-height: 2;
    padding: 0 0.3125rem 0.3125rem;
  }
}
.sec_environmentoffice__arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 3.25rem;
  height: 3.25rem;
  background: none;
  border: none;
  padding: 0;
  z-index: 10;
  cursor: pointer;
  transition: transform 0.3s ease;
}
@media screen and (min-width: 1200px) {
  .sec_environmentoffice__arrow {
    width: 6.5rem;
    height: 6.5rem;
  }
}
.sec_environmentoffice__arrow:hover {
  transform: translateY(-50%) scale(1.1);
}
.sec_environmentoffice__arrow--prev {
  left: 0.3125rem;
}
@media screen and (min-width: 1200px) {
  .sec_environmentoffice__arrow--prev {
    left: 10rem;
  }
}
.sec_environmentoffice__arrow--next {
  right: 0.3125rem;
}
@media screen and (min-width: 1200px) {
  .sec_environmentoffice__arrow--next {
    right: 10rem;
  }
}
.sec_environmentoffice__arrow img {
  display: block;
  width: 100%;
  height: 100%;
}

.sec_interviewArchiveHero {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  min-height: 15.625rem;
  padding: 5rem 1.25rem 2.5rem;
  background-image: var(--bg-image-003);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
}
@media screen and (min-width: 1200px) {
  .sec_interviewArchiveHero {
    align-items: flex-end;
    min-height: 26.25rem;
    padding: 7.5rem 10rem 5rem;
  }
}
.sec_interviewArchiveHero__inner {
  position: relative;
  z-index: 1;
  width: 100%;
}
.sec_interviewArchiveHero__title {
  font-family: "Roboto", "Oswald", "M PLUS 2", sans-serif;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  color: #fff;
  font-size: 2.625rem;
}
@media screen and (min-width: 1200px) {
  .sec_interviewArchiveHero__title {
    font-size: 5.75rem;
  }
}
.sec_interviewArchiveHero__subTitle {
  margin-top: -0.625rem;
}
@media screen and (min-width: 1200px) {
  .sec_interviewArchiveHero__subTitle {
    margin-top: -0.3125rem;
  }
}
.sec_interviewArchiveHero__subTitle img {
  display: block;
  width: 13.125rem;
  height: auto;
  transform: rotate(-2.37deg);
}
@media screen and (min-width: 1200px) {
  .sec_interviewArchiveHero__subTitle img {
    width: 28.625rem;
  }
}

.sec_interviewArchiveList {
  padding: 1.875rem 0.9375rem 3.125rem;
  background: #ededed;
}
@media screen and (min-width: 1200px) {
  .sec_interviewArchiveList {
    padding: 3.75rem 0 6.25rem;
  }
}
.sec_interviewArchiveList__inner {
  max-width: 90rem;
  margin: 0 auto;
}
@media screen and (min-width: 1200px) {
  .sec_interviewArchiveList__inner {
    padding: 0 10rem;
  }
}
.sec_interviewArchiveList__filterBar {
  padding: 0.9375rem;
  margin-bottom: 1.25rem;
  background-color: #f5f5f5;
  background-image: radial-gradient(circle, #dcdcdc 0.04375rem, transparent 0.04375rem);
  background-size: 0.9375rem 0.9375rem;
  border-radius: 1.25rem;
}
@media screen and (min-width: 1200px) {
  .sec_interviewArchiveList__filterBar {
    padding: 4.375rem 1.875rem;
    margin-bottom: 3.125rem;
    border-radius: 3.125rem;
    background-size: 1.875rem 1.875rem;
    background-image: radial-gradient(circle, #dcdcdc 0.0875rem, transparent 0.0875rem);
  }
}
.sec_interviewArchiveList__filters {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.625rem 1.25rem;
}
@media screen and (min-width: 1200px) {
  .sec_interviewArchiveList__filters {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 1.25rem 4.25rem;
  }
}
.sec_interviewArchiveList__filterItem {
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  cursor: pointer;
}
.sec_interviewArchiveList {
  /*&__filterCheckbox {
    appearance: none;
    -webkit-appearance: none;
    width: px-to-rem(26px);
    height: px-to-rem(26px);
    border: 1px solid #d2d2d2;
    border-radius: px-to-rem(4px);
    background: #fff;
    cursor: pointer;
    flex-shrink: 0;
    position: relative;
    transition: all 0.2s ease;

    &:checked {
      background: #31473f;
      border-color: #31473f;

      &::after {
        content: "";
        position: absolute;
        top: 45%;
        left: 50%;
        width: px-to-rem(8px);
        height: px-to-rem(14px);
        border: solid #fff;
        border-width: 0 px-to-rem(2.5px) px-to-rem(2.5px) 0;
        transform: translate(-50%, -50%) rotate(45deg);
      }
    }
  }

  &__filterLabel {
    font-family: $font-family-base;
    font-weight: 700;
    color: #31473f;
    line-height: 2;
    letter-spacing: px-to-rem(0.8px);
    white-space: nowrap;
  }*/
}
.sec_interviewArchiveList__filterItem {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  padding: 0.3125rem 1.25rem;
  border: 1px solid #31473f;
  border-radius: 3.125rem;
  background: transparent;
  color: #283129;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.3s ease;
}
@media screen and (min-width: 1200px) {
  .sec_interviewArchiveList__filterItem {
    padding: 0.625rem 2.5rem;
  }
}
.sec_interviewArchiveList__filterItem:hover {
  background: rgba(192, 255, 194, 0.3);
}
.sec_interviewArchiveList__filterItem {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  padding: 0.3125rem 1.25rem;
  border: 1px solid #31473f;
  border-radius: 3.125rem;
  color: #283129;
  background: transparent;
  cursor: pointer;
  font-weight: 700;
  white-space: nowrap;
  transition: all 0.3s ease;
}
@media screen and (min-width: 1200px) {
  .sec_interviewArchiveList__filterItem {
    padding: 0.625rem 2.5rem;
  }
}
.sec_interviewArchiveList__filterItem:hover {
  background: rgba(192, 255, 194, 0.3);
}
.sec_interviewArchiveList__filterItem:has(.js-interviewFilter:checked) {
  background: rgba(192, 255, 194, 0.3);
}
.sec_interviewArchiveList__filterCheckbox {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  position: relative;
  width: 0;
  height: 0.9375rem;
  background: transparent;
  border: none;
  margin: 0;
  opacity: 0;
  transition: all 0.3s ease;
}
.sec_interviewArchiveList__filterCheckbox:checked {
  width: 0.9375rem;
  opacity: 1;
}
.sec_interviewArchiveList__filterCheckbox:checked::after {
  content: "";
  position: absolute;
  top: 55%;
  left: 50%;
  width: 0.3125rem;
  height: 0.625rem;
  border: solid #283129;
  border-width: 0 0.15625rem 0.15625rem 0;
  transform: translate(-50%, -50%) rotate(45deg);
}
.sec_interviewArchiveList__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.9375rem 0.625rem;
}
@media screen and (min-width: 1200px) {
  .sec_interviewArchiveList__grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 1.875rem 2.5rem;
  }
}
.sec_interviewArchiveList__item .bl_interviewCard {
  display: block;
  text-decoration: none;
  transition: transform 0.3s ease;
}
.sec_interviewArchiveList__item .bl_interviewCard:hover {
  transform: translateY(-0.3125rem);
}
.sec_interviewArchiveList__item .bl_interviewCard .bl_interviewCard__content {
  bottom: 2.1875rem;
  left: -0.1875rem;
  max-width: 97%;
}
@media screen and (min-width: 1200px) {
  .sec_interviewArchiveList__item .bl_interviewCard .bl_interviewCard__content {
    bottom: 3.75rem;
    left: -0.3125rem;
  }
}
.sec_interviewArchiveList__item .bl_interviewCard {
  /*
        .bl_interviewCard__title {
          font-size: px-to-rem(12px);
          padding: px-to-rem(3px) px-to-rem(10px);
          line-height: 2.2;
          font-weight: bold;

          @include mq(pc) {
            font-size: px-to-rem(25px);
            padding: px-to-rem(4px) px-to-rem(16px);
            line-height: 2.4;
          }
        }
  */
  /* 20260528_修正 */
}
.sec_interviewArchiveList__item .bl_interviewCard .bl_interviewCard__title {
  line-height: 2;
  letter-spacing: -0.04em;
  font-size: clamp(0.6rem, 2.8vw, 3.2rem);
  padding: 0.1875rem 0.625rem;
  font-weight: bold;
}
@media screen and (min-width: 1200px) {
  .sec_interviewArchiveList__item .bl_interviewCard .bl_interviewCard__title {
    font-size: clamp(1rem, 1.4vw, 1.5rem);
    padding: 0.25rem 1rem;
    line-height: 2;
  }
}
.sec_interviewArchiveList__item .bl_interviewCard .bl_interviewCard__badge {
  width: 2.5rem;
  height: 2.5rem;
  font-size: 0.875rem;
}
@media screen and (min-width: 1200px) {
  .sec_interviewArchiveList__item .bl_interviewCard .bl_interviewCard__badge {
    width: 3.75rem;
    height: 3.75rem;
    font-size: 1.125rem;
  }
}
.sec_interviewArchiveList__item .bl_interviewCard .bl_interviewCard__image::before {
  border-radius: 0.9375rem;
}
@media screen and (min-width: 1200px) {
  .sec_interviewArchiveList__item .bl_interviewCard .bl_interviewCard__image::before {
    border-radius: 1.25rem;
  }
}
.sec_interviewArchiveList__item .bl_interviewCard .bl_interviewCard__image {
  aspect-ratio: 309/459;
}
.sec_interviewArchiveList__item .bl_interviewCard .bl_interviewCard__image img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center 30%;
     object-position: center 30%;
  border-radius: 0.9375rem;
  margin: 0 0 -0.4375rem 0;
}
@media screen and (min-width: 1200px) {
  .sec_interviewArchiveList__item .bl_interviewCard .bl_interviewCard__image img {
    margin: 0 0 -0.625rem 0;
    border-radius: 1.25rem;
  }
}
.sec_interviewArchiveList__pagination {
  display: flex;
  justify-content: center;
  margin-top: 1.875rem;
}
@media screen and (min-width: 1200px) {
  .sec_interviewArchiveList__pagination {
    margin-top: 3.75rem;
  }
}
.sec_interviewArchiveList__pagination .page-numbers {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.25rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 1200px) {
  .sec_interviewArchiveList__pagination .page-numbers {
    gap: 2.125rem;
  }
}
.sec_interviewArchiveList__pagination .page-numbers li {
  display: flex;
  align-items: center;
  justify-content: center;
}
.sec_interviewArchiveList__pagination .page-numbers a.page-numbers,
.sec_interviewArchiveList__pagination .page-numbers span.page-numbers {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Roboto", "Oswald", "M PLUS 2", sans-serif;
  font-weight: 700;
  font-size: 1.125rem;
  color: #31473f;
  text-decoration: none;
  transition: all 0.3s ease;
}
@media screen and (min-width: 1200px) {
  .sec_interviewArchiveList__pagination .page-numbers a.page-numbers,
  .sec_interviewArchiveList__pagination .page-numbers span.page-numbers {
    font-size: 1.25rem;
  }
}
.sec_interviewArchiveList__pagination .page-numbers span.current {
  width: 2.25rem;
  height: 2.25rem;
  background: linear-gradient(135deg, #b7e4c0 0%, #73c0d4 100%);
  color: #fff;
  border-radius: 50%;
}
@media screen and (min-width: 1200px) {
  .sec_interviewArchiveList__pagination .page-numbers span.current {
    width: 2.8125rem;
    height: 2.8125rem;
  }
}
.sec_interviewArchiveList__pagination .page-numbers a.page-numbers:hover {
  color: #73c0d4;
}
.sec_interviewArchiveList__pagination .page-numbers a.next {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  background-color: white;
}
@media screen and (min-width: 1200px) {
  .sec_interviewArchiveList__pagination .page-numbers a.next {
    width: 2.8125rem;
    height: 2.8125rem;
  }
}
.sec_interviewArchiveList__pagination .page-numbers a.next:hover {
  background: #31473f;
  color: #fff;
}
.sec_interviewArchiveList__pagination .page-numbers a.next:hover .sec_interviewArchiveList__paginationNext {
  color: #fff;
}
.sec_interviewArchiveList__paginationNext {
  font-family: "Roboto", "Oswald", "M PLUS 2", sans-serif;
  font-weight: 700;
  color: #31473f;
  font-size: 1rem;
  transition: color 0.3s ease;
}
.sec_interviewArchiveList__empty {
  margin-top: 2.5rem;
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-weight: 700;
  color: #31473f;
  text-align: center;
}

.sec_thanks {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 80vh;
  padding: 7.5rem 1.25rem 5rem;
  background: #ededed;
}
@media screen and (min-width: 768px) {
  .sec_thanks {
    padding: 8.75rem 2.5rem 6.25rem;
  }
}
@media screen and (min-width: 1200px) {
  .sec_thanks {
    padding: 10rem 0 7.5rem;
  }
}
.sec_thanks__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 43.75rem;
  margin: 0 auto;
  padding: 2.5rem 1.5rem;
  background: #fff;
  border-radius: 1.875rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .sec_thanks__inner {
    padding: 3.75rem 3.75rem;
    border-radius: 2.5rem;
  }
}
@media screen and (min-width: 1200px) {
  .sec_thanks__inner {
    padding: 5rem 6.25rem;
    border-radius: 3.125rem;
  }
}
.sec_thanks__icon {
  width: 3.75rem;
  height: 3.75rem;
  margin-bottom: 1.25rem;
}
@media screen and (min-width: 1200px) {
  .sec_thanks__icon {
    width: 5rem;
    height: 5rem;
    margin-bottom: 1.5rem;
  }
}
.sec_thanks__icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.sec_thanks__title {
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-weight: 700;
  color: #283129;
  font-size: 1.5rem;
  margin: 0 0 0.25rem;
}
@media screen and (min-width: 1200px) {
  .sec_thanks__title {
    font-size: 2rem;
  }
}
.sec_thanks__enTitle {
  font-family: "Roboto", "Oswald", "M PLUS 2", sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  letter-spacing: 0.15em;
  background: linear-gradient(90deg, #b7e4c0 0%, #73c0d4 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin: 0 0 1.875rem;
}
@media screen and (min-width: 1200px) {
  .sec_thanks__enTitle {
    font-size: 1rem;
    margin: 0 0 2.5rem;
  }
}
.sec_thanks__message {
  margin-bottom: 1.5rem;
}
@media screen and (min-width: 1200px) {
  .sec_thanks__message {
    margin-bottom: 2rem;
  }
}
.sec_thanks__message p {
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-weight: 500;
  color: #31473f;
  font-size: 0.875rem;
  line-height: 2;
  letter-spacing: 0.03125rem;
  margin: 0 0 0.5rem;
}
@media screen and (min-width: 1200px) {
  .sec_thanks__message p {
    font-size: 1rem;
  }
}
.sec_thanks__message p:last-child {
  margin-bottom: 0;
}
.sec_thanks__message p strong {
  color: #283129;
  font-weight: 700;
}
.sec_thanks__notice {
  margin-bottom: 1.875rem;
  padding: 1rem 1.25rem;
  background: #f8f8f8;
  border-radius: 0.625rem;
}
@media screen and (min-width: 1200px) {
  .sec_thanks__notice {
    margin-bottom: 2.5rem;
    padding: 1.25rem 1.875rem;
  }
}
.sec_thanks__notice p {
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-weight: 400;
  color: #888;
  font-size: 0.75rem;
  line-height: 1.8;
  margin: 0;
}
@media screen and (min-width: 1200px) {
  .sec_thanks__notice p {
    font-size: 0.8125rem;
  }
}
.sec_thanks__btnWrap {
  text-align: center;
}
.sec_thanks__btn {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0.875rem 3.125rem;
  background: linear-gradient(101.08deg, #c0ffc2 0%, #c0eeff 100%);
  border: none;
  border-radius: 6.25rem;
  box-shadow: 0.25rem 0.25rem 0 0 #73c0d4;
  text-decoration: none;
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 1rem;
  color: #283129;
  transition: all 0.3s ease;
}
@media screen and (min-width: 1200px) {
  .sec_thanks__btn {
    padding: 0.875rem 3.75rem;
    font-size: 1.125rem;
  }
}
.sec_thanks__btn img {
  width: 1.25rem;
  height: auto;
  transition: transform 0.3s ease;
}
.sec_thanks__btn:hover {
  transform: translate(0.125rem, 0.125rem);
  box-shadow: 0.125rem 0.125rem 0 0 #73c0d4;
}
.sec_thanks__btn:hover img {
  transform: translateX(0.3125rem);
}

.sec_404 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 80vh;
  padding: 7.5rem 1.25rem 5rem;
  background: #ededed;
}
@media screen and (min-width: 768px) {
  .sec_404 {
    padding: 8.75rem 2.5rem 6.25rem;
  }
}
@media screen and (min-width: 1200px) {
  .sec_404 {
    padding: 10rem 0 7.5rem;
  }
}
.sec_404__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 43.75rem;
  margin: 0 auto;
  padding: 2.5rem 1.5rem;
  background: #fff;
  border-radius: 1.875rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .sec_404__inner {
    padding: 3.75rem 3.75rem;
    border-radius: 2.5rem;
  }
}
@media screen and (min-width: 1200px) {
  .sec_404__inner {
    padding: 5rem 6.25rem;
    border-radius: 3.125rem;
  }
}
.sec_404__icon {
  width: 3.75rem;
  height: 3.75rem;
  margin-bottom: 1rem;
}
@media screen and (min-width: 1200px) {
  .sec_404__icon {
    width: 5rem;
    height: 5rem;
    margin-bottom: 1.25rem;
  }
}
.sec_404__icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.sec_404__number {
  font-family: "Roboto", "Oswald", "M PLUS 2", sans-serif;
  font-weight: 700;
  font-size: 5rem;
  line-height: 1;
  letter-spacing: 0.05em;
  background: linear-gradient(90deg, #b7e4c0 0%, #73c0d4 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin: 0 0 0.5rem;
}
@media screen and (min-width: 1200px) {
  .sec_404__number {
    font-size: 7.5rem;
  }
}
.sec_404__title {
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-weight: 700;
  color: #283129;
  font-size: 1.25rem;
  margin: 0 0 0.25rem;
}
@media screen and (min-width: 1200px) {
  .sec_404__title {
    font-size: 1.75rem;
  }
}
.sec_404__enTitle {
  font-family: "Roboto", "Oswald", "M PLUS 2", sans-serif;
  font-weight: 700;
  font-size: 0.75rem;
  letter-spacing: 0.15em;
  background: linear-gradient(90deg, #b7e4c0 0%, #73c0d4 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin: 0 0 1.875rem;
}
@media screen and (min-width: 1200px) {
  .sec_404__enTitle {
    font-size: 0.875rem;
    margin: 0 0 2.5rem;
  }
}
.sec_404__message {
  margin-bottom: 1.875rem;
}
@media screen and (min-width: 1200px) {
  .sec_404__message {
    margin-bottom: 2.5rem;
  }
}
.sec_404__message p {
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-weight: 500;
  color: #31473f;
  font-size: 0.875rem;
  line-height: 2;
  letter-spacing: 0.03125rem;
  margin: 0 0 0.25rem;
}
@media screen and (min-width: 1200px) {
  .sec_404__message p {
    font-size: 1rem;
  }
}
.sec_404__message p:last-child {
  margin-bottom: 0;
}
.sec_404__btnWrap {
  text-align: center;
}
.sec_404__btn {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0.875rem 3.125rem;
  background: linear-gradient(101.08deg, #c0ffc2 0%, #c0eeff 100%);
  border: none;
  border-radius: 6.25rem;
  box-shadow: 0.25rem 0.25rem 0 0 #73c0d4;
  text-decoration: none;
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 1rem;
  color: #283129;
  transition: all 0.3s ease;
}
@media screen and (min-width: 1200px) {
  .sec_404__btn {
    padding: 0.875rem 3.75rem;
    font-size: 1.125rem;
  }
}
.sec_404__btn img {
  width: 1.25rem;
  height: auto;
  transition: transform 0.3s ease;
}
.sec_404__btn:hover {
  transform: translate(0.125rem, 0.125rem);
  box-shadow: 0.125rem 0.125rem 0 0 #73c0d4;
}
.sec_404__btn:hover img {
  transform: translateX(0.3125rem);
}

.sec_frontHero {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 100svh;
  padding: 5rem 1.25rem 3rem;
  overflow: hidden;
}
.sec_frontHero__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 1;
}
.sec_frontHero__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.sec_frontHero__bgImg {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
}
.sec_frontHero__bgOverlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(101.08deg, rgba(37, 233, 0, 0.9) 0%, rgba(0, 133, 199, 0.9) 100%);
  mix-blend-mode: screen;
}
.sec_frontHero__bgGradientBottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 18.9375rem;
  background: linear-gradient(to top, rgba(211, 254, 157, 0.6) 0%, rgba(192, 238, 255, 0) 100%);
  z-index: 1;
}
.sec_frontHero__inner {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 37.5rem;
  gap: 0rem;
}
.sec_frontHero__catch {
  width: 100%;
  display: flex;
  justify-content: center;
}
.sec_frontHero__catchImg {
  display: block;
  width: 100%;
  max-width: 22.5rem;
  height: auto;
  transform: rotate(-2.8deg);
}
.sec_frontHero__sub {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.sec_frontHero__sub--pc {
  display: none;
}
.sec_frontHero__subText {
  position: relative;
  display: inline-block;
  padding: 0.625rem 1.25rem;
  font-weight: 800;
  line-height: 1.4;
  letter-spacing: 0.05em;
  color: #fff;
  text-align: center;
  background: linear-gradient(101.08deg, rgba(131, 237, 111, 0.9) 0%, rgba(0, 133, 199, 0.9) 100%);
}
@media screen and (min-width: 1200px) {
  .sec_frontHero {
    min-height: 50.625rem;
    padding: 7.5rem 5rem 6.25rem;
  }
  .sec_frontHero__inner {
    max-width: 75rem;
    align-items: center;
    gap: 0rem;
  }
  .sec_frontHero__catch {
    width: auto;
    justify-content: center;
  }
  .sec_frontHero__catchImg {
    max-width: 55.75rem;
    z-index: 2;
  }
  .sec_frontHero__sub {
    display: none;
  }
  .sec_frontHero__sub--pc {
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
  .sec_frontHero__subText {
    padding: 1.125rem 2.25rem;
    font-size: 2.25rem;
    line-height: 1.5;
    letter-spacing: 0.05em;
  }
}

.sec_frontConcept {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5rem 1.25rem 3.125rem 1.25rem;
  overflow: hidden;
}
@media screen and (min-width: 1200px) {
  .sec_frontConcept {
    padding: 2.5rem 1.25rem;
  }
}
.sec_frontConcept__bgText {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 0;
  width: 100%;
  overflow: hidden;
  pointer-events: none;
  top: 3.125rem;
}
.sec_frontConcept__bgText--bottom {
  top: auto;
  bottom: 1.875rem;
}
@media screen and (min-width: 1200px) {
  .sec_frontConcept__bgText--bottom {
    bottom: 4.375rem;
  }
}
.sec_frontConcept__bgTextInner {
  display: flex;
  white-space: nowrap;
  animation: bgTextLoop 20s linear infinite;
}
.sec_frontConcept__bgImg {
  display: block;
  height: 6.25rem;
  width: auto;
  opacity: 0.6;
  flex-shrink: 0;
}
@media screen and (min-width: 1200px) {
  .sec_frontConcept__bgImg {
    height: 11.25rem;
  }
}
.sec_frontConcept__inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 60rem;
  gap: 3rem;
}
@media screen and (min-width: 1200px) {
  .sec_frontConcept__inner {
    max-width: 67.5rem;
    gap: 1.5rem;
  }
}
.sec_frontConcept__catch {
  width: 100%;
}
.sec_frontConcept__catchImg {
  display: block;
  width: 100%;
  max-width: 30rem;
  margin: 0 auto;
  height: auto;
  mix-blend-mode: screen;
}
.sec_frontConcept__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  gap: 1.75rem;
}
.sec_frontConcept__text {
  line-height: 2.4;
  text-align: center;
  letter-spacing: 0.04em;
  font-size: 1.125rem;
  font-weight: 700;
  color: #434343;
}
@media screen and (min-width: 1200px) {
  .sec_frontConcept__text {
    font-size: 1.25rem;
  }
}
.sec_frontConcept__marker {
  background: none;
  color: inherit;
  background-image: linear-gradient(transparent 55%, rgba(255, 255, 255, 0.4) 55%, rgba(255, 255, 255, 0.4) 80%, rgba(255, 255, 255, 0.4) 80%);
  padding: 0 0.125rem;
}
@media screen and (min-width: 1200px) {
  .sec_frontConcept {
    min-height: 70vh;
    padding: 9.375rem 5rem;
  }
  .sec_frontConcept__bgText {
    font-size: 12.5rem;
    line-height: 1;
  }
  .sec_frontConcept__inner {
    gap: 4rem;
  }
  .sec_frontConcept__catchImg {
    max-width: 45rem;
  }
  .sec_frontConcept__text {
    line-height: 2.2;
  }
}

.sec_frontMovie {
  position: relative;
  padding: 3.125rem 2.1875rem 0rem 2.1875rem;
  margin-top: -2.5rem;
}
@media screen and (min-width: 1200px) {
  .sec_frontMovie {
    margin-top: -1.9375rem;
    padding: 10.125rem 10rem;
  }
}
.sec_frontMovie__inner {
  max-width: 37.5rem;
  margin: 0 auto;
}
@media screen and (min-width: 1200px) {
  .sec_frontMovie__inner {
    max-width: 90rem;
    padding: 0;
  }
}
.sec_frontMovie__player {
  position: relative;
  width: 100%;
  max-width: 31.25rem;
  margin: 0 auto;
}
@media screen and (min-width: 1200px) {
  .sec_frontMovie__player {
    max-width: 70rem;
  }
}
.sec_frontMovie__frame {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  background: #000;
  border-radius: 1.875rem;
  overflow: hidden;
  border: 0.25rem solid #c0ffc2;
}
@media screen and (min-width: 1200px) {
  .sec_frontMovie__frame {
    aspect-ratio: 1120/630;
    border-width: 1.25rem;
  }
}
.sec_frontMovie__frame img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0.8;
}
.sec_frontMovie__playBtn {
  position: absolute;
  top: -0.9375rem;
  right: -0.9375rem;
  width: 5rem;
  height: 5rem;
  cursor: pointer;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  padding: 0;
  transition: transform 0.3s ease;
}
@media screen and (min-width: 1200px) {
  .sec_frontMovie__playBtn {
    width: 13.1875rem;
    height: 13.0625rem;
    top: -1.875rem;
    right: -2.5rem;
  }
}
.sec_frontMovie__playBtn:hover {
  transform: scale(1.05);
}
.sec_frontMovie__playRotate {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  animation: rotatePlayBtn 12s linear infinite;
}
.sec_frontMovie__playIcon {
  position: relative;
  display: block;
  width: 0;
  height: 0;
  margin-left: 0.3125rem;
  border-style: solid;
  border-width: 0.75rem 0 0.75rem 1.25rem;
  border-color: transparent transparent transparent #fff;
}
@media screen and (min-width: 1200px) {
  .sec_frontMovie__playIcon {
    border-width: 1.5625rem 0 1.5625rem 2.6875rem;
    margin-left: 0.625rem;
  }
}

@keyframes rotatePlayBtn {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.sec_frontInterview {
  position: relative;
  padding: 3.75rem 0 5rem;
  overflow: hidden;
}
@media screen and (min-width: 1200px) {
  .sec_frontInterview {
    padding: 6.25rem 0 7.5rem;
  }
}
.sec_frontInterview__inner {
  position: relative;
  margin: 0 auto;
  z-index: 1;
}
@media screen and (min-width: 1200px) {
  .sec_frontInterview__inner {
    max-width: 90rem;
    padding: 0 10rem;
  }
}
.sec_frontInterview__header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 1.875rem;
  padding: 0 1.25rem;
}
@media screen and (min-width: 1200px) {
  .sec_frontInterview__header {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 3.75rem;
    padding: 0;
  }
}
.sec_frontInterview__titleWrap {
  text-align: left;
}
@media screen and (min-width: 1200px) {
  .sec_frontInterview__titleWrap {
    text-align: left;
  }
}
.sec_frontInterview__title {
  font-family: "Roboto", "Oswald", "M PLUS 2", sans-serif;
  font-weight: 700;
  line-height: 1;
  text-align: left;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 0rem;
  font-size: 3.625rem;
}
@media screen and (min-width: 1200px) {
  .sec_frontInterview__title {
    font-size: 7.25rem;
    text-align: left;
  }
}
.sec_frontInterview__subTitle {
  display: flex;
  justify-content: flex-start;
  margin-top: -1.25rem;
}
@media screen and (min-width: 1200px) {
  .sec_frontInterview__subTitle {
    justify-content: flex-start;
    margin-top: -2.5rem;
  }
}
.sec_frontInterview__subTitleImg {
  display: block;
  width: 100%;
  max-width: 14.375rem;
  height: auto;
  transform: rotate(-2.37deg);
}
@media screen and (min-width: 1200px) {
  .sec_frontInterview__subTitleImg {
    max-width: 28.75rem;
  }
}
.sec_frontInterview__btn {
  display: none;
}
@media screen and (min-width: 1200px) {
  .sec_frontInterview__btn {
    display: inline-flex;
    align-items: center;
    gap: 0.625rem;
    margin-top: 0.625rem;
    padding: 0.625rem 2.5rem;
    background: #fff;
    border-radius: 3.125rem;
    text-decoration: none;
    font-weight: 700;
    transition: opacity 0.3s ease;
  }
  .sec_frontInterview__btn span {
    white-space: nowrap;
  }
  .sec_frontInterview__btn img {
    width: 0.9375rem;
    height: 0.3125rem;
    transition: transform 0.3s ease;
  }
  .sec_frontInterview__btn:hover {
    opacity: 0.7;
  }
  .sec_frontInterview__btn:hover img {
    transform: translateX(0.3125rem);
  }
}
.sec_frontInterview__btnSp {
  display: flex;
  justify-content: center;
  margin-top: 1.875rem;
  padding: 0 1.25rem;
}
@media screen and (min-width: 1200px) {
  .sec_frontInterview__btnSp {
    display: none;
  }
}
.sec_frontInterview__btnSp a {
  display: inline-flex;
  align-items: center;
  gap: 1.25rem;
  padding: 1rem 5rem;
  background: #fff;
  border-radius: 6.25rem;
  text-decoration: none;
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 1rem;
  color: #283129;
  transition: opacity 0.3s ease;
}
.sec_frontInterview__btnSp a img {
  width: 1.875rem;
  height: 0.625rem;
}
.sec_frontInterview__btnSp a:hover {
  opacity: 0.7;
}
.sec_frontInterview__carousel {
  position: relative;
}
.sec_frontInterview__carousel::before {
  content: "";
  position: absolute;
  top: 2.5rem;
  left: 1.25rem;
  right: 0;
  bottom: 0;
  background-color: #f5f5f5;
  background-image: radial-gradient(circle, #dcdcdc 0.04375rem, transparent 0.04375rem);
  background-size: 1.875rem 1.875rem;
  border-radius: 1.875rem 0 0 1.875rem;
  z-index: 0;
}
@media screen and (min-width: 1200px) {
  .sec_frontInterview__carousel::before {
    background-image: radial-gradient(circle, #dcdcdc 0.0875rem, transparent 0.0875rem);
  }
}
@media screen and (min-width: 1200px) {
  .sec_frontInterview__carousel {
    margin: 0 -10rem;
  }
  .sec_frontInterview__carousel::before {
    top: 5rem;
    left: 10rem;
    right: -15.625rem;
    border-radius: 3.125rem 0 0 3.125rem;
  }
}
.sec_frontInterview__track {
  position: relative;
  display: flex;
  gap: 0.9375rem;
  transition: transform 0.5s ease;
  z-index: 1;
  padding: 1.25rem 0 1.875rem;
}
@media screen and (min-width: 1200px) {
  .sec_frontInterview__track {
    gap: 1.875rem;
    padding: 2.5rem 0 3.75rem 0;
    justify-content: center;
  }
}
.sec_frontInterview__item {
  flex: 0 0 12.5rem;
}
.sec_frontInterview__item:nth-child(even) {
  margin-top: 1.875rem;
}
@media screen and (min-width: 1200px) {
  .sec_frontInterview__item {
    flex: 0 0 26.25rem;
  }
  .sec_frontInterview__item:nth-child(even) {
    margin-top: 0;
  }
  .sec_frontInterview__item:nth-child(odd) {
    margin-top: 2.5rem;
  }
}
.sec_frontInterview__nav {
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 50%;
  left: 0.3125rem;
  right: 0.3125rem;
  transform: translateY(-50%);
  pointer-events: none;
  z-index: 10;
}
@media screen and (min-width: 1200px) {
  .sec_frontInterview__nav {
    left: 7.5rem;
    right: 7.5rem;
  }
}
.sec_frontInterview__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.25rem;
  height: 3.25rem;
  background: none;
  border: none;
  cursor: pointer;
  pointer-events: auto;
  transition: transform 0.3s ease;
  padding: 0;
}
@media screen and (min-width: 1200px) {
  .sec_frontInterview__arrow {
    width: 5rem;
    height: 5rem;
  }
}
.sec_frontInterview__arrow img {
  width: 100%;
  height: 100%;
}
.sec_frontInterview__arrow:hover {
  transform: scale(1.1);
}

.bl_interviewCard {
  position: relative;
  display: block;
  text-decoration: none;
  overflow: visible;
  transition: transform 0.3s ease;
}
.bl_interviewCard__image {
  position: relative;
  width: 100%;
  aspect-ratio: 309/459;
}
@media screen and (min-width: 1200px) {
  .bl_interviewCard__image {
    aspect-ratio: 309/459;
  }
}
.bl_interviewCard__image::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80%;
  background-image: var(--bg-image-002);
  background-size: cover;
  background-position: center;
  border-radius: 1.25rem;
  z-index: 0;
}
.bl_interviewCard__image img {
  position: relative;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center 40%;
     object-position: center 40%;
  margin: 0 0 -0.625rem 0;
  border-radius: 1.25rem;
  z-index: 1;
}
@media screen and (min-width: 1200px) {
  .bl_interviewCard__image img {
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: bottom;
       object-position: bottom;
  }
}
.bl_interviewCard__content {
  position: absolute;
  bottom: 3.75rem;
  left: -0.3125rem;
  max-width: 95%;
  z-index: 2;
}
@media screen and (min-width: 1200px) {
  .bl_interviewCard__content {
    max-width: 89%;
    font-size: 1.7rem;
  }
}
.bl_interviewCard__title {
  display: inline;
  padding: 0.25rem 0.3125rem;
  font-weight: 700;
  color: #31473f;
  background: #fff;
  border-radius: 0.3125rem;
  letter-spacing: 0.075rem;
  line-height: 2.4;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
@media screen and (min-width: 1200px) {
  .bl_interviewCard__title {
    border-radius: 0.625rem;
  }
}
.bl_interviewCard__badge {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.75rem;
  height: 3.75rem;
  font-weight: 700;
  line-height: 2;
  color: #fff;
  background: linear-gradient(90deg, rgba(131, 237, 111, 0.9) 0%, rgba(0, 133, 199, 0.9) 101.08%);
  border-radius: 0.625rem 0 0.9375rem 0;
}
@media screen and (min-width: 1200px) {
  .bl_interviewCard__badge {
    width: 5rem;
    height: 5rem;
    letter-spacing: 0.1rem;
    border-radius: 1.875rem 0 1.2rem 0;
  }
}
@media screen and (min-width: 1200px) {
  .bl_interviewCard:hover {
    transform: translateY(-0.625rem);
  }
}

.sec_frontCompany {
  position: relative;
  padding: 5rem 2.1875rem;
  margin-top: 2.5rem;
  overflow: hidden;
}
@media screen and (min-width: 1200px) {
  .sec_frontCompany {
    margin-top: 14rem;
  }
}
.sec_frontCompany__bg {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 25rem;
  background: #f5f5f5;
  border-radius: 3.125rem 0 0 3.125rem;
  z-index: 0;
}
.sec_frontCompany__inner {
  position: relative;
  max-width: 37.5rem;
  margin: 0 auto;
  z-index: 1;
}
.sec_frontCompany__image {
  position: relative;
  width: 100%;
  max-width: 25rem;
  margin: 0 auto 2.5rem;
  overflow: hidden;
  border-radius: 1.25rem;
}
.sec_frontCompany__image img {
  width: 100%;
  height: auto;
}
.sec_frontCompany__content {
  text-align: center;
}
.sec_frontCompany__title {
  font-weight: 700;
  line-height: 1.2;
  color: #fff;
  margin-bottom: 0.625rem;
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  font-size: 2rem;
}
@media screen and (max-width: 767px) {
  .sec_frontCompany__title {
    font-size: 1.75rem;
  }
}
@media screen and (min-width: 1200px) {
  .sec_frontCompany__title {
    font-size: 2.25rem;
  }
}
@media screen and (min-width: 992px) {
  .sec_frontCompany__title {
    font-size: 2.5rem;
  }
}
@media screen and (min-width: 1400px) {
  .sec_frontCompany__title {
    font-size: 2.75rem;
  }
}
@media screen and (min-width: 1600px) {
  .sec_frontCompany__title {
    font-size: 3rem;
  }
}
.sec_frontCompany__subTitle {
  display: flex;
  justify-content: center;
  margin-bottom: 2.5rem;
}
.sec_frontCompany__subTitleImg {
  display: block;
  width: 100%;
  max-width: 12.5rem;
  height: auto;
  transform: rotate(-2deg);
}
.sec_frontCompany__desc {
  color: #31473f;
  line-height: 1.8;
  margin-bottom: 2.5rem;
}
.sec_frontCompany__btn {
  text-align: center;
}
@media screen and (min-width: 1200px) {
  .sec_frontCompany {
    padding: 0;
    min-height: 50rem;
  }
  .sec_frontCompany__bg {
    width: 85rem;
    height: 25rem;
    left: 0;
    right: auto;
    top: 175.8125rem;
    border-radius: 3.125rem 0 0 3.125rem;
  }
  .sec_frontCompany__inner {
    max-width: 90rem;
    display: flex;
    align-items: flex-start;
    gap: 0;
    padding: 0 10rem;
    position: relative;
  }
  .sec_frontCompany__image {
    max-width: 41.625rem;
    margin: 0;
    order: 1;
    flex-shrink: 0;
    position: absolute;
    left: -0.375rem;
    top: -1.5625rem;
  }
  .sec_frontCompany__content {
    order: 2;
    text-align: left;
    margin-left: 45.8125rem;
  }
  .sec_frontCompany__title {
    font-size: 7.25rem;
    line-height: 6.625rem;
    text-align: left;
    margin-bottom: 2.5rem;
  }
  .sec_frontCompany__subTitle {
    justify-content: flex-start;
    margin-bottom: 3.75rem;
  }
  .sec_frontCompany__subTitleImg {
    max-width: 15rem;
    transform: rotate(-2.37deg);
  }
  .sec_frontCompany__desc {
    text-align: left;
    font-size: 1.125rem;
    letter-spacing: 0.05625rem;
    margin-bottom: 3.75rem;
  }
  .sec_frontCompany__btn {
    text-align: left;
  }
}

.sec_frontSystem {
  position: relative;
  padding: 5rem 2.1875rem;
  margin-top: 2.5rem;
  overflow: hidden;
}
@media screen and (min-width: 1200px) {
  .sec_frontSystem {
    margin-top: 20.9375rem;
  }
}
.sec_frontSystem__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 25rem;
  background: #f5f5f5;
  border-radius: 3.125rem 0 0 3.125rem;
  z-index: 0;
}
.sec_frontSystem__inner {
  position: relative;
  max-width: 37.5rem;
  margin: 0 auto;
  z-index: 1;
}
.sec_frontSystem__content {
  text-align: center;
}
.sec_frontSystem__title {
  font-weight: 700;
  line-height: 1.2;
  color: #fff;
  margin-bottom: 0.625rem;
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  font-size: 2rem;
}
@media screen and (max-width: 767px) {
  .sec_frontSystem__title {
    font-size: 1.75rem;
  }
}
@media screen and (min-width: 1200px) {
  .sec_frontSystem__title {
    font-size: 2.25rem;
  }
}
@media screen and (min-width: 992px) {
  .sec_frontSystem__title {
    font-size: 2.5rem;
  }
}
@media screen and (min-width: 1400px) {
  .sec_frontSystem__title {
    font-size: 2.75rem;
  }
}
@media screen and (min-width: 1600px) {
  .sec_frontSystem__title {
    font-size: 3rem;
  }
}
.sec_frontSystem__subTitle {
  display: flex;
  justify-content: center;
  margin-bottom: 2.5rem;
}
.sec_frontSystem__subTitleImg {
  display: block;
  width: 100%;
  max-width: 17.5rem;
  height: auto;
  transform: rotate(-2deg);
}
.sec_frontSystem__desc {
  color: #31473f;
  line-height: 1.8;
  margin-bottom: 2.5rem;
}
.sec_frontSystem__btn {
  text-align: center;
}
.sec_frontSystem__image {
  position: relative;
  width: 100%;
  max-width: 25rem;
  margin: 0 auto 2.5rem;
  overflow: hidden;
  border-radius: 1.25rem;
}
.sec_frontSystem__image img {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 1200px) {
  .sec_frontSystem {
    padding: 7.5rem 10rem;
  }
  .sec_frontSystem__bg {
    width: 85rem;
    height: 25rem;
    left: 5rem;
    top: 218.375rem;
    border-radius: 3.125rem 0 0 3.125rem;
  }
  .sec_frontSystem__inner {
    max-width: 90rem;
    display: flex;
    align-items: flex-start;
    gap: 0;
    padding: 0 10rem 0 5rem;
    position: relative;
  }
  .sec_frontSystem__content {
    order: 1;
    text-align: left;
    flex-shrink: 0;
  }
  .sec_frontSystem__title {
    font-size: 7.25rem;
    line-height: 6.625rem;
    text-align: left;
    margin-bottom: 2.5rem;
  }
  .sec_frontSystem__subTitle {
    justify-content: flex-start;
    margin-bottom: 3.75rem;
  }
  .sec_frontSystem__subTitleImg {
    max-width: 20rem;
    transform: rotate(-2.37deg);
  }
  .sec_frontSystem__desc {
    text-align: left;
    font-size: 1.125rem;
    letter-spacing: 0.05625rem;
    margin-bottom: 3.75rem;
  }
  .sec_frontSystem__btn {
    text-align: left;
  }
  .sec_frontSystem__image {
    max-width: 49.6875rem;
    margin: 0;
    order: 2;
    flex-shrink: 0;
    position: absolute;
    right: 5rem;
    top: 0.3125rem;
  }
}

.sec_frontEntry {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 31.25rem;
  padding: 6.25rem 2.1875rem;
  overflow: hidden;
}
.sec_frontEntry__bg {
  position: absolute;
  inset: 0;
  background-image: var(--entry-bg);
  background-size: cover;
  background-position: center;
  z-index: 0;
}
.sec_frontEntry__bg::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(40, 49, 41, 0.8);
}
.sec_frontEntry__inner {
  position: relative;
  text-align: center;
  z-index: 1;
}
.sec_frontEntry__title {
  font-weight: 700;
  line-height: 1.2;
  color: #fff;
  margin-bottom: 1.25rem;
  font-size: 2rem;
}
@media screen and (max-width: 767px) {
  .sec_frontEntry__title {
    font-size: 1.75rem;
  }
}
@media screen and (min-width: 1200px) {
  .sec_frontEntry__title {
    font-size: 2.25rem;
  }
}
@media screen and (min-width: 992px) {
  .sec_frontEntry__title {
    font-size: 2.5rem;
  }
}
@media screen and (min-width: 1400px) {
  .sec_frontEntry__title {
    font-size: 2.75rem;
  }
}
@media screen and (min-width: 1600px) {
  .sec_frontEntry__title {
    font-size: 3rem;
  }
}
.sec_frontEntry__subTitle {
  color: #fff;
  margin-bottom: 3.75rem;
  font-size: 1rem;
}
@media screen and (max-width: 767px) {
  .sec_frontEntry__subTitle {
    font-size: 0.875rem;
  }
}
@media screen and (min-width: 1200px) {
  .sec_frontEntry__subTitle {
    font-size: 1rem;
  }
}
@media screen and (min-width: 992px) {
  .sec_frontEntry__subTitle {
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 1400px) {
  .sec_frontEntry__subTitle {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 1600px) {
  .sec_frontEntry__subTitle {
    font-size: 1.375rem;
  }
}
.sec_frontEntry__btn {
  text-align: center;
}
@media screen and (min-width: 1200px) {
  .sec_frontEntry {
    min-height: 43.75rem;
    padding: 7.5rem 2.5rem;
  }
  .sec_frontEntry__title {
    font-size: 9.75rem;
    line-height: 6.625rem;
    margin-bottom: 2.5rem;
    font-family: "Oswald", "M PLUS 2", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
  }
  .sec_frontEntry__subTitle {
    margin-bottom: 6.25rem;
  }
}

.sec_global_entry {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 18.75rem;
  padding: 5rem 1.25rem;
  overflow: hidden;
}
@media screen and (min-width: 1200px) {
  .sec_global_entry {
    min-height: 29.375rem;
    padding: 7.5rem 2.5rem;
  }
}
.sec_global_entry__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.sec_global_entry__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.sec_global_entry__inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.3125rem;
}
@media screen and (min-width: 1200px) {
  .sec_global_entry__inner {
    gap: 1.25rem;
    gap: 1.875rem;
  }
}
.sec_global_entry__title {
  font-family: "Roboto", "Oswald", "M PLUS 2", sans-serif;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  color: #fff;
  font-size: 5rem;
  text-align: center;
}
@media screen and (min-width: 1200px) {
  .sec_global_entry__title {
    font-size: 9.75rem;
    line-height: 6.625rem;
  }
}
.sec_global_entry__btn {
  text-align: center;
}
.sec_global_entry__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  min-width: 15rem;
  padding: 0.3125rem 3.75rem;
  background: #fff;
  border-radius: 6.25rem;
  text-decoration: none;
  transition: all 0.3s ease;
}
@media screen and (min-width: 1200px) {
  .sec_global_entry__link {
    gap: 0.625rem;
    padding: 0.625rem 7.5rem;
    height: 4.5rem;
  }
}
.sec_global_entry__link:hover {
  transform: scale(1.05);
  box-shadow: 0 0.625rem 1.875rem rgba(0, 0, 0, 0.2);
}
.sec_global_entry__linkText {
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-weight: 700;
  color: #283129;
  font-size: 1.5rem;
  white-space: nowrap;
}
@media screen and (min-width: 1200px) {
  .sec_global_entry__linkText {
    font-size: 2.5rem;
  }
}
.sec_global_entry__linkArrow {
  display: inline-block;
  width: 1.875rem;
  height: auto;
  transition: transform 0.3s ease;
}
@media screen and (min-width: 1200px) {
  .sec_global_entry__linkArrow {
    width: 3rem;
  }
}
.sec_global_entry__link:hover .sec_global_entry__linkArrow {
  transform: translateX(0.5rem);
}

.bl_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  min-width: 12.5rem;
  padding: 0.9375rem 2.5rem;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  border-radius: 3.125rem;
  transition: all 0.3s ease;
  font-size: 1rem;
}
@media screen and (max-width: 767px) {
  .bl_btn {
    font-size: 0.875rem;
  }
}
@media screen and (min-width: 1200px) {
  .bl_btn {
    font-size: 1rem;
  }
}
@media screen and (min-width: 992px) {
  .bl_btn {
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 1400px) {
  .bl_btn {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 1600px) {
  .bl_btn {
    font-size: 1.375rem;
  }
}
.bl_btn--gradient {
  color: #fbfbfb;
  background: linear-gradient(135deg, rgba(131, 237, 111, 0.9) 0%, rgba(0, 133, 199, 0.9) 100%);
}
.bl_btn--gradient:hover {
  transform: translateY(-0.125rem);
  box-shadow: 0 0.3125rem 0.9375rem rgba(0, 0, 0, 0.2);
}
.bl_btn--arrow {
  color: #283129;
  background: #fff;
  position: relative;
}
.bl_btn--arrow::after {
  content: "";
  width: 1.875rem;
  height: 0.625rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 10'%3E%3Cpath d='M0 5h28M23 0l5 5-5 5' stroke='%23fff' stroke-width='2' fill='none'/%3E%3C/svg%3E") no-repeat center;
}
.bl_btn--arrow:hover {
  transform: translateY(-0.125rem);
  box-shadow: 0 0.3125rem 0.9375rem rgba(0, 0, 0, 0.1);
}
.bl_btn--entryLarge {
  min-width: 17.5rem;
  padding: 1.25rem 3.75rem;
  color: #283129;
  background: #fff;
  font-size: 2.5rem;
}
.bl_btn--entryLarge:hover {
  transform: scale(1.05);
  box-shadow: 0 0.625rem 1.875rem rgba(0, 0, 0, 0.3);
}
@media screen and (min-width: 1200px) {
  .bl_btn--entryLarge {
    min-width: auto;
    padding: 0.625rem 7.5rem;
    font-size: 2.5rem;
    height: 4.5rem;
  }
  .bl_btn--entryLarge:hover {
    transform: scale(1.05);
    box-shadow: 0 0.625rem 1.875rem rgba(0, 0, 0, 0.3);
  }
}
.bl_btn--primary {
  color: #fbfbfb;
  background: #0085c7;
}
.bl_btn--primary:hover {
  background: #064571;
  transform: translateY(-0.125rem);
  box-shadow: 0 0.3125rem 0.9375rem rgba(0, 0, 0, 0.2);
}

.u_pc {
  display: none !important;
}
@media screen and (min-width: 1200px) {
  .u_pc {
    display: block !important;
  }
}

.u_sp {
  display: block !important;
}
@media screen and (min-width: 1200px) {
  .u_sp {
    display: none !important;
  }
}

.is-visible {
  animation: fadeInUp 0.6s ease forwards;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(1.875rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes bgTextLoop {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-33.33%);
  }
}
.sec_frontCompanyinfo {
  position: relative;
  padding: 2.5rem 0;
  overflow: hidden;
}
@media screen and (min-width: 1200px) {
  .sec_frontCompanyinfo {
    padding: 6.25rem 0;
  }
}
.sec_frontCompanyinfo__inner {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 3.125rem;
}
@media screen and (min-width: 1200px) {
  .sec_frontCompanyinfo__inner {
    padding: 0 10rem;
    gap: 7.5rem;
  }
}
.sec_frontCompanyinfo__block {
  position: relative;
}
.sec_frontCompanyinfo__block::after {
  content: "";
  position: absolute;
  top: 40%;
  left: 1.25rem;
  right: 0;
  bottom: 0;
  background-color: #f5f5f5;
  background-image: radial-gradient(circle, #dcdcdc 0.03125rem, transparent 0.03125rem);
  background-size: 1.25rem 1.25rem;
  border-radius: 1.875rem 0 0 1.875rem;
  z-index: 0;
}
@media screen and (min-width: 1200px) {
  .sec_frontCompanyinfo__block::after {
    background-image: radial-gradient(circle, #dcdcdc 0.0875rem, transparent 0.0875rem);
  }
}
.sec_frontCompanyinfo__block--reverse::after {
  left: 1.25rem;
  right: 0;
  border-radius: 1.875rem 0 0 1.875rem;
}
@media screen and (min-width: 1200px) {
  .sec_frontCompanyinfo__block {
    display: grid;
    grid-template-columns: 45% 55%;
    grid-template-rows: auto auto;
    min-height: 34.375rem;
  }
  .sec_frontCompanyinfo__block::after {
    top: 35.5%;
    left: 0;
    right: -40px;
    bottom: 70px;
    background-image: radial-gradient(circle, #dcdcdc 0.04375rem, transparent 0.04375rem);
    background-size: 1.875rem 1.875rem;
    border-radius: 50px;
  }
}
@media screen and (min-width: 1200px) and (min-width: 1200px) {
  .sec_frontCompanyinfo__block::after {
    background-image: radial-gradient(circle, #dcdcdc 0.0875rem, transparent 0.0875rem);
  }
}
@media screen and (min-width: 1200px) {
  .sec_frontCompanyinfo__block--reverse {
    grid-template-columns: 55% 45%;
  }
  .sec_frontCompanyinfo__block--reverse::after {
    left: -5rem;
    right: 10rem;
    border-radius: 50px;
  }
}
.sec_frontCompanyinfo__img {
  position: relative;
  z-index: 1;
  margin-right: 1.25rem;
}
@media screen and (min-width: 1200px) {
  .sec_frontCompanyinfo__img {
    grid-column: 1;
    grid-row: 1/3;
    margin-left: -10rem;
    margin-right: 0;
    display: flex;
    align-items: stretch;
  }
}
.sec_frontCompanyinfo__block--reverse .sec_frontCompanyinfo__img {
  margin-right: 1.25rem;
  margin-left: 0;
}
@media screen and (min-width: 1200px) {
  .sec_frontCompanyinfo__block--reverse .sec_frontCompanyinfo__img {
    grid-column: 2;
    margin-left: 0;
    margin-right: -10rem;
  }
}
.sec_frontCompanyinfo__img img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 715/480;
  border-radius: 0 1.875rem 1.875rem 0;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 1200px) {
  .sec_frontCompanyinfo__img img {
    aspect-ratio: auto;
    max-height: 28.125rem;
    border-radius: 0 1.25rem 1.25rem 0;
  }
}
.sec_frontCompanyinfo__block--reverse .sec_frontCompanyinfo__img img {
  border-radius: 0 1.875rem 1.875rem 0;
}
@media screen and (min-width: 1200px) {
  .sec_frontCompanyinfo__block--reverse .sec_frontCompanyinfo__img img {
    border-radius: 1.25rem 0 0 1.25rem;
  }
}
.sec_frontCompanyinfo__body {
  position: relative;
  z-index: 2;
  padding: 0 0rem;
}
@media screen and (min-width: 1200px) {
  .sec_frontCompanyinfo__body {
    grid-column: 2;
    grid-row: 1/3;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-left: 50px;
    padding: 0;
  }
}
@media screen and (min-width: 1200px) {
  .sec_frontCompanyinfo__block--reverse .sec_frontCompanyinfo__body {
    grid-column: 1;
    grid-row: 1/3;
    margin-left: 0;
    margin-right: -5rem;
  }
}
.sec_frontCompanyinfo__titleWrap {
  position: relative;
  z-index: 3;
  margin-top: -6.25rem;
}
@media screen and (min-width: 1200px) {
  .sec_frontCompanyinfo__titleWrap {
    margin-top: 0;
  }
}
.sec_frontCompanyinfo__title {
  font-family: "Roboto", "Oswald", "M PLUS 2", sans-serif;
  font-weight: 700;
  line-height: 0.85;
  text-transform: uppercase;
  color: #fff;
  font-size: 3.125rem;
  padding-top: 19.5px;
}
@media screen and (min-width: 1200px) {
  .sec_frontCompanyinfo__title {
    font-size: 7.25rem;
    line-height: 0.9;
    padding-top: 0px;
  }
}
.sec_frontCompanyinfo__subTitle {
  padding: 0 0 0 3.125rem;
  margin-top: -0.625rem;
}
@media screen and (min-width: 1200px) {
  .sec_frontCompanyinfo__subTitle {
    margin-top: -1.5625rem;
    padding-left: 0;
  }
}
.sec_frontCompanyinfo__subTitle img {
  display: block;
  width: 7.5rem;
  height: auto;
  transform: rotate(-2.37deg);
}
@media screen and (min-width: 1200px) {
  .sec_frontCompanyinfo__subTitle img {
    width: 16.875rem;
  }
}
@media screen and (min-width: 1200px) {
  .sec_frontCompanyinfo__block:not(.sec_frontCompanyinfo__block--reverse) .sec_frontCompanyinfo__subTitle img {
    width: 15rem;
  }
}
.sec_frontCompanyinfo__block--reverse .sec_frontCompanyinfo__subTitle img {
  width: 10rem;
}
@media screen and (min-width: 1200px) {
  .sec_frontCompanyinfo__block--reverse .sec_frontCompanyinfo__subTitle img {
    width: 20.625rem;
  }
}
.sec_frontCompanyinfo__content {
  position: relative;
  padding: 3.125rem 1.25rem;
  text-align: center;
}
@media screen and (min-width: 1200px) {
  .sec_frontCompanyinfo__content {
    padding: 10px 0;
    margin-top: 1.875rem;
    text-align: left;
  }
}
.sec_frontCompanyinfo__text {
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-weight: 700;
  color: #31473f;
  font-size: 1.125rem;
  letter-spacing: 0.1125rem;
  line-height: 1.5;
  margin-bottom: 3.125rem;
  margin-left: 1.875rem;
  text-align: left;
}
@media screen and (min-width: 1200px) {
  .sec_frontCompanyinfo__text {
    font-size: 1.25rem;
    letter-spacing: 0.05625rem;
    margin-bottom: 0.9375rem;
    margin-left: 0rem;
  }
}
.sec_frontCompanyinfo__btn {
  display: inline-flex;
  align-items: center;
  gap: 1.25rem;
  padding: 0.875rem 3.125rem;
  background: linear-gradient(90deg, rgba(131, 237, 111, 0.9) 0%, rgba(0, 133, 199, 0.9) 101.08%);
  border-radius: 6.25rem;
  text-decoration: none;
  font-weight: 700;
  font-size: 1rem;
  color: #fff;
  transition: opacity 0.3s ease;
}
@media screen and (min-width: 1200px) {
  .sec_frontCompanyinfo__btn {
    gap: 0.625rem;
    padding: 0.625rem 2.5rem;
    border-radius: 3.125rem;
  }
}
.sec_frontCompanyinfo__btn span {
  white-space: nowrap;
}
.sec_frontCompanyinfo__btn img {
  width: 1.25rem;
  height: 0.5rem;
  transition: transform 0.3s ease;
}
@media screen and (min-width: 1200px) {
  .sec_frontCompanyinfo__btn img {
    width: 0.9375rem;
    height: 0.3125rem;
  }
}
.sec_frontCompanyinfo__btn:hover {
  opacity: 0.8;
}
.sec_frontCompanyinfo__btn:hover img {
  transform: translateX(0.3125rem);
}

.bl_movieModal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.bl_movieModal.is-active {
  opacity: 1;
  visibility: visible;
}
.bl_movieModal__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.8);
}
.bl_movieModal__content {
  position: relative;
  width: 90%;
  z-index: 1;
}
@media screen and (min-width: 1200px) {
  .bl_movieModal__content {
    width: 90%;
    max-width: 60rem;
  }
}
.bl_movieModal__close {
  position: absolute;
  top: -2.8125rem;
  right: 0;
  background: none;
  border: none;
  color: #fff;
  font-size: 2.25rem;
  cursor: pointer;
  line-height: 1;
  transition: opacity 0.3s ease;
}
.bl_movieModal__close:hover {
  opacity: 0.7;
}
.bl_movieModal__iframeWrap {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  border-radius: 0.625rem;
  overflow: hidden;
}
.bl_movieModal__iframeWrap iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.sec_singleInterview {
  overflow: hidden;
}
@media screen and (min-width: 1200px) {
  .sec_singleInterview {
    padding: 0 0 6.25rem 0;
  }
}
.sec_singleInterview__hero {
  padding: 9.375rem 0.625rem 1.25rem;
}
@media screen and (min-width: 768px) {
  .sec_singleInterview__hero {
    padding: 6.25rem 1.25rem 0;
  }
}
@media screen and (min-width: 1200px) {
  .sec_singleInterview__hero {
    padding: 12.5rem 0 1.25rem;
  }
}
.sec_singleInterview__heroInner {
  max-width: 90rem;
  margin: 0 auto;
}
@media screen and (min-width: 1200px) {
  .sec_singleInterview__heroInner {
    padding: 0 10rem;
  }
}
.sec_singleInterview__heroTitle {
  font-family: "Roboto", "Oswald", "M PLUS 2", sans-serif;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  color: #fff;
  font-size: 2.875rem;
}
@media screen and (min-width: 768px) {
  .sec_singleInterview__heroTitle {
    font-size: 4rem;
  }
}
@media screen and (min-width: 1200px) {
  .sec_singleInterview__heroTitle {
    font-size: 5.75rem;
  }
}
.sec_singleInterview__meta {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-top: 1.25rem;
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-weight: 700;
  color: #283129;
  letter-spacing: 0.075rem;
  line-height: 2;
}
@media screen and (min-width: 1200px) {
  .sec_singleInterview__meta {
    margin-top: 1.875rem;
    gap: 1rem;
  }
}
.sec_singleInterview__metaName {
  font-size: 1.125rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .sec_singleInterview__metaName {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 1200px) {
  .sec_singleInterview__metaName {
    font-size: 1.5rem;
  }
}
.sec_singleInterview__metaDivider {
  width: 0.0625rem;
  height: 1.25rem;
  background: #283129;
}
@media screen and (min-width: 1200px) {
  .sec_singleInterview__metaDivider {
    height: 1.6875rem;
  }
}
.sec_singleInterview__metaDept {
  font-size: 1.125rem;
}
@media screen and (min-width: 768px) {
  .sec_singleInterview__metaDept {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 1200px) {
  .sec_singleInterview__metaDept {
    font-size: 1.5rem;
  }
}
.sec_singleInterview__mainVisual {
  position: relative;
  margin-top: 1.25rem;
  border-radius: 0.9375rem;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .sec_singleInterview__mainVisual {
    border-radius: 1.25rem;
  }
}
@media screen and (min-width: 1200px) {
  .sec_singleInterview__mainVisual {
    margin-top: 1.875rem;
    border-radius: 3.125rem;
  }
}
.sec_singleInterview__mainImg {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 680/340;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 1200px) {
  .sec_singleInterview__mainImg {
    aspect-ratio: 1120/560;
  }
}
.sec_singleInterview__mainTitleWrap {
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  width: 70%;
}
@media screen and (min-width: 1200px) {
  .sec_singleInterview__mainTitleWrap {
    bottom: 1.875rem;
    left: 1.875rem;
    width: 90%;
  }
}
.sec_singleInterview__mainTitle {
  display: inline;
  padding: 0.25rem 0.75rem;
  background: #fff;
  border-radius: 0.375rem;
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-weight: 700;
  color: #31473f;
  line-height: 2.2;
  letter-spacing: 0.0625rem;
  font-size: 1rem;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
@media screen and (min-width: 768px) {
  .sec_singleInterview__mainTitle {
    padding: 0.25rem 1rem;
    border-radius: 0.5rem;
    font-size: 1.5rem;
    letter-spacing: 0.09375rem;
  }
}
@media screen and (min-width: 1200px) {
  .sec_singleInterview__mainTitle {
    display: inline-block;
    padding: 0.25rem 1.5rem;
    border-radius: 0.625rem;
    font-size: 2.5rem;
    line-height: 2;
    letter-spacing: 0.125rem;
    box-decoration-break: initial;
    -webkit-box-decoration-break: initial;
  }
}
.sec_singleInterview__body {
  position: relative;
  padding: 2.5rem 1.25rem;
}
@media screen and (min-width: 768px) {
  .sec_singleInterview__body {
    padding: 3.75rem 2.5rem;
  }
}
@media screen and (min-width: 1200px) {
  .sec_singleInterview__body {
    padding: 5rem 0 6.25rem;
    max-width: 90rem;
    margin: 0 auto;
  }
}
.sec_singleInterview__body::before {
  content: "";
  position: absolute;
  top: 0.625rem;
  bottom: 0.625rem;
  left: 0.5rem;
  right: 0.5rem;
  background-color: #f5f5f5;
  background-image: radial-gradient(circle, #dcdcdc 0.04375rem, transparent 0.04375rem);
  background-size: 1.25rem 1.25rem;
  border-radius: 1.25rem;
  z-index: 0;
}
@media screen and (min-width: 768px) {
  .sec_singleInterview__body::before {
    top: 1.25rem;
    bottom: 1.25rem;
    left: 1.25rem;
    right: 1.25rem;
    background-size: 1.5625rem 1.5625rem;
    border-radius: 1.875rem;
  }
}
@media screen and (min-width: 1200px) {
  .sec_singleInterview__body::before {
    top: 1.875rem;
    bottom: 1.875rem;
    left: 10rem;
    right: 10rem;
    border-radius: 3.125rem;
    background-image: radial-gradient(circle, #dcdcdc 0.0875rem, transparent 0.0875rem);
  }
}
.sec_singleInterview__bodyInner {
  position: relative;
  z-index: 1;
  max-width: 90rem;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .sec_singleInterview__bodyInner {
    padding: 0 2.5rem;
  }
}
@media screen and (min-width: 1200px) {
  .sec_singleInterview__bodyInner {
    padding: 0 13.75rem;
  }
}
.sec_singleInterview__section {
  margin-bottom: 2.5rem;
}
@media screen and (min-width: 768px) {
  .sec_singleInterview__section {
    margin-bottom: 3.125rem;
  }
}
@media screen and (min-width: 1200px) {
  .sec_singleInterview__section {
    margin-bottom: 3.75rem;
  }
}
.sec_singleInterview__section:last-child {
  margin-bottom: 0;
}
.sec_singleInterview__heading {
  margin-bottom: 1.25rem;
  text-align: left;
}
@media screen and (min-width: 1200px) {
  .sec_singleInterview__heading {
    margin-bottom: 1.875rem;
    text-align: left;
  }
}
.sec_singleInterview__headingText {
  display: inline;
  padding: 0.25rem 0.875rem;
  background: linear-gradient(101.08deg, #c0ffc2 0%, #c0eeff 100%);
  border-radius: 0.625rem;
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-weight: 700;
  color: #31473f;
  line-height: 2.4;
  letter-spacing: 0.0625rem;
  font-size: 1rem;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
@media screen and (min-width: 768px) {
  .sec_singleInterview__headingText {
    padding: 0.25rem 1.125rem;
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 1200px) {
  .sec_singleInterview__headingText {
    display: inline-block;
    padding: 0.25rem 1.5rem;
    font-size: 1.5rem;
    line-height: 2;
    box-decoration-break: initial;
    -webkit-box-decoration-break: initial;
  }
}
.sec_singleInterview__content {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
@media screen and (min-width: 768px) {
  .sec_singleInterview__content {
    gap: 1.875rem;
  }
}
@media screen and (min-width: 1200px) {
  .sec_singleInterview__content {
    flex-direction: row;
    align-items: flex-start;
    gap: 2.5rem;
  }
}
@media screen and (min-width: 1200px) {
  .sec_singleInterview__section--reverse .sec_singleInterview__content {
    flex-direction: row-reverse;
  }
}
.sec_singleInterview__text {
  flex: 1;
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-weight: 500;
  color: #31473f;
  font-size: 0.875rem;
  line-height: 2;
  letter-spacing: 0.05rem;
}
@media screen and (min-width: 768px) {
  .sec_singleInterview__text {
    font-size: 0.9375rem;
  }
}
@media screen and (min-width: 1200px) {
  .sec_singleInterview__text {
    font-size: 1rem;
  }
}
.sec_singleInterview__text p {
  margin: 0 0 1rem;
}
.sec_singleInterview__text p:last-child {
  margin-bottom: 0;
}
.sec_singleInterview__image {
  flex-shrink: 0;
  order: -1;
  width: 100%;
  aspect-ratio: 622/360;
  border-radius: 0.9375rem;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .sec_singleInterview__image {
    border-radius: 1.125rem;
  }
}
@media screen and (min-width: 1200px) {
  .sec_singleInterview__image {
    order: 0;
    width: 31.4375rem;
    aspect-ratio: auto;
    max-height: 22.5rem;
    border-radius: 1.25rem;
  }
}
.sec_singleInterview__image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}/*# sourceMappingURL=app.css.map */