@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=M+PLUS+1:wght@100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans+JP:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Zen+Kaku+Gothic+New&family=Zen+Maru+Gothic&display=swap");
.top_layer {
  position: fixed;
  z-index: 4;
  width: 100%;
  height: 100%;
  transition: 0.3s ease;
  pointer-events: none;
}
.top_layer.menu_active {
  background: rgba(198, 52, 26, 0.41);
  backdrop-filter: blur(13.8px);
}

header {
  width: 100%;
  height: clamp(80px, 52.495px + 3.577vw, 104px);
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
  pointer-events: none;
}
header p {
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #4B4B4B;
  font-size: clamp(15px, 13.854px + 0.149vw, 16px);
  line-height: normal;
  letter-spacing: 0.16px;
  z-index: 1;
}
header .header_wrapper {
  width: 90%;
  height: 56px;
  display: flex;
  justify-content: space-between;
  z-index: 999;
}
header .header_wrapper .header_logo {
  opacity: 1;
  width: 98px;
  height: 56px;
  aspect-ratio: 49/18;
  transition: 0.3s ease;
  pointer-events: auto;
}
header .header_wrapper .header_logo img {
  width: 100%;
  height: 100%;
}
header .header_wrapper .header_logo.menu_active {
  opacity: 0;
  pointer-events: none;
}
header .header_wrapper .header_contents {
  display: flex;
  gap: 24px;
  align-items: center;
}
header .header_wrapper .header_contents .entry {
  width: clamp(190px, 162.495px + 3.577vw, 214px);
  aspect-ratio: 214/55;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-radius: 6px;
  border: 1px solid rgba(75, 75, 75, 0.6);
  background: #FFF;
  position: relative;
  overflow: hidden;
  pointer-events: auto;
}
@media screen and (max-width: 768px) {
  header .header_wrapper .header_contents .entry {
    display: none;
  }
}
header .header_wrapper .header_contents .entry svg {
  z-index: 1;
}
header .header_wrapper .header_contents .entry .header_entry_back {
  position: absolute;
  width: 110%;
  height: 120%;
  top: 0;
  opacity: 0;
  transition: 0.3s ease;
  pointer-events: none;
}
header .header_wrapper .header_contents .entry:hover .header_entry_back {
  opacity: 1;
}
header .header_wrapper .header_contents .hamburger_menu {
  width: clamp(55px, 46.978px + 1.043vw, 62px);
  height: clamp(48px, 39.978px + 1.043vw, 55px);
  border-radius: 4px;
  background: #FFF;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 10px;
  border: 1px solid rgba(75, 75, 75, 0.6);
  gap: clamp(3px, 0.708px + 0.298vw, 5px);
  pointer-events: auto;
}
header .header_wrapper .header_contents .hamburger_menu .hamburger_lines {
  display: flex;
  flex-direction: column;
  gap: clamp(8px, 5.708px + 0.298vw, 10px);
  align-items: flex-start;
}
header .header_wrapper .header_contents .hamburger_menu .hamburger_lines .hamburger_line {
  background: #4B4B4B;
  height: 2px;
  transition: transform 0.3s ease;
}
header .header_wrapper .header_contents .hamburger_menu .hamburger_lines .hamburger_line:nth-child(1) {
  width: clamp(38px, 31.124px + 0.894vw, 44px);
}
header .header_wrapper .header_contents .hamburger_menu .hamburger_lines .hamburger_line:nth-child(2) {
  width: clamp(27px, 22.416px + 0.596vw, 31px);
}
header .header_wrapper .header_contents .hamburger_menu .hamburger_text {
  font-size: clamp(13px, 11.854px + 0.149vw, 14px);
}
header .header_wrapper .header_contents .hamburger_menu .hamburger_text::before {
  content: "MENU";
  transition: opacity 0.2s ease;
}
header .header_wrapper .header_contents .hamburger_menu.active .hamburger_line:nth-child(1) {
  transform: rotate(20deg) translate(2px, 5px);
}
header .header_wrapper .header_contents .hamburger_menu.active .hamburger_line:nth-child(2) {
  width: clamp(38px, 31.124px + 0.894vw, 44px);
  transform: rotate(-20deg) translate(2px, -5px);
}
header .header_wrapper .header_contents .hamburger_menu.active .hamburger_text::before {
  content: "CLOSE";
}
header .header_wrapper.menu_active {
  pointer-events: none;
}
header .hamburger_open {
  top: 0;
  width: 50%;
  height: 100vh;
  max-width: 652px;
  position: fixed;
  right: 0;
  z-index: 3;
  display: flex;
  justify-content: center;
  transform: translateX(100%);
  transition: transform 0.4s ease, opacity 0.4s ease;
  pointer-events: auto;
}
@media screen and (max-width: 768px) {
  header .hamburger_open {
    width: 100%;
    max-width: none;
  }
}
header .hamburger_open.active {
  transform: translateX(0);
}
header .hamburger_open .hamburger_back {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
header .hamburger_open .hamburger_wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 45px;
  z-index: 1;
  padding: 0 clamp(25px, -60.714px + 11.161vw, 100px);
  margin-top: 110px;
}
header .hamburger_open .hamburger_wrapper .hamburger_content_container {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
header .hamburger_open .hamburger_wrapper .hamburger_content {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
header .hamburger_open .hamburger_wrapper .hamburger_content.right {
  width: 30%;
}
@media screen and (max-width: 1280px) {
  header .hamburger_open .hamburger_wrapper .hamburger_content.right {
    width: 34%;
  }
}
header .hamburger_open .hamburger_wrapper .hamburger_content .title {
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: transparent;
  font-size: 18px;
  font-style: normal;
  line-height: 20px; /* 100% */
  letter-spacing: 0.54px;
  overflow: hidden;
  transition: text-shadow 0.3s;
  text-shadow: 0 1.5em 0 #FFF, 0 0 0 #FFF;
}
header .hamburger_open .hamburger_wrapper .hamburger_content .title:hover {
  text-shadow: 0 0 0 #FFF, 0 -1.5em 0 #FFF;
}
header .hamburger_open .hamburger_wrapper .hamburger_content .content_detail {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding-left: 10px;
  border-left: 1px solid rgba(255, 255, 255, 0.6);
  gap: 10px;
}
header .hamburger_open .hamburger_wrapper .hamburger_content .content_detail p {
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: transparent;
  font-size: 13px;
  font-style: normal;
  line-height: 1;
  letter-spacing: 0.13px;
  overflow: hidden;
  transition: text-shadow 0.3s;
  text-shadow: 0 1.5em 0 rgba(255, 255, 255, 0.6), 0 0 0 rgba(255, 255, 255, 0.6);
}
@media screen and (max-width: 1280px) {
  header .hamburger_open .hamburger_wrapper .hamburger_content .content_detail p {
    font-size: 12px;
  }
}
header .hamburger_open .hamburger_wrapper .hamburger_content .content_detail p:hover {
  text-shadow: 0 0 0 rgba(255, 255, 255, 0.6), 0 -1.5em 0 rgba(255, 255, 255, 0.6);
}
header .hamburger_open .hamburger_wrapper .hamburger_logo_link {
  width: 100%;
  display: flex;
  justify-content: center;
}
header .hamburger_open .hamburger_wrapper .hamburger_logo_link .hamburger_logo {
  width: 167px;
  aspect-ratio: 167/86;
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  header .hamburger_open .hamburger_wrapper .hamburger_logo_link .hamburger_logo {
    margin-top: 10px;
  }
}
header .hamburger_open .hamburger_wrapper.pc {
  display: flex;
  gap: clamp(20px, -67.5px + 15.625vh, 45px);
}
header .hamburger_open .hamburger_wrapper.pc .hamburger_logo_link .hamburger_logo {
  margin-top: clamp(0px, -210px + 37.5vh, 60px);
}
@media screen and (max-width: 768px) {
  header .hamburger_open .hamburger_wrapper.pc {
    display: none;
  }
}
header .hamburger_open .hamburger_wrapper.sp {
  display: none;
}
@media screen and (max-width: 768px) {
  header .hamburger_open .hamburger_wrapper.sp {
    margin-top: 0;
    display: flex;
    flex-direction: column;
    gap: clamp(15px, -57.896px + 10.929vh, 35px);
    padding: clamp(35px, -129.016px + 24.59vw, 80px) clamp(60px, -121.298px + 48.346vw, 250px) 20px;
    align-items: flex-start;
  }
  header .hamburger_open .hamburger_wrapper.sp .title {
    font-size: 16px;
  }
  header .hamburger_open .hamburger_wrapper.sp .hamburger_logo {
    width: clamp(120px, -51.306px + 25.683vh, 167px);
    margin: 0 auto;
  }
}

footer {
  width: 100%;
  background: #272626;
  display: flex;
  justify-content: center;
  padding: 44px 0 33px;
}
@media screen and (max-width: 768px) {
  footer {
    padding-bottom: 55px;
  }
}
footer .footer_wrapper {
  width: 86%;
  max-width: 1357px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media screen and (max-width: 768px) {
  footer .footer_wrapper {
    width: clamp(90%, 217.388px + 23.747vw, 400px);
  }
}
footer .footer_wrapper .footer_content {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  footer .footer_wrapper .footer_content {
    flex-direction: column;
    gap: 42px;
  }
}
footer .footer_wrapper .footer_content .left_content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
footer .footer_wrapper .footer_content .left_content .footer_logo {
  width: clamp(285px, 210.507px + 9.687vw, 350px);
  aspect-ratio: 70/19;
}
footer .footer_wrapper .footer_content .left_content .footer_logo img {
  width: 100%;
  height: 100%;
}
footer .footer_wrapper .footer_content .left_content .entry {
  width: clamp(285px, 210.507px + 9.687vw, 350px);
  padding: 20px 23px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.1);
  transition: 0.3s ease;
}
footer .footer_wrapper .footer_content .left_content .entry p {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #FFF;
  font-size: 15px;
  line-height: 15px;
  opacity: 1;
}
footer .footer_wrapper .footer_content .left_content .entry svg {
  width: 25px;
  height: 25px;
  flex-shrink: 0;
}
footer .footer_wrapper .footer_content .left_content .entry:hover {
  opacity: 0.4;
}
footer .footer_wrapper .footer_content .footer_anchor {
  width: clamp(310px, 183.934px + 16.393vw, 420px);
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  footer .footer_wrapper .footer_content .footer_anchor {
    width: 100%;
  }
}
footer .footer_wrapper .footer_content .footer_anchor .anchor_container {
  display: flex;
  flex-direction: column;
  gap: 28px;
}
footer .footer_wrapper .footer_content .footer_anchor .anchor_container .anchor {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
footer .footer_wrapper .footer_content .footer_anchor .anchor_container .anchor a {
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  overflow: hidden;
  color: transparent;
  transition: text-shadow 0.3s;
}
footer .footer_wrapper .footer_content .footer_anchor .anchor_container .anchor .anchor_title {
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal; /* 100% */
  letter-spacing: 0.54px;
  text-shadow: 0 1.5em 0 #FFF, 0 0 0 #FFF;
}
footer .footer_wrapper .footer_content .footer_anchor .anchor_container .anchor .anchor_sub {
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.13px;
  text-shadow: 0 1.5em 0 rgba(255, 255, 255, 0.6), 0 0 0 rgba(255, 255, 255, 0.6);
}
footer .footer_wrapper .footer_content .footer_anchor .anchor_container .anchor .anchor_title:hover {
  text-shadow: 0 0 0 #FFF, 0 -1.5em 0 #FFF;
}
footer .footer_wrapper .footer_content .footer_anchor .anchor_container .anchor .anchor_sub:hover {
  text-shadow: 0 0 0 rgba(255, 255, 255, 0.6), 0 -1.5em 0 rgba(255, 255, 255, 0.6);
}
footer .footer_wrapper .copy_right {
  width: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  justify-content: space-between;
  padding-top: 14px;
}
footer .footer_wrapper .copy_right p {
  color: rgba(255, 255, 255, 0.2);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
footer .footer_wrapper .copy_right .corporate {
  display: flex;
  align-items: center;
}
footer .footer_wrapper .copy_right .corporate svg {
  width: 14px;
  height: 14px;
  aspect-ratio: 1/1;
}

/* ===== ページ別カラー ===== */
.fv--red {
  --fv-bg-color: #C6341A;
}

.fv--green {
  --fv-bg-color: #33955C;
}

.fv--yellow {
  --fv-bg-color: #E4D723;
}

.fv {
  position: relative;
  width: 100%;
  height: 550px;
  overflow: hidden;
}
.fv .fv_bg {
  height: 100%;
  position: relative;
  z-index: -1;
  background: var(--fv-bg-color);
}
.fv .fv_bg .fv_wrapper {
  position: relative;
  width: 104%;
  height: 100%;
}
.fv .fv_bg .fv_polygon_img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.fv .fv_bg .fv_img {
  position: absolute;
  width: 100%;
  height: 110%;
  object-fit: cover;
  object-position: center;
  display: block;
  bottom: -50px;
}
.fv .fv_title {
  position: absolute;
  top: 151px;
  left: 23%;
  transform: translateX(-50%);
}
@media screen and (max-width: 1280px) {
  .fv .fv_title {
    left: 6%;
    transform: unset;
  }
}
@media screen and (max-width: 768px) {
  .fv .fv_title {
    top: 420px;
    left: 0;
    right: 0;
    transform: initial;
  }
}
.fv .fv_title h1 {
  color: #FFF;
  text-shadow: 10px 8px 8px rgba(87, 87, 87, 0.25);
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 100px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -5px;
}
@media screen and (max-width: 768px) {
  .fv .fv_title h1 {
    text-align: center;
    color: #FFF;
    text-shadow: 10px 8px 8px rgba(87, 87, 87, 0.25);
    font-family: Poppins;
    font-size: 50px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -1.5px;
  }
}
.fv .fv_title p {
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #FFF;
  text-align: center;
  font-size: 30px;
  letter-spacing: 0.6px;
}
@media screen and (max-width: 768px) {
  .fv .fv_title p {
    color: #FFF;
    text-align: center;
    font-family: "Noto Sans JP";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.4px;
    position: relative;
    top: -18px;
  }
}
.fv .pankuzu_list {
  position: absolute;
  bottom: 20px;
  left: 68px;
  display: flex;
  gap: 5px;
}
@media screen and (max-width: 768px) {
  .fv .pankuzu_list {
    left: 12px;
    bottom: 9px;
  }
}
.fv .pankuzu_list a, .fv .pankuzu_list p {
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #FFF;
  text-align: center;
  font-size: 16px;
  letter-spacing: 0.4px;
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .fv .pankuzu_list a, .fv .pankuzu_list p {
    font-size: 14px;
    letter-spacing: 0.32px;
  }
}

#top {
  width: 100%;
  position: relative;
  overflow-x: hidden;
}
#top .top_back {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -5;
  top: 0;
}
#top .top_fv {
  width: 100%;
  height: 100vh;
  position: relative;
  z-index: 0;
  background: #C6341A;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
}
#top .top_fv .fv_images {
  position: absolute;
  inset: 0;
}
#top .top_fv .fv_images .back {
  width: 100%;
  height: 108%;
  position: absolute;
  top: 0;
  z-index: -1;
  object-fit: cover;
  opacity: 0;
  scale: 1.1;
}
@media screen and (max-width: 768px) {
  #top .top_fv .fv_images .back {
    height: 80%;
  }
}
#top .top_fv .fv_images .layer {
  width: 100%;
  height: 108%;
  object-fit: cover;
  opacity: 0;
  scale: 1.1;
}
@media screen and (max-width: 768px) {
  #top .top_fv .fv_images .layer {
    scale: 1.2;
    height: 73%;
  }
}
#top .top_fv .fv_images:nth-child(3) .back {
  object-position: 40% 50%;
  left: 5%;
  top: -10%;
}
#top .top_fv .fv_images:nth-child(3) .layer {
  object-position: 40% 50%;
  transform: translate(4%, -6.5%);
}
#top .top_fv .fv_images:nth-child(1) .back {
  object-position: 40% 50%;
  left: 7%;
  top: -10%;
}
#top .top_fv .fv_images:nth-child(1) .layer {
  object-position: 40% 50%;
  transform: translate(6%, -6.5%);
}
#top .top_fv .fv_images:nth-child(2) .back {
  width: 109%;
  object-position: 71% 50%;
  top: -11%;
  left: -4%;
}
#top .top_fv .fv_images:nth-child(2) .layer {
  width: 109%;
  object-position: 71% 50%;
  transform: translate(-9%, -6.5%);
}
#top .top_fv .fv_images:nth-child(3).active .back {
  animation: back1 5s;
}
#top .top_fv .fv_images:nth-child(3).active .layer {
  animation: layer1 5s;
}
#top .top_fv .fv_images:nth-child(1).active .back {
  animation: back2 5s;
}
#top .top_fv .fv_images:nth-child(1).active .layer {
  animation: layer2 5s;
}
#top .top_fv .fv_images:nth-child(2).active .back {
  animation: back3 5s;
}
#top .top_fv .fv_images:nth-child(2).active .layer {
  animation: layer3 5s;
}
@keyframes back1 {
  0% {
    transform: rotate(-90deg);
    opacity: 0;
  }
  10% {
    transform: rotate(5deg);
    opacity: 1;
  }
  15% {
    transform: rotate(0);
    opacity: 1;
  }
  90% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(100px);
    opacity: 0;
  }
}
@keyframes layer1 {
  0% {
    transform: translate(10%, -6.5%);
    opacity: 0;
  }
  10% {
    transform: translate(4%, -6.5%);
    opacity: 1;
  }
  90% {
    transform: translate(4%, -6.5%);
    opacity: 1;
  }
  100% {
    transform: translate(10%, -6.5%);
    opacity: 0;
  }
}
@keyframes back2 {
  0% {
    transform: translateX(-100px);
    opacity: 0;
  }
  10% {
    transform: translateX(0);
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes layer2 {
  0% {
    transform: translate(0%, -6.5%);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  20% {
    transform: translate(6%, -6.5%);
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes back3 {
  0% {
    transform: rotate(90deg);
    opacity: 0;
  }
  10% {
    transform: rotate(-5deg);
    opacity: 1;
  }
  15% {
    transform: rotate(0);
    opacity: 1;
  }
  90% {
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes layer3 {
  0% {
    transform: translate(-15%, -6.5%);
    opacity: 0;
  }
  10% {
    transform: translate(-9%, -6.5%);
    opacity: 1;
  }
  90% {
    transform: translate(-9%, -6.5%);
    opacity: 1;
  }
  100% {
    transform: translate(-15%, -6.5%);
    opacity: 0;
  }
}
#top .top_fv .fv_content {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0 clamp(30px, -4.382px + 4.471vw, 60px);
  margin-top: auto;
  z-index: 3;
  position: relative;
}
@media screen and (max-width: 768px) {
  #top .top_fv .fv_content {
    padding: 0 20px;
  }
}
#top .top_fv .fv_content .fv_title {
  width: 100%;
}
#top .top_fv .fv_content .fv_title .sub_title {
  font-family: "M PLUS 1", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  color: #FFF;
  font-size: clamp(25px, 12.393px + 1.639vw, 36px);
  line-height: normal;
  letter-spacing: 2.16px;
}
@media screen and (max-width: 768px) {
  #top .top_fv .fv_content .fv_title .sub_title {
    font-size: clamp(22px, 18.905px + 0.794vw, 25px);
  }
}
#top .top_fv .fv_content .fv_title .sub_title span {
  text-shadow: 0 4px 8px rgba(102, 102, 102, 0.25);
  font-size: clamp(35px, 21.247px + 1.788vw, 47px);
  letter-spacing: 2.82px;
}
@media screen and (max-width: 768px) {
  #top .top_fv .fv_content .fv_title .sub_title span {
    font-size: clamp(27px, 19.165px + 2.062vw, 35px);
  }
}
#top .top_fv .fv_content .fv_title .main_title {
  display: flex;
  gap: 15px;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  #top .top_fv .fv_content .fv_title .main_title {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    padding-bottom: 20px;
    margin-top: 10px;
  }
}
#top .top_fv .fv_content .fv_title .main_title p {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #FFF;
  text-shadow: 10px 8px 8px rgba(87, 87, 87, 0.25);
  font-size: clamp(60px, 27.911px + 4.173vw, 88px);
  line-height: normal;
  letter-spacing: -2.64px;
}
#top .top_fv .fv_content .fv_title .main_title .thick {
  font-size: clamp(93px, -6.706px + 12.966vw, 180px);
  letter-spacing: -5.4px;
}
@media screen and (max-width: 768px) {
  #top .top_fv .fv_content .fv_title .main_title .thick {
    font-size: clamp(80px, 124.072px - 11.598vw, 35px);
    letter-spacing: -2.7px;
    line-height: 1;
  }
}
#top .top_fv .fv_content .fv_title .main_title .make {
  display: flex;
  align-items: center;
}
#top .top_fv .fv_content .fv_title .main_title .make svg {
  width: clamp(40px, 28.539px + 1.49vw, 50px);
  height: clamp(80px, 33.012px + 6.11vw, 121px);
}
#top .top_fv .fv_content .fv_title .main_title .the_future {
  width: 100%;
  display: flex;
  align-items: center;
}
@media (max-width: 500px) {
  #top .top_fv .fv_content .fv_title .main_title .the_future {
    flex-direction: column;
    align-items: flex-start;
  }
}
#top .top_fv .fv_content .fv_title .main_title .the_future .the_future_text {
  display: flex;
  gap: 15px;
  align-items: center;
}
#top .top_fv .fv_content .fv_title .main_title .the_future .the_future_text .the {
  margin-top: clamp(15px, -25.112px + 5.216vw, 50px);
}
@media screen and (max-width: 768px) {
  #top .top_fv .fv_content .fv_title .main_title .the_future .the_future_text .the {
    margin-top: 0;
  }
}
#top .top_fv .fv_content .fv_title .main_title .scroll {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 40px 0 0 auto;
}
@media screen and (max-width: 768px) {
  #top .top_fv .fv_content .fv_title .main_title .scroll {
    margin: 0 0 0 auto;
  }
}
#top .top_fv .fv_content .fv_title .main_title .scroll svg {
  width: 30px;
  height: 30px;
  aspect-ratio: 1/1;
}
@media screen and (max-width: 768px) {
  #top .top_fv .fv_content .fv_title .main_title .scroll svg {
    height: clamp(20px, 10.206px + 2.577vw, 30px);
  }
}
#top .top_fv .fv_content .fv_title .main_title .scroll p {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  color: #FFF;
  font-size: 13px;
  line-height: normal;
  letter-spacing: 0.65px;
}
#top .top_about_us {
  width: 100%;
  background: #FFF;
  display: flex;
  justify-content: center;
  padding: 160px 0 180px;
  position: relative;
}
@media screen and (max-width: 1280px) {
  #top .top_about_us {
    padding: 70px 0 180px;
  }
}
#top .top_about_us .polygon {
  position: absolute;
}
@media screen and (max-width: 768px) {
  #top .top_about_us .polygon {
    scale: 0.7;
  }
}
#top .top_about_us .polygon:nth-child(1) {
  top: 5%;
  right: 5%;
}
@media screen and (max-width: 768px) {
  #top .top_about_us .polygon:nth-child(1) {
    top: 50%;
    right: -5%;
  }
}
#top .top_about_us .polygon:nth-child(2) {
  top: 65%;
  left: 4%;
}
@media screen and (max-width: 768px) {
  #top .top_about_us .polygon:nth-child(2) {
    top: 74%;
    left: -8%;
  }
}
#top .top_about_us .polygon:nth-child(3) {
  top: 83%;
  right: 8%;
}
@media screen and (max-width: 768px) {
  #top .top_about_us .polygon:nth-child(3) {
    right: -11%;
  }
}
#top .top_about_us .top_about_us_container {
  width: 90%;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 1280px) {
  #top .top_about_us .top_about_us_container {
    flex-direction: column;
    align-items: center;
  }
}
#top .top_about_us .top_about_us_container .jp {
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #4B4B4B;
}
#top .top_about_us .top_about_us_container .about_message {
  width: 50%;
}
@media screen and (max-width: 1280px) {
  #top .top_about_us .top_about_us_container .about_message {
    width: 80%;
  }
}
@media screen and (max-width: 768px) {
  #top .top_about_us .top_about_us_container .about_message {
    width: 85%;
  }
}
#top .top_about_us .top_about_us_container .about_message .title {
  display: flex;
  flex-direction: column;
}
#top .top_about_us .top_about_us_container .about_message .title .big_title {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #4B4B4B;
  font-size: 70px;
  line-height: normal;
  letter-spacing: -2.1px;
}
@media screen and (max-width: 768px) {
  #top .top_about_us .top_about_us_container .about_message .title .big_title {
    font-size: clamp(56px, 42.289px + 3.608vw, 70px);
  }
}
#top .top_about_us .top_about_us_container .about_message .title .small_title {
  color: #CD0B0B;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 170%; /* 25.5px */
  letter-spacing: 0.75px;
}
#top .top_about_us .top_about_us_container .about_message .title .sub_title {
  font-size: 30px;
  font-style: normal;
  font-weight: 500;
  line-height: 155%;
  letter-spacing: 1.5px;
  margin-top: 5px;
}
#top .top_about_us .top_about_us_container .about_message .title .sub_title span {
  color: #CD0B0B;
}
#top .top_about_us .top_about_us_container .about_message .title .text {
  font-size: 16px;
  font-weight: 400;
  line-height: 180%;
  width: 95%;
}
#top .top_about_us .top_about_us_container .about_message .menu {
  width: 174px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 40px;
}
@media screen and (max-width: 1280px) {
  #top .top_about_us .top_about_us_container .about_message .menu {
    width: 270px;
  }
}
@media screen and (max-width: 768px) {
  #top .top_about_us .top_about_us_container .about_message .menu {
    margin: 40px auto 0;
  }
}
#top .top_about_us .top_about_us_container .about_message .menu .link_button {
  width: 100%;
  padding: 0 0 10px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: solid 1px #E2DFDF;
}
#top .top_about_us .top_about_us_container .about_message .menu .link_button .link_text {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%; /* 28.8px */
  letter-spacing: 0.32px;
  overflow: hidden;
  color: transparent;
  text-shadow: 0 1.5em 0 #4B4B4B, 0 0 0 #4B4B4B;
  transition: text-shadow 0.3s;
}
#top .top_about_us .top_about_us_container .about_message .menu .link_button .link_icon {
  position: relative;
  width: 12px;
  height: 13px;
  overflow: hidden;
}
#top .top_about_us .top_about_us_container .about_message .menu .link_button .link_icon .icon {
  position: absolute;
  width: 12px;
  height: 13px;
  flex-shrink: 0;
  top: 0;
  left: 0;
  aspect-ratio: 12/13.4;
  transition: 0.3s ease;
}
#top .top_about_us .top_about_us_container .about_message .menu .link_button .link_icon .current {
  transform: translateX(0);
}
#top .top_about_us .top_about_us_container .about_message .menu .link_button .link_icon .next {
  transform: translateX(-150%);
}
#top .top_about_us .top_about_us_container .about_message .menu .link_button:hover .link_text {
  text-shadow: 0 0 0 #4B4B4B, 0 -1.5em 0 #4B4B4B;
}
#top .top_about_us .top_about_us_container .about_message .menu .link_button:hover .link_icon .current {
  transform: translateX(150%);
}
#top .top_about_us .top_about_us_container .about_message .menu .link_button:hover .link_icon .next {
  transform: translateX(0);
}
@media screen and (max-width: 1280px) {
  #top .top_about_us .top_about_us_container .about_message .menu .link_button {
    padding: 0 30px 10px;
  }
}
#top .top_about_us .top_about_us_container .image_container {
  position: relative;
  margin-top: 130px;
}
@media screen and (max-width: 1280px) {
  #top .top_about_us .top_about_us_container .image_container {
    margin-top: 70px;
  }
}
@media screen and (max-width: 768px) {
  #top .top_about_us .top_about_us_container .image_container {
    width: 95%;
  }
}
#top .top_about_us .top_about_us_container .image_container .about_image:nth-child(1) {
  width: clamp(400px, -112px + 40vw, 464px);
  aspect-ratio: 464/309;
  border-radius: 10px;
}
@media screen and (max-width: 1280px) {
  #top .top_about_us .top_about_us_container .image_container .about_image:nth-child(1) {
    width: clamp(430px, 379px + 6.641vw, 464px);
  }
}
@media screen and (max-width: 768px) {
  #top .top_about_us .top_about_us_container .image_container .about_image:nth-child(1) {
    width: clamp(270px, 113.299px + 41.237vw, 430px);
  }
}
#top .top_about_us .top_about_us_container .image_container .about_image:nth-child(2) {
  width: clamp(250px, 66px + 14.375vw, 273px);
  aspect-ratio: 273/179;
  position: absolute;
  left: clamp(68%, 54.247px + 1.788vw, 80%);
  top: 55%;
  border-radius: 10px;
}
@media screen and (max-width: 1280px) {
  #top .top_about_us .top_about_us_container .image_container .about_image:nth-child(2) {
    width: 273px;
    left: 65%;
    top: 75%;
  }
}
@media screen and (max-width: 768px) {
  #top .top_about_us .top_about_us_container .image_container .about_image:nth-child(2) {
    width: clamp(180px, 106.546px + 19.33vw, 255px);
    left: clamp(50%, 40.206px + 2.577vw, 60%);
  }
}
#top .top_exterior {
  width: 100%;
  padding: 71px 0 108px;
  display: flex;
  justify-content: center;
  border-radius: 30px;
  background: #F6F6F6;
}
@media screen and (max-width: 768px) {
  #top .top_exterior {
    padding: 65px 0 110px;
  }
}
#top .top_exterior .top_exterior_container {
  width: 90%;
  max-width: 1072px;
  display: flex;
  flex-direction: column;
  gap: 46px;
}
#top .top_exterior .top_exterior_container .title {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#top .top_exterior .top_exterior_container .title .main_title {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #4B4B4B;
  font-size: 70px;
  line-height: normal;
  letter-spacing: -2.1px;
}
@media screen and (max-width: 768px) {
  #top .top_exterior .top_exterior_container .title .main_title {
    font-size: clamp(56px, 42.289px + 3.608vw, 70px);
  }
}
#top .top_exterior .top_exterior_container .title .sub_title {
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #CD0B0B;
  font-size: 15px;
  font-style: normal;
  line-height: 170%; /* 25.5px */
  letter-spacing: 0.75px;
}
#top .top_exterior .top_exterior_container .exterior_content_wrapper {
  width: 100%;
  display: flex;
  gap: 7.5%;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  #top .top_exterior .top_exterior_container .exterior_content_wrapper {
    flex-direction: column;
    align-items: center;
  }
}
#top .top_exterior .top_exterior_container .exterior_content_wrapper h4 {
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #4B4B4B;
  font-size: 22px;
  line-height: 190%;
  padding-bottom: 16px;
}
@media screen and (max-width: 768px) {
  #top .top_exterior .top_exterior_container .exterior_content_wrapper h4 {
    font-size: 20px;
  }
}
#top .top_exterior .top_exterior_container .exterior_content_wrapper p {
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #4B4B4B;
  font-size: 15px;
  line-height: 160%; /* 24px */
  white-space: pre-line;
}
#top .top_exterior .top_exterior_container .exterior_content_wrapper img {
  max-width: 442px;
  max-height: 295px;
  width: 45%;
  aspect-ratio: 439/293;
  object-fit: contain;
  border-radius: 10px;
}
@media screen and (max-width: 768px) {
  #top .top_exterior .top_exterior_container .exterior_content_wrapper img {
    width: 100%;
    padding: 32px 0 0;
    aspect-ratio: 173/115;
    object-fit: unset;
  }
}
#top .top_exterior .top_exterior_container .exterior_content_wrapper .exterior_content {
  display: flex;
  flex-direction: column;
  width: 320px;
  height: 410px;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 8px;
  background: #FFF;
  padding: 0 15px;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
}
#top .top_exterior .top_exterior_container .exterior_content_wrapper .exterior_content .content_title {
  display: flex;
  gap: 17px;
  align-items: center;
  margin-bottom: 15px;
}
#top .top_exterior .top_exterior_container .exterior_content_wrapper .exterior_content .content_title p {
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: #4B4B4B;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 190%; /* 41.8px */
}
#top .top_exterior .top_exterior_container .exterior_content_wrapper .exterior_content .content_title .number {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  line-height: 190%; /* 34.2px */
}
#top .top_exterior .top_exterior_container .exterior_content_wrapper .exterior_content .content_title .red {
  color: #E48368;
}
#top .top_exterior .top_exterior_container .exterior_content_wrapper .exterior_content .content_title .green {
  color: #66A67E;
}
#top .top_exterior .top_exterior_container .exterior_content_wrapper .exterior_content .content_title .yellow {
  color: #DEC76A;
}
#top .top_exterior .top_exterior_container .exterior_content_wrapper .exterior_content img {
  width: 276px;
  height: 161px;
  aspect-ratio: 12/7;
}
#top .top_exterior .top_exterior_container .exterior_content_wrapper .exterior_content .normal_text {
  color: #4B4B4B;
  font-size: 15px;
  font-weight: 400;
  line-height: 160%; /* 24px */
  margin-top: 20px;
}
#top .top_exterior .top_exterior_container .exterior_content_wrapper .exterior_content:nth-child(1) {
  border-top: solid 10px #E48368;
}
#top .top_exterior .top_exterior_container .exterior_content_wrapper .exterior_content:nth-child(2) {
  border-top: solid 10px #66A67E;
}
#top .top_exterior .top_exterior_container .exterior_content_wrapper .exterior_content:nth-child(3) {
  border-top: solid 10px #DEC76A;
}
#top .top_exterior .top_exterior_container .exterior_content_wrapper .exterior_content:nth-child(4) {
  border-top: solid 10px #E48368;
}
#top .top_business {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  padding: 140px 0 100px;
  z-index: 1;
}
#top .top_business .polygon {
  position: absolute;
  z-index: -1;
}
#top .top_business .polygon:nth-child(1) {
  top: -5%;
  right: 2%;
}
@media screen and (max-width: 768px) {
  #top .top_business .polygon:nth-child(1) {
    scale: 0.8;
  }
}
#top .top_business .polygon:nth-child(2) {
  top: 30%;
  left: 0;
}
@media screen and (max-width: 768px) {
  #top .top_business .polygon:nth-child(2) {
    top: 40%;
  }
}
#top .top_business .polygon:nth-child(3) {
  top: 70%;
  right: 0;
}
@media screen and (max-width: 768px) {
  #top .top_business .polygon:nth-child(3) {
    top: 80%;
  }
}
#top .top_business .business_wrapper {
  width: 80%;
  max-width: 1440px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media screen and (max-width: 768px) {
  #top .top_business .business_wrapper {
    width: 90%;
  }
}
#top .top_business .business_wrapper .content_wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#top .top_business .business_wrapper .content_wrapper .content_title {
  width: 90%;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
  color: rgba(255, 255, 255, 0.6);
  font-size: 80px;
  font-style: normal;
  line-height: 0.8;
  letter-spacing: 3.2px;
  text-align: end;
}
#top .top_business .business_wrapper .content_wrapper .content_container {
  width: 100%;
  background: #FFF;
  border-radius: 20px;
  display: flex;
  justify-content: space-between;
  padding: 50px 70px;
}
@media screen and (max-width: 1280px) {
  #top .top_business .business_wrapper .content_wrapper .content_container {
    flex-direction: column;
    gap: 30px;
    align-items: center;
    padding: 50px clamp(50px, 20px + 3.906vw, 70px);
  }
}
@media screen and (max-width: 768px) {
  #top .top_business .business_wrapper .content_wrapper .content_container {
    padding: 50px clamp(20px, -9.381px + 7.732vw, 50px);
  }
}
#top .top_business .business_wrapper .content_wrapper .content_container .introduce {
  width: 48%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
}
@media screen and (max-width: 1280px) {
  #top .top_business .business_wrapper .content_wrapper .content_container .introduce {
    width: 100%;
    padding: 0 clamp(0px, -150px + 19.531vw, 100px);
  }
}
#top .top_business .business_wrapper .content_wrapper .content_container .introduce p {
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  color: #4B4B4B;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 190%; /* 30.4px */
  letter-spacing: 0.48px;
}
#top .top_business .business_wrapper .content_wrapper .content_container .introduce .big_title {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
  color: black;
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -1.2px;
}
#top .top_business .business_wrapper .content_wrapper .content_container .introduce .small_title {
  color: #CD0B0B;
  font-size: 15px;
  font-style: normal;
  line-height: 170%; /* 25.5px */
  letter-spacing: 0.75px;
  font-weight: 500;
}
#top .top_business .business_wrapper .content_wrapper .content_container .introduce .sub_title {
  font-size: 24px;
  font-style: normal;
  line-height: 28px; /* 116.667% */
  letter-spacing: 0.24px;
  font-weight: 400;
}
#top .top_business .business_wrapper .content_wrapper .content_container .introduce .detail_container {
  display: flex;
  gap: 10px;
}
@media screen and (max-width: 768px) {
  #top .top_business .business_wrapper .content_wrapper .content_container .introduce .detail_container {
    flex-direction: column;
  }
}
#top .top_business .business_wrapper .content_wrapper .content_container .introduce .detail_container .link_button {
  width: 190px;
  padding: 0 0 10px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: solid 1px #E2DFDF;
}
#top .top_business .business_wrapper .content_wrapper .content_container .introduce .detail_container .link_button .link_text {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%; /* 28.8px */
  letter-spacing: 0.32px;
  overflow: hidden;
  color: transparent;
  text-shadow: 0 1.5em 0 #4B4B4B, 0 0 0 #4B4B4B;
  transition: text-shadow 0.3s;
}
#top .top_business .business_wrapper .content_wrapper .content_container .introduce .detail_container .link_button .link_icon {
  position: relative;
  width: 12px;
  height: 13px;
  overflow: hidden;
}
#top .top_business .business_wrapper .content_wrapper .content_container .introduce .detail_container .link_button .link_icon .icon {
  position: absolute;
  width: 12px;
  height: 13px;
  flex-shrink: 0;
  top: 0;
  left: 0;
  aspect-ratio: 12/13.4;
  transition: 0.3s ease;
}
#top .top_business .business_wrapper .content_wrapper .content_container .introduce .detail_container .link_button .link_icon .current {
  transform: translateX(0);
}
#top .top_business .business_wrapper .content_wrapper .content_container .introduce .detail_container .link_button .link_icon .next {
  transform: translateX(-150%);
}
#top .top_business .business_wrapper .content_wrapper .content_container .introduce .detail_container .link_button:hover .link_text {
  text-shadow: 0 0 0 #4B4B4B, 0 -1.5em 0 #4B4B4B;
}
#top .top_business .business_wrapper .content_wrapper .content_container .introduce .detail_container .link_button:hover .link_icon .current {
  transform: translateX(150%);
}
#top .top_business .business_wrapper .content_wrapper .content_container .introduce .detail_container .link_button:hover .link_icon .next {
  transform: translateX(0);
}
@media screen and (max-width: 1280px) {
  #top .top_business .business_wrapper .content_wrapper .content_container .introduce .detail_container .link_button {
    width: 310px;
    padding: 0 30px 10px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  #top .top_business .business_wrapper .content_wrapper .content_container .introduce .detail_container .link_button {
    width: 270px;
  }
}
#top .top_business .business_wrapper .content_wrapper .content_container .image_container {
  width: 40%;
  aspect-ratio: 467.35/338.22;
  border-radius: 10px;
}
@media screen and (max-width: 1280px) {
  #top .top_business .business_wrapper .content_wrapper .content_container .image_container {
    width: 80%;
    max-width: 470px;
  }
}
@media screen and (max-width: 768px) {
  #top .top_business .business_wrapper .content_wrapper .content_container .image_container {
    width: 85%;
  }
}
#top .top_business .business_wrapper .content_wrapper .content_container .image_container img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
#top .top_interview {
  width: 100%;
  padding: 50px clamp(20px, -12.264px + 8.491vw, 110px);
  background: #ED8064;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 20px;
  transition: background 0.5s ease;
  position: relative;
  z-index: 1;
}
#top .top_interview .section_title {
  width: 350px;
  margin-right: auto;
}
#top .top_interview .section_title .big_title {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #FFF;
  font-size: 80px;
  font-style: normal;
  line-height: 1;
  letter-spacing: -2.4px;
}
@media screen and (max-width: 768px) {
  #top .top_interview .section_title .big_title {
    font-size: clamp(56px, 33.099px + 6.107vw, 80px);
  }
}
#top .top_interview .section_title .small_title {
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #FFF;
  font-size: 15px;
  font-style: normal;
  line-height: 170%; /* 25.5px */
  letter-spacing: 0.75px;
}
#top .top_interview .interviews {
  width: 100%;
  height: 620px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  overflow: visible;
}
@media screen and (max-width: 768px) {
  #top .top_interview .interviews {
    height: clamp(560px, 502.748px + 15.267vw, 620px);
  }
}
#top .top_interview .interviews .interview_front {
  width: 472px;
  aspect-ratio: 472/436;
  scale: 1.3;
  opacity: 0;
  position: absolute;
  top: -130px;
  right: auto;
  bottom: 0;
  left: auto;
  margin: auto;
  z-index: 2;
  pointer-events: none;
  transition: 0.6s ease;
}
@media screen and (max-width: 768px) {
  #top .top_interview .interviews .interview_front {
    width: clamp(400px, 331.298px + 18.321vw, 472px);
  }
}
#top .top_interview .interviews .interview_front.active {
  opacity: 1;
}
#top .top_interview .interviews .swiper-wrapper {
  width: 100%;
  align-items: flex-end;
}
#top .top_interview .interviews .swiper-wrapper .swiper-slide {
  position: relative;
  width: 420px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}
@media screen and (max-width: 768px) {
  #top .top_interview .interviews .swiper-wrapper .swiper-slide {
    width: clamp(330px, 244.122px + 22.901vw, 420px);
  }
}
#top .top_interview .interviews .swiper-wrapper .swiper-slide .image_wrapper {
  width: 350px;
  aspect-ratio: 374/507;
  border-radius: 10px;
  opacity: 0.5;
  overflow: hidden;
  transition: width 0.5s ease-in;
}
@media screen and (max-width: 768px) {
  #top .top_interview .interviews .swiper-wrapper .swiper-slide .image_wrapper {
    width: clamp(280px, 213.206px + 17.812vw, 350px);
  }
}
#top .top_interview .interviews .swiper-wrapper .swiper-slide .image_wrapper img {
  width: 100%;
  height: 100%;
  transition: 0.3s ease;
  scale: 1;
}
#top .top_interview .interviews .swiper-wrapper .swiper-slide .catch_copy {
  width: 85%;
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #FFF;
  text-align: center;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 46.8px */
  letter-spacing: 1.56px;
  position: absolute;
  top: 460px;
  opacity: 0;
  transform: translateY(-20px);
  transition: 0.5s ease;
  z-index: 3;
}
@media screen and (max-width: 768px) {
  #top .top_interview .interviews .swiper-wrapper .swiper-slide .catch_copy {
    width: 90%;
    font-size: clamp(18px, 14.183px + 1.018vw, 22px);
    top: initial;
    bottom: 100px;
  }
}
#top .top_interview .interviews .swiper-wrapper .swiper-slide .person_info {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 30px;
  opacity: 0;
  transition: 0.5s ease;
}
#top .top_interview .interviews .swiper-wrapper .swiper-slide .person_info .job {
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #FFF;
  font-size: 14px;
  font-style: normal;
  line-height: 21px; /* 150% */
  letter-spacing: 0.42px;
}
#top .top_interview .interviews .swiper-wrapper .swiper-slide .person_info .initial {
  font-family: "Hiragino Sans", sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #FFF;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 36px; /* 150% */
  letter-spacing: 0.72px;
}
#top .top_interview .interviews .swiper-wrapper .swiper-slide .person_info .initial span {
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  line-height: 24px; /* 150% */
  letter-spacing: 0.48px;
}
#top .top_interview .interviews .swiper-wrapper .swiper-slide.swiper-slide-active .image_wrapper {
  width: 374px;
  opacity: 1;
}
@media screen and (max-width: 768px) {
  #top .top_interview .interviews .swiper-wrapper .swiper-slide.swiper-slide-active .image_wrapper {
    width: clamp(330px, 288.015px + 11.196vw, 374px);
  }
}
#top .top_interview .interviews .swiper-wrapper .swiper-slide.swiper-slide-active .catch_copy {
  opacity: 1;
  transform: translateY(0);
}
#top .top_interview .interviews .swiper-wrapper .swiper-slide.swiper-slide-active .person_info {
  opacity: 1;
}
#top .top_interview .interviews .swiper-wrapper .swiper-slide:hover .image_wrapper img {
  scale: 1.1;
}
#top .top_interview .interviews .navigation {
  width: 375px;
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 570px;
  z-index: 1;
  pointer-events: auto;
}
@media screen and (max-width: 768px) {
  #top .top_interview .interviews .navigation {
    width: clamp(325px, 277.29px + 12.723vw, 375px);
    top: clamp(510px, 452.748px + 15.267vw, 570px);
  }
}
#top .top_interview .interviews .navigation svg {
  width: 44px;
  height: 44px;
  cursor: pointer;
}
#top .top_interview .interviews .navigation svg * {
  pointer-events: none;
}
#top .top_talk {
  width: 100%;
  background: #FFF;
  display: flex;
  justify-content: center;
  padding: 90px 100px;
}
@media screen and (max-width: 1280px) {
  #top .top_talk {
    padding-top: 110px;
  }
}
@media screen and (max-width: 768px) {
  #top .top_talk {
    padding: 110px clamp(20px, -56.336px + 20.356vw, 100px) 90px;
  }
}
#top .top_talk .top_talk_wrapper {
  width: 90%;
  max-width: 900px;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1280px) {
  #top .top_talk .top_talk_wrapper {
    flex-direction: column;
    align-items: center;
    gap: 25px;
  }
}
#top .top_talk .top_talk_wrapper .main_img {
  width: 528px;
  aspect-ratio: 528/373;
  border-radius: 10px;
}
#top .top_talk .top_talk_wrapper .main_img.pc {
  display: block;
}
@media screen and (max-width: 1280px) {
  #top .top_talk .top_talk_wrapper .main_img.pc {
    display: none;
  }
}
#top .top_talk .top_talk_wrapper .main_img.sp {
  display: none;
}
@media screen and (max-width: 1280px) {
  #top .top_talk .top_talk_wrapper .main_img.sp {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  #top .top_talk .top_talk_wrapper .main_img.sp {
    width: clamp(354px, 187.969px + 44.275vw, 528px);
  }
}
#top .top_talk .top_talk_wrapper .title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}
#top .top_talk .top_talk_wrapper .title .deco {
  width: 150px;
  aspect-ratio: 25/16;
  margin-left: auto;
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (max-width: 1280px) {
  #top .top_talk .top_talk_wrapper .title .deco {
    top: -70px;
  }
}
@media screen and (max-width: 768px) {
  #top .top_talk .top_talk_wrapper .title .deco {
    width: 120px;
    top: -55px;
    left: 68%;
    margin-left: 0;
  }
}
#top .top_talk .top_talk_wrapper .title .main_title {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #4B4B4B;
  font-size: 50px;
  font-style: normal;
  line-height: normal;
  letter-spacing: -1.5px;
}
#top .top_talk .top_talk_wrapper .title .small_title {
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #CD0B0B;
  font-size: 15px;
  font-style: normal;
  line-height: 170%; /* 25.5px */
  letter-spacing: 0.75px;
}
#top .top_talk .top_talk_wrapper .title .normal_text {
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  color: #4B4B4B;
  font-size: 16px;
  font-style: normal;
  line-height: 190%; /* 30.4px */
  letter-spacing: 0.48px;
  margin: 27px 0;
}
#top .top_talk .top_talk_wrapper .title .link_button {
  width: 174px;
  padding: 0 0 10px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: solid 1px #E2DFDF;
}
#top .top_talk .top_talk_wrapper .title .link_button .link_text {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%; /* 28.8px */
  letter-spacing: 0.32px;
  overflow: hidden;
  color: transparent;
  text-shadow: 0 1.5em 0 #4B4B4B, 0 0 0 #4B4B4B;
  transition: text-shadow 0.3s;
}
#top .top_talk .top_talk_wrapper .title .link_button .link_icon {
  position: relative;
  width: 12px;
  height: 13px;
  overflow: hidden;
}
#top .top_talk .top_talk_wrapper .title .link_button .link_icon .icon {
  position: absolute;
  width: 12px;
  height: 13px;
  flex-shrink: 0;
  top: 0;
  left: 0;
  aspect-ratio: 12/13.4;
  transition: 0.3s ease;
}
#top .top_talk .top_talk_wrapper .title .link_button .link_icon .current {
  transform: translateX(0);
}
#top .top_talk .top_talk_wrapper .title .link_button .link_icon .next {
  transform: translateX(-150%);
}
#top .top_talk .top_talk_wrapper .title .link_button:hover .link_text {
  text-shadow: 0 0 0 #4B4B4B, 0 -1.5em 0 #4B4B4B;
}
#top .top_talk .top_talk_wrapper .title .link_button:hover .link_icon .current {
  transform: translateX(150%);
}
#top .top_talk .top_talk_wrapper .title .link_button:hover .link_icon .next {
  transform: translateX(0);
}
#top .top_anchor {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 120px 0 150px;
}
@media screen and (max-width: 768px) {
  #top .top_anchor {
    padding: 50px 0 120px;
  }
}
#top .top_anchor .top_anchor_wrapper {
  width: 95%;
  display: flex;
  justify-content: center;
  padding-bottom: 30px;
  border-bottom: 1px solid #E2DFDF;
}
@media screen and (max-width: 768px) {
  #top .top_anchor .top_anchor_wrapper {
    flex-direction: column;
    align-items: center;
    gap: 65px;
    border-bottom: none;
    padding-bottom: 0;
  }
}
#top .top_anchor .top_anchor_wrapper .anchor_container {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 95px;
}
@media screen and (max-width: 768px) {
  #top .top_anchor .top_anchor_wrapper .anchor_container {
    width: 90%;
    gap: 50px;
    align-items: center;
  }
}
#top .top_anchor .top_anchor_wrapper .anchor_container .big_title {
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: #4B4B4B;
  font-size: clamp(24px, 19.429px + 0.595vw, 28px);
  font-style: normal;
  line-height: 42px; /* 150% */
}
#top .top_anchor .top_anchor_wrapper .anchor_container .top_content {
  width: 95%;
  display: flex;
  justify-content: space-between;
}
#top .top_anchor .top_anchor_wrapper .anchor_container .top_content .title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#top .top_anchor .top_anchor_wrapper .anchor_container .top_content .title .small_title {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #CD0B0B;
  text-align: center;
  font-size: 15px;
  font-style: normal;
  line-height: 15px; /* 100% */
  letter-spacing: 0.75px;
}
#top .top_anchor .top_anchor_wrapper .anchor_container .top_content .image_container {
  width: clamp(180px, 76px + 13.542vw, 271px);
  height: clamp(120px, 50.286px + 9.077vw, 181px);
  aspect-ratio: 3/2;
  border-radius: 10px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  #top .top_anchor .top_anchor_wrapper .anchor_container .top_content .image_container {
    width: clamp(165px, 150.687px + 3.817vw, 180px);
    height: clamp(105px, 90.687px + 3.817vw, 120px);
  }
}
#top .top_anchor .top_anchor_wrapper .anchor_container .top_content .image_container img {
  width: 100%;
  height: 100%;
  scale: 1;
  transition: 0.3s ease;
}
#top .top_anchor .top_anchor_wrapper .anchor_container .down_content {
  width: 95%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#top .top_anchor .top_anchor_wrapper .anchor_container .down_content .thin {
  font-size: clamp(22px, 19.714px + 0.298vw, 24px);
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  #top .top_anchor .top_anchor_wrapper .anchor_container .down_content .thin {
    font-size: clamp(16px, 10.275px + 1.527vw, 22px);
  }
}
#top .top_anchor .top_anchor_wrapper .anchor_container .down_content svg {
  width: 44px;
  height: 44px;
  flex-shrink: 0;
}
#top .top_anchor .top_anchor_wrapper .anchor_container:hover .image_container img {
  scale: 1.1;
}
#top .top_anchor .top_anchor_wrapper .anchor_container:nth-child(2) {
  border-left: solid 1px #E2DFDF;
  padding-left: clamp(20px, -2.857px + 2.976vw, 40px);
}
@media screen and (max-width: 768px) {
  #top .top_anchor .top_anchor_wrapper .anchor_container:nth-child(2) {
    padding-left: 0;
    border-left: none;
  }
}
#top .top_entry {
  width: 100%;
  height: clamp(275px, 250.114px + 6.381vw, 342px);
  border-radius: 30px 30px 0 0;
  background: #BF3922;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
#top .top_entry p {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #FFF;
  text-shadow: 10px 8px 8px rgba(87, 87, 87, 0.25);
  font-size: clamp(70px, 58.857px + 2.857vw, 100px);
  font-style: normal;
  line-height: normal;
  letter-spacing: -5px;
  z-index: 1;
}
#top .top_entry .entry_back {
  width: 110%;
  min-width: 1100px;
  height: 115%;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: 0.5s ease;
  transform: translateY(-6%);
}
#top .top_entry:hover .entry_back {
  opacity: 1;
}

#about {
  overflow: hidden;
}
#about h3 {
  color: #4B4B4B;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 70px;
  line-height: normal;
  letter-spacing: -2.1px;
}
@media screen and (max-width: 768px) {
  #about h3 {
    font-size: 40px;
    letter-spacing: -1.2px;
  }
}
#about .jp-title {
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #CD0B0B;
  font-size: 15px;
  line-height: 170%; /* 25.5px */
  letter-spacing: 0.75px;
}
#about .philosophy_bg {
  background-image: url("images/about/philosophy_bg.png");
}
@media screen and (max-width: 768px) {
  #about .philosophy_bg {
    background: #F6F6F6;
  }
}
#about .philosophy_bg .menu {
  width: 100%;
  display: flex;
  gap: 27px;
  justify-content: center;
  padding: 27px 0 0;
}
@media screen and (max-width: 768px) {
  #about .philosophy_bg .menu {
    width: 90%;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 10px;
    margin: 0 auto;
  }
}
#about .philosophy_bg .menu .link_button {
  width: unset;
  padding: 0 0 10px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: solid 1px #E2DFDF;
  display: flex;
  padding: 0 0 7px 10px;
  align-items: center;
  gap: 22px;
  border-bottom: 1px solid #4B4B4B;
}
#about .philosophy_bg .menu .link_button .link_text {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%; /* 28.8px */
  letter-spacing: 0.32px;
  overflow: hidden;
  color: transparent;
  text-shadow: 0 1.5em 0 #4B4B4B, 0 0 0 #4B4B4B;
  transition: text-shadow 0.3s;
}
#about .philosophy_bg .menu .link_button .link_icon {
  position: relative;
  width: 12px;
  height: 13px;
  overflow: hidden;
}
#about .philosophy_bg .menu .link_button .link_icon .icon {
  position: absolute;
  width: 12px;
  height: 13px;
  flex-shrink: 0;
  top: 0;
  left: 0;
  aspect-ratio: 12/13.4;
  transition: 0.3s ease;
}
#about .philosophy_bg .menu .link_button .link_icon .current {
  transform: translateX(0);
}
#about .philosophy_bg .menu .link_button .link_icon .next {
  transform: translateX(-150%);
}
#about .philosophy_bg .menu .link_button:hover .link_text {
  text-shadow: 0 0 0 #4B4B4B, 0 -1.5em 0 #4B4B4B;
}
#about .philosophy_bg .menu .link_button:hover .link_icon .current {
  transform: translateX(150%);
}
#about .philosophy_bg .menu .link_button:hover .link_icon .next {
  transform: translateX(0);
}
@media screen and (max-width: 768px) {
  #about .philosophy_bg .menu .link_button {
    gap: 6px;
  }
}
#about .philosophy_bg .menu .link_button .link_icon {
  transform: rotate(90deg);
}
#about .philosophy_bg .philosophy {
  padding: 108px 0 136px;
}
@media screen and (max-width: 768px) {
  #about .philosophy_bg .philosophy {
    padding: 61px 0 114px;
  }
}
#about .philosophy_bg .philosophy .philosophy_container {
  width: 90%;
  max-width: 960px;
  margin: 0 auto;
}
#about .philosophy_bg .philosophy .philosophy_container .philosophy_figure_flex_wrapper {
  display: flex;
  justify-content: center;
  margin-top: 50px;
}
@media screen and (max-width: 1280px) {
  #about .philosophy_bg .philosophy .philosophy_container .philosophy_figure_flex_wrapper {
    overflow-y: hidden;
    overflow-x: scroll;
    justify-content: start;
  }
}
@media screen and (max-width: 768px) {
  #about .philosophy_bg .philosophy .philosophy_container .philosophy_figure_flex_wrapper {
    overflow: auto;
  }
}
#about .philosophy_bg .philosophy .philosophy_container .philosophy_figure_flex_wrapper .philosophy_figure {
  padding-top: 8px;
  aspect-ratio: 951/656;
  height: clamp(500px, 445.07px + 14.648vw, 656px);
}
@media screen and (max-width: 768px) {
  #about .philosophy_bg .philosophy .philosophy_container .philosophy_figure_flex_wrapper .philosophy_figure {
    display: none;
    padding-bottom: 53px;
    aspect-ratio: 620/500;
  }
}
#about .philosophy_bg .philosophy .philosophy_container .philosophy_figure_flex_wrapper .philosophy_figure_sp {
  display: none;
  width: 100%;
}
@media screen and (max-width: 768px) {
  #about .philosophy_bg .philosophy .philosophy_container .philosophy_figure_flex_wrapper .philosophy_figure_sp {
    display: block;
  }
}
#about .strength {
  width: 90%;
  max-width: 1400px;
  margin: 0 auto;
}
#about .strength .strength_container {
  padding: 56px 0 116px;
}
@media screen and (max-width: 768px) {
  #about .strength .strength_container {
    padding: 53px 0 67px;
  }
}
#about .strength .strength_container h4 {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-top: 49px;
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: #C6341A;
  font-size: 24px;
  line-height: 180%; /* 43.2px */
  letter-spacing: 0.48px;
}
@media screen and (max-width: 768px) {
  #about .strength .strength_container h4 {
    padding-top: 40px;
  }
}
@media screen and (max-width: 768px) {
  #about .strength .strength_container h4 {
    gap: 5px;
    font-size: 20px;
    line-height: 140%; /* 28px */
    letter-spacing: 0.4px;
  }
}
@media screen and (max-width: 768px) {
  #about .strength .strength_container h4 svg {
    width: 20px;
  }
}
#about .strength .strength_container p {
  padding-top: 12px;
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #000;
  font-size: 19px;
  line-height: 180%; /* 34.2px */
  letter-spacing: 0.38px;
}
@media screen and (max-width: 768px) {
  #about .strength .strength_container p {
    padding: 10px 0 19px;
    font-size: 16px;
    line-height: 140%; /* 22.4px */
    letter-spacing: 0.32px;
  }
}
#about .strength .strength_container .strength_img_flex {
  display: flex;
  gap: 26px;
  padding-bottom: 66px;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  #about .strength .strength_container .strength_img_flex {
    flex-direction: column;
    align-items: center;
    padding: 0;
    margin-top: 0;
  }
}
#about .strength .strength_container .strength_img_flex img {
  width: 48%;
}
@media screen and (max-width: 768px) {
  #about .strength .strength_container .strength_img_flex img {
    width: 80%;
  }
}
#about .strength .strength_container .strength_figure_flex {
  padding: 61px 0 0;
  display: flex;
  justify-content: center;
  gap: 40px;
  row-gap: 50px;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  #about .strength .strength_container .strength_figure_flex {
    gap: 40px;
    flex-direction: column;
    align-items: center;
  }
}
#about .strength .strength_container .strength_figure_flex .strength_figure_contents {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 350px;
}
#about .strength .strength_container .strength_figure_flex .strength_figure_contents img {
  width: 263.884px;
  height: 243px;
}
#about .strength .strength_container .strength_figure_flex .strength_figure_contents .strength_number_flex {
  display: flex;
  align-items: center;
  gap: 16px;
}
#about .strength .strength_container .strength_figure_flex .strength_figure_contents .strength_number_flex p {
  color: #C6341A;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.4px;
}
@media screen and (max-width: 768px) {
  #about .strength .strength_container .strength_figure_flex .strength_figure_contents .strength_number_flex p {
    padding: 0;
  }
}
#about .strength .strength_container .strength_figure_flex .strength_figure_contents h5 {
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: #4B4B4B;
  text-align: center;
  font-size: 25px;
  letter-spacing: 0.5px;
}
@media screen and (max-width: 768px) {
  #about .strength .strength_container .strength_figure_flex .strength_figure_contents h5 {
    font-size: 22px;
    letter-spacing: 0.44px;
  }
}
#about .strength .strength_container .strength_figure_flex .strength_figure_contents p {
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: #4B4B4B;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 23.4px */
  letter-spacing: 0.36px;
}
@media screen and (max-width: 768px) {
  #about .strength .strength_container .strength_figure_flex .strength_figure_contents p {
    font-size: 15px;
    letter-spacing: 0.3px;
  }
}
#about .number {
  border-radius: 30px;
  background: #F6F6F6;
}
#about .number .number_container {
  width: 90%;
  max-width: 1103px;
  margin: 0 auto;
  padding: 112px 0 87px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 768px) {
  #about .number .number_container {
    width: 95%;
    padding: 61px 0 77px;
  }
}
#about .number .number_container .jp-title {
  text-align: center;
}
@media screen and (max-width: 768px) {
  #about .number .number_container .jp-title {
    text-align: start;
  }
}
#about .number .number_container .text_container {
  width: 85%;
}
@media screen and (max-width: 768px) {
  #about .number .number_container .text_container {
    width: 90%;
  }
}
#about .number .number_container .text_container p {
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #4B4B4B;
  font-size: 18px;
  font-style: normal;
  line-height: 160%; /* 28.8px */
  text-align: end;
}
#about .number .number_container .number_items {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: clamp(20px, -2.921px + 2.981vw, 40px) clamp(20px, -2.921px + 2.981vw, 40px);
  padding: 30px 0 0;
}
@media screen and (max-width: 768px) {
  #about .number .number_container .number_items {
    gap: clamp(5px, -23.626px + 7.634vw, 35px);
  }
}
#about .number .number_container .number_items .number_item {
  width: 341px;
}
@media screen and (max-width: 768px) {
  #about .number .number_container .number_items .number_item {
    width: 80%;
    max-width: clamp(175px, 55.725px + 31.807vw, 300px);
  }
}
#about .number .number_container .number_items .number_item img {
  width: 100%;
  aspect-ratio: 341/410;
}
#about .number .number_container .number_items .job_ratio {
  width: 722px;
}
@media screen and (max-width: 768px) {
  #about .number .number_container .number_items .job_ratio {
    width: 80%;
    max-width: clamp(175px, 55.725px + 31.807vw, 300px);
  }
}
#about .number .number_container .number_items .job_ratio img {
  width: 100%;
  aspect-ratio: 722/410;
}
#about .number .number_container .number_items .job_ratio .pc {
  display: block;
}
@media screen and (max-width: 768px) {
  #about .number .number_container .number_items .job_ratio .pc {
    display: none;
  }
}
#about .number .number_container .number_items .job_ratio .sp {
  display: none;
}
@media screen and (max-width: 768px) {
  #about .number .number_container .number_items .job_ratio .sp {
    display: block;
    aspect-ratio: 263/519;
  }
}
#about .number .number_container .number_items .department_ratio {
  width: 100%;
}
@media screen and (max-width: 1225px) {
  #about .number .number_container .number_items .department_ratio {
    width: 722px;
  }
}
@media screen and (max-width: 768px) {
  #about .number .number_container .number_items .department_ratio {
    width: 80%;
    max-width: clamp(175px, 55.725px + 31.807vw, 300px);
  }
}
#about .number .number_container .number_items .department_ratio img {
  width: 100%;
  aspect-ratio: 1103/245;
}
#about .number .number_container .number_items .department_ratio .pc {
  display: block;
}
@media screen and (max-width: 1225px) {
  #about .number .number_container .number_items .department_ratio .pc {
    display: none;
  }
}
#about .number .number_container .number_items .department_ratio .tb {
  display: none;
}
@media screen and (max-width: 1225px) {
  #about .number .number_container .number_items .department_ratio .tb {
    display: block;
    aspect-ratio: 722/345;
  }
}
@media screen and (max-width: 768px) {
  #about .number .number_container .number_items .department_ratio .tb {
    display: none;
  }
}
#about .number .number_container .number_items .department_ratio .sp {
  display: none;
}
@media screen and (max-width: 768px) {
  #about .number .number_container .number_items .department_ratio .sp {
    display: block;
    aspect-ratio: 263/519;
  }
}
#about .message .message_flex {
  display: flex;
  width: 90%;
  max-width: 1131px;
  margin: 0 auto;
  padding: 171px 0 0;
  gap: 6%;
}
@media screen and (max-width: 768px) {
  #about .message .message_flex {
    padding: 47px 0 0;
    flex-direction: column;
    align-items: center;
  }
}
#about .message .message_flex h4 {
  font-size: 24px;
  margin-top: 30px;
}
#about .message .message_flex .message_texts {
  display: flex;
  flex-direction: column;
  gap: 37px;
  padding: 50px 0 0;
}
@media screen and (max-width: 768px) {
  #about .message .message_flex .message_texts {
    gap: 20px;
  }
}
#about .message .message_flex .message_texts p {
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #000;
  font-size: 16px;
  line-height: 180%; /* 28.8px */
}
@media screen and (max-width: 768px) {
  #about .message .message_flex .message_texts p {
    line-height: 140%;
  }
}
#about .message .message_flex .text_name {
  padding: 21px 0 0;
  font-size: 25px;
  line-height: 180%;
  text-align: right;
}
@media screen and (max-width: 768px) {
  #about .message .message_flex .text_name {
    padding: 10px 0 20px;
  }
}
#about .message .message_flex .text_name span {
  font-size: 16px;
}
#about .message .CED_img_container {
  position: relative;
}
#about .message .CED_img_container .pattern1 {
  position: absolute;
  bottom: -89px;
  right: -91px;
  width: 229.052px;
  height: 266.824px;
}
@media screen and (max-width: 768px) {
  #about .message .CED_img_container .pattern1 {
    bottom: -38px;
    right: -31px;
    width: 121.039px;
    height: 140.999px;
  }
}
#about .message .CED_img_container .CEO_img {
  width: 582px;
}
@media screen and (max-width: 768px) {
  #about .message .CED_img_container .CEO_img {
    width: 342px;
  }
}
#about .company {
  position: relative;
  padding: 224px 0 139px;
}
@media screen and (max-width: 768px) {
  #about .company {
    padding: 141px 0 163px;
  }
}
#about .company .company_container {
  position: relative;
  background-image: url("images/about/philosophy_bg.png");
  width: 90%;
  max-width: 1054px;
  margin: 0 auto;
  display: flex;
  padding: 70px 10%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 50px;
}
@media screen and (max-width: 768px) {
  #about .company .company_container {
    padding: 46px 10px 40px;
    gap: 30px;
  }
}
#about .company .company_container svg {
  position: absolute;
}
#about .company .company_container .pattern2 {
  top: -162px;
  left: 103px;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  #about .company .company_container .pattern2 {
    width: 129.387px;
    height: 172.514px;
    top: -101px;
    left: -6px;
  }
}
#about .company .company_container .pattern3 {
  top: 586px;
  left: 953px;
}
@media screen and (max-width: 768px) {
  #about .company .company_container .pattern3 {
    top: 549px;
    left: 277px;
    width: 139.758px;
    height: 188.999px;
  }
}
#about .company .company_container .pattern4 {
  left: -120px;
  bottom: -282px;
}
@media screen and (max-width: 768px) {
  #about .company .company_container .pattern4 {
    left: -50px;
    bottom: -155px;
    width: 199px;
    height: 248px;
  }
}
#about .company .company_container .company-list {
  padding-top: 17px;
}
#about .company .company_container .company-list .row {
  display: flex;
  padding: 33px 0;
  border-bottom: 1px solid rgba(75, 75, 75, 0.6);
}
@media screen and (max-width: 768px) {
  #about .company .company_container .company-list .row {
    flex-direction: column;
    padding: 10px;
    stroke-width: 1px;
    stroke: rgba(75, 75, 75, 0.3);
  }
}
#about .company .company_container .company-list dt {
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: #000;
  font-size: 16px;
  line-height: 180%; /* 28.8px */
  flex-shrink: 0;
  width: 195px;
}
#about .company .company_container .company-list dd {
  margin: 0;
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #000;
  font-size: 16px;
  line-height: 180%; /* 28.8px */
}

#service {
  width: 100%;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  #service {
    min-width: 390px;
  }
}
#service .only_pc {
  display: block;
}
@media screen and (max-width: 768px) {
  #service .only_pc {
    display: none;
  }
}
#service .only_sp {
  display: none;
}
@media screen and (max-width: 768px) {
  #service .only_sp {
    display: block;
  }
}
#service #business_model {
  background: #F6F6F6;
}
#service #business_model .section_top .menu {
  width: 100%;
  display: flex;
  gap: 27px;
  justify-content: center;
  padding: 27px 0 0;
}
@media screen and (max-width: 768px) {
  #service #business_model .section_top .menu {
    width: 90%;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 10px;
    margin: 0 auto;
  }
}
#service #business_model .section_top .menu .link_button {
  width: unset;
  padding: 0 0 10px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: solid 1px #E2DFDF;
  display: flex;
  padding: 0 0 7px 10px;
  align-items: center;
  gap: 22px;
  border-bottom: 1px solid #4B4B4B;
}
#service #business_model .section_top .menu .link_button .link_text {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%; /* 28.8px */
  letter-spacing: 0.32px;
  overflow: hidden;
  color: transparent;
  text-shadow: 0 1.5em 0 #4B4B4B, 0 0 0 #4B4B4B;
  transition: text-shadow 0.3s;
}
#service #business_model .section_top .menu .link_button .link_icon {
  position: relative;
  width: 12px;
  height: 13px;
  overflow: hidden;
}
#service #business_model .section_top .menu .link_button .link_icon .icon {
  position: absolute;
  width: 12px;
  height: 13px;
  flex-shrink: 0;
  top: 0;
  left: 0;
  aspect-ratio: 12/13.4;
  transition: 0.3s ease;
}
#service #business_model .section_top .menu .link_button .link_icon .current {
  transform: translateX(0);
}
#service #business_model .section_top .menu .link_button .link_icon .next {
  transform: translateX(-150%);
}
#service #business_model .section_top .menu .link_button:hover .link_text {
  text-shadow: 0 0 0 #4B4B4B, 0 -1.5em 0 #4B4B4B;
}
#service #business_model .section_top .menu .link_button:hover .link_icon .current {
  transform: translateX(150%);
}
#service #business_model .section_top .menu .link_button:hover .link_icon .next {
  transform: translateX(0);
}
@media screen and (max-width: 768px) {
  #service #business_model .section_top .menu .link_button {
    gap: 6px;
  }
}
#service #business_model .section_top .menu .link_button .link_icon {
  transform: rotate(90deg);
}
#service #business_model .section_top .philosophy {
  padding: 108px 0 136px;
}
@media screen and (max-width: 768px) {
  #service #business_model .section_top .philosophy {
    padding: 61px 0 114px;
  }
}
#service #business_model .section_top .philosophy .philosophy_container {
  width: 90%;
  max-width: 960px;
  margin: 0 auto;
}
@media screen and (max-width: 1280px) {
  #service #business_model .section_top .philosophy .philosophy_container .philosophy_figure_flex_wrapper {
    overflow-y: hidden;
    overflow-x: scroll;
  }
}
#service #business_model .section_top .philosophy .philosophy_container .philosophy_figure_flex_wrapper .philosophy_figure_flex {
  display: flex;
  padding: 50px 0 0;
  gap: 12px;
}
@media screen and (max-width: 1280px) {
  #service #business_model .section_top .philosophy .philosophy_container .philosophy_figure_flex_wrapper .philosophy_figure_flex {
    width: 960px;
  }
}
#service #business_model .section_top .philosophy .philosophy_container .philosophy_figure_flex_wrapper .philosophy_figure_flex .philosophy_figure {
  padding-top: 8px;
  width: 500.5px;
  height: 644.984px;
}
@media screen and (max-width: 768px) {
  #service #business_model .section_top .philosophy .philosophy_container .philosophy_figure_flex_wrapper .philosophy_figure_flex .philosophy_figure {
    padding-bottom: 53px;
  }
}
#service #business_model .section_top .philosophy .philosophy_container .philosophy_figure_flex_wrapper .philosophy_figure_flex p {
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #4B4B4B;
  font-size: 16px;
  line-height: 180%; /* 28.8px */
}
#service #business_model .section_top .philosophy .philosophy_container .philosophy_figure_flex_wrapper .philosophy_figure_flex .text2 {
  transform: translateY(98px);
}
#service #business_model .section_top .philosophy .philosophy_container .philosophy_figure_flex_wrapper .philosophy_figure_flex .text3 {
  transform: translateY(140px);
}
#service #business_model .section_top .philosophy .philosophy_container .philosophy_figure_flex_wrapper .philosophy_figure_flex .text4 {
  transform: translateY(212px);
}
#service #business_model .section_top .philosophy .philosophy_container .philosophy_figure_flex_wrapper .philosophy_figure_flex .text5 {
  transform: translateY(283px);
}
#service #business_model #business_model_content {
  width: 81%;
  margin: auto;
  padding: 130px 0;
}
@media screen and (max-width: 768px) {
  #service #business_model #business_model_content {
    width: 90%;
    padding: 58px 0;
  }
}
#service #business_model #business_model_content h1 {
  color: #4B4B4B;
  font-family: Poppins;
  font-size: 70px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -2.1px;
}
@media screen and (max-width: 768px) {
  #service #business_model #business_model_content h1 {
    font-size: 40px;
    letter-spacing: -1.2px;
  }
}
#service #business_model #business_model_content h2 {
  color: #CD0B0B;
  font-family: "Noto Sans JP";
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 170%; /* 25.5px */
  letter-spacing: 0.75px;
}
#service #business_model #business_model_content p {
  margin-top: 37px;
  color: #4B4B4B;
  /* 本文 */
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%; /* 28.8px */
}
@media screen and (max-width: 768px) {
  #service #business_model #business_model_content p {
    line-height: 150%; /* 28.8px */
  }
}
#service #business_model #business_model_content img {
  width: 100%;
  height: 100%;
  margin-top: 70px;
}
@media screen and (max-width: 768px) {
  #service #business_model #business_model_content img {
    width: 350px;
    margin: 54px auto 0;
  }
}
#service #business_area {
  width: 100%;
  position: relative;
  overflow: hidden;
  background-image: url("images/service/business_area_bg.png");
  background-repeat: repeat;
  background-position: center top;
  background-size: 1440px auto;
}
#service #business_area .business_area_content {
  top: 0;
  left: 0;
  right: 0;
  z-index: 3;
  width: 81%;
  margin: auto;
  padding: 96px 0 186px;
}
@media screen and (max-width: 768px) {
  #service #business_area .business_area_content {
    width: 86%;
    padding: 58px 0;
  }
}
#service #business_area .business_area_content .business_area_content_header {
  width: 560px;
  margin: auto;
  position: relative;
  padding-bottom: 53px;
}
#service #business_area .business_area_content .business_area_content_header h1 {
  color: #4B4B4B;
  font-family: Poppins;
  font-size: 70px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -2.1px;
}
@media screen and (max-width: 768px) {
  #service #business_area .business_area_content .business_area_content_header h1 {
    font-size: 40px;
    letter-spacing: -1.2px;
  }
}
#service #business_area .business_area_content .business_area_content_header p {
  color: #CD0B0B;
  font-family: "Noto Sans JP";
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 170%; /* 25.5px */
  letter-spacing: 0.75px;
}
#service #business_area .business_area_content .business_area_content_header svg {
  position: absolute;
  left: 522px;
  top: -40px;
  width: 149px;
  height: 201.498px;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  #service #business_area .business_area_content .business_area_content_header svg {
    left: 70vw;
    width: 118.68px;
    height: 160.496px;
    top: 8px;
  }
}
#service #business_area .business_area_content .areas_box {
  width: 100%;
  margin: auto;
  display: flex;
  flex-direction: column;
  gap: 27px;
}
@media screen and (max-width: 768px) {
  #service #business_area .business_area_content .areas_box {
    gap: 21px;
  }
}
#service #business_area .business_area_content .areas_box .area {
  width: 100%;
  border-radius: 10px;
  background: #FFF;
  /* Drop Shadow */
  box-shadow: 0 4px 4px 0 rgba(140, 140, 140, 0.25);
  padding: 35px 45px;
  display: flex;
  justify-content: space-around;
  gap: 20px;
}
@media screen and (max-width: 1280px) {
  #service #business_area .business_area_content .areas_box .area {
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
  }
}
@media screen and (max-width: 768px) {
  #service #business_area .business_area_content .areas_box .area {
    padding: 20px;
    flex-direction: column;
    gap: 0;
    justify-content: normal;
  }
}
#service #business_area .business_area_content .areas_box .area .area_exp {
  width: 46%;
}
@media screen and (max-width: 1280px) {
  #service #business_area .business_area_content .areas_box .area .area_exp {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  #service #business_area .business_area_content .areas_box .area .area_exp {
    width: 100%;
    margin: auto;
  }
}
#service #business_area .business_area_content .areas_box .area .area_exp .area_header {
  display: flex;
  gap: 16px;
  align-items: center;
}
@media screen and (max-width: 768px) {
  #service #business_area .business_area_content .areas_box .area .area_exp .area_header {
    height: 52px;
  }
}
#service #business_area .business_area_content .areas_box .area .area_exp .area_header h2 {
  color: #E48368;
  font-family: Montserrat;
  font-size: 33px;
  font-style: normal;
  font-weight: 700;
  line-height: 190%; /* 62.7px */
}
@media screen and (max-width: 768px) {
  #service #business_area .business_area_content .areas_box .area .area_exp .area_header h2 {
    font-size: 27px;
    font-style: normal;
  }
}
#service #business_area .business_area_content .areas_box .area .area_exp .area_header h3 {
  color: #4B4B4B;
  font-family: "Noto Sans JP";
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 190%; /* 41.8px */
}
@media screen and (max-width: 768px) {
  #service #business_area .business_area_content .areas_box .area .area_exp .area_header h3 {
    font-size: 20px;
    line-height: 120%; /* 41.8px */
  }
}
#service #business_area .business_area_content .areas_box .area .area_exp p {
  color: #000;
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 190%; /* 30.4px */
}
@media screen and (max-width: 768px) {
  #service #business_area .business_area_content .areas_box .area .area_exp p {
    font-size: 15px;
    line-height: 140%;
    margin-top: 10px;
  }
}
#service #business_area .business_area_content .areas_box .area img {
  width: 434px;
  height: 225px;
  flex-shrink: 0;
  border-radius: 10px;
  object-fit: cover;
}
@media screen and (max-width: 1280px) {
  #service #business_area .business_area_content .areas_box .area img {
    margin: 0 auto;
    display: block;
  }
}
@media screen and (max-width: 768px) {
  #service #business_area .business_area_content .areas_box .area img {
    width: 317px;
    height: 164px;
    margin: 15px auto 0;
  }
}

@media screen and (max-width: 768px) {
  #interview .fv .fv_bg .fv_polygon_img {
    object-position: 69% center;
  }
  #interview .fv .fv_bg .fv_img {
    object-position: 69% center;
  }
}
#interview h3 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #4B4B4B;
  font-size: 70px;
  line-height: normal;
  letter-spacing: -2.1px;
}
@media screen and (max-width: 768px) {
  #interview h3 {
    font-size: 56px;
    letter-spacing: -1.68px;
  }
}
#interview .jp-title {
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #CD0B0B;
  font-size: 15px;
  line-height: 170%; /* 25.5px */
  letter-spacing: 0.75px;
}
#interview #employee_interview {
  background-image: url(images/interview/interview_bg_pc.png);
  background-repeat: repeat;
  background-position: center top;
  background-size: 1440px auto;
}
#interview #employee_interview .interview_container {
  max-width: 1102px;
  width: 90%;
  margin: 0 auto;
  padding: 42px 0 175px;
}
@media screen and (max-width: 768px) {
  #interview #employee_interview .interview_container {
    padding: 45px 0 52px;
  }
}
#interview #employee_interview .interview_container .interview_items {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: center;
  gap: 97px 94px;
  flex-wrap: wrap;
  padding: 55px 0 0;
}
@media screen and (max-width: 768px) {
  #interview #employee_interview .interview_container .interview_items {
    gap: 32px;
  }
}
#interview #employee_interview .interview_container .interview_items .interview_item {
  max-width: 504px;
}
#interview #employee_interview .interview_container .interview_items .interview_item .employee_img {
  border-radius: 10px;
  max-width: 504px;
  max-height: 347px;
  overflow: hidden;
}
#interview #employee_interview .interview_container .interview_items .interview_item .employee_img img {
  width: 100%;
  height: 100%;
  transition: 0.5s;
}
#interview #employee_interview .interview_container .interview_items .interview_item:hover img {
  scale: 1.2;
}
#interview #employee_interview .interview_container .interview_items .interview_item h4 {
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #191E2E;
  font-size: 20px;
  line-height: 36px; /* 180% */
  letter-spacing: 0.8px;
}
@media screen and (max-width: 768px) {
  #interview #employee_interview .interview_container .interview_items .interview_item h4 {
    padding: 24px 0 0;
  }
}
#interview #employee_interview .interview_container .interview_items .interview_item .green-line {
  width: 20px;
  height: 2px;
  background: #33955C;
  margin: 20px 0; /* 上下の余白 */
}
#interview #employee_interview .interview_container .interview_items .interview_item p {
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #191E2E;
  font-size: 16px;
  line-height: 28.8px; /* 180% */
  letter-spacing: 0.64px;
}
#interview #employee_interview .interview_container .interview_items .interview_item .name {
  font-weight: 700;
  line-height: 28.8px; /* 180% */
  letter-spacing: 0.64px;
}
#interview #employee_interview .interview_container .interview_items .interview_item .year {
  font-size: 14px;
  font-weight: 400;
  line-height: 25.2px; /* 180% */
  letter-spacing: 0.56px;
}
#interview .cross_talk {
  position: relative;
  z-index: 1;
  width: 100%;
  background-image: url(images/environment/workplace_bg_pc.png);
  background-repeat: repeat;
  background-position: center top;
  background-size: 1440px auto;
  overflow: hidden;
}
#interview .cross_talk .cross_talk_container {
  position: relative;
  max-width: 1165px;
  width: 90%;
  margin: 0 auto;
  padding: 97px 0 235px;
}
@media screen and (max-width: 768px) {
  #interview .cross_talk .cross_talk_container {
    padding: 25px 0 204px;
  }
}
#interview .cross_talk .cross_talk_container svg {
  position: absolute;
  z-index: -1;
}
#interview .cross_talk .cross_talk_container .poly_1 {
  top: 0;
  right: 120px;
}
@media screen and (max-width: 768px) {
  #interview .cross_talk .cross_talk_container .poly_1 {
    top: 52px;
    right: -31px;
    width: 144.281px;
    height: 176.381px;
  }
}
#interview .cross_talk .cross_talk_container .poly_2 {
  filter: drop-shadow(0 4px 74px rgba(166, 166, 166, 0.25)) blur(13.5px);
  top: 269px;
  left: -139px;
}
@media screen and (max-width: 768px) {
  #interview .cross_talk .cross_talk_container .poly_2 {
    top: 416px;
    left: -13px;
    width: 44.291px;
    height: 44.291px;
  }
}
#interview .cross_talk .cross_talk_container .poly_3 {
  filter: drop-shadow(0 4px 74px rgba(166, 166, 166, 0.25)) blur(13.5px);
  top: 231px;
  left: -184px;
}
@media screen and (max-width: 768px) {
  #interview .cross_talk .cross_talk_container .poly_3 {
    left: -62px;
    top: 375px;
    width: 279.359px;
    height: 337.957px;
  }
}
#interview .cross_talk .cross_talk_container .poly_4 {
  bottom: 50px;
  right: -132px;
}
@media screen and (max-width: 768px) {
  #interview .cross_talk .cross_talk_container .poly_4 {
    bottom: 52px;
    right: -63px;
    width: 264.289px;
    height: 284.568px;
  }
}
#interview .cross_talk .cross_talk_container .cross_talk_flex {
  display: flex;
  gap: 85px;
  padding: 38px 0 0;
  flex-wrap: wrap;
}
@media screen and (max-width: 1280px) {
  #interview .cross_talk .cross_talk_container .cross_talk_flex {
    justify-content: center;
  }
}
@media screen and (max-width: 768px) {
  #interview .cross_talk .cross_talk_container .cross_talk_flex {
    padding: 58px 0 0;
    gap: 58px;
  }
}
#interview .cross_talk .cross_talk_container .cross_talk_flex .cross_talk_content {
  width: 540px;
}
#interview .cross_talk .cross_talk_container .cross_talk_flex .cross_talk_content .cross_talk_img {
  position: relative; /* 基準点にする */
  display: inline-block;
  width: 540px;
  aspect-ratio: 540/360;
  border-radius: 10px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  #interview .cross_talk .cross_talk_container .cross_talk_flex .cross_talk_content .cross_talk_img {
    width: 100%;
  }
}
#interview .cross_talk .cross_talk_container .cross_talk_flex .cross_talk_content .cross_talk_img img {
  width: 100%;
  height: 100%;
  transition: 0.5s;
  border-radius: 10px 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), var(--, #33955C);
}
#interview .cross_talk .cross_talk_container .cross_talk_flex .cross_talk_content .cross_talk_img .label {
  position: absolute;
  bottom: 0; /* 位置調整 */
  right: 0;
  width: 236px;
  height: 47px;
  background-color: #2e7d32; /* 緑 */
  border-radius: 10px 0;
  padding: 6px 0;
  text-align: center;
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: #fff;
  font-size: 20px;
  line-height: 36px; /* 180% */
  letter-spacing: 0.8px;
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  #interview .cross_talk .cross_talk_container .cross_talk_flex .cross_talk_content .cross_talk_img .label {
    font-weight: 500;
  }
}
#interview .cross_talk .cross_talk_container .cross_talk_flex .cross_talk_content:hover img {
  scale: 1.2;
}
#interview .cross_talk .cross_talk_container .cross_talk_flex .cross_talk_content p {
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #191E2E;
  font-size: 20px;
  line-height: 36px; /* 180% */
  letter-spacing: 0.8px;
}

#environment {
  width: 100%;
  overflow: hidden;
}
#environment #welfare {
  width: 100%;
  background: #F6F6F6;
  padding: 0 0 180px;
  position: relative;
}
@media screen and (max-width: 768px) {
  #environment #welfare {
    padding: 0 0 104px;
  }
}
#environment #welfare .section_top .menu {
  width: 100%;
  display: flex;
  gap: 27px;
  justify-content: center;
  padding: 27px 0 0;
}
@media screen and (max-width: 768px) {
  #environment #welfare .section_top .menu {
    width: 90%;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 10px;
    margin: 0 auto;
  }
}
#environment #welfare .section_top .menu .link_button {
  width: unset;
  padding: 0 0 10px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: solid 1px #E2DFDF;
  display: flex;
  padding: 0 0 7px 10px;
  align-items: center;
  gap: 22px;
  border-bottom: 1px solid #4B4B4B;
}
#environment #welfare .section_top .menu .link_button .link_text {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%; /* 28.8px */
  letter-spacing: 0.32px;
  overflow: hidden;
  color: transparent;
  text-shadow: 0 1.5em 0 #4B4B4B, 0 0 0 #4B4B4B;
  transition: text-shadow 0.3s;
}
#environment #welfare .section_top .menu .link_button .link_icon {
  position: relative;
  width: 12px;
  height: 13px;
  overflow: hidden;
}
#environment #welfare .section_top .menu .link_button .link_icon .icon {
  position: absolute;
  width: 12px;
  height: 13px;
  flex-shrink: 0;
  top: 0;
  left: 0;
  aspect-ratio: 12/13.4;
  transition: 0.3s ease;
}
#environment #welfare .section_top .menu .link_button .link_icon .current {
  transform: translateX(0);
}
#environment #welfare .section_top .menu .link_button .link_icon .next {
  transform: translateX(-150%);
}
#environment #welfare .section_top .menu .link_button:hover .link_text {
  text-shadow: 0 0 0 #4B4B4B, 0 -1.5em 0 #4B4B4B;
}
#environment #welfare .section_top .menu .link_button:hover .link_icon .current {
  transform: translateX(150%);
}
#environment #welfare .section_top .menu .link_button:hover .link_icon .next {
  transform: translateX(0);
}
@media screen and (max-width: 768px) {
  #environment #welfare .section_top .menu .link_button {
    gap: 6px;
  }
}
#environment #welfare .section_top .menu .link_button .link_icon {
  transform: rotate(90deg);
}
#environment #welfare .section_top .philosophy {
  padding: 108px 0 136px;
}
@media screen and (max-width: 768px) {
  #environment #welfare .section_top .philosophy {
    padding: 61px 0 114px;
  }
}
#environment #welfare .section_top .philosophy .philosophy_container {
  width: 90%;
  max-width: 960px;
  margin: 0 auto;
}
@media screen and (max-width: 1280px) {
  #environment #welfare .section_top .philosophy .philosophy_container .philosophy_figure_flex_wrapper {
    overflow-y: hidden;
    overflow-x: scroll;
  }
}
#environment #welfare .section_top .philosophy .philosophy_container .philosophy_figure_flex_wrapper .philosophy_figure_flex {
  display: flex;
  padding: 50px 0 0;
  gap: 12px;
}
@media screen and (max-width: 1280px) {
  #environment #welfare .section_top .philosophy .philosophy_container .philosophy_figure_flex_wrapper .philosophy_figure_flex {
    width: 960px;
  }
}
#environment #welfare .section_top .philosophy .philosophy_container .philosophy_figure_flex_wrapper .philosophy_figure_flex .philosophy_figure {
  padding-top: 8px;
  width: 500.5px;
  height: 644.984px;
}
@media screen and (max-width: 768px) {
  #environment #welfare .section_top .philosophy .philosophy_container .philosophy_figure_flex_wrapper .philosophy_figure_flex .philosophy_figure {
    padding-bottom: 53px;
  }
}
#environment #welfare .section_top .philosophy .philosophy_container .philosophy_figure_flex_wrapper .philosophy_figure_flex p {
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #4B4B4B;
  font-size: 16px;
  line-height: 180%; /* 28.8px */
}
#environment #welfare .section_top .philosophy .philosophy_container .philosophy_figure_flex_wrapper .philosophy_figure_flex .text2 {
  transform: translateY(98px);
}
#environment #welfare .section_top .philosophy .philosophy_container .philosophy_figure_flex_wrapper .philosophy_figure_flex .text3 {
  transform: translateY(140px);
}
#environment #welfare .section_top .philosophy .philosophy_container .philosophy_figure_flex_wrapper .philosophy_figure_flex .text4 {
  transform: translateY(212px);
}
#environment #welfare .section_top .philosophy .philosophy_container .philosophy_figure_flex_wrapper .philosophy_figure_flex .text5 {
  transform: translateY(283px);
}
#environment #welfare .polygon {
  position: relative;
  top: -200px;
  z-index: 2;
}
#environment #welfare #welfare_content {
  max-width: 960px;
  width: 90%;
  margin: auto;
  padding-top: 120px;
}
@media screen and (max-width: 768px) {
  #environment #welfare #welfare_content {
    width: 90%;
    padding-top: 51px;
  }
}
#environment #welfare #welfare_content h1 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #4B4B4B;
  font-size: 70px;
  letter-spacing: -2.1px;
}
@media screen and (max-width: 768px) {
  #environment #welfare #welfare_content h1 {
    font-size: 40px;
    letter-spacing: -1.2px;
  }
}
#environment #welfare #welfare_content h2 {
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #CD0B0B;
  font-size: 15px;
  line-height: 170%; /* 25.5px */
  letter-spacing: 0.75px;
  margin-bottom: 50px;
}
#environment #welfare #welfare_content .welfare_content {
  width: 100%;
}
#environment #welfare #welfare_content .welfare_content .welfare_cards {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin: auto;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  #environment #welfare #welfare_content .welfare_content .welfare_cards {
    gap: 30px;
  }
}
#environment #welfare #welfare_content .welfare_content .welfare_cards .welfare_card {
  display: flex;
  flex-direction: column;
  width: 290px;
  height: 349px;
  border-radius: 8px;
  border-top: 7px solid #33955C;
  background: #FFF;
  padding: 16px 20px 27px;
  /* Drop Shadow */
  box-shadow: 0 4px 4px 0 rgba(140, 140, 140, 0.25);
  margin-bottom: 8px;
  justify-content: center;
  text-align: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  #environment #welfare #welfare_content .welfare_content .welfare_cards .welfare_card {
    width: 300px;
    height: auto;
    padding: 20px 14px;
  }
}
#environment #welfare #welfare_content .welfare_content .welfare_cards .welfare_card h3 {
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: #4B4B4B;
  font-size: 22px;
  font-weight: 700;
  line-height: 190%; /* 41.8px */
}
#environment #welfare #welfare_content .welfare_content .welfare_cards .welfare_card svg {
  display: block;
  width: 125px;
  height: 125px;
  margin: auto;
}
@media screen and (max-width: 768px) {
  #environment #welfare #welfare_content .welfare_content .welfare_cards .welfare_card svg {
    margin: 8px auto;
  }
}
#environment #welfare #welfare_content .welfare_content .welfare_cards .welfare_card p {
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #4B4B4B;
  font-size: 15px;
  line-height: 120%; /* 18px */
}
@media screen and (max-width: 768px) {
  #environment #welfare #welfare_content .welfare_content .welfare_cards .welfare_card p {
    text-align: left;
  }
}
#environment .header_center {
  display: flex;
  flex-direction: column;
  text-align: center;
  padding-top: 55px;
}
@media screen and (max-width: 768px) {
  #environment .header_center {
    padding-top: 0;
    text-align: left;
  }
}
#environment .header_center h1 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #4B4B4B;
  font-size: 70px;
  letter-spacing: -2.1px;
}
@media screen and (max-width: 768px) {
  #environment .header_center h1 {
    font-size: 40px;
    letter-spacing: -1.2px;
  }
}
#environment .header_center h2 {
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #CD0B0B;
  font-size: 15px;
  line-height: 170%; /* 25.5px */
  letter-spacing: 0.75px;
}
#environment #workplace {
  position: relative;
  width: 100%;
  background-image: url("images/environment/workplace_bg_pc.png");
  background-repeat: repeat;
  background-position: center top;
  background-size: 1440px auto;
}
#environment #workplace #workplace_content {
  position: relative;
  width: 80%;
  margin: auto;
  max-width: 1156px;
  padding: 58px 0 141px;
}
@media screen and (max-width: 768px) {
  #environment #workplace #workplace_content {
    width: 90%;
    padding: 42px 0 78px;
  }
}
#environment #workplace #workplace_content .poly_1 {
  position: absolute;
  top: -123px;
  left: -123px;
}
@media screen and (max-width: 768px) {
  #environment #workplace #workplace_content .poly_1 {
    display: none;
  }
}
#environment #workplace #workplace_content .poly_2 {
  position: absolute;
  top: 429px;
  right: -23%;
}
@media screen and (max-width: 768px) {
  #environment #workplace #workplace_content .poly_2 {
    display: none;
  }
}
#environment #workplace #workplace_content .offices_content {
  display: flex;
  flex-direction: column;
  gap: 50px;
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  #environment #workplace #workplace_content .offices_content {
    margin-top: 22px;
  }
}
#environment #workplace #workplace_content .offices_content h4 {
  display: flex;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #C6341A;
  font-size: 16px;
  line-height: 180%; /* 28.8px */
}
#environment #workplace #workplace_content .offices_content h3 {
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: #4B4B4B;
  font-size: 35px;
  line-height: 100%; /* 35px */
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  #environment #workplace #workplace_content .offices_content h3 {
    font-size: 27px;
  }
}
#environment #workplace #workplace_content .offices_content .offices {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, 350px);
  gap: 20px;
  margin-top: 35px;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  #environment #workplace #workplace_content .offices_content .offices {
    gap: 15px;
  }
}
#environment #workplace #workplace_content .offices_content .offices .office {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
#environment #workplace #workplace_content .offices_content .offices .office img {
  width: 350px;
  height: 197px;
}
#environment #workplace #workplace_content .offices_content .offices .office p {
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #4B4B4B;
  font-size: 22px;
  line-height: 100%; /* 22px */
}
@media screen and (max-width: 768px) {
  #environment #workplace #workplace_content .offices_content .offices .office p {
    font-size: 19px;
  }
}
#environment #workplace #workplace_content .offices_content .tokyo, #environment #workplace #workplace_content .offices_content .saitama {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#environment #workplace #workplace_content .other_link {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 55px;
}
@media screen and (max-width: 768px) {
  #environment #workplace #workplace_content .other_link {
    margin-top: 30px;
  }
}
#environment #workplace #workplace_content .other_link .link_button {
  width: 190px;
  padding: 0 0 10px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: solid 1px #E2DFDF;
}
#environment #workplace #workplace_content .other_link .link_button .link_text {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%; /* 28.8px */
  letter-spacing: 0.32px;
  overflow: hidden;
  color: transparent;
  text-shadow: 0 1.5em 0 #4B4B4B, 0 0 0 #4B4B4B;
  transition: text-shadow 0.3s;
}
#environment #workplace #workplace_content .other_link .link_button .link_icon {
  position: relative;
  width: 12px;
  height: 13px;
  overflow: hidden;
}
#environment #workplace #workplace_content .other_link .link_button .link_icon .icon {
  position: absolute;
  width: 12px;
  height: 13px;
  flex-shrink: 0;
  top: 0;
  left: 0;
  aspect-ratio: 12/13.4;
  transition: 0.3s ease;
}
#environment #workplace #workplace_content .other_link .link_button .link_icon .current {
  transform: translateX(0);
}
#environment #workplace #workplace_content .other_link .link_button .link_icon .next {
  transform: translateX(-150%);
}
#environment #workplace #workplace_content .other_link .link_button:hover .link_text {
  text-shadow: 0 0 0 #4B4B4B, 0 -1.5em 0 #4B4B4B;
}
#environment #workplace #workplace_content .other_link .link_button:hover .link_icon .current {
  transform: translateX(150%);
}
#environment #workplace #workplace_content .other_link .link_button:hover .link_icon .next {
  transform: translateX(0);
}
@media screen and (max-width: 1280px) {
  #environment #workplace #workplace_content .other_link .link_button {
    width: 310px;
    padding: 0 30px 10px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  #environment #workplace #workplace_content .other_link .link_button {
    width: 270px;
  }
}
#environment #event_movie {
  width: 100%;
  background: #FFF;
  position: relative;
  z-index: 2;
}
#environment #event_movie #event_movie_content {
  position: relative;
  width: 86%;
  max-width: 1230px;
  margin: 104px auto 104px;
  background: #E7D166;
  border-radius: 30px;
}
@media screen and (max-width: 768px) {
  #environment #event_movie #event_movie_content {
    margin: 50px auto 217px;
  }
}
#environment #event_movie #event_movie_content .poly_3 {
  position: absolute;
  top: -168px;
  left: -100px;
}
@media screen and (max-width: 768px) {
  #environment #event_movie #event_movie_content .poly_3 {
    display: none;
  }
}
#environment #event_movie #event_movie_content .poly_4 {
  position: absolute;
  z-index: -1;
  top: 244px;
  right: -156px;
}
@media screen and (max-width: 768px) {
  #environment #event_movie #event_movie_content .poly_4 {
    display: none;
  }
}
#environment #event_movie #event_movie_content .poly_5 {
  position: absolute;
  z-index: -1;
  bottom: -259px;
  left: 20%;
}
@media screen and (max-width: 768px) {
  #environment #event_movie #event_movie_content .poly_5 {
    display: none;
  }
}
#environment #event_movie #event_movie_content .poly_3_sp {
  display: none;
  position: absolute;
  top: -100px;
  left: -44px;
}
@media screen and (max-width: 768px) {
  #environment #event_movie #event_movie_content .poly_3_sp {
    display: block;
  }
}
#environment #event_movie #event_movie_content .poly_4_sp {
  display: none;
  position: absolute;
  z-index: -1;
  top: -33px;
  right: -80px;
}
@media screen and (max-width: 768px) {
  #environment #event_movie #event_movie_content .poly_4_sp {
    display: block;
  }
}
#environment #event_movie #event_movie_content .poly_5_sp {
  display: none;
  position: absolute;
  z-index: -1;
  bottom: -141px;
  left: -9%;
}
@media screen and (max-width: 768px) {
  #environment #event_movie #event_movie_content .poly_5_sp {
    display: block;
  }
}
#environment #event_movie #event_movie_content .event_movie_text {
  max-width: 398px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  #environment #event_movie #event_movie_content .event_movie_text {
    padding-top: 30px;
    margin-left: 13%;
  }
}
#environment #event_movie #event_movie_content .event_movie_text h1 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #FFF;
  font-size: 70px;
  letter-spacing: -2.1px;
}
@media screen and (max-width: 768px) {
  #environment #event_movie #event_movie_content .event_movie_text h1 {
    font-size: 40px;
    letter-spacing: -1.2px;
  }
}
#environment #event_movie #event_movie_content .event_movie_text h2 {
  text-align: left;
}
#environment #event_movie #event_movie_content .movie {
  background: #FFF;
  max-width: 920px;
  width: 75%;
  aspect-ratio: 920/447;
  margin: 50px auto 129px;
}
@media screen and (max-width: 768px) {
  #environment #event_movie #event_movie_content .movie {
    min-width: 302px;
    aspect-ratio: 302/175;
    margin: 28px auto 50px;
  }
}
#environment #event_movie #bg_poly {
  opacity: 0.9;
  filter: drop-shadow(0 4px 74px rgba(166, 166, 166, 0.25)) blur(13.5px);
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  #environment #event_movie #bg_poly {
    opacity: 1;
    width: 100vw;
    filter: unset;
  }
}
#environment #event_movie #bg_poly .poly_front {
  position: absolute;
  inset: 0;
  z-index: 5;
  pointer-events: none;
}
#environment #event_movie #bg_poly .poly_front .poly_1 {
  position: absolute;
  z-index: 3;
  top: -960px;
  left: 40px;
}
@media screen and (max-width: 768px) {
  #environment #event_movie #bg_poly .poly_front .poly_1 {
    display: none;
  }
}
#environment #event_movie #bg_poly .poly_front .poly_2 {
  position: absolute;
  z-index: 3;
  top: -1010px;
}
@media screen and (max-width: 768px) {
  #environment #event_movie #bg_poly .poly_front .poly_2 {
    display: none;
  }
}
#environment #event_movie #bg_poly .poly_front .poly_1_sp {
  display: none;
  position: absolute;
  z-index: 3;
  bottom: 382px;
}
@media screen and (max-width: 768px) {
  #environment #event_movie #bg_poly .poly_front .poly_1_sp {
    display: block;
  }
}
#environment #event_movie #bg_poly .poly_back {
  position: absolute;
  z-index: -1;
}
#environment #event_movie #bg_poly .poly_back .poly_3 {
  position: absolute;
  right: -100vw;
  top: -500px;
}
@media screen and (max-width: 768px) {
  #environment #event_movie #bg_poly .poly_back .poly_3 {
    display: none;
  }
}
#environment #event_movie #bg_poly .poly_back .poly_4 {
  position: absolute;
  left: 500px;
  top: -300px;
}
@media screen and (max-width: 768px) {
  #environment #event_movie #bg_poly .poly_back .poly_4 {
    display: none;
  }
}
#environment #event_movie #bg_poly .poly_back .poly_5 {
  position: absolute;
  top: -2275px;
  left: 100px;
}
@media screen and (max-width: 768px) {
  #environment #event_movie #bg_poly .poly_back .poly_5 {
    display: none;
  }
}
#environment #event_movie #bg_poly .poly_back .poly_6 {
  position: absolute;
  z-index: 3;
  top: -1960px;
  right: -100vw;
}
@media screen and (max-width: 768px) {
  #environment #event_movie #bg_poly .poly_back .poly_6 {
    display: none;
  }
}
#environment #event_movie #bg_poly .poly_back .poly_5_sp {
  display: none;
  position: absolute;
  z-index: 3;
  bottom: 518px;
  width: 206px;
  right: -104vw;
}
@media screen and (max-width: 768px) {
  #environment #event_movie #bg_poly .poly_back .poly_5_sp {
    display: block;
  }
}
#environment #event_movie #bg_poly .poly_back .poly_6_sp {
  display: none;
  position: absolute;
  z-index: 3;
  bottom: 0;
}
@media screen and (max-width: 768px) {
  #environment #event_movie #bg_poly .poly_back .poly_6_sp {
    display: block;
  }
}

#recruit {
  overflow: hidden;
}
#recruit .page_links {
  background-image: url("images/recruit/background_noise.png");
  background-size: cover;
}
#recruit .page_links .menu {
  width: 100%;
  display: flex;
  gap: 27px;
  justify-content: center;
  padding: 27px 0 0;
}
@media screen and (max-width: 768px) {
  #recruit .page_links .menu {
    width: 90%;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 10px;
    margin: 0 auto;
  }
}
#recruit .page_links .menu .link_button {
  width: unset;
  padding: 0 0 10px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: solid 1px #E2DFDF;
  display: flex;
  padding: 0 0 7px 10px;
  align-items: center;
  gap: 22px;
  border-bottom: 1px solid #4B4B4B;
}
#recruit .page_links .menu .link_button .link_text {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%; /* 28.8px */
  letter-spacing: 0.32px;
  overflow: hidden;
  color: transparent;
  text-shadow: 0 1.5em 0 #4B4B4B, 0 0 0 #4B4B4B;
  transition: text-shadow 0.3s;
}
#recruit .page_links .menu .link_button .link_icon {
  position: relative;
  width: 12px;
  height: 13px;
  overflow: hidden;
}
#recruit .page_links .menu .link_button .link_icon .icon {
  position: absolute;
  width: 12px;
  height: 13px;
  flex-shrink: 0;
  top: 0;
  left: 0;
  aspect-ratio: 12/13.4;
  transition: 0.3s ease;
}
#recruit .page_links .menu .link_button .link_icon .current {
  transform: translateX(0);
}
#recruit .page_links .menu .link_button .link_icon .next {
  transform: translateX(-150%);
}
#recruit .page_links .menu .link_button:hover .link_text {
  text-shadow: 0 0 0 #4B4B4B, 0 -1.5em 0 #4B4B4B;
}
#recruit .page_links .menu .link_button:hover .link_icon .current {
  transform: translateX(150%);
}
#recruit .page_links .menu .link_button:hover .link_icon .next {
  transform: translateX(0);
}
@media screen and (max-width: 768px) {
  #recruit .page_links .menu .link_button {
    gap: 6px;
  }
}
#recruit .page_links .menu .link_button .link_icon {
  transform: rotate(90deg);
}
#recruit #personality {
  width: 100%;
  background-color: #F6F6EE;
  background-image: url("images/recruit/background_noise.png");
  background-size: cover;
  background-repeat: repeat;
  padding: 84px 0 142px;
}
@media screen and (max-width: 768px) {
  #recruit #personality {
    padding: 58px 0 68px;
  }
}
#recruit #personality .inner {
  width: 90%;
  max-width: 1110px;
  margin: 0 auto;
}
#recruit #personality .inner h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 70px;
  color: #4B4B4B;
  line-height: 170%;
  letter-spacing: 0.75px;
}
@media screen and (max-width: 768px) {
  #recruit #personality .inner h2 {
    font-size: 40px;
    font-weight: 500;
    letter-spacing: -1.2px;
  }
}
#recruit #personality .inner .jp_title {
  display: block;
  font-size: 15px;
  color: #CD0B0B;
}
#recruit #personality .inner .contents {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 57px 0 0;
}
@media screen and (max-width: 768px) {
  #recruit #personality .inner .contents {
    margin: 30px 0 0;
    flex-direction: column;
  }
}
#recruit #personality .inner .contents article {
  width: 58%;
}
@media screen and (max-width: 768px) {
  #recruit #personality .inner .contents article {
    width: 100%;
  }
}
#recruit #personality .inner .contents article h3 {
  font-size: 30px;
  font-weight: 500;
  color: #4B4B4B;
  margin: 0 0 46px;
  line-height: 155%; /* 38.75px */
  letter-spacing: 1.25px;
}
#recruit #personality .inner .contents article h3 strong {
  font-size: 30px;
  font-weight: 500;
  color: #CD0B0B;
}
@media screen and (max-width: 768px) {
  #recruit #personality .inner .contents article h3 {
    font-size: 25px;
  }
}
#recruit #personality .inner .contents article p {
  color: #4B4B4B;
  font-size: 16px;
  font-weight: 400;
  line-height: 180%; /* 22.4px */
}
@media screen and (max-width: 768px) {
  #recruit #personality .inner .contents article p {
    line-height: 140%; /* 22.4px */
  }
}
#recruit #personality .inner .contents .image_wrapper {
  position: relative;
  width: 36.9%;
}
@media screen and (max-width: 768px) {
  #recruit #personality .inner .contents .image_wrapper {
    width: 100%;
    max-width: 269.767px;
    max-height: 337.028px;
    margin: 49px 0 0;
  }
}
#recruit #personality .inner .contents .image_wrapper .person_image {
  width: 100%;
  object-fit: cover;
  object-position: center;
}
#recruit #personality .inner .contents .image_wrapper .person_deco {
  position: absolute;
  width: 127%;
  height: 122%;
  object-fit: cover;
  object-position: center center;
  top: -15%;
  left: -10%;
}
#recruit #faq {
  width: 100%;
  padding: 95px 0 155px;
}
@media screen and (max-width: 768px) {
  #recruit #faq {
    padding: 36px 0 75px;
  }
}
#recruit #faq .inner {
  width: 90%;
  max-width: 1110px;
  margin: 0 auto;
}
#recruit #faq .inner h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 70px;
  color: #4B4B4B;
  letter-spacing: -2.1px;
}
@media screen and (max-width: 768px) {
  #recruit #faq .inner h2 {
    font-size: 40px;
    letter-spacing: -1.2px;
  }
}
#recruit #faq .inner .jp_title {
  display: block;
  font-size: 15px;
  color: #CD0B0B;
  line-height: 170%; /* 25.5px */
  letter-spacing: 0.75px;
}
#recruit #faq .inner .contents {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 10px;
  margin: 50px 0 0;
}
@media screen and (max-width: 768px) {
  #recruit #faq .inner .contents {
    margin: 25px 0 0;
  }
}
#recruit #faq .inner .contents article {
  width: 100%;
  max-height: 66px;
  background-color: #F6F6F6;
  border-radius: 10px;
  overflow: hidden;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  #recruit #faq .inner .contents article {
    max-height: 75px;
  }
}
#recruit #faq .inner .contents article:has(input:checked) {
  max-height: 500px;
}
#recruit #faq .inner .contents article label {
  position: relative;
  width: 100%;
  min-height: 66px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 85px 16px 92px;
  font-size: 16px;
  color: #4B4B4B;
  cursor: pointer;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  #recruit #faq .inner .contents article label {
    padding: 16px 38px 16px 38px;
  }
}
#recruit #faq .inner .contents article label:has(input:checked) {
  background-color: #F6F1F1;
}
#recruit #faq .inner .contents article label:has(input:checked)::after {
  transform: rotate(0deg);
}
#recruit #faq .inner .contents article label::before {
  display: inline-block;
  content: "Q";
  font-size: 35px;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #C6341A;
  position: absolute;
  left: 34px;
}
@media screen and (max-width: 768px) {
  #recruit #faq .inner .contents article label::before {
    font-size: 24px;
    left: 8px;
  }
}
#recruit #faq .inner .contents article label::after {
  display: inline-block;
  content: "";
  width: 26px;
  height: 29px;
  background-image: url("images/recruit/faq_angles.png");
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  right: 34px;
  transition: 0.3s;
  transform: rotate(180deg);
}
@media screen and (max-width: 768px) {
  #recruit #faq .inner .contents article label::after {
    width: 17px;
    height: 18px;
    right: 13px;
    aspect-ratio: 17/15;
  }
}
#recruit #faq .inner .contents article p {
  position: relative;
  width: 100%;
  padding: 22px 85px 22px 92px;
  color: #4B4B4B;
  font-size: 16px;
  font-weight: 400;
  line-height: 170%; /* 18px */
}
@media screen and (max-width: 768px) {
  #recruit #faq .inner .contents article p {
    padding: 16px 38px 16px 38px;
    font-size: 15px;
    line-height: 120%; /* 18px */
  }
}
#recruit #faq .inner .contents article p::before {
  display: inline-block;
  content: "A";
  font-size: 35px;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #C6341A;
  position: absolute;
  left: 34px;
}
@media screen and (max-width: 768px) {
  #recruit #faq .inner .contents article p::before {
    font-size: 24px;
    left: 8px;
  }
}
#recruit #requirements {
  position: relative;
  width: 100%;
  padding: 100px 0 120px;
  background-color: #F6F6F6;
}
@media screen and (max-width: 768px) {
  #recruit #requirements {
    padding: 56px 0 96px;
  }
}
#recruit #requirements .deco {
  position: absolute;
  top: 110px;
  left: 0;
  width: 92.4%;
  height: auto;
  aspect-ratio: 1.712/1;
  background-image: url("images/recruit/requirements_deco.png");
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  #recruit #requirements .deco {
    width: 100%;
    background-image: url("images/recruit/requirements_deco_sp.png");
    aspect-ratio: 500/1466;
  }
}
#recruit #requirements .inner {
  position: relative;
  width: 90%;
  max-width: 1110px;
  margin: 0 auto;
  z-index: 2;
}
#recruit #requirements .inner h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 70px;
  color: #4B4B4B;
  letter-spacing: -2.1px;
}
@media screen and (max-width: 768px) {
  #recruit #requirements .inner h2 {
    font-size: 40px;
    letter-spacing: -1.2px;
  }
}
#recruit #requirements .inner .jp_title {
  display: block;
  font-size: 15px;
  color: #CD0B0B;
  line-height: 170%; /* 25.5px */
  letter-spacing: 0.75px;
}
#recruit #requirements .inner .wrapper {
  width: 100%;
  margin: 60px 0 0;
}
#recruit #requirements .inner .wrapper .tabs {
  display: flex;
}
@media screen and (max-width: 768px) {
  #recruit #requirements .inner .wrapper .tabs {
    justify-content: center;
  }
}
#recruit #requirements .inner .wrapper .tabs .link_button .link_text {
  --text-color: rgba(75, 75, 75, 0.60);
  overflow: hidden;
  color: transparent;
  text-shadow: 0 1.5em 0 var(--text-color), 0 0 0 var(--text-color);
  transition: text-shadow 0.3s;
}
#recruit #requirements .inner .wrapper .tabs .link_button:has(input:checked) .link_text {
  --text-color: #4B4B4B;
}
#recruit #requirements .inner .wrapper .tabs .link_button:hover .link_text {
  text-shadow: 0 0 0 var(--text-color), 0 -1.5em 0 var(--text-color);
}
#recruit #requirements .inner .wrapper .tabs label {
  width: 250px;
  height: 60px;
  background-color: #E8E8E8;
  border-radius: 10px 10px 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 22px;
  font-weight: 600;
  color: rgba(75, 75, 75, 0.6);
  transition: 0.3s;
  cursor: pointer;
  border-top: 6px solid transparent;
}
@media screen and (max-width: 768px) {
  #recruit #requirements .inner .wrapper .tabs label {
    width: 120px;
    font-size: 20px;
    font-weight: 500;
    line-height: 190%; /* 38px */
  }
}
#recruit #requirements .inner .wrapper .tabs label:has(input:checked) {
  background-color: white;
  border-top-color: #E4D723;
}
#recruit #requirements .inner .wrapper .contents {
  position: relative;
  width: 100%;
  padding: 48px 0 74px;
  display: flex;
  flex-flow: column;
  gap: 70px;
  background-color: white;
  border-radius: 0 30px 30px 30px;
}
@media screen and (max-width: 768px) {
  #recruit #requirements .inner .wrapper .contents {
    gap: 58px;
    padding: 16px 0 75px;
    border-radius: 15px;
  }
}
#recruit #requirements .inner .wrapper .contents dl {
  width: 95%;
  max-width: 740px;
  margin: 0 auto;
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
@media screen and (max-width: 768px) {
  #recruit #requirements .inner .wrapper .contents dl {
    width: 90%;
  }
}
#recruit #requirements .inner .wrapper .contents dl .row {
  width: 100%;
  display: flex;
}
@media screen and (max-width: 768px) {
  #recruit #requirements .inner .wrapper .contents dl .row {
    flex-direction: column;
  }
}
#recruit #requirements .inner .wrapper .contents dl .row dt {
  width: 146px;
  padding: 26px 0;
  font-weight: 700;
  border-bottom: 1px solid #E4D723;
  color: #4B4B4B;
}
@media screen and (max-width: 768px) {
  #recruit #requirements .inner .wrapper .contents dl .row dt {
    padding: 15px 0 5px;
    border-bottom: unset;
  }
}
#recruit #requirements .inner .wrapper .contents dl .row dd {
  width: calc(100% - 146px);
  padding: 26px 0 26px 34px;
  border-bottom: 1px solid #E2DFDF;
  font-size: 16px;
  color: #4B4B4B;
  font-weight: 400;
  line-height: 170%; /* 27.2px */
}
@media screen and (max-width: 768px) {
  #recruit #requirements .inner .wrapper .contents dl .row dd {
    width: 100%;
    padding: 0 0 15px;
    font-size: 16px;
    font-style: normal;
  }
}
#recruit #requirements .inner .wrapper .contents .flow {
  display: none;
  width: 80%;
  margin: 0 auto;
}
#recruit #requirements .inner .wrapper .contents .flow h3 {
  color: #4B4B4B;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  margin: 0 0 30px;
}
#recruit #requirements .inner .wrapper .contents .flow .flow_flex {
  display: flex;
  gap: 5px;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  #recruit #requirements .inner .wrapper .contents .flow .flow_flex {
    flex-direction: column;
  }
}
#recruit #requirements .inner .wrapper .contents .flow .flow_flex .step {
  display: flex;
  width: 177px;
  height: 150px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  background: #FFF;
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.2);
}
#recruit #requirements .inner .wrapper .contents .flow .flow_flex .step p {
  color: #4B4B4B;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 170%; /* 27.2px */
  letter-spacing: 1.6px;
}
@media screen and (max-width: 768px) {
  #recruit #requirements .inner .wrapper .contents .flow .flow_flex svg {
    transform: rotate(90deg);
  }
}
#recruit #requirements .inner .wrapper .contents .flow .flow_flex img {
  display: inline-block;
  width: 100%;
}
#recruit #requirements .inner .wrapper .contents .entry_btn {
  width: 100%;
  display: flex;
  justify-content: center;
}
#recruit #requirements .inner .wrapper .contents .entry_btn a {
  position: relative;
  width: 380px;
  height: 90px;
  display: none;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
  font-size: 30px;
  font-weight: 700;
  color: white;
  background-image: url("images/recruit/entry_btn_bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
@media screen and (max-width: 768px) {
  #recruit #requirements .inner .wrapper .contents .entry_btn a {
    width: 304px;
    height: 89px;
    align-items: center;
    gap: 10px;
    border-radius: 20px;
    text-align: center;
    text-shadow: 0 0 5px rgba(99, 99, 99, 0.33);
    font-size: 30px;
    font-weight: 700;
    line-height: 170%; /* 51px */
    letter-spacing: 3px;
  }
}
#recruit #requirements .inner .wrapper:has(input#graduate:checked) #graduate_content {
  position: relative;
  opacity: 1;
  visibility: visible;
}
#recruit #requirements .inner .wrapper:has(input#graduate:checked) .flow {
  display: block;
}
#recruit #requirements .inner .wrapper:has(input#graduate:checked) #graduate_entry_btn {
  display: flex;
}
#recruit #requirements .inner .wrapper:has(input#career:checked) #career_content {
  position: relative;
  opacity: 1;
  visibility: visible;
}
#recruit #requirements .inner .wrapper:has(input#career:checked) #career_entry_btn {
  display: flex;
}

#work {
  width: 100%;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  #work .fv .fv_bg .fv_wrapper .fv_polygon_img {
    object-position: 59% 50%;
  }
}
@media screen and (max-width: 768px) {
  #work .fv .fv_bg .fv_wrapper .fv_img {
    object-position: 59% 50%;
    display: none;
  }
}
#work .fv .fv_bg .fv_wrapper .fv_img.sp {
  display: none;
}
@media screen and (max-width: 768px) {
  #work .fv .fv_bg .fv_wrapper .fv_img.sp {
    display: block;
  }
}
#work .page_links {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 27px;
  padding: 27px 0;
  background: #FFF;
}
@media screen and (max-width: 768px) {
  #work .page_links {
    gap: clamp(15px, 3.55px + 3.053vw, 27px);
  }
}
#work .page_links a {
  display: flex;
  align-items: center;
  gap: 31px;
  font-family: "M PLUS 1", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color: #4B4B4B;
  padding: 0 10px 7px 10px;
  border-bottom: 1px solid #4B4B4B;
}
@media screen and (max-width: 768px) {
  #work .page_links a {
    gap: clamp(10px, -10.038px + 5.344vw, 31px);
  }
}
#work .page_links a::after {
  display: inline-block;
  content: "";
  width: 12px;
  height: 13.4px;
  background-image: url("images/common/link_angles.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
#work #work_connection {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 80px 0 90px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  #work #work_connection {
    margin-top: 40px;
  }
}
#work #work_connection .inner {
  width: 80%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#work #work_connection .inner .work_connection_title {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
#work #work_connection .inner .work_connection_title h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: clamp(60px, 48.571px + 1.488vw, 70px);
  color: #4B4B4B;
}
@media screen and (max-width: 768px) {
  #work #work_connection .inner .work_connection_title h2 {
    font-size: clamp(40px, 20.916px + 5.089vw, 60px);
  }
}
#work #work_connection .inner .work_connection_title h2 span {
  display: block;
  font-size: 15px;
  color: #CD0B0B;
}
#work #work_connection .inner .work_connection_title h3 {
  font-size: clamp(26px, 21.429px + 0.595vw, 30px);
  font-weight: 500;
  color: #4B4B4B;
  margin: 0 0 46px;
}
@media screen and (max-width: 768px) {
  #work #work_connection .inner .work_connection_title h3 {
    margin-bottom: clamp(0px, -43.893px + 11.705vw, 46px);
  }
}
@media screen and (max-width: 768px) {
  #work #work_connection .inner .work_connection_title h3 {
    font-size: clamp(19px, 12.321px + 1.781vw, 26px);
    line-height: clamp(30px, 14.733px + 4.071vw, 46px);
  }
}
#work #work_connection .inner .work_connection_title h3 strong {
  font-size: clamp(35px, 29.286px + 0.744vw, 40px);
  font-style: normal;
  font-weight: 700;
  line-height: 46px;
  color: #4B4B4B;
}
@media screen and (max-width: 768px) {
  #work #work_connection .inner .work_connection_title h3 strong {
    font-size: clamp(26px, 17.412px + 2.29vw, 35px);
    line-height: clamp(30px, 14.733px + 4.071vw, 46px);
  }
}
#work #work_connection .inner .work_connection_title h3 strong:nth-of-type(2) {
  color: #CD0B0B;
}
#work #work_connection .inner .connection_img {
  width: 100%;
  max-width: 854px;
  aspect-ratio: 1/1;
}
@media screen and (max-width: 768px) {
  #work #work_connection .inner .connection_img {
    width: clamp(461px, 315.008px + 38.931vw, 614px);
  }
}
#work #work_connection .inner .connection_detail {
  width: 80%;
}
@media screen and (max-width: 768px) {
  #work #work_connection .inner .connection_detail {
    width: 100%;
  }
}
#work #work_connection .inner .connection_detail p {
  color: #4B4B4B;
  font-size: 16px;
  font-style: normal;
  line-height: 190%; /* 30.4px */
}
#work #work_detail {
  width: 100%;
  display: flex;
  justify-content: center;
  background-image: url("images/recruit/background_noise.png");
  background-size: cover;
  padding: 114px 0 140px clamp(30px, -84.286px + 14.881vw, 130px);
  position: relative;
}
@media screen and (max-width: 768px) {
  #work #work_detail {
    padding: 70px 0 70px clamp(20px, 10.458px + 2.545vw, 30px);
  }
}
#work #work_detail .polygon {
  position: absolute;
  width: clamp(150px, 73.664px + 20.356vw, 230px);
}
#work #work_detail .polygon:nth-of-type(1) {
  top: -5%;
  right: 0;
}
#work #work_detail .polygon:nth-of-type(2) {
  top: 0;
  left: 0;
}
#work #work_detail .inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
}
#work #work_detail .inner .work_detail_title {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  #work #work_detail .inner .work_detail_title {
    padding-left: clamp(0px, -28.626px + 7.634vw, 30px);
  }
}
#work #work_detail .inner .work_detail_title h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 70px;
  color: #4B4B4B;
}
@media screen and (max-width: 768px) {
  #work #work_detail .inner .work_detail_title h2 {
    font-size: clamp(40px, 11.374px + 7.634vw, 70px);
  }
}
#work #work_detail .inner .work_detail_title h2 span {
  display: block;
  font-size: 15px;
  color: #CD0B0B;
}
#work #work_detail .inner .job_container {
  width: 100%;
  background: #FFF;
  border-radius: 10px;
  box-shadow: 0 4px 4px 0 rgba(140, 140, 140, 0.25);
  padding: 57px 0 57px 57px;
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  #work #work_detail .inner .job_container {
    margin-top: 50px;
  }
}
@media screen and (max-width: 768px) {
  #work #work_detail .inner .job_container {
    padding: clamp(20px, -15.305px + 9.415vw, 57px) 0 clamp(20px, -15.305px + 9.415vw, 57px) clamp(20px, -15.305px + 9.415vw, 57px);
  }
}
#work #work_detail .inner .job_container p {
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #4B4B4B;
  font-size: 16px;
  font-style: normal;
  line-height: 190%; /* 30.4px */
}
@media screen and (max-width: 768px) {
  #work #work_detail .inner .job_container p {
    line-height: 140%;
  }
}
#work #work_detail .inner .job_container h5 {
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: #4B4B4B;
  font-size: 19px;
  font-style: normal;
  line-height: 190%; /* 36.1px */
  display: flex;
  gap: 20px;
}
#work #work_detail .inner .job_container .job_title {
  width: 80%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  #work #work_detail .inner .job_container .job_title {
    width: 100%;
    padding-right: clamp(20px, -15.305px + 9.415vw, 57px);
  }
}
#work #work_detail .inner .job_container .job_title h4 {
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: #33955C;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
#work #work_detail .inner .job_container .work_detail .title {
  display: flex;
  gap: 10px;
  align-items: center;
  margin: 37px 0 27px;
}
@media screen and (max-width: 768px) {
  #work #work_detail .inner .job_container .work_detail .title {
    margin: 25px 0 25px;
  }
}
#work #work_detail .inner .job_container .work_detail .title svg {
  width: 50px;
}
#work #work_detail .inner .job_container .work_detail .work_detail_images {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  #work #work_detail .inner .job_container .work_detail .work_detail_images {
    flex-direction: column;
  }
}
#work #work_detail .inner .job_container .work_detail .work_detail_images .contents {
  width: 303px;
  display: flex;
  flex-direction: column;
}
#work #work_detail .inner .job_container .work_detail .work_detail_images .contents .work_detail_img {
  width: 303px;
  aspect-ratio: 303/190;
  border-radius: 8px;
}
#work #work_detail .inner .job_container .work_detail .schedule_wrapper {
  width: 100%;
  max-width: 1485px;
  margin-top: 40px;
}
#work #work_detail .inner .job_container .work_detail .schedule_wrapper .schedule_title {
  width: 100%;
  background: #33955C;
  padding: 6px 15px;
  display: flex;
  gap: 10px;
  align-items: center;
  border-radius: 10px 10px 0 0;
}
#work #work_detail .inner .job_container .work_detail .schedule_wrapper .schedule_title svg {
  width: 30px;
  height: 30px;
}
#work #work_detail .inner .job_container .work_detail .schedule_wrapper .schedule_title p {
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 190%; /* 41.8px */
  color: #FFF;
}
#work #work_detail .inner .job_container .work_detail .schedule_wrapper .schedule_detail {
  width: 100%;
  overflow: auto;
  display: flex;
  background: #ECECEC;
  gap: 20px;
  padding: 40px 0 50px 25px;
  border-radius: 0 0 10px 10px;
}
@media screen and (max-width: 768px) {
  #work #work_detail .inner .job_container .work_detail .schedule_wrapper .schedule_detail {
    gap: 10px;
    padding: 20px 0 20px 20px;
  }
}
#work #work_detail .inner .job_container .work_detail .schedule_wrapper .schedule_detail .schedule_unit {
  display: flex;
  gap: 20px;
}
#work #work_detail .inner .job_container .work_detail .schedule_wrapper .schedule_detail .schedule_unit .unit_wrapper {
  width: 190px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media screen and (max-width: 768px) {
  #work #work_detail .inner .job_container .work_detail .schedule_wrapper .schedule_detail .schedule_unit .unit_wrapper {
    gap: 0;
  }
}
#work #work_detail .inner .job_container .work_detail .schedule_wrapper .schedule_detail .schedule_unit svg {
  width: 20px;
  height: 22px;
  margin: auto;
}
#work #work_detail .inner .job_container .work_detail .schedule_wrapper .schedule_detail .schedule_unit:nth-of-type(6) .unit_wrapper {
  width: 210px;
}
#work #work_detail .inner .job_container:nth-of-type(3) .work_detail .schedule_wrapper {
  max-width: 1350px;
}
#work #work_detail .inner .job_container:nth-of-type(3) .work_detail .schedule_wrapper .schedule_detail .schedule_unit .unit_wrapper {
  width: 167px;
}
#work #work_detail .inner .job_container:nth-of-type(3) .work_detail .schedule_wrapper .schedule_unit:nth-of-type(6) .unit_wrapper {
  width: 190px;
}

#single_interview .fv_single {
  position: relative;
  height: 830px;
}
@media screen and (max-width: 768px) {
  #single_interview .fv_single {
    height: 407px;
  }
}
#single_interview .fv_single .fv_polygon_img {
  position: absolute;
  top: 0;
  right: 395px;
  height: 100%;
}
@media screen and (max-width: 1280px) {
  #single_interview .fv_single .fv_polygon_img {
    left: 0;
    height: 60%;
  }
}
@media screen and (max-width: 768px) {
  #single_interview .fv_single .fv_polygon_img {
    left: 0;
    height: 48%;
  }
}
#single_interview .fv_single .fv {
  height: 100%;
}
#single_interview .fv_single .fv .fv_bg .fv_wrapper {
  width: 100%;
}
#single_interview .fv_single .fv .fv_bg .fv_wrapper .fv_polygon_img {
  opacity: 0;
}
#single_interview .fv_single .fv .fv_bg .fv_wrapper .fv_img {
  max-width: 1440px;
  right: 0;
}
@media screen and (max-width: 768px) {
  #single_interview .fv_single .fv .fv_bg .fv_wrapper .fv_img {
    bottom: 0;
    height: 100%;
    object-position: 70% center;
  }
}
#single_interview .fv_single .fv .fv_title {
  max-width: clamp(400px, 281.143px + 15.476vw, 504px);
}
#single_interview .fv_single .fv h1 {
  color: #FFF;
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 66px; /* 165% */
  letter-spacing: 0.8px;
}
#single_interview .fv_single .fv .fv_employee_info {
  padding-top: 34px;
}
#single_interview .fv_single .fv .fv_employee_info p {
  color: #FFF;
  text-align: left;
}
#single_interview .fv_single .fv .fv_employee_info .fv_employee_name {
  font-size: 36px;
  font-weight: 700;
  line-height: 170%; /* 61.2px */
  letter-spacing: 0.64px;
}
#single_interview .fv_single .fv .fv_employee_info .fv_employee_job {
  font-size: 31px;
  font-weight: 400;
  line-height: 170%; /* 52.7px */
  letter-spacing: 0.64px;
}
#single_interview .fv_single .fv .fv_employee_info .fv_employee_year {
  font-size: 23px;
  font-weight: 400;
  line-height: 170%; /* 39.1px */
  letter-spacing: 0.56px;
}
#single_interview h3 {
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  font-size: 22px;
  letter-spacing: 0.44px;
  text-align: center;
}
#single_interview .catch_copy {
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #33955C;
  font-size: 22px;
  line-height: 130%; /* 28.6px */
  letter-spacing: 0.44px;
}
#single_interview .green-line {
  width: 33px;
  height: 2px;
  background: #33955C;
  margin: 25px auto; /* 上下の余白 */
}
#single_interview p {
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #191919;
  font-size: 16px;
  line-height: 40px; /* 250% */
  letter-spacing: 0.32px;
  max-width: 1064px;
  margin: 0 auto;
}
#single_interview .interview {
  background: #F1F6F3;
  padding: 96px 0 137px;
}
@media screen and (max-width: 768px) {
  #single_interview .interview {
    padding: 14px 0 69px;
  }
}
#single_interview .interview .interview_container {
  max-width: 1327px;
  width: 90%;
  margin: 0 auto;
  padding: 0 0 136px;
}
@media screen and (max-width: 768px) {
  #single_interview .interview .interview_container {
    padding: 0 0 69px;
  }
}
#single_interview .interview .interview_container .fv_title_sp {
  display: none;
}
@media screen and (max-width: 768px) {
  #single_interview .interview .interview_container .fv_title_sp {
    display: block;
    padding-bottom: 64px;
  }
  #single_interview .interview .interview_container .fv_title_sp h1 {
    color: #333;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: #4B4B4B;
    font-size: 20px;
    line-height: 50px; /* 250% */
    letter-spacing: 0.8px;
  }
  #single_interview .interview .interview_container .fv_title_sp p {
    color: #4B4B4B;
  }
  #single_interview .interview .interview_container .fv_title_sp .fv_employee_name {
    font-size: 24px;
    font-weight: 700;
    line-height: 170%; /* 40.8px */
    letter-spacing: 0.64px;
    padding-top: 8px;
  }
  #single_interview .interview .interview_container .fv_title_sp .fv_employee_job {
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%; /* 37.4px */
    letter-spacing: 0.64px;
  }
  #single_interview .interview .interview_container .fv_title_sp .fv_employee_year {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%; /* 23.8px */
    letter-spacing: 0.56px;
  }
}
#single_interview .interview .interview_container h3 {
  color: #191919;
  font-size: 22px;
  letter-spacing: 0.44px;
  padding-bottom: 24px;
}
#single_interview .interview .interview_container .question_wrap .question_content {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 8%;
}
@media screen and (max-width: 768px) {
  #single_interview .interview .interview_container .question_wrap .question_content {
    flex-wrap: wrap;
  }
}
#single_interview .interview .interview_container .question_wrap .question_content:nth-of-type(1) {
  padding-top: 100px;
}
@media screen and (max-width: 768px) {
  #single_interview .interview .interview_container .question_wrap .question_content:nth-of-type(1) {
    padding-top: 34px;
  }
}
#single_interview .interview .interview_container .question_wrap .question_content:nth-of-type(2) {
  flex-direction: row-reverse;
  padding-top: 110px;
}
@media screen and (max-width: 768px) {
  #single_interview .interview .interview_container .question_wrap .question_content:nth-of-type(2) {
    padding-top: 40px;
  }
}
#single_interview .interview .interview_container .question_wrap .question_content h3 {
  font-size: 17px;
  letter-spacing: 0.34px;
  text-align: left;
  padding-bottom: 16px;
}
@media screen and (max-width: 768px) {
  #single_interview .interview .interview_container .question_wrap .question_content h3 {
    padding-top: 40px;
  }
}
#single_interview .interview .interview_container .question_wrap .question_content .catch_copy {
  text-align: left;
}
#single_interview .interview .interview_container .question_wrap .question_content .green-line {
  margin: 25px 0;
}
#single_interview .interview .interview_container .question_wrap .question_content .question3_padding {
  padding-top: 85px;
}
@media screen and (max-width: 768px) {
  #single_interview .interview .interview_container .question_wrap .question_content .question3_padding {
    padding-top: 0;
  }
}
#single_interview .interview .interview_container .question_wrap .question_content img {
  max-width: 672px;
  max-height: 447px;
  width: 50%;
  object-fit: contain;
  border-radius: 10px;
}
@media screen and (max-width: 768px) {
  #single_interview .interview .interview_container .question_wrap .question_content img {
    width: 100%;
  }
}
#single_interview .interview .interview_container .question_wrap .question_content .bg_pattern {
  position: absolute;
  max-width: 380.597px;
  width: 28%;
  top: 570px;
  right: 8%;
}
@media screen and (max-width: 768px) {
  #single_interview .interview .interview_container .question_wrap .question_content .bg_pattern {
    display: none;
  }
}
#single_interview .interview .employee_big_img {
  width: 100%;
  padding-bottom: 70px;
}
#single_interview .interview .question4_content {
  width: 90%;
  margin: 0 auto;
}
#single_interview .interview .question4_content h3 {
  text-align: center;
  font-size: 17px;
  letter-spacing: 0.34px;
  padding-bottom: 16px;
}
#single_interview .interview .question4_content .catch_copy {
  text-align: center;
}
#single_interview .others_interview {
  position: relative;
  z-index: 0;
  background: rgba(51, 149, 92, 0.25);
}
#single_interview .others_interview .others_interview_pattern {
  position: absolute;
  top: -103px;
}
@media screen and (max-width: 768px) {
  #single_interview .others_interview .others_interview_pattern {
    width: 171.055px;
    height: 249.869px;
    top: -60px;
  }
}
#single_interview .others_interview .others_interview_container {
  position: relative;
  width: 90%;
  max-width: 1272px;
  margin: 0 auto;
  padding: 55px 0;
}
@media screen and (max-width: 768px) {
  #single_interview .others_interview .others_interview_container {
    padding: 55px 0 142px;
  }
}
#single_interview .others_interview .others_interview_container h3 {
  color: #191919;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.36px;
  text-align: left;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  #single_interview .others_interview .others_interview_container h3 {
    text-align: center;
  }
}
#single_interview .others_interview .others_interview_container .swiper {
  max-width: 1034px;
  width: 82%;
}
#single_interview .others_interview .others_interview_container .swiper .swiper-slide {
  width: 50%; /* 2人表示 */
}
@media screen and (max-width: 768px) {
  #single_interview .others_interview .others_interview_container .swiper .swiper-slide {
    width: 100%;
  }
}
@media screen and (max-width: 1280px) {
  #single_interview .others_interview .others_interview_container .swiper .swiper-slide .employee_info_container {
    width: 90%;
  }
}
@media screen and (max-width: 768px) {
  #single_interview .others_interview .others_interview_container .swiper .swiper-slide .employee_info_container {
    max-width: 447px;
    width: 100%;
    margin: 0 auto;
  }
}
#single_interview .others_interview .others_interview_container .swiper .swiper-slide .employee_info_container .employee_big_img_wrapper {
  max-width: 447px;
  max-height: 308px;
  overflow: hidden;
  margin: 0 auto;
}
@media screen and (max-width: 1280px) {
  #single_interview .others_interview .others_interview_container .swiper .swiper-slide .employee_info_container .employee_big_img_wrapper {
    width: 90%;
  }
}
@media screen and (max-width: 768px) {
  #single_interview .others_interview .others_interview_container .swiper .swiper-slide .employee_info_container .employee_big_img_wrapper {
    width: 100%;
  }
}
#single_interview .others_interview .others_interview_container .swiper .swiper-slide .employee_info_container .employee_big_img_wrapper img {
  width: 100%;
  transition: transform 0.4s ease;
}
#single_interview .others_interview .others_interview_container .swiper .swiper-slide .employee_info_container .employee_big_img_wrapper img:hover {
  transform: scale(1.2);
}
@media screen and (max-width: 768px) {
  #single_interview .others_interview .others_interview_container .swiper .swiper-slide .employee_info_container .employee_big_img_wrapper img {
    padding-bottom: 24px;
  }
  #single_interview .others_interview .others_interview_container .swiper .swiper-slide .employee_info_container .employee_big_img_wrapper img:hover {
    transform: unset;
  }
}
#single_interview .others_interview .others_interview_container .swiper .swiper-slide .employee_info_container p {
  color: #191E2E;
  font-size: 20px;
  font-weight: 500;
  line-height: 36px; /* 180% */
  letter-spacing: 0.8px;
}
@media screen and (max-width: 768px) {
  #single_interview .others_interview .others_interview_container .swiper .swiper-slide .employee_info_container .others_interview_info_flex {
    display: flex;
    justify-content: space-between;
  }
}
#single_interview .others_interview .others_interview_container .swiper .swiper-slide .employee_info_container .others_interview_info_flex .name {
  color: #191E2E;
  font-size: 16px;
  font-weight: 700;
  line-height: 28.8px; /* 180% */
  letter-spacing: 0.64px;
  margin: 0;
}
#single_interview .others_interview .others_interview_container .swiper .swiper-slide .employee_info_container .others_interview_info_flex .job {
  color: #191E2E;
  font-size: 16px;
  font-weight: 400;
  line-height: 28.8px; /* 180% */
  letter-spacing: 0.64px;
  margin: 0;
}
#single_interview .others_interview .others_interview_container .navigation {
  display: flex;
  justify-content: space-between;
  padding: 20px 0 0;
  position: absolute;
  width: 100%;
  z-index: 2;
  top: 250px;
}
@media screen and (max-width: 768px) {
  #single_interview .others_interview .others_interview_container .navigation {
    top: clamp(175px, 103.435px + 19.084vw, 250px);
  }
}

#crosstalk .fv .fv_bg .fv_polygon_img {
  opacity: 0;
}
#crosstalk .fv .fv_bg .fv_img {
  max-width: 1600px;
  right: 30px;
  bottom: -23px;
}
@media screen and (max-width: 768px) {
  #crosstalk .fv .fv_bg .fv_img {
    display: none;
  }
}
#crosstalk .fv .fv_bg .fv_img.sp {
  display: none;
}
@media screen and (max-width: 768px) {
  #crosstalk .fv .fv_bg .fv_img.sp {
    display: block;
    right: 0;
    object-position: 57% center;
  }
}
@media screen and (max-width: 768px) {
  #crosstalk .fv .fv_title {
    left: 0;
  }
}
#crosstalk .fv .fv_title h1 {
  font-size: clamp(88px, 74.247px + 1.788vw, 100px);
}
@media screen and (max-width: 768px) {
  #crosstalk .fv .fv_title h1 {
    font-size: 50px;
  }
}
#crosstalk .page_links {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 27px;
  padding: 27px 0;
  background-image: url("images/recruit/background_noise.png");
  background-size: cover;
}
@media screen and (max-width: 768px) {
  #crosstalk .page_links {
    gap: clamp(15px, 3.55px + 3.053vw, 27px);
  }
}
#crosstalk .page_links a {
  display: flex;
  align-items: center;
  gap: 31px;
  font-family: "M PLUS 1", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color: #4B4B4B;
  padding: 0 10px 7px 10px;
  border-bottom: 1px solid #4B4B4B;
}
@media screen and (max-width: 768px) {
  #crosstalk .page_links a {
    gap: clamp(10px, -10.038px + 5.344vw, 31px);
  }
}
#crosstalk .page_links a::after {
  display: inline-block;
  content: "";
  width: 12px;
  height: 13.4px;
  background-image: url("images/common/link_angles.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
#crosstalk .crosstalk_contents {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding-top: 145px;
  align-items: center;
  background-image: url("images/recruit/background_noise.png");
  background-repeat: repeat;
  background-size: auto;
}
@media screen and (max-width: 1280px) {
  #crosstalk .crosstalk_contents {
    padding-top: 80px;
  }
}
@media screen and (max-width: 768px) {
  #crosstalk .crosstalk_contents {
    padding-top: 50px;
  }
}
#crosstalk .crosstalk_contents h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #33955C;
  font-size: 80px;
  font-style: normal;
  line-height: normal;
}
@media screen and (max-width: 768px) {
  #crosstalk .crosstalk_contents h2 {
    font-size: clamp(50px, 21.374px + 7.634vw, 80px);
  }
}
#crosstalk .crosstalk_contents h3 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #33955C;
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -1.08px;
}
@media screen and (max-width: 768px) {
  #crosstalk .crosstalk_contents h3 {
    font-size: 30px;
    letter-spacing: -0.9px;
  }
}
#crosstalk .crosstalk_contents h3 span {
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-size: 30px;
  color: #33955C;
}
@media screen and (max-width: 768px) {
  #crosstalk .crosstalk_contents h3 span {
    font-size: 27px;
  }
}
#crosstalk .crosstalk_contents h4 {
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #4B4B4B;
  font-size: 25px;
  font-style: normal;
  font-weight: 500;
  line-height: 45px; /* 180% */
  letter-spacing: 0.8px;
}
@media screen and (max-width: 768px) {
  #crosstalk .crosstalk_contents h4 {
    font-size: 22px;
    line-height: 32px; /* 145.455% */
  }
}
#crosstalk .crosstalk_contents p {
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #4B4B4B;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%; /* 43.2px */
  letter-spacing: 0.48px;
}
@media screen and (max-width: 768px) {
  #crosstalk .crosstalk_contents p {
    font-size: clamp(19px, 14.229px + 1.272vw, 24px);
  }
}
#crosstalk .crosstalk_contents .crosstalk_content {
  width: 100%;
  max-width: 1295px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 200px;
  scroll-margin-top: 100px;
}
@media screen and (max-width: 1280px) {
  #crosstalk .crosstalk_contents .crosstalk_content {
    margin-bottom: 150px;
  }
}
#crosstalk .crosstalk_contents .crosstalk_content .crosstalk_heading {
  width: 90%;
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media screen and (max-width: 1280px) {
  #crosstalk .crosstalk_contents .crosstalk_content .crosstalk_heading {
    align-items: center;
  }
}
#crosstalk .crosstalk_contents .crosstalk_content .crosstalk_heading .crosstalk_heading_flex {
  display: flex;
  justify-content: space-between;
  gap: 40px;
  position: relative;
}
@media screen and (max-width: 1280px) {
  #crosstalk .crosstalk_contents .crosstalk_content .crosstalk_heading .crosstalk_heading_flex {
    flex-direction: column;
    gap: 0;
    align-items: center;
  }
}
@media screen and (max-width: 768px) {
  #crosstalk .crosstalk_contents .crosstalk_content .crosstalk_heading .crosstalk_heading_flex .heading_detail {
    width: 95%;
  }
}
#crosstalk .crosstalk_contents .crosstalk_content .crosstalk_heading .crosstalk_heading_flex .heading_detail h3 {
  margin-top: 63px;
}
@media screen and (max-width: 1280px) {
  #crosstalk .crosstalk_contents .crosstalk_content .crosstalk_heading .crosstalk_heading_flex .heading_detail h3 {
    margin-top: 10px;
  }
}
@media screen and (max-width: 768px) {
  #crosstalk .crosstalk_contents .crosstalk_content .crosstalk_heading .crosstalk_heading_flex .heading_detail h3 {
    margin-top: 0;
  }
}
#crosstalk .crosstalk_contents .crosstalk_content .crosstalk_heading .crosstalk_heading_flex .heading_img {
  width: 667px;
  aspect-ratio: 856/571;
}
@media screen and (max-width: 768px) {
  #crosstalk .crosstalk_contents .crosstalk_content .crosstalk_heading .crosstalk_heading_flex .heading_img {
    width: clamp(348px, 43.611px + 81.17vw, 667px);
  }
}
@media screen and (max-width: 1280px) {
  #crosstalk .crosstalk_contents .crosstalk_content .crosstalk_heading .crosstalk_heading_flex .heading_img.first {
    display: none;
  }
}
#crosstalk .crosstalk_contents .crosstalk_content .crosstalk_heading .crosstalk_heading_flex .heading_img.first.sp {
  display: none;
}
@media screen and (max-width: 1280px) {
  #crosstalk .crosstalk_contents .crosstalk_content .crosstalk_heading .crosstalk_heading_flex .heading_img.first.sp {
    display: block;
  }
}
#crosstalk .crosstalk_contents .crosstalk_content .crosstalk_heading .crosstalk_heading_flex svg {
  position: absolute;
}
#crosstalk .crosstalk_contents .crosstalk_content .crosstalk_detail {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-height: 0;
  transition: max-height 0.3s ease;
  overflow: clip;
}
#crosstalk .crosstalk_contents .crosstalk_content .crosstalk_detail .speaker_profile {
  width: 90%;
  max-width: 1165px;
  background: #FFF;
  border-radius: 10px;
  padding: clamp(10px, -4.313px + 3.817vw, 25px) clamp(15px, 0.687px + 3.817vw, 30px);
}
@media screen and (max-width: 768px) {
  #crosstalk .crosstalk_contents .crosstalk_content .crosstalk_detail .speaker_profile {
    width: 95%;
  }
}
#crosstalk .crosstalk_contents .crosstalk_content .crosstalk_detail .speaker_profile .profile {
  position: relative;
}
#crosstalk .crosstalk_contents .crosstalk_content .crosstalk_detail .speaker_profile .profile p {
  font-size: 15px;
  position: relative;
  z-index: 1;
}
#crosstalk .crosstalk_contents .crosstalk_content .crosstalk_detail .speaker_profile .profile svg {
  width: 36px;
  height: 34px;
  position: absolute;
  top: -15px;
  left: -15px;
}
#crosstalk .crosstalk_contents .crosstalk_content .crosstalk_detail .speaker_profile .speakers {
  display: flex;
  gap: 60px;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1280px) {
  #crosstalk .crosstalk_contents .crosstalk_content .crosstalk_detail .speaker_profile .speakers {
    gap: clamp(30px, -15.147px + 5.871vw, 60px);
  }
}
@media screen and (max-width: 768px) {
  #crosstalk .crosstalk_contents .crosstalk_content .crosstalk_detail .speaker_profile .speakers {
    gap: clamp(10px, -9.084px + 5.089vw, 30px);
  }
}
#crosstalk .crosstalk_contents .crosstalk_content .crosstalk_detail .speaker_profile .speakers .speaker {
  display: flex;
  gap: 20px;
  align-items: center;
}
@media screen and (max-width: 1280px) {
  #crosstalk .crosstalk_contents .crosstalk_content .crosstalk_detail .speaker_profile .speakers .speaker {
    flex-direction: column;
  }
}
#crosstalk .crosstalk_contents .crosstalk_content .crosstalk_detail .speaker_profile .speakers .speaker img {
  width: 109px;
  aspect-ratio: 1/1;
}
@media screen and (max-width: 768px) {
  #crosstalk .crosstalk_contents .crosstalk_content .crosstalk_detail .speaker_profile .speakers .speaker img {
    width: clamp(80px, 52.328px + 7.379vw, 109px);
  }
}
#crosstalk .crosstalk_contents .crosstalk_content .crosstalk_detail .speaker_profile .speakers .speaker .profile_detail {
  display: flex;
  flex-direction: column;
}
#crosstalk .crosstalk_contents .crosstalk_content .crosstalk_detail .speaker_profile .speakers .speaker .profile_detail p {
  font-size: 16px;
  line-height: 125%;
}
@media screen and (max-width: 768px) {
  #crosstalk .crosstalk_contents .crosstalk_content .crosstalk_detail .speaker_profile .speakers .speaker .profile_detail p {
    font-size: clamp(14px, 12.092px + 0.509vw, 16px);
  }
}
#crosstalk .crosstalk_contents .crosstalk_content .crosstalk_detail .speaker_profile .speakers .speaker .profile_detail p span {
  font-size: 20px;
  font-weight: 700;
}
#crosstalk .crosstalk_contents .crosstalk_content .crosstalk_detail .speaker_profile .speakers svg {
  width: 15px;
  aspect-ratio: 1/1;
}
#crosstalk .crosstalk_contents .crosstalk_content .crosstalk_detail .crosstalk_log {
  width: 100%;
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  #crosstalk .crosstalk_contents .crosstalk_content .crosstalk_detail .crosstalk_log {
    margin-top: 0;
  }
}
#crosstalk .crosstalk_contents .crosstalk_content .crosstalk_detail .crosstalk_log .section {
  display: flex;
  gap: 60px;
  position: relative;
  margin-top: 80px;
}
@media screen and (max-width: 1280px) {
  #crosstalk .crosstalk_contents .crosstalk_content .crosstalk_detail .crosstalk_log .section {
    flex-direction: column;
    align-items: center;
  }
}
@media screen and (max-width: 768px) {
  #crosstalk .crosstalk_contents .crosstalk_content .crosstalk_detail .crosstalk_log .section {
    margin-top: 40px;
    gap: 30px;
  }
}
#crosstalk .crosstalk_contents .crosstalk_content .crosstalk_detail .crosstalk_log .section .talk {
  display: flex;
  flex-direction: column;
  gap: 60px;
}
@media screen and (max-width: 1280px) {
  #crosstalk .crosstalk_contents .crosstalk_content .crosstalk_detail .crosstalk_log .section .talk {
    width: 90%;
  }
}
@media screen and (max-width: 768px) {
  #crosstalk .crosstalk_contents .crosstalk_content .crosstalk_detail .crosstalk_log .section .talk {
    gap: 40px;
  }
}
#crosstalk .crosstalk_contents .crosstalk_content .crosstalk_detail .crosstalk_log .section .talk .theme {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media screen and (max-width: 768px) {
  #crosstalk .crosstalk_contents .crosstalk_content .crosstalk_detail .crosstalk_log .section .talk .theme {
    gap: clamp(15px, -8.855px + 6.361vw, 40px);
  }
}
#crosstalk .crosstalk_contents .crosstalk_content .crosstalk_detail .crosstalk_log .section .talk .theme .title {
  display: flex;
  gap: 16px;
  align-items: center;
}
@media screen and (max-width: 768px) {
  #crosstalk .crosstalk_contents .crosstalk_content .crosstalk_detail .crosstalk_log .section .talk .theme .title {
    margin-bottom: 15px;
  }
}
#crosstalk .crosstalk_contents .crosstalk_content .crosstalk_detail .crosstalk_log .section .talk .theme .title .theme_text {
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-size: 30px;
  color: #33955C;
}
@media screen and (max-width: 768px) {
  #crosstalk .crosstalk_contents .crosstalk_content .crosstalk_detail .crosstalk_log .section .talk .theme .title .theme_text {
    font-size: clamp(20px, 10.458px + 2.545vw, 30px);
  }
}
#crosstalk .crosstalk_contents .crosstalk_content .crosstalk_detail .crosstalk_log .section .talk .theme .comment {
  display: flex;
  gap: 20px;
  align-items: center;
}
@media screen and (max-width: 768px) {
  #crosstalk .crosstalk_contents .crosstalk_content .crosstalk_detail .crosstalk_log .section .talk .theme .comment {
    display: unset;
  }
}
#crosstalk .crosstalk_contents .crosstalk_content .crosstalk_detail .crosstalk_log .section .talk .theme .comment .initial {
  width: 90px;
  height: 43px;
  padding: 0 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 40px;
  background: #FFF;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  #crosstalk .crosstalk_contents .crosstalk_content .crosstalk_detail .crosstalk_log .section .talk .theme .comment .initial {
    width: 66px;
    height: 25px;
    padding: 0;
    float: left;
    margin-right: 5px;
  }
}
#crosstalk .crosstalk_contents .crosstalk_content .crosstalk_detail .crosstalk_log .section .talk .theme .comment .initial p {
  font-size: 17px;
  font-weight: 700;
  color: #33955C;
}
@media screen and (max-width: 768px) {
  #crosstalk .crosstalk_contents .crosstalk_content .crosstalk_detail .crosstalk_log .section .talk .theme .comment .initial p {
    font-size: 16px;
    font-weight: 500;
  }
}
#crosstalk .crosstalk_contents .crosstalk_content .crosstalk_detail .crosstalk_log .section .talk .theme .comment p {
  font-size: 16px;
}
#crosstalk .crosstalk_contents .crosstalk_content .crosstalk_detail .crosstalk_log .section img {
  width: 410px;
  height: 600px;
  position: sticky;
  top: 0;
}
@media screen and (max-width: 1280px) {
  #crosstalk .crosstalk_contents .crosstalk_content .crosstalk_detail .crosstalk_log .section img {
    position: unset;
  }
}
@media screen and (max-width: 768px) {
  #crosstalk .crosstalk_contents .crosstalk_content .crosstalk_detail .crosstalk_log .section img {
    width: clamp(210px, 19.16px + 50.891vw, 410px);
    height: clamp(304px, 21.557px + 75.318vw, 600px);
  }
}
#crosstalk .crosstalk_contents .crosstalk_content .crosstalk_detail .crosstalk_log .section .sub_img {
  display: block;
}
@media screen and (max-width: 1280px) {
  #crosstalk .crosstalk_contents .crosstalk_content .crosstalk_detail .crosstalk_log .section .sub_img {
    display: none;
  }
}
#crosstalk .crosstalk_contents .crosstalk_content .crosstalk_detail .crosstalk_log .section .sub_img.sp {
  display: none;
}
@media screen and (max-width: 1280px) {
  #crosstalk .crosstalk_contents .crosstalk_content .crosstalk_detail .crosstalk_log .section .sub_img.sp {
    display: block;
  }
}
#crosstalk .crosstalk_contents .crosstalk_content .crosstalk_detail .crosstalk_log .section.last {
  flex-direction: column;
  align-items: center;
}
#crosstalk .crosstalk_contents .crosstalk_content .crosstalk_detail .crosstalk_log .section.last .img_container {
  width: 90%;
  aspect-ratio: 1109/420;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  #crosstalk .crosstalk_contents .crosstalk_content .crosstalk_detail .crosstalk_log .section.last .img_container {
    width: 100%;
    aspect-ratio: 1109/490;
  }
}
#crosstalk .crosstalk_contents .crosstalk_content .crosstalk_detail .crosstalk_log .section.last .img_container img {
  width: 100%;
  position: unset;
  object-fit: cover;
  object-position: center -170px;
}
@media screen and (max-width: 1280px) {
  #crosstalk .crosstalk_contents .crosstalk_content .crosstalk_detail .crosstalk_log .section.last .img_container img {
    object-position: center -130px;
  }
}
@media screen and (max-width: 768px) {
  #crosstalk .crosstalk_contents .crosstalk_content .crosstalk_detail .crosstalk_log .section.last .img_container img {
    object-position: center clamp(-60px, 6.794px - 17.812vw, -130px);
  }
}
#crosstalk .crosstalk_contents .crosstalk_content .detail_button {
  width: 100%;
  border-bottom: solid 1px #33955C;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(15px, -16.489px + 8.397vw, 48px) 0 clamp(10px, -3.359px + 3.562vw, 24px);
  margin-top: 80px;
  cursor: pointer;
}
@media screen and (max-width: 1280px) {
  #crosstalk .crosstalk_contents .crosstalk_content .detail_button {
    width: 70%;
    margin-top: 20px;
  }
}
#crosstalk .crosstalk_contents .crosstalk_content .detail_button .button {
  display: flex;
  gap: 30px;
  align-items: center;
}
#crosstalk .crosstalk_contents .crosstalk_content .detail_button .button svg {
  width: 30px;
  height: 30px;
  transform: rotate(0);
  transition: 0.3s;
}
#crosstalk .crosstalk_contents .crosstalk_content.is-open .crosstalk_detail {
  max-height: 5000vh;
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  #crosstalk .crosstalk_contents .crosstalk_content.is-open .crosstalk_detail {
    margin-top: 50px;
  }
}
#crosstalk .crosstalk_contents .crosstalk_content.is-open .detail_button {
  margin-top: 0;
}
#crosstalk .crosstalk_contents .crosstalk_content.is-open .detail_button svg {
  transform: rotate(180deg);
}
#crosstalk .crosstalk_contents #crosstalk_01 .crosstalk_heading .crosstalk_heading_flex svg {
  top: -30%;
  right: -5%;
}
@media screen and (max-width: 1280px) {
  #crosstalk .crosstalk_contents #crosstalk_01 .crosstalk_heading .crosstalk_heading_flex svg {
    width: 170px;
    top: -20%;
  }
}
@media screen and (max-width: 768px) {
  #crosstalk .crosstalk_contents #crosstalk_01 .crosstalk_heading .crosstalk_heading_flex svg {
    width: clamp(120px, 72.29px + 12.723vw, 170px);
    top: -25%;
  }
}
#crosstalk .crosstalk_contents #crosstalk_02 .crosstalk_heading .crosstalk_heading_flex svg {
  top: -30%;
  left: -5%;
}
@media screen and (max-width: 1280px) {
  #crosstalk .crosstalk_contents #crosstalk_02 .crosstalk_heading .crosstalk_heading_flex svg {
    width: 170px;
    top: -20%;
  }
}
@media screen and (max-width: 768px) {
  #crosstalk .crosstalk_contents #crosstalk_02 .crosstalk_heading .crosstalk_heading_flex svg {
    width: clamp(120px, 72.29px + 12.723vw, 170px);
    top: -15%;
  }
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Noto Sans JP", sans-serif;
  scroll-behavior: smooth;
}

a {
  text-decoration: none;
}

li {
  list-style: none;
}

/*# sourceMappingURL=style.css.map */