@charset "UTF-8";
html {
  font-size: 62.5%;
}

body {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 1.6rem;
  color: #17181A;
  line-height: 1.8;
  line-break:strict;
}
.sp-blank{
  display: none;
}
.sp-img{
  display: none;
}
@media screen and (max-width: 767px) {
.sp-img{
  display: block;
}
.pc-img{
  display: none;
}
}

@media screen and (max-width: 574px) {
.sp-blank{
  display: block;
} 

}

@media print {
  body {
    zoom: 0.8;
  }
}

a {
  color: inherit;
}
a:hover {
  color: inherit;
  text-decoration: none;
}

img {
  width: 100%;
}

p {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

@media screen and (min-width: 1570px) {
  .container {
    max-width: 1488px;
  }
  .container-xl {
    max-width: 1488px;
  }
}
.container {
  padding: 0 2.4rem;
}

@media print {
  .container {
    min-width: 1200px !important;
  }
  a:not(.btn) {
    text-decoration: none;
  }
  .col-sm-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-md-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-lg-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-xl-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.id-target {
  padding-top: 150px;
  margin-top: -150px;
  display: block;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .id-target {
    padding-top: 70px;
    margin-top: -70px;
  }
}

br.pc {
  display: none;
}
@media screen and (max-width: 1570px) {
  br.pc {
    display: block;
  }
}
br.xl {
  display: none;
}
@media screen and (max-width: 1199px) {
  br.xl {
    display: block;
  }
}
br.lg {
  display: none;
}
@media screen and (max-width: 991px) {
  br.lg {
    display: block;
  }
}
br.md {
  display: none;
}
@media screen and (max-width: 767px) {
  br.md {
    display: block;
  }
}
br.sm {
  display: none;
}
@media screen and (max-width: 574px) {
  br.sm {
    display: block;
  }
}
br.xs {
  display: none;
}
@media screen and (max-width: 450px) {
  br.xs {
    display: block;
  }
}

@media screen {
  .blur {
    filter: blur(15px);
    opacity: 0;
    transition-duration: 1.3s;
  }
  .blur.is-show {
    filter: blur(0);
    opacity: 1;
  }
  .fadein {
    opacity: 0;
    transition-duration: 1s;
  }
  .fadein.is-show {
    opacity: 1;
  }
  .fadein_top {
    opacity: 0;
    transition-duration: 1s;
    transform: translateY(-25px);
  }
  .fadein_top.is-show {
    transform: translateY(0);
    opacity: 1;
  }
  .fadein_bottom {
    opacity: 0;
    transition-duration: 1s;
    transform: translateY(25px);
  }
  .fadein_bottom.is-show {
    transform: translateY(0);
    opacity: 1;
  }
  .fadein_left {
    opacity: 0;
    transition-duration: 1s;
    transform: translateX(-25px);
  }
  .fadein_left.is-show {
    transform: translateX(0);
    opacity: 1;
  }
  .fadein_right {
    opacity: 0;
    transition-duration: 1s;
    transform: translateX(25px);
  }
  .fadein_right.is-show {
    transform: translateX(0);
    opacity: 1;
  }
  .fadein_lb {
    transition-duration: 1.2s;
    transform: translateX(-65px) translateY(65px);
    opacity: 0;
  }
  .fadein_lb.is-show {
    transform: translate(0);
    opacity: 1;
  }
  .fadein_tr {
    transition-duration: 1.2s;
    transform: translateX(65px) translateY(-65px);
    opacity: 0;
  }
  .fadein_tr.is-show {
    transform: translate(0);
    opacity: 1;
  }
  .delay1 {
    transition-delay: 0.1s;
  }
  .delay2 {
    transition-delay: 0.2s;
  }
  .delay3 {
    transition-delay: 0.3s;
  }
  .delay4 {
    transition-delay: 0.4s;
  }
  .delay5 {
    transition-delay: 0.5s;
  }
  .delay6 {
    transition-delay: 0.6s;
  }
  .delay7 {
    transition-delay: 0.7s;
  }
  .delay8 {
    transition-delay: 0.8s;
  }
  .delay9 {
    transition-delay: 0.9s;
  }
  .delay10 {
    transition-delay: 1s;
  }
  .delay11 {
    transition-delay: 1.1s;
  }
  .delay12 {
    transition-delay: 1.2s;
  }
  .delay13 {
    transition-delay: 1.3s;
  }
  .delay14 {
    transition-delay: 1.4s;
  }
  .delay15 {
    transition-delay: 1.5s;
  }
  .delay16 {
    transition-delay: 1.6s;
  }
  .delay17 {
    transition-delay: 1.7s;
  }
  .delay18 {
    transition-delay: 1.8s;
  }
  .delay19 {
    transition-delay: 1.9s;
  }
  .delay20 {
    transition-delay: 2s;
  }
}
.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  background-color: #fff;
  box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.1);
  padding: 2rem 3rem;
}
@media print {
  .header {
    position: absolute;
  }
}
@media screen and (max-width: 1570px) {
  .header {
    padding: 2rem 3rem;
  }
}
@media screen and (max-width: 1199px) {
  .header {
    padding: 1rem 3rem;
  }
}
@media screen and (max-width: 767px) {
  .header {
    padding: 1rem;
  }
}
@media screen and (max-width: 574px) {
  .header {
    padding: 1.4rem;
  }
}
.header_logo {
  width: 36rem;
}
@media screen and (max-width: 1570px) {
  .header_logo {
    width: 30rem;
  }
}
@media screen and (max-width: 1112px) { /*macbook仕様 */
  .header_logo { 
    width: 26rem;
  }
}
@media screen and (max-width: 767px) {
  .header_logo {
    width: 24rem;
  }
}
@media screen and (max-width: 574px) {
  .header_logo {
    width: 100%;
  }
}
.header_logo img, .header_logo a {
  display: block;
}
@media screen and (max-width: 574px) {
  .header_logo .sp_none {
    display: none;
  }
}
.header_logo .pc_none {
  display: none;
}
@media screen and (max-width: 574px) {
  .header_logo .pc_none {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media screen and (max-width: 574px) {
  .header_logo .pc_none img {
    width: 14rem;
    object-fit: contain;
  }
}
@media screen and (max-width: 574px) {
  .header_logo .pc_none p {
    font-size: 1.2rem;
    font-weight: 500;
    color: #929292;
  }
}
.header_right {
  display: flex;
  justify-content: flex-end;
  gap: 5.4rem;
}
@media screen and (max-width: 1570px) {
  .header_right {
    gap: 3rem;
  }
}
.header_nav {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 1199px) {
  .header_nav {
    display: none;
  }
}
.header_nav > ul {
  display: flex;
  align-items: center;
  gap: 5.4rem;
  height: 100%;
}
@media screen and (max-width: 1570px) {
  .header_nav > ul {
    gap: 3rem;
  }
}
.header_nav > ul .has-sub {
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
}
.header_nav > ul .has-sub > a {
  height: 100%;
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 1.6rem;
  color: #17181A;
  transition-duration: 0.3s;
  position: relative;
}
.header_nav > ul .has-sub > a::after {
  content: "";
  position: absolute;
  bottom: 22px;
  left: 0;
  width: 0;
  height: 1px;
  background-color: #17181A;
  transition: 0.3s;
}
@media (min-width: 992px) {
  .header_nav > ul .has-sub > a:hover::after {
    width: 100%;
  }
}
.header_nav > ul .has-sub > a.active::after {
  width: 100%;
}
@media (min-width: 992px) {
  .header_nav > ul .has-sub:hover a::after {
    width: 100%;
  }
  .header_nav > ul .has-sub:hover .sub-menu {
    opacity: 1;
    pointer-events: all;
  }
}
.header_nav > ul .has-sub .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  box-shadow: 4px 4px 40px 0 rgba(0, 0, 0, 0.1);
  border-radius: 1.2rem;
  padding: 2.4rem 4.8rem;
  width: 27.2rem;
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  opacity: 0;
  pointer-events: none;
  transition: 0.5s;
}
.header_nav > ul .has-sub .sub-menu li a {
  display: block;
  width: 100%;
  white-space: nowrap;
  transition: 0.3s;
  font-weight: 500;
  font-size: 1.6rem;
}
@media (min-width: 992px) {
  .header_nav > ul .has-sub .sub-menu li a:hover {
    opacity: 0.5;
  }
}
.header_entry {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 574px) {
  .header_entry {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .header_entry .entry {
    padding: 1rem;
    font-size: 1.4rem;
    gap: 0.5rem;
    white-space: nowrap;
    height: 5rem;
  }
}
@media screen and (max-width: 767px) {
  .header_entry .entry i {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .header_entry .header_toggle {
    padding-left: 1rem;
    margin-left: 1rem;
  }
}
.header_toggle {
  margin-left: 3rem;
  padding-left: 3rem;
  border-left: 1px solid #AEAEAE;
}
@media screen and (max-width: 1570px) {
  .header_toggle {
    margin-left: 2rem;
    padding-left: 2rem;
  }
}
@media screen and (max-width: 574px) {
  .header_toggle {
    margin-left: 1.2rem;
    padding-left: 1.2rem;
  }
}
.header_toggle div {
  position: relative;
  z-index: 10;
  display: flex;
  width: 11.6rem;
  height: 4.4rem;
  padding: 1.2rem 3rem;
  justify-content: center;
  align-items: center;
  border-radius: 4.8rem;
  border: 1px solid #17181A;
  background: #FFF;
  font-family: "Mulish", "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  cursor: pointer;
}

.header_toggle div.open {
  color: #fff;
  border-color: #fff;
  background: transparent;
}
.header_menu {
  position: absolute;
  top: 0;
  right: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8);
  opacity: 0;
  pointer-events: none;
  transition: 0.3s;
}
.header_menu.open {
  opacity: 1;
  pointer-events: all;
}

.header_menu .menu_inner {
  margin-left: auto;
  height: 100%;
  background: #00478B;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 9.6rem 0;
  max-width: 103.4rem;
  width: 100%;
}
@media screen and (max-width: 1199px) {
  .header_menu .menu_inner {
    max-width: 90%;
  }
}
@media screen and (max-height: 959px) {
  .header_menu .menu_inner {
    gap: 4.8rem 0;
  }
}
@media screen and (max-width: 991px) {
  .header_menu .menu_inner {
    max-width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .header_menu .menu_inner {
    padding: 6rem 2.4rem 12.8rem;
  }
}

@media screen and (max-height: 789px) {
  .header_menu .menu_inner {
    gap: 3.2rem 0;
  }
}
@media screen and (max-height: 650px) {
  .header_menu .menu_inner {
    padding: 3.2rem 6.1vw 10rem;
    gap: 2rem 0;
  }
}
@media screen and (max-width: 574px) {
  .header_menu .menu_inner {
    padding: 4rem 6.1vw 6rem;
  }
}
@media screen and (max-width: 374px) {
  .header_menu .menu_inner {
    zoom: 0.8;
    justify-content: center;
  }
}
.header_menu .menu_inner a {
  transition: 0.3s;
}
@media (min-width: 992px) {
  .header_menu .menu_inner a:hover {
    opacity: 0.5;
  }
}
.header_menu .menu_inner > ul {
  display: flex;
  justify-content: space-between;
  max-width: 77.8rem;
  width: 75%;
}
@media screen and (max-width: 991px) {
  .header_menu .menu_inner > ul {
    width: 70%;
  }
}
@media screen and (max-width: 767px) {
  .header_menu .menu_inner > ul {
    gap: 6.4rem 0;
    flex-wrap: wrap;
    width: 80%;
  }
}
@media screen and (max-width: 574px) {
  .header_menu .menu_inner > ul {
    width: 100%;
  }
}
@media screen and (max-height: 789px) {
  .header_menu .menu_inner > ul {
    gap: 3.2rem 0;
  }
}
.header_menu .menu_inner > ul .has-sub {
  width: 17.6rem;
}
@media screen and (max-width: 767px) {
  .header_menu .menu_inner > ul .has-sub {
    width: 47%;
  }
}
@media screen and (max-width: 574px) {
  .header_menu .menu_inner > ul .has-sub {
    width: calc(50% - 0.8rem);
  }
}
.header_menu .menu_inner > ul .has-sub.pc_none {
  display: none;
}
@media screen and (max-width: 767px) {
  .header_menu .menu_inner > ul .has-sub.pc_none {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .header_menu .menu_inner > ul .has-sub.sp_none {
    display: none;
  }
}
.header_menu .menu_inner > ul .has-sub > a {
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: 0.12rem;
  transition: 0.3s;
  line-height: normal;
}
@media (min-width: 992px) {
  .header_menu .menu_inner > ul .has-sub > a:hover {
    opacity: 0.5;
  }
}
.header_menu .menu_inner > ul .sub-menu {
  margin-top: 2.4rem;
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
@media screen and (max-width: 574px) {
  .header_menu .menu_inner > ul .sub-menu {
    margin-top: 2rem;
    gap: 1.2rem;
  }
}
.header_menu .menu_inner > ul .sub-menu li {
  line-height: 1.249;
}
.header_menu .menu_inner > ul .sub-menu a {
  transition: 0.3s;
}
@media (min-width: 992px) {
  .header_menu .menu_inner > ul .sub-menu a:hover {
    opacity: 0.5;
  }
}
@media screen and (max-width: 574px) {
  .header_menu .menu_inner > ul .sub-menu a {
    font-size: 1.4rem;
  }
}
.header_menu .menu_inner > ul .logo {
  width: 38.561rem;
  height: 100%;
  display: flex;
  align-items: flex-end;
}
@media screen and (max-width: 991px) {
  .header_menu .menu_inner > ul .logo {
    width: 30rem;
  }
}
@media screen and (max-width: 767px) {
  .header_menu .menu_inner > ul .logo {
    width: 16rem;
  }
}
@media screen and (max-width: 574px) {
  .header_menu .menu_inner > ul .logo {
    height: unset;
    width: 14rem;
  }
}

.header_menu .menu_inner .logo-button .pc_none{
  display: none;
}
@media screen and (max-width: 574px) {
  .header_menu .menu_inner .logo-button .pc_none{
  display: block;
}
.header_menu .menu_inner .logo-button{
  gap:1.6rem;
  align-items: center;
}
.header_menu .menu_inner .logo-button .entry{
  width: unset;
  height: 4.6rem;
  font-size: 1.4rem;
  padding: 0.8rem 1.8rem;
}
.header_menu .menu_inner .logo-button .entry .material-icons{
  font-size: 1.6rem;
}
}
.entry {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 26rem;
  height: 6.8rem;
  padding: 2.4rem 3.2rem;
  font-weight: 700;
  color: #fff;
  background: #F89B00;
  border-radius: 0.8rem;
  border: 2px solid #F89B00;
  transition-duration: 0.3s;
}
@media screen and (max-width: 1570px) {
  .entry {
    width: fit-content;
    gap: 0.8rem;
    height: 6rem;
  }
}
@media screen and (max-width: 574px) {
  .entry {
    white-space: nowrap;
    width: calc(100% - 14rem);
  }
}
.entry i {
  font-size: 2rem;
}
@media (min-width: 992px) {
  .entry:hover {
    background: #fff;
    color: #F89B00;
  }
}

.sp_folating {
  display: none;
}
@media screen and (max-width: 574px) {
  .sp_folating{
    display: flex;
    align-items: center;
    justify-content: end;
    position: fixed;
    width: 50%;
    z-index: 999;
    top: 15px;
    right: 0;
    padding: 0 1.5rem;
    
  }
  .sp_folating .entry{
    display: none;
  }
  .header_toggle{
    border-left: none;
  }
}
@media screen and (max-width: 374px) {
  .sp_folating .entry {
    padding: 1rem 1rem;
  }
}

main {
  overflow: hidden;
}
main .bread_clumb {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  align-self: stretch;
  margin-top: 3.2rem;
  white-space: nowrap;
  overflow-x: auto;
  scrollbar-width: none;
}
main .bread_clumb a {
  color: #929292;
  font-size: 1.2rem;
  line-height: 2.1;
  transition: 0.3s;
}
@media (min-width: 992px) {
  main .bread_clumb a:hover {
    opacity: 0.5;
  }
}
main .bread_clumb .arrow {
  color: #929292;
  font-size: 1.2rem;
  line-height: 2.1;
}
main .bread_clumb .this_page {
  font-size: 1.2rem;
  line-height: 2.1;
}
main .bottom_title {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  position: sticky;
  top: 15rem;
  left: 0;
}
main .bottom_title h2, main .bottom_title h3 {
  font-size: 2.4rem;
  line-height: 1.8;
  font-weight: 700;
}
@media screen and (max-width: 574px) {
  main .bottom_title h2, main .bottom_title h3 {
    font-size: 2rem;
    line-height: 1.5;
  }
}
main .bottom_title::before {
  content: "";
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  display: block;
  background: linear-gradient(270deg, #0030FF 0%, #43ECFF 100%);
}

.subhead {
  padding: 8rem 0;
  position: relative;
  margin-top: 12.8rem;
  z-index: 0;
  overflow: hidden;
}
@media screen and (max-width: 1570px) {
  .subhead {
    margin-top: 11rem;
  }
}
@media screen and (max-width: 1199px) {
  .subhead {
    margin-top: 9.1rem;
  }
}
@media screen and (max-width: 767px) {
  .subhead {
    margin-top: 7rem;
    padding: 6.4rem 0;
  }
}
@media screen and (max-width: 574px) {
  .subhead {
    margin-top: 8.3rem;
  }
}
.subhead_bg {
  position: absolute;
  bottom: 2.8rem;
  left: 0;
  display: flex;
  justify-content: center;
  gap: 6.4em;
  width: max-content;
  animation: slideLoop3 40s linear infinite;
  z-index: -1;
}
@media screen and (max-width: 991px) {
  .subhead_bg {
    gap: 3rem;
  }
}
.subhead_bg p {
  font-size: 20rem;
  font-family: "Mulish", "Zen Kaku Gothic New", sans-serif;
  font-weight: 600;
  letter-spacing: 0.6rem;
  white-space: nowrap;
  line-height: normal;
  color: #00478B;
  opacity: 0.6;
  color: #fff;
}
@media screen and (max-width: 1199px) {
  .subhead_bg p {
    font-size: 12.8rem;
  }
}
@media screen and (max-width: 991px) {
  .subhead_bg p {
    font-size: 9.6rem;
  }
}
@media screen and (max-width: 574px) {
  .subhead_bg p {
    font-size: 8rem;
  }
}
.subhead .container {
  padding: 0 2.4rem;
}
.subhead .tag {
  font-size: 1.4rem;
  color: #00478B;
  padding: 0 0.9rem;
  border: 1px solid #00478B;
  border-radius: 0.4rem;
  width: fit-content;
}
.subhead h1 {
  margin-top: 1.2rem;
  font-size: 4.8rem;
  font-weight: 700;
  line-height: 1.8;
  color: #00478B;
  padding-left: 2.4rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .subhead h1 {
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 574px) {
  .subhead h1 {
    font-size: 2.4rem;
    padding-left: 2rem;
  }
}
.subhead h1::after {
  content: "";
  width: 0.8rem;
  height: 6rem;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: #00478B;
}
@media screen and (max-width: 767px) {
  .subhead h1::after {
    height: 5rem;
  }
}
@media screen and (max-width: 574px) {
  .subhead h1::after {
    height: 4.2rem;
  }
}
.subhead_text {
  margin-top: 2.4rem;
  font-weight: 500;
}
@media screen and (max-width: 574px) {
  .subhead_text {
    font-size: 1.4rem;
    margin-top: 2rem;
  }
}

.other {
  position: relative;
  margin-top: 8rem;
  padding: 12.8rem 0 4.8rem;
  overflow: hidden;
}
@media screen and (max-width: 1199px) {
  .other {
    padding: 9.6rem 0 4.8rem;
  }
}
@media screen and (max-width: 991px) {
  .other {
    padding: 4.8rem 0;
  }
}
@media screen and (max-width: 574px) {
  .other {
    padding-top: 6rem;
    padding-bottom: 2.4rem;
    margin-top: 6rem;
  }
}
@media screen and (min-width: 1570px) {
  .other .container {
    max-width: 1230px;
  }
  .other .container-xl {
    max-width: 1230px;
  }
}
.other_title span {
  line-height: 1;
  display: inline-block;
  transform: translateY(1.1em);
  filter: blur(4px);
  opacity: 0;
  will-change: transform, opacity, filter;
}
.other_title.is-animate h2 span {
  animation: mvTextUp 0.72s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;
  animation-delay: calc(0.2s + var(--i, 0) * 0.06s);
}
.other .title_bg {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  gap: 4em;
  width: max-content;
  animation: slideLoop3 40s linear infinite;
  z-index: 1;
}
@media screen and (max-width: 991px) {
  .other .title_bg {
    gap: 3rem;
  }
}
.other .title_bg p {
  font-size: 17.6rem;
  font-family: "Mulish", "Zen Kaku Gothic New", sans-serif;
  font-weight: 600;
  letter-spacing: 0.528rem;
  white-space: nowrap;
  line-height: normal;
  color: #00478B;
  opacity: 0.1;
  background: linear-gradient(270deg, #0030FF 0%, #43ECFF 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 1199px) {
  .other .title_bg p {
    font-size: 12.8rem;
  }
}
@media screen and (max-width: 991px) {
  .other .title_bg p {
    font-size: 9.6rem;
  }
}
@media screen and (max-width: 574px) {
  .other .title_bg p {
    font-size: 8rem;
  }
}
@keyframes slideLoop3 {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
.other h2 {
  font-size: 3.6rem;
  line-height: 2.4;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 574px) {
  .other h2 {
    font-size: 3.2rem;
    line-height: 1.6;
  }
}
.other_dot {
  position: absolute;
  top: 0;
  left: 0;
  width: 60rem;
  transform: translateY(-43%);
  z-index: -1;
}
@media screen and (max-width: 1570px) {
  .other_dot {
    width: 37vw;
  }
}
@media screen and (max-width: 574px) {
  .other_dot {
    width: 58vw;
  }
}
.other_content {
  margin-top: 12.8rem;
  padding: 9.6rem 0 6.4rem;
  background: linear-gradient(180deg, #E0EDF4 0%, #B5E3FD 100%);
}
@media screen and (max-width: 1199px) {
  .other_content {
    margin-top: 6.4rem;
  }
}
@media screen and (max-width: 574px) {
  .other_content {
    margin-top: 6rem;
    padding: 6rem 0;
  }
}
.other_content .container {
  padding: 0 2.4rem;
}
.other_content h3 {
  font-size: 3.6rem;
  font-weight: 700;
  line-height: 1.8;
  display: flex;
  align-items: center;
  gap: 1.6rem;
  margin-bottom: 4.8rem;
}
@media screen and (max-width: 991px) {
  .other_content h3 {
    margin-bottom: 3.2rem;
  }
}
@media screen and (max-width: 574px) {
  .other_content h3 {
    flex-direction: column-reverse;
    gap: 0;
    align-items: flex-start;
    font-size: 2rem;
    margin-bottom: 2.4rem;
  }
}
.other_content h3 span {
  color: #929292;
  font-size: 1.4rem;
  font-style: italic;
  font-weight: 600;
  line-height: 1.8;
  font-family: "Mulish", "Zen Kaku Gothic New", sans-serif;
}
.other_wide {
  overflow: hidden;
  border-radius: 1.2rem;
  position: relative;
  padding: 12.8rem 9.6rem;
  z-index: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  color: #fff;
  box-shadow: 4px 4px 40px 0 rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 991px) {
  .other_wide {
    padding: 9.6rem 3.2rem;
  }
}
@media screen and (max-width: 574px) {
  .other_wide {
    padding: 5.8rem 2.4rem;
    justify-content: flex-start;
    /* gap: 1.2rem; */
  }
}
.other_wide::before {
  content: "";
  width: 100%;
  height: 100%;
  background: url(../images/common/other01.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  opacity: 0.3;
}
.other_wide::after {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 71, 139, 0.7);
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  transition: 0.3s;
}
.other_wide p {
  width: 100%;
  font-family: "Mulish", "Zen Kaku Gothic New", sans-serif;
  font-size: 1.4rem;
  font-style: 1.4;
  font-weight: 600;
  font-style: italic;
}
.other_wide h4 {
  font-size: 3.6rem;
  font-weight: 700;
  letter-spacing: 0.18rem;
}
@media screen and (max-width: 991px) {
  .other_wide h4 {
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 574px) {
  .other_wide h4 {
    font-size: 2rem;
    letter-spacing: 0.1rem;
    line-height: normal;
  }
}
.other_wide .arrow {
  width: 6rem;
}
@media screen and (max-width: 767px) {
  .other_wide .arrow {
    width: 4rem;
  }
}
@media screen and (max-width: 574px) {
  .other_wide .arrow {
    width: 2rem;
  }
}
@media (min-width: 992px) {
  .other_wide:hover {
    color: #fff;
  }
  .other_wide:hover::after {
    background: rgba(0, 71, 139, 0.9);
  }
}
.other .row {
  margin-top: 4.8rem;
  gap: 2rem 0;
}
@media screen and (max-width: 574px) {
  .other .row {
    margin-top: 2.4rem;
  }
}
.other_item {
  display: flex;
  align-items: center;
  gap: 3.2rem;
  background: #fff;
  border-radius: 1.2rem;
  padding: 3.6rem 4.8rem;
  box-shadow: 4px 4px 40px 0 rgba(0, 0, 0, 0.1);
  transition: 0.5s;
}
@media (min-width: 992px) {
  .other_item:hover {
    opacity: 0.6;
  }
}
@media screen and (max-width: 991px) {
  .other_item {
    padding: 1.2rem 2.4rem;
    gap: 1.8rem;
  }
}
.other_item_image {
  width: 17rem;
}
@media screen and (max-width: 991px) {
  .other_item_image {
    width: 12rem;
  }
}
@media screen and (max-width: 574px) {
  .other_item_image {
    width: 18rem;
  }
}
.other_item h4 {
  font-size: 2.2rem;
  font-weight: 700;
  letter-spacing: 0.12rem;
  line-height: normal;
  color: #00478B;
  display: flex;
  align-items: center;
}
.other_item h4 img{
  width: 1.6rem;
  height: 1.6rem;
  margin-left: 8px;
}
@media screen and (max-width: 991px) {
  .other_item h4 {
    font-size: 2rem;
  }
}
@media screen and (max-width: 574px) {
  .other_item h4 {
    width: calc(100% - 12rem);
    font-size: 1.8rem;
  }
}

#error + .footer {
  background: #F5F5F5;
}

#layer_2 + .footer {
  background: #F5F5F5;
}

.footer {
  padding: 12.8rem 6.4rem 3.2rem;
  overflow: hidden;
}
@media screen and (max-width: 1570px) {
  .footer {
    padding: 12.8rem 3.2rem 3.2rem;
  }
}
@media screen and (max-width: 991px) {
  .footer {
    padding-top: 9.6rem;
  }
}
@media screen and (max-width: 574px) {
  .footer {
    padding: 9.6rem 2.4rem 9.6rem;
  }
}
.footer_inner {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1570px) {
  .footer_inner {
    flex-direction: column;
    gap: 9.6rem;
    align-items: center;
  }
}
.footer_left {
  position: relative;
}
@media screen and (max-width: 1570px) {
  .footer_left {
  display: flex;
  flex-direction: column;
  align-items: center;
}
}
.footer_left .logo {
  width: 35.8637rem;
}
@media screen and (max-width: 991px) {
  .footer_left .logo {
    width: 25rem;
  }
}
@media screen and (max-width: 574px) {
  .footer_left .logo {
    width: 22.4001rem;
    margin: 0 auto;
  }
}
.footer_left .logo img {
  display: block;
}
.footer_left .logo_text {
  margin-top: 3.2rem;
  font-size: 1.4rem;
  color: #929292;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  width: fit-content;
}
@media screen and (max-width: 574px) {
  .footer_left .logo_text {
    margin-top: 2.4rem;
    flex-direction: row;
  }
}
.footer_left .logo_text span {
  display: block;
  line-height: 1;
}
.footer_left .entry {
  margin-top: 2.4rem;
  width: fit-content;
}
@media screen and (max-width: 574px) {
  .footer_left .entry {
    margin: 2.4rem auto 0;
  }
}

.footer_right {
  position: relative;
}
.footer_right .footer_bg02 {
  position: absolute;
  right: -6.4rem;
  bottom: 0;
  transform: translateY(50%);
  width: 16.78rem;
}
@media screen and (max-width: 1570px) {
  .footer_right .footer_bg02 {
    width: 10rem;
    right: -3.2rem;
  }
}
.footer_right > ul {
  display: flex;
  gap: 6rem;
}
@media screen and (max-width: 991px) {
  .footer_right > ul {
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media screen and (max-width: 574px) {
  .footer_right > ul {
    gap: 4.8rem 1.2rem;
  }
}
.footer_right > ul .has-sub {
  width: 17.6rem;
  border-top: 1px solid #00478B;
  padding-top: 3rem;
}
@media screen and (max-width: 991px) {
  .footer_right > ul .has-sub {
    width: calc(50% - 3rem);
  }
}
@media screen and (max-width: 574px) {
  .footer_right > ul .has-sub {
    width: calc(50% - 0.6rem);
    padding-top: 2.4rem;
  }
}
.footer_right > ul .has-sub > a {
  font-size: 2rem;
  font-weight: 700;
  color: #00478B;
  transition: 0.3s;
}
@media (min-width: 992px) {
  .footer_right > ul .has-sub > a:hover {
    opacity: 0.5;
  }
}
.footer_right > ul .has-sub .sub-menu {
  margin-top: 3rem;
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
.footer_right > ul .has-sub .sub-menu li a{
  font-size: 1.4rem;
  font-weight: 500;
}
@media screen and (max-width: 574px) {
  .footer_right > ul .has-sub .sub-menu {
    margin-top: 2.4rem;
  }
}
.footer_right > ul .has-sub .sub-menu li a {
  font-size: 1.4rem;
  color: #929292;
  transition: 0.3s;
}
@media (min-width: 992px) {
  .footer_right > ul .has-sub .sub-menu li a:hover {
    opacity: 0.5;
  }
}
@media screen and (max-width: 574px) {
  .footer_right > ul .has-sub .sub-menu li a {
    letter-spacing: 0;
  }
}
.footer .copy {
  font-size: 1.2rem;
  margin-top: 6.4rem;
}
@media screen and (max-width: 1570px) {
  .footer .copy {
    text-align: center;
  }
}

#top .mv {
  position: relative;
  z-index: 0;
  overflow: hidden;
  height: 100vh;
}
@media (min-width: 575px) and (max-width:1024px){
#top .mv {
  height: 80vh;
}
}
@media screen and (max-width: 574px) {
  #top .mv {
    height: calc(100vh - 8.3rem);
  }
}
@media screen and (max-height: 789px) {
  #top .mv {
    padding-top: 0;
  }
}
#top .mv::before {
  content: "";
  width: 35rem;
  height: 22.4rem;
  position: absolute;
  left: 0;
  top: 100px;
  background: #00478B;
  clip-path: polygon(0 0, 0% 100%, 100% 0);
  z-index: -1;
}
@media screen and (max-width: 1570px) {
  #top .mv::before {
    top: 80px;
  }
}
@media screen and (max-width: 767px) {
  #top .mv::before {
    top: 60px;
  }
}
@media screen and (max-width: 574px) {
  #top .mv::before {
    width: 26rem;
    height: 16.4rem;
    top: 68px;
  }
}
#top .mv::after {
  content: "";
  width: 28rem;
  height: 18.4rem;
  position: absolute;
  right: 0;
  bottom: 0;
  background: #00478B;
  clip-path: polygon(100% 100%, 0% 100%, 100% 0);
  z-index: -2;
}
#top .mv_bg01 {
  position: absolute;
  left: -20px;
  top: 70px;
  width: 24rem;
  z-index: -1;
  transition-duration: 1s;
  transform: translateX(-65px) translateY(65px);
  opacity: 0;
}
#top .mv_bg01.is-show {
  transform: translate(0);
  opacity: 1;
}
@media screen and (max-width: 1112px) {
  #top .mv_bg01 {
    width: 20rem;
  }
}
@media screen and (max-width: 574px) {
  #top .mv_bg01 {
    width: 16rem;
    left: 0px;
    top: 60px;
  }
}
#top .mv_bg02 {
  position: absolute;
  right: 18rem;
  bottom: 0;
  width: 40rem;
  z-index: -1;
  transition-duration: 1s;
  transform: translateX(-65px) translateY(65px);
  opacity: 0;
}
#top .mv_bg02.is-show {
  transform: translate(0);
  opacity: 1;
}
@media screen and (max-width: 1570px) {
  #top .mv_bg02 {
    width: 36rem;
  }
}
@media screen and (max-width: 1112px) {
  #top .mv_bg02 {
    width: 24rem;
  }
}
@media screen and (max-width: 574px) {
  #top .mv_bg02 {
    width: 22.7rem;
    right: -7rem;
    bottom: 3rem;
  }
}
#top .mv_bg03 {
  position: absolute;
  right: 0;
  top:8rem;
  width: 24rem;
  z-index: -1;
  transition-duration: 1s;
  transform: translateX(-65px) translateY(65px);
  opacity: 0;
}
#top .mv_bg03.is-show {
  transform: translate(0);
  opacity: 1;
}
@media screen and (max-width: 1570px) {
  #top .mv_bg03 {
    top: 5%;
    width: 20rem;
  }
}
@media screen and (max-width: 574px) {
  #top .mv_bg03 {
    top: 10%;
    width: 12rem;
    right: 0;
  }
}
#top .mv_slider {
  position: absolute;
  top: 24rem;
  display: flex;
  gap: 1.6rem;
  width: max-content;
  animation: slideLoop 35s linear infinite;
}
@media screen and (max-height: 789px) {
  #top .mv_slider {
    position: absolute;
    top: 16.2rem;
  }
}
#top .mv .slide {
  flex: 0 0 auto;
}
#top .mv .slide01 {
  width: 17.5vw;
  /* margin-top: 3rem; */
}
@media screen and (max-width: 1199px) {
  #top .mv .slide01 {
    width: 30vw;
  }
}
@media screen and (max-width: 574px) {
  #top .mv .slide01 {
    width: 20rem;
    margin-top: 0;
  }
}
#top .mv .slide02 {
  width: 31vw;
}
@media screen and (max-width: 1199px) {
  #top .mv .slide02 {
    width: 48vw;
  }
}
@media screen and (max-width: 574px) {
  #top .mv .slide02 {
    width: 40rem;
  }
}
#top .mv .slide03 {
  width: 31vw;
  /* margin-top: 4.8rem; */
  margin-top: 2.8rem;
}
@media screen and (max-width: 1199px) {
  #top .mv .slide03 {
    width: 48vw;
  }
}
@media screen and (max-width: 574px) {
  #top .mv .slide03 {
    width: 40rem;
    margin-top: 1.6rem;
  }
}
#top .mv .slide04 {
  width: 17.5vw;
  /* margin-top: 7.4rem; */
}
@media screen and (max-width: 1199px) {
  #top .mv .slide04 {
    width: 30vw;
  }
}
@media screen and (max-width: 574px) {
  #top .mv .slide04 {
    width: 20rem;
    margin-top: -1rem;
  }
}
#top .mv .slide05 {
  width: 31vw;
  /* margin-top: 9.6rem; */
  margin-top: 8.6rem;
}
@media screen and (max-width: 1199px) {
  #top .mv .slide05 {
    width: 48vw;
  }
}
@media screen and (max-width: 574px) {
  #top .mv .slide05 {
    width: 40rem;
    margin-top: 2rem;
  }
}
@keyframes slideLoop {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
#top .mv_text {
  position: absolute;
  bottom: 8rem;
  left: 4rem;
}

#top .mv_text br.sm {
  display: none;
}
@media screen and (max-width: 991px) {
  #top .mv_text br.sm {
    display: block;
  }
}


 @media screen and (max-width: 1112px) { /*macbook仕様 */
  #top .mv_text {
    bottom: 2rem;
  }
}
@media (min-width: 575px) and (max-width:991px){
#top .mv_text {
    bottom: 2rem;
    left: 2rem;
  }
}
@media screen and (max-width: 574px) {
  #top .mv_text {
    
    bottom: 10.6rem;
  }
}
#top .mv_text h1 {
  font-size: 7.8rem;
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: 0.39rem;
  overflow-y: hidden;
  align-items: flex-end;
}
@media screen and (max-width: 1570px) {
  #top .mv_text h1 {
    font-size: 5rem;
  }
}
@media screen and (max-width: 767px) {
  #top .mv_text h1 {
    font-size: 4.4rem;
  }
}
@media screen and (max-width: 574px) {
  #top .mv_text h1 {
    font-size: 3.6rem;
    line-height: 1.3;
    letter-spacing: 0.2rem;
  }
}
#top .mv_text h1 span {
  line-height: 1;
  display: inline-block;
  transform: translateY(1.1em);
  filter: blur(4px);
  opacity: 0;
  will-change: transform, opacity, filter;
}
#top .mv_text.is-animate h1 span {
  animation: mvTextUp 0.72s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;
  animation-delay: calc(1.2s + var(--i, 0) * 0.06s);
}
@keyframes mvTextUp {
  0% {
    transform: translateY(1.1em);
    filter: blur(4px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    filter: blur(0);
    opacity: 1;
  }
}
#top .mv_news {
  width: 47.1rem;
  background: #fff;
  border-radius: 1.2rem;
  box-shadow: 4px 4px 40px 0 rgba(0, 0, 0, 0.1);
  position: absolute;
  right: 2.4rem;
  bottom: 2rem;
  overflow: hidden;
}
@media screen and (max-width: 1199px) {
  #top .mv_news {
    width: 32rem;
  }
}
@media screen and (max-width: 574px) {
  #top .mv_news {
    left: 50%;
    transform: translate(-50%, 0%);
    bottom: 1rem;
  }
}
#top .mv_news .slider {
  transition: 0.3s;
}
@media (min-width: 992px) {
  #top .mv_news .slider:hover {
    opacity: 0.5;
  }
}
#top .mv_news .slider_text {
  padding: 2.4rem 3.2rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.4rem;
}
@media screen and (max-width: 1199px) {
  #top .mv_news .slider_text {
    padding: 1.2rem 2.4rem;
    gap: 0.2rem;
  }
}
#top .mv_news .slider_text .date {
  color: #7d7d7d;
  font-family: "Mulish", "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
}
#top .mv_news .slider_text .news_title {
  display: flex;
  align-items: center;
  gap: 2.4rem;
  padding-left: 1.9rem;
  position: relative;
  width: 100%;
}
#top .mv_news .slider_text .news_title::before {
  content: "";
  height: 0.7rem;
  width: 0.7rem;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: #009DFF;
  display: block;
  border-radius: 50%;
}
#top .mv_news .slider_text .news_title p {
  font-weight: bold;
  width: calc(100% - 5.4rem);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0;
}
@media screen and (max-width: 574px) {
  #top .mv_news .slider_text .news_title p {
  width: calc(100% - 5.4rem);
}
}
#top .mv_news .slider_text .news_title .arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  color: #fff;
  background: #93969C;
  border-radius: 50%;
}
#top .bg_text {
  font-size: 17.6rem;
  font-family: "Mulish", "Zen Kaku Gothic New", sans-serif;
  font-weight: 600;
  letter-spacing: 0.528rem;
  white-space: nowrap;
}
@media screen and (max-width: 1570px) {
  #top .bg_text {
    font-size: 10rem;
  }
}
@media screen and (max-width: 991px) {
  #top .bg_text {
    font-size: 6rem;
  }
}
@media screen and (max-width: 574px) {
  #top .bg_text {
    font-size: 8rem;
  }
}
#top .message {
  padding: 16rem 0 6.4rem;
  position: relative;
}
@media screen and (max-width: 991px) {
  #top .message {
    padding-top: 12.8rem;
  }
}
@media screen and (max-width: 574px) {
  #top .message {
    padding: 10.65rem 0 5.27rem;
  }
}
@media screen and (max-width: 574px) {
  #top .message .container {
    padding: 0 2.4rem;
  }
}
#top .message .bg_text {
  opacity: 0.1;
  background: linear-gradient(270deg, #0030FF 0%, #43ECFF 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: absolute;
  left: 0%;
  top: 0;
  transform: translateX(-50%);
  line-height: normal;
  animation: slideLoop2 60s linear infinite;
  display: flex;
  gap: 8rem;
  left: 0;
}
@media screen and (max-width: 991px) {
  #top .message .bg_text {
    top: 2rem;
  }
}
#top .message_title {
  text-align: center;
}
@media screen and (max-width: 574px) {
  #top .message_title {
    /* text-align: left; */
  }
}
#top .message_title .en {
  font-size: 1.4rem;
  font-weight: 600;
  font-style: italic;
  font-family: "Mulish", "Zen Kaku Gothic New", sans-serif;
  color: #00478B;
}
@media screen and (max-width: 574px) {
  #top .message_title .en {
    font-size: 1.2rem;
  }
}
#top .message_title h2 {
  font-size: 4.8rem;
  font-weight: 700;
}
@media screen and (max-width: 991px) {
  #top .message_title h2 {
    font-size: 3rem;
  }
}
@media screen and (max-width: 574px) {
  #top .message_title h2 {
    font-size: 2.4rem;
    line-height: 1.8;
  }
}
#top .message_text {
  line-height: 2.2;
  font-size: 1.8rem;
  font-weight: 500;
  text-align: center;
  margin-top: 4.8rem;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 991px) {
  #top .message_text {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 767px) {
  #top .message_text {
    font-size: 1.4rem;
    margin-top: 2.4rem;
  }
}
@media screen and (max-width: 574px) {
  #top .message_text {
    margin-top: 3.2rem;
    /* text-align: left; */
    line-height: 2.2;
  }
}
#top .message_text span {
  display: block;
}

#top .message_video {
  position: relative;
  margin-top: 6.4rem;
  z-index: 0;
}
#top .message_video .video_bg01 {
  position: absolute;
  left: 0;
  top: 0;
  transform: translateY(-50%);
  width: 43rem;
}
@media screen and (max-width: 1199px) {
  #top .message_video .video_bg01 {
    width: 28rem;
  }
}
@media screen and (max-width: 574px) {
  #top .message_video .video_bg01 {
    width: 25rem;
  }
}
#top .message_video .video_bg02 {
  position: absolute;
  right: 0;
  bottom: -10.5rem;
  transform: translate(50%, -50%);
  width: 17.2rem;
}
@media screen and (max-width: 1199px) {
  #top .message_video .video_bg02 {
    width: 12rem;
    transform: translate(20%, -50%);
    bottom: -8.5rem;
  }
}
@media screen and (max-width: 574px) {
  #top .message_video .video_bg02 {
    width: 5.6rem;
    bottom: -4.5rem;
  }
}
#top .message_video video {
  width: 100%;
  aspect-ratio: 476/291;
  display: block;
  border-radius: 4.8rem;
  overflow: hidden;
}
@media screen and (max-width: 1199px) {
  #top .message_video video {
    border-radius: 3.2rem;
  }
}
@media screen and (max-width: 574px) {
  #top .message_video video {
    border-radius: 2.4rem;
  }
}
#top .message_video .video_wrap {
  position: relative;
  max-width: 95.2rem;
  margin: 0 auto;
}
#top .message_video .video_wrap .video-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 991px) {
  #top .message_video .video_wrap .video-overlay {
  display: none;
}
}
#top .message_video .video_wrap .video-overlay .overlay-content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#top .message_video .video_wrap .video-overlay .overlay-text {
  font-family: "Mulish", "Zen Kaku Gothic New", sans-serif;
  font-size: 1.8rem;
  letter-spacing: 0.09rem;
  margin-bottom: 2.4rem;
  color: #fff;
}
@media screen and (max-width: 574px) {
  #top .message_video .video_wrap .video-overlay .overlay-text {
    font-size: 1.2rem;
    margin-bottom: 1.2rem;
  }
}
#top .message_video .video_wrap .video-overlay .play-btn {
  position: relative;
  display: block;
  background: transparent;
  border: 0;
  padding: 0;
}
#top .message_video .video_wrap .video-overlay .play-btn:focus {
  outline: none;
}
#top .message_video .video_wrap .video-overlay .play-btn svg {
  display: block;
  width: 12rem;
  height: 12rem;
}
@media screen and (max-width: 574px) {
  #top .message_video .video_wrap .video-overlay .play-btn svg {
    width: 4.4rem;
    height: 4.4rem;
  }
  #top .message_video .video_wrap .video-overlay {
  display: none;
}
}

#top .top_h3 {
  display: flex;
  align-items: center;
  gap: 2.4rem;
}
#top .top_h3 h3 {
  padding-left: 2rem;
  border-left: 0.8rem solid #00478B;
  font-size: 3.6rem;
  font-weight: 700;
  line-height: 1.43;
  letter-spacing: 0.18rem;
}
@media screen and (max-width: 1199px) {
  #top .top_h3 h3 {
    font-size: 3rem;
  }
}
@media screen and (max-width: 991px) {
  #top .top_h3 h3 {
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 574px) {
  #top .top_h3 h3 {
    font-size: 2.4rem;
    padding-left: 0.8rem;
    border-left: 0.6rem solid #00478B;
  }
}
#top .top_h3 .arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  background: #00478B;
  color: #fff;
  transition: 0.3s;
}
#top .top_h3 .arrow i {
  font-size: 3.2rem;
}
@media screen and (max-width: 991px) {
  #top .top_h3 .arrow {
    width: 4rem;
    height: 4rem;
  }
  #top .top_h3 .arrow i {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 574px) {
  #top .top_h3 .arrow {
    width: 3.6rem;
    height: 3.6rem;
  }
}
@media (min-width: 992px) {
  #top .top_h3:hover .arrow {
    margin-left: 0.8rem;
  }
}
#top .blue_bg {
  padding: 6rem;
  background: linear-gradient(123deg, #43ECFF 7.23%, #0d1f6a 97.34%);
  display: flex;
  flex-direction: column;
  gap: 6rem;
}
@media screen and (max-width: 1199px) {
  #top .blue_bg {
    padding: 6rem 3rem;
  }
}
@media screen and (max-width: 574px) {
  #top .blue_bg {
    padding: 2.4rem;
    gap: 2.4rem;
  }
}
#top .blue_bg section {
  background: #fff;
  border-radius: 8rem;
  padding: 12.8rem 0;
  position: relative;
  z-index: 0;
}
@media screen and (max-width: 1199px) {
  #top .blue_bg section {
    border-radius: 4rem;
    padding: 9.6rem 0;
  }
}
@media screen and (max-width: 991px) {
  #top .blue_bg section {
    padding: 6.4rem 0;
  }
}
@media screen and (max-width: 767px) {
  #top .blue_bg section {
    padding: 3.2rem 0;
    border-radius: 3.2rem;
  }
}
#top .blue_bg section .bg_text {
  font-size: 9vw;
  font-family: "Mulish", "Zen Kaku Gothic New", sans-serif;
  font-weight: 600;
  letter-spacing: 0.528rem;
  white-space: nowrap;
  position: absolute;
  left: 50%;
  bottom: 3.2rem;
  transform: translateX(-50%);
  line-height: normal;
  color: #F5F5F5;
  z-index: -1;
}
@media screen and (max-width: 1570px) {
  #top .blue_bg section .bg_text {
    font-size: 10rem;
  }
}
@media screen and (max-width: 1199px) {
  #top .blue_bg section .bg_text {
    font-size: 7rem;
  }
}
@media screen and (max-width: 991px) {
  #top .blue_bg section .bg_text {
    font-size: 6rem;
    text-align: center;
    bottom: 8rem;
  }
}
@media screen and (max-width: 767px) {
  #top .blue_bg section .bg_text {
    white-space: wrap;
  }
}
@media screen and (max-width: 574px) {
  #top .blue_bg section .bg_text {
    font-size: 4.8rem;
    
  }
}
@media screen and (max-width: 1570px) {
  #top .blue_bg section .container {
    padding: 0 3rem;
  }
}
@media screen and (max-width: 767px) {
  #top .blue_bg section .container {
    padding: 0 2rem;
  }
}
#top .blue_bg section h2 {
  font-size: 3.6rem;
  font-weight: 700;
  line-height: 1.8;
}
@media screen and (max-width: 1199px) {
  #top .blue_bg section h2 {
    font-size: 3rem;
  }
}
@media screen and (max-width: 991px) {
  #top .blue_bg section h2 {
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 574px) {
  #top .blue_bg section h2 {
    font-size: 2rem;
  }
}
#top .blue_bg .culture_bg {
  position: absolute;
  left: -30px;
  top: -8rem;
  width: 42.725rem;
}
@media screen and (max-width: 1570px) {
  #top .blue_bg .culture_bg {
    width: 30rem;
  }
}
@media screen and (max-width: 991px) {
  #top .blue_bg .culture_bg {
    width: 20rem;
  }
}
@media screen and (max-width: 574px) {
  #top .blue_bg .culture_bg {
    width: 17.624rem;
    left: -8rem;
    top: -7rem;
  }
}
#top .blue_bg .culture .row {
  align-items: center;
}
@media screen and (max-width: 767px) {
  #top .blue_bg .culture .row {
    gap: 2.4rem;
  }
}
@media screen and (max-width: 574px) {
  #top .blue_bg .culture .row {
    gap: 3.2rem;
  }
}
#top .blue_bg .culture_lead {
  margin-top: 4.8rem;
  font-weight: 500;
}
@media screen and (max-width: 991px) {
  #top .blue_bg .culture_lead {
    margin-top: 2.4rem;
  }
}
@media screen and (max-width: 574px) {
  #top .blue_bg .culture_lead {
    margin-top: 1.6rem;
    font-size: 1.4rem;
  }
}
#top .blue_bg .culture_image {
  position: relative;
}
#top .blue_bg .culture_image img {
  border-radius: 4.8rem;
}
@media screen and (max-width: 574px) {
  #top .blue_bg .culture_image img {
    border-radius: 2.4rem;
  }
}
#top .blue_bg .culture .image_bg {
  position: absolute;
  right: 0;
  bottom: 0;
  transform: translate(20%, 40%);
  width: 14.4396rem;
}
@media screen and (max-width: 991px) {
  #top .blue_bg .culture .image_bg {
    width: 10rem;
  }
}
@media screen and (max-width: 574px) {
  #top .blue_bg .culture .image_bg {
    width: 7rem;
    bottom: -7rem;
  }
}
#top .blue_bg .culture_list {
  margin-top: 4.8rem;
}
#top .blue_bg .culture_list .sub-menu {
  margin-top: 3.2rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0 2.4rem;
}
#top .blue_bg .culture_list .sub-menu li {
  width: calc(33.3333% - 1.6rem);
}
@media screen and (max-width: 991px) {
  #top .blue_bg .culture_list .sub-menu li {
    width: calc(50% - 1.2rem);
  }
}
@media screen and (max-width: 574px) {
  #top .blue_bg .culture_list .sub-menu li {
    width: 100%;
  }
}
#top .blue_bg .culture_list .sub-menu li a {
  padding: 2rem;
  font-size: 1.8rem;
  border-bottom: 1px solid #ddd;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 700;
  letter-spacing: 0.08rem;
  width: 100%;
  transition: 0.3s;
}
@media (min-width: 992px) {
  #top .blue_bg .culture_list .sub-menu li a:hover {
    background: rgba(160, 206, 215, 0.2);
  }
}
@media screen and (max-width: 767px) {
  #top .blue_bg .culture_list .sub-menu li a {
    padding: 1.6rem;
    font-size: 1.4rem;
  }
}
#top .blue_bg .culture_list .sub-menu li i {
  font-size: 2rem;
  color: #00478B;
}
#top .blue_bg .company {
  padding-bottom: 24.7rem;
}
@media screen and (max-width: 1570px) {
  #top .blue_bg .company {
    padding-bottom: 9.6rem;
  }
}
@media screen and (max-width: 574px) {
  #top .blue_bg .company {
    padding: 3.2rem 0;
  }
}
@media screen and (max-width: 1700px) {
  #top .blue_bg .company .container {
    padding: 0 5.5rem;
  }
}
@media screen and (max-width: 1570px) {
  #top .blue_bg .company .container {
    padding: 0 3rem;
  }
}
#top .blue_bg .company_content {
  margin-top: 6.4rem;
}
#top .blue_bg .company_lead{
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  #top .blue_bg .company_content {
    margin-top: 2.4rem;
  }
}
@media screen and (max-width: 991px) {
  #top .blue_bg .company_lead {
    margin-top: 2.4rem;
  }
}
@media screen and (max-width: 574px) {
  #top .blue_bg .company_lead {
    margin-top: 1.6rem;
    font-size: 1.4rem;
  }
}
#top .blue_bg .company_image {
  position: relative;
  max-width: 63.7rem;
}
@media screen and (max-width: 1570px) {
  #top .blue_bg .company_image {
    width: 80%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 991px) {
  #top .blue_bg .company_image {
    width: 90%;
  }
}
@media screen and (max-width: 767px) {
  #top .blue_bg .company_image {
    width: 25.3rem;
  }
}
#top .blue_bg .company_image > img {
  border-radius: 4.8rem;
}
@media screen and (max-width: 991px) {
  #top .blue_bg .company_image > img {
    border-radius: 3.2rem;
  }
}
#top .blue_bg .company_image .sub_image {
  position: absolute;
  left: -5.1rem;
  bottom: -7.9vw;
  max-width: 19vw;
}
@media screen and (min-width: 1921px) {
  #top .blue_bg .company_image .sub_image {
    left: -9.6rem;
    bottom: -15.2rem;
    max-width: 36.4rem;
  }
}
@media screen and (max-width: 1570px) {
  #top .blue_bg .company_image .sub_image {
    max-width: 25rem;
    left: -3rem;
    bottom: -10rem;
  }
}
@media screen and (max-width: 991px) {
  #top .blue_bg .company_image .sub_image {
    max-width: 15rem;
    bottom: -5rem;
  }
}
@media screen and (max-width: 767px) {
  #top .blue_bg .company_image .sub_image {
    max-width: 14.659rem;
    left: -4rem;
    bottom: -6rem;
  }
}
#top .blue_bg .company_image .sub_image > img {
  border-radius: 3.2rem;
}
@media screen and (max-width: 991px) {
  #top .blue_bg .company_image .sub_image > img {
    border-radius: 1.6rem;
  }
}
#top .blue_bg .company_bg {
  position: absolute;
  right: -9.3vw;
  bottom: -7.2vw;
  max-width: 21.2vw;
}
@media screen and (min-width: 1921px) {
  #top .blue_bg .company_bg {
    right: -19rem;
    bottom: -14.7rem;
    max-width: 43.7rem;
  }
}
@media screen and (max-width: 1570px) {
  #top .blue_bg .company_bg {
    max-width: 20rem;
    right: -5rem;
    bottom: -3rem;
  }
}
@media screen and (max-width: 991px) {
  #top .blue_bg .company_bg {
    max-width: 12rem;
    right: -3rem;
  }
}
@media screen and (max-width: 767px) {
  #top .blue_bg .company_bg {
    max-width: 16rem;
    right: -8rem;
    bottom: -6rem;
  }
}
@media screen and (max-width: 574px) {
  #top .blue_bg .company_bg {
    max-width: 14rem;
    bottom: -9.5rem;
  }
}
@media screen and (max-width: 767px) {
  #top .blue_bg .company_list {
    margin-top: 10.1rem;
  }
}
#top .blue_bg .company_list .sub-menu {
  margin-top: 3.2rem;
}
@media screen and (max-width: 991px) {
  #top .blue_bg .company_list .sub-menu {
    margin-top: 1.6rem;
  }
}
#top .blue_bg .company_list .sub-menu li a {
  padding: 2rem;
  font-size: 1.8rem;
  border-bottom: 1px solid #ddd;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 700;
  letter-spacing: 0.08rem;
  width: 100%;
  transition: 0.3s;
}
@media (min-width: 992px) {
  #top .blue_bg .company_list .sub-menu li a:hover {
    background: rgba(160, 206, 215, 0.2);
  }
}
@media screen and (max-width: 767px) {
  #top .blue_bg .company_list .sub-menu li a {
    padding: 1.6rem;
    font-size: 1.4rem;
  }
}
#top .blue_bg .company_list .sub-menu li i {
  font-size: 2rem;
  color: #00478B;
}
@media screen and (max-width: 574px) {
  #top .blue_bg .company_list .sub-menu li i {
    font-size: 2.8rem;
  }
}
#top .blue_bg .people {
  z-index: 0;
}
#top .blue_bg .people_bg {
  position: absolute;
  right: 0;
  top: 0;
  transform: translate(6rem, -50%);
  width: 42.18rem;
  z-index: -1;
}
@media screen and (max-width: 1570px) {
  #top .blue_bg .people_bg {
    width: 24rem;
  }
}
@media screen and (max-width: 1199px) {
  #top .blue_bg .people_bg {
    width: 20rem;
  }
}
@media screen and (max-width: 767px) {
  #top .blue_bg .people_bg {
    width: 15rem;
    top: 28rem;
  }
}
@media screen and (max-width: 574px) {
  #top .blue_bg .people_bg {
    width: 17rem;
    top: 30rem;
    transform: translate(8rem, -50%);
  }
  #top .blue_bg section .bg_text {
    bottom: 10rem;
  }
}
#top .blue_bg .people .row {
  position: relative;
  z-index: 1;
}
#top .blue_bg .people_text p {
  margin-top: 4.8rem;
  font-weight: 500;
}
@media screen and (max-width: 991px) {
  #top .blue_bg .people_text p {
    margin-top: 2.4rem;
  }
  #top .blue_bg .people .bg_text {
  bottom: 40rem;
}
}
@media screen and (max-width: 574px) {
  #top .blue_bg .people_text p {
    margin-top: 1.6rem;
    font-size: 1.4rem;
  }

}
@media screen and (max-width: 767px) {
  #top .blue_bg .people_list {
    margin-top: 3.2rem;
  }
}
#top .blue_bg .people_list .sub-menu {
  margin-top: 3.2rem;
}
@media screen and (max-width: 991px) {
  #top .blue_bg .people_list .sub-menu {
    margin-top: 1.6rem;
  }
}
#top .blue_bg .people_list .sub-menu li a {
  padding: 2rem;
  font-size: 1.8rem;
  border-bottom: 1px solid #ddd;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 700;
  letter-spacing: 0.08rem;
  width: 100%;
  transition: 0.3s;
}
@media (min-width: 992px) {
  #top .blue_bg .people_list .sub-menu li a:hover {
    background: rgba(160, 206, 215, 0.2);
  }
}
@media screen and (max-width: 767px) {
  #top .blue_bg .people_list .sub-menu li a {
    padding: 1.6rem;
    font-size: 1.4rem;
  }
}
#top .blue_bg .people_list .sub-menu li i {
  font-size: 2rem;
  color: #00478B;
}
#top .blue_bg .people_slider {
  position: relative;
  margin-top: 6.4rem;
}
#top .blue_bg .people_slider_bg {
  position: absolute;
  left: -6rem;
  top: 0;
  transform: translateY(-100%);
  width: 14rem;
}
@media screen and (max-width: 1570px) {
  #top .blue_bg .people_slider_bg {
    width: 10rem;
  }
}
@media screen and (max-width: 1199px) {
  #top .blue_bg .people_slider_bg {
    width: 6rem;
    left: 0;
  }
}
#top .blue_bg .people_slider .slide2 {
  width: 100vw;
  margin-left: -6rem;
}
@media screen and (max-width: 1570px) {
  #top .blue_bg .people_slider .slide2 {
    /* margin-left: -3rem; */
  }
}
@media screen and (max-width: 574px) {
  #top .blue_bg .people_slider .slide2 {
    /* margin-left: -2.4rem; */
  }
}
#top .blue_bg .people_slider .slide2 .slide {
  padding: 0 1.2rem;
  transition: 0.4s;
}
@media (min-width: 992px) {
  #top .blue_bg .people_slider .slide2 .slide:hover {
    opacity: 0.5;
  }
}
#top .blue_bg .people_slider .slide2 .slide img {
  border-radius: 2.4rem;
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 1 / 1;
}
@media screen and (max-width: 991px) {
  #top .blue_bg .people_slider .slide2 .slide img {
    border-radius: 2rem;
  }
}
#top .blue_bg .people_slider .slide2 .slide h3 {
  margin-top: 0.8rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: #17181A;
  letter-spacing: 0.07rem;
}
#top .blue_bg .people_slider .slide2 .slide .name {
  margin-top: 0.8rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: #00478B;
  display: flex;
  flex-wrap: wrap;
  gap: 0 1.2rem;
}
#top .blue_bg .people_slider .slide2 .slide .name span:last-child{
  padding: 0px 12px;
  background: #bdbdbd;
  color: #fff;
  font-weight: 400;
  border-radius: 30px;
}
#top .recruit {
  padding: 7.9rem 0 13.7rem;
  background: #F5F5F5;
  position: relative;
  z-index: 0;
}
#top .recruit_dot {
  position: absolute;
  left: 0;
  top: 0;
  width: 40rem;
  z-index: -1;
}
@media screen and (max-width: 1570px) {
  #top .recruit_dot {
    width: 30rem;
  }
}
@media screen and (max-width: 991px) {
  #top .recruit_dot {
    width: 20rem;
  }
}
#top .recruit_bg02 {
  position: absolute;
  right: 2rem;
  bottom: 0;
  width: 50rem;
}
@media screen and (max-width: 1570px) {
  #top .recruit_bg02 {
    width: 30rem;
  }
}
@media screen and (max-width: 991px) {
  #top .recruit_bg02 {
    width: 20rem;
  }
}
@media screen and (max-width: 574px) {
  #top .recruit_bg02 {
    width: 16rem;
  }
}
#top .recruit_bg01 {
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(-40%, -40%);
  width: 17.2rem;
}
@media screen and (max-width: 1570px) {
  #top .recruit_bg01 {
    width: 12rem;
  }
}
@media screen and (max-width: 991px) {
  #top .recruit_bg01 {
    width: 8rem;
  }
}
#top .recruit_image {
  position: relative;
  padding-right: 7rem;
}
@media screen and (max-width: 1199px) {
  #top .recruit_image {
    padding-right: 2rem;
  }
}
@media screen and (max-width: 991px) {
  #top .recruit_image {
    padding-right: 0;
  }
}
@media screen and (max-width: 767px) {
  #top .recruit_text {
    margin-top: 3.2rem;
  }
}
#top .recruit_lead {
  margin-top: 4.8rem;
  font-weight: 500;
}
@media screen and (max-width: 991px) {
  #top .recruit_lead {
    margin-top: 2.4rem;
    font-size: 1.4rem;
  }
}
#top .recruit_link {
  margin-top: 4.8rem;
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
#top .sec_btn {
  display: block;
  width: fit-content;
  padding: 2.4rem 5.2rem;
  border-radius: 5rem;
  background: #fff;
  border: 1px solid #17181A;
  display: flex;
  align-items: center;
  gap: 2.4rem;
  font-weight: 700;
  transition: 0.3s;
}
@media (min-width: 992px) {
  #top .sec_btn:hover {
    background: #00478B;
    color: #fff;
    border-color: #00478B;
  }
}
@media screen and (max-width: 991px) {
  #top .sec_btn {
    gap: 1.6rem;
    padding: 1.6rem 2.4rem;
  }
}
#top .sec_btn i {
  font-size: 2rem;
}
@keyframes slideLoop2 {
  from {
    transform: translateX(0) translateY(40%);
  }
  to {
    transform: translateX(-50%) translateY(40%);
  }
}
#top .flow_catch {
  position: relative;
}
@media screen and (max-width: 991px) {
  #top .flow_catch {
    height: 40rem;
  }
}
@media screen and (max-width: 574px) {
  #top .flow_catch {
    height: 20rem;
  }
}
@media screen and (max-width: 991px) {
  #top .flow_catch img {
    height: 100%;
    object-fit: cover;
  }
}
#top .flow_catch .flow_en {
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateY(40%);
  display: flex;
  justify-content: center;
  gap: 4em;
  width: max-content;
  animation: slideLoop2 30s linear infinite;
  z-index: 1;
}
@media screen and (max-width: 991px) {
  #top .flow_catch .flow_en {
    gap: 3rem;
  }
}
#top .flow_catch .flow_en p {
  font-size: 12.8rem;
  font-family: "Mulish", "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  letter-spacing: 0.384rem;
  font-style: italic;
  white-space: nowrap;
  color: #00478B;
}
@media screen and (max-width: 1570px) {
  #top .flow_catch .flow_en p {
    font-size: 9.6rem;
  }
}
@media screen and (max-width: 991px) {
  #top .flow_catch .flow_en p {
    font-size: 6.4rem;
  }
}
#top .flow_body {
  padding: 9.6rem 6rem 12.8rem;
  background: linear-gradient(180deg, #E0EDF4 0%, #B5E3FD 100%);
  position: relative;
  z-index: 0;
}
@media screen and (max-width: 991px) {
  #top .flow_body {
    padding: 9.6rem 3rem 12.8rem;
  }
}
@media screen and (max-width: 574px) {
  #top .flow_body {
    padding: 3.6rem 2.4rem 5rem;
  }
}
#top .flow_body h2 {
  font-size: 3.6rem;
  font-weight: 700;
  color: #00478B;
}
@media screen and (max-width: 767px) {
  #top .flow_body h2 {
    font-size: 2.4rem;
  }
}
#top .flow_bg {
  color: #D1E7F3;
  font-family: "Mulish", "Zen Kaku Gothic New", sans-serif;
  font-size: 9.4vw;
  font-weight: 600;
  letter-spacing: 0.54rem;
  opacity: 0.7;
  position: absolute;
  bottom: 4rem;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  line-height: 1;
  z-index: -1;
}
@media screen and (max-width: 574px) {
  #top .flow_bg {
    font-size: 4.8rem;
    bottom: 2rem;
  }
}
@media screen and (max-width: 574px) {
  #top .flow_bg.sp_none {
    display: none;
  }
}
#top .flow_bg.pc_none {
  display: none;
}
@media screen and (max-width: 574px) {
  #top .flow_bg.pc_none {
    animation: slideLoop2 40s linear infinite;
    display: flex;
    gap: 3rem;
    bottom: 4rem;
    left: 0;
  }
}
#top .flow_list {
  padding: 6.4rem 9.6rem;
  background: rgba(255, 255, 255, 0.7);
  margin-top: 2.4rem;
  border-radius: 4.8rem;
}
@media screen and (max-width: 1570px) {
  #top .flow_list {
    padding: 4.8rem;
  }
}
@media screen and (max-width: 991px) {
  #top .flow_list {
    padding: 3.2rem 4.8rem;
  }
}
@media screen and (max-width: 574px) {
  #top .flow_list {
    border-radius: 1.2rem;
    padding: 2rem;
  }
}
#top .flow_list ul {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1570px) {
  #top .flow_list ul {
    flex-wrap: wrap;
    gap: 1.2rem 0;
  }
}
#top .flow_list ul li {
  width: 15%;
}
@media screen and (max-width: 1112px) { /*macbook仕様 */
  #top .flow_list ul li {
    width: 48%;
  }
}
@media screen and (max-width: 574px) {
  #top .flow_list ul li {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 1.6rem;
    gap: 2rem;
    align-items: center;
  }
}
#top .flow_list ul li .flow_title {
  background: #A5C2DA;
  color: #fff;
  display: flex;
  align-items: center;
  padding: 1rem 2rem;
  gap: 1rem;
  clip-path: polygon(0 0, 93% 0, 100% 50%, 93% 100%, 0 100%);
}
@media screen and (max-width: 574px) {
  #top .flow_list ul li .flow_title {
    padding: 1.2rem 2.4rem;
    width: 100%;
  }
}
#top .flow_list ul li .flow_title .num {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4.4rem;
  height: 4.4rem;
  border-radius: 50%;
  background: #fff;
  color: #000;
  font-family: "Mulish", "Zen Kaku Gothic New", sans-serif;
  font-weight: 600;
  letter-spacing: 0.08rem;
}
@media screen and (max-width: 574px) {
  #top .flow_list ul li .flow_title .num {
    width: 3.6rem;
    height: 3.6rem;
    font-size: 1.6rem;
  }
}
#top .flow_list ul li .flow_title h3 {
  width: calc(100% - 5.4rem);
  font-size: 1.6rem;
  font-weight: 600;
}
#top .flow_list ul li:nth-of-type(2) .flow_title {
  background: #74ACE2;
}
#top .flow_list ul li:nth-of-type(3) .flow_title {
  background: #2B80D9;
}
#top .flow_list ul li:nth-of-type(4) .flow_title {
  background: #044D98;
}
#top .flow_list ul li:nth-of-type(5) .flow_title {
  background: #F8E9AD;
  color: #17181A;
}
#top .flow_list ul li:nth-of-type(6) .flow_title {
  background: #FFDD55;
  color: #17181A;
}
#top .flow_list_text {
  margin-top: 1.2rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #17181A;
  letter-spacing: 0.07rem;
  line-height: 1.6;
}
@media screen and (max-width: 574px) {
  #top .flow_list_text {
    width: calc(100% - 11.6rem);
    margin-top: 0;
    letter-spacing: 0;
  }
}
#top .flow_icon {
  width: 15.6rem;
  margin: 3.65rem auto 0;
}
@media screen and (max-width: 574px) {
  #top .flow_icon {
    width: 9.6rem;
    margin: 0;
    /* padding: 0.8rem; */
  }
}
#top .sepecial {
  padding: 9.6rem 0 8.2rem;
  position: relative;
  z-index: 0;
}
@media screen and (max-width: 574px) {
  #top .sepecial {
    padding: 4.8rem 0;
  }
}
#top .sepecial_bg01 {
  position: absolute;
  left: 0;
  top: 0;
  width: 24.3vw;
  z-index: -1;
}
@media screen and (max-width: 1570px) {
  #top .sepecial_bg01 {
    width: 30rem;
  }
}
@media screen and (max-width: 767px) {
  #top .sepecial_bg01 {
    width: 17.2rem;
    left: -35px;
  }
}
#top .sepecial_bg02 {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 14.6rem;
  z-index: 1;
  transform: translate(30%, 40%);
}
@media screen and (max-width: 1570px) {
  #top .sepecial_bg02 {
    width: 10rem;
  }
}
@media screen and (max-width: 767px) {
  #top .sepecial_bg02 {
    width: 8rem;
  }
}
@media screen and (max-width: 574px) {
  #top .sepecial_bg02 {
    transform: translate(30%, 65%);
  }
}
#top .sepecial .container {
  position: relative;
}
#top .sepecial h2 {
  font-size: 3.6rem;
  font-weight: 700;
  color: #00478B;
}
@media screen and (max-width: 767px) {
  #top .sepecial h2 {
    font-size: 2.4rem;
  }
}
#top .sepecial .row {
  margin-top: 3.2rem;
}
@media screen and (max-width: 991px) {
  #top .sepecial .row {
    gap: 1.6rem 0;
  }
}
#top .sepecial_item {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 0;
  overflow: hidden;
  border-radius: 2.4rem;
}
@media screen and (max-width: 991px) {
  #top .sepecial_item {
    border-radius: 2rem;
  }
}
@media screen and (max-width: 574px) {
  #top .sepecial_item {
    border-radius: 1.2rem;
  }
}
#top .sepecial_item::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #00478B;
  opacity: 0.6;
  transition: 0.5s;
}
#top .sepecial_item .special_image {
  width: 100%;
}
@media screen and (max-width: 991px) {
  #top .sepecial_item .special_image {
    height: 30rem;
  }
}
@media screen and (max-width: 767px) {
  #top .sepecial_item .special_image {
    height: 14rem;
  }
}
#top .sepecial_item .special_image img {
  transition: 0.5s;
}
@media screen and (max-width: 991px) {
  #top .sepecial_item .special_image img {
    height: 100%;
    object-fit: cover;
    object-position: center 44%;
  }
}
#top .sepecial_item h3 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  color: #fff;
  font-size: 2.4rem;
  letter-spacing: 0.12rem;
  font-weight: 700;
  white-space: nowrap;
}
@media screen and (max-width: 574px) {
  #top .sepecial_item h3 {
    font-size: 1.8rem;
  }
}
@media (min-width: 992px) {
  #top .sepecial_item:hover::after {
    opacity: 0.8;
  }
  #top .sepecial_item:hover .special_image img {
    transform: scale(1.06);
  }
}
#top .faq {
  max-width: 144rem;
  margin: 0 auto 6rem;
  background: #fff;
  border-radius: 4.8rem;
  box-shadow: 4px 4px 40px 0 rgba(0, 0, 0, 0.1);
  padding: 9.6rem 0 8.2rem;
}
@media screen and (max-width: 1570px) {
  #top .faq {
    margin: 0 3rem 6rem;
  }
}
@media screen and (max-width: 991px) {
  #top .faq {
    border-radius: 2.4rem;
  }
}
@media screen and (max-width: 574px) {
  #top .faq {
    margin: 0;
    padding: 4.8rem 2.4rem;
  }
}
#top .faq_inner {
  padding: 0 9.85rem;
  display: flex;
  flex-direction: column;
  gap: 4.8rem;
}
@media screen and (max-width: 1570px) {
  #top .faq_inner {
    padding: 0 5rem;
  }
}
@media screen and (max-width: 767px) {
  #top .faq_inner {
    padding: 0 2.4rem;
  }
}
@media screen and (max-width: 574px) {
  #top .faq_inner {
    padding: 0;
    gap: 0;
  }
}
#top .faq_inner h3 {
  text-align: center;
  font-size: 3.6rem;
  font-weight: bold;
  color: #00478B;
}
@media screen and (max-width: 574px) {
  #top .faq_inner h3 {
    font-size: 2rem;
  }
}
#top .faq_inner ul {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
@media screen and (max-width: 574px) {
  #top .faq_inner ul {
    margin-top: 2.4rem;
  }
}
#top .faq_inner ul li {
  background: rgba(160, 206, 215, 0.2);
  padding: 2.4rem;
  border-radius: 1.2rem;
}
@media screen and (max-width: 574px) {
  #top .faq_inner ul li {
    padding: 2rem;
  }
}
#top .faq_inner ul li .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  font-family: "Mulish", "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 574px) {
  #top .faq_inner ul li .icon {
    font-size: 1.4rem;
  }
}
#top .faq_inner ul li .question {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  padding-right: 3.2rem;
  position: relative;
  cursor: pointer;
}
#top .faq_inner ul li .question .icon {
  background: #fff;
  color: #17181A;
}
#top .faq_inner ul li .question h4 {
  width: calc(100% - 5.6rem);
  font-weight: 500;
  line-height: 1.8;
  font-size: 1.6rem;
}
@media screen and (max-width: 574px) {
  #top .faq_inner ul li .question h4 {
    font-size: 1.4rem;
  }
}
#top .faq_inner ul li .question .toggle {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 3.2rem;
  height: 3.2rem;
  padding: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
#top .faq_inner ul li .question .toggle i {
  text-align: center;
  width: fit-content;
  width: 1.5rem;
}
#top .faq_inner ul li .answer {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid #DADADA;
  padding-right: 3.1rem;
  display: none;
}
@media screen and (max-width: 991px) {
  #top .faq_inner ul li .answer {
    padding-right: 2rem;
  }
}
#top .faq_inner ul li .answer .d-flex {
  display: flex;
  gap: 1.6rem;
}
#top .faq_inner ul li .answer .icon {
  background: #17181A;
  color: #fff;
}
#top .faq_inner ul li .answer p {
  width: calc(100% - 7.1rem);
  font-weight: 500;
  line-height: 1.8;
  font-size: 1.6rem;
}
@media screen and (max-width: 991px) {
  #top .faq_inner ul li .answer p {
    width: calc(100% - 6rem);
  }
}
@media screen and (max-width: 574px) {
  #top .faq_inner ul li .answer p {
    font-size: 1.4rem;
  }
}
#top .faq_inner .sec_btn {
  margin: 0 auto;
}
@media screen and (max-width: 574px) {
  #top .faq_inner .sec_btn {
    margin-top: 4.8rem;
  }
}

@media screen and (min-width: 1570px) {
  #layer_1 .container {
    max-width: 1230px;
  }
  #layer_1 .container-xl {
    max-width: 1230px;
  }
}
#layer_1 .bottom_hearder {
  padding: 9.6rem 0;
  position: relative;
  margin-top: 12.8rem;
  z-index: 0;
}
@media screen and (max-width: 1570px) {
  #layer_1 .bottom_hearder {
    margin-top: 11rem;
  }
}
@media screen and (max-width: 1199px) {
  #layer_1 .bottom_hearder {
    margin-top: 9.1rem;
  }
}
@media screen and (max-width: 767px) {
  #layer_1 .bottom_hearder {
    margin-top: 7rem;
    padding: 6.4rem 0;
  }
}
@media screen and (max-width: 574px) {
  #layer_1 .bottom_hearder {
    margin-top: 8.3rem;
  }
}
#layer_1 .bottom_hearder .bg_img {
  position: absolute;
  left: 0;
  top: 0;
  width: 33.4vw;
  z-index: -1;
}
@media screen and (max-width: 1570px) {
  #layer_1 .bottom_hearder .bg_img {
    left: -5rem;
  }
}
@media screen and (max-width: 574px) {
  #layer_1 .bottom_hearder .bg_img {
    width: 40vw;
    left: -1rem;
  }
}
#layer_1 .bottom_hearder .bg_text {
  font-family: "Mulish", "Zen Kaku Gothic New", sans-serif;
  font-size: 9.6rem;
  font-weight: 600;
  letter-spacing: 0.288rem;
  color: #F5F5F5;
  line-height: normal;
  position: relative;
  z-index: -2;
}
@media screen and (max-width: 1199px) {
  #layer_1 .bottom_hearder .bg_text {
    font-size: 8.6rem;
  }
}
@media screen and (max-width: 991px) {
  #layer_1 .bottom_hearder .bg_text {
    font-size: 6.8rem;
  }
}
@media screen and (max-width: 767px) {
  #layer_1 .bottom_hearder .bg_text {
    font-size: 6.4rem;
  }
}
@media screen and (max-width: 574px) {
  #layer_1 .bottom_hearder .bg_text {
    font-size: 3.6rem;
    white-space: nowrap;
  }
}
#layer_1 .bottom_hearder h1 {
  font-weight: 700;
  font-size: 4.8rem;
  color: #00478B;
  margin-top: -6.4rem;
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  #layer_1 .bottom_hearder h1 {
    font-size: 3.2rem;
    margin-top: -3.2rem;
  }
}
@media screen and (max-width: 574px) {
  #layer_1 .bottom_hearder h1 {
    font-size: 2.4rem;
    margin-top: -2.4rem;
  }
}
#layer_1 .bottom_hearder .header_lead {
  margin-top: 1.3rem;
  font-weight: 500;
}
@media screen and (max-width: 574px) {
  #layer_1 .bottom_hearder .header_lead {
    font-size: 1.4rem;
  }
}
#layer_1 .link .row {
  gap: 6.4rem 0;
}
@media screen and (max-width: 574px) {
  #layer_1 .link .row {
    gap: 2.4rem;
  }
}
#layer_1 .link_item {
  display: block;
  transition: 0.5s;
}
@media (min-width: 992px) {
  #layer_1 .link_item:hover {
    opacity: 0.6;
  }
}
#layer_1 .link_item h2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.8;
  margin-top: 1.2rem;
}
@media screen and (max-width: 767px) {
  #layer_1 .link_item h2 {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 574px) {
  #layer_1 .link_item h2 {
    margin-top: 0.8rem;
  }
}
#layer_1 .link_item h2 i {
  font-size: 3.2rem;
  color: #00478B;
}
#layer_1 .link_image {
  overflow: hidden;
  border-radius: 2.4rem;
}
@media screen and (max-width: 574px) {
  #layer_1 .link_image {
    border-radius: 0.5579rem;
    height: 20rem;
  }
}
#layer_1 .link_image img {
  transition: 0.5s;
}
@media screen and (max-width: 574px) {
  #layer_1 .link_image img {
    height: 100%;
    object-fit: cover;
  }
}

#layer_2 {
  background: #F5F5F5;
}
#layer_2 .bread_clumb {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  align-self: stretch;
  margin-top: 3.2rem;
}
#layer_2 .bread_clumb a {
  color: #929292;
  font-size: 1.2rem;
  line-height: 2.1;
  transition: 0.3s;
}
@media (min-width: 992px) {
  #layer_2 .bread_clumb a:hover {
    opacity: 0.5;
  }
}
#layer_2 .bread_clumb .arrow {
  color: #929292;
  font-size: 1.2rem;
  line-height: 2.1;
}
#layer_2 .bread_clumb .this_page {
  font-size: 1.2rem;
  line-height: 2.1;
}
#layer_2 .content_wrapper {
  padding: 0 6rem;
  display: flex;
  flex-direction: column;
  gap: 6.4rem;
}
@media screen and (max-width: 1199px) {
  #layer_2 .content_wrapper {
    padding: 0 3rem;
  }
}
@media screen and (max-width: 574px) {
  #layer_2 .content_wrapper {
    padding: 0 2.4rem;
    gap: 2.4rem;
  }
}
@media screen and (max-width: 374px) {
  #layer_2 .content_wrapper {
    padding: 0 0.8rem;
  }
}
#layer_2 .content_wrapper section {
  border-radius: 4.8rem;
  background: rgba(243, 248, 250, 0.8);
  box-shadow: 4px 4px 40px 0 rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 991px) {
  #layer_2 .content_wrapper section {
    border-radius: 3.2rem;
  }
}
#layer_2 .content_wrapper section .container {
  padding: 0 2.4rem;
}
@media screen and (max-width: 374px) {
  #layer_2 .content_wrapper section .container {
    padding: 0 0.8rem;
  }
}
#layer_2.about {
  /* overflow: visible; */
}
#layer_2.about .content_wrapper section {
  padding: 12.8rem 0;
}
@media screen and (max-width: 991px) {
  #layer_2.about .content_wrapper section {
    padding: 9.6rem 0;
  }
}
@media screen and (max-width: 574px) {
  #layer_2.about .content_wrapper section {
    padding: 6.4rem 0;
  }
}
#layer_2.about .content_wrapper section:nth-of-type(even) {
  background: rgba(255, 255, 255, 0.8);
}
@media screen and (max-width: 991px) {
  #layer_2.about .content_wrapper section .row {
    gap: 2.4rem 0;
  }
}
#layer_2.about .about_title .en {
  font-size: 2rem;
  font-family: "Mulish", "Zen Kaku Gothic New", sans-serif;
  font-style: italic;
  line-height: 1.44;
  font-weight: 600;
  color: #929292;
}
@media screen and (max-width: 574px) {
  #layer_2.about .about_title .en {
    font-size: 1.8rem;
  }
}
#layer_2.about .about_title h3 {
  margin-top: 1.6rem;
  font-size: 2rem;
  line-height: 1.8;
  font-weight: 700;
  color: #00478B;
}
@media screen and (max-width: 574px) {
  #layer_2.about .about_title h3 {
    font-size: 1.8rem;
    margin-top: 0.8rem;
    line-height: 1.5;
  }
}
#layer_2.about .about_lead {
  margin-top: 1.6rem;
  margin-bottom: 3.2rem;
}
@media screen and (max-width: 574px) {
  #layer_2.about .about_lead {
    font-size: 1.4rem;
    margin-top: 0.8rem;
  }
}
#layer_2.about .culture_item {
  padding: 6.4rem;
  border-radius: 4.8rem;
  background: #fff;
  margin-top: 2.4rem;
}
@media screen and (max-width: 574px) {
  #layer_2.about .culture_item {
    padding: 3.2rem 2.4rem;
    border-radius: 2.4rem;
  }
}
#layer_2.about .culture_title {
  display: flex;
  align-items: center;
  gap: 1.6rem;
}
@media screen and (max-width: 574px) {
  #layer_2.about .culture_title {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.8rem;
  }
}
#layer_2.about .culture_title .num {
  padding: 0 1.6rem;
  background: #00478B;
  color: #fff;
  line-height: 1.8;
  font-size: 1.4rem;
  font-family: "Mulish", "Zen Kaku Gothic New", sans-serif;
  width: fit-content;
  font-weight: 700;
  border-radius: 0.4rem;
}
#layer_2.about .culture_title h4 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.8;
}
@media screen and (max-width: 574px) {
  #layer_2.about .culture_title h4 {
    font-size: 1.8rem;
    line-height: 1.5;
  }
}
#layer_2.about .culture_image {
  margin-top: 2.4rem;
}
@media screen and (max-width: 574px) {
  #layer_2.about .culture_image {
    margin-top: 1.6rem;
  }
}
#layer_2.about .culture_image img {
  border-radius: 2.4rem;
}
@media screen and (max-width: 574px) {
  #layer_2.about .culture_image img {
    border-radius: 0.8rem;
  }
}
#layer_2.about .culture_lead {
  margin-top: 2.4rem;
}
@media screen and (max-width: 574px) {
  #layer_2.about .culture_lead {
    margin-top: 1.6rem;
    text-align:justify
  }
}
@media screen and (max-width: 574px) {
  #layer_2.about .culture_lead {
    font-size: 1.4rem;
  }
}
#layer_2.about .work_item {
  margin-top: 3.6rem;
  display: flex;
  gap: 2.4rem;
}
@media screen and (max-width: 574px) {
  #layer_2.about .work_item {
    flex-direction: column;
    gap: 1.6rem;
  }
}
#layer_2.about .work_image {
  width: 40%;
}
@media screen and (max-width: 574px) {
  #layer_2.about .work_image {
    width: 100%;
  }
}
#layer_2.about .work_image img {
  border-radius: 2.4rem;
}
@media screen and (max-width: 1199px) {
  #layer_2.about .work_image img {
    border-radius: 1.2rem;
  }
}
#layer_2.about .work_text {
  display: flex;
  flex-direction: column;
  gap: 3.6rem;
  width: calc(60% - 2.4rem);
}
@media screen and (max-width: 574px) {
  #layer_2.about .work_text {
    width: 100%;
  }
}
#layer_2.about .work_text > div h3, #layer_2.about .work_text > div h4 {
  font-size: 2rem;
  color: #00478B;
  font-weight: 700;
  line-height: 1.8;
}
@media screen and (max-width: 574px) {
  #layer_2.about .work_text > div h3, #layer_2.about .work_text > div h4 {
    font-size: 1.8rem;
    line-height: 1.5;
  }
}
#layer_2.about .work_text > div p {
  margin-top: 1.6rem;
}
@media screen and (max-width: 574px) {
  #layer_2.about .work_text > div p {
    font-size: 1.4rem;
  }
}
#layer_2.number .content_wrapper section {
  padding: 6.4rem 0;
}
@media screen and (max-width: 574px) {
  #layer_2.number .content_wrapper section {
    padding: 4.8rem 0;
  }
}
#layer_2.number .content_wrapper section .row {
  margin-top: 6.4rem;
  gap: 3.2rem 0;
}
#layer_2.number .number_item.item_base .number_inner {
  flex-direction: column;
}
#layer_2.number .number_item.item_wide .number_inner {
  gap: 6.5rem;
}
@media screen and (max-width: 1570px) {
  #layer_2.number .number_item.item_wide .number_inner {
    gap: 3.2rem;
  }
}
@media screen and (max-width: 1199px) {
  #layer_2.number .number_item.item_wide .number_inner {
    gap: 2.4rem;
  }
}
@media screen and (max-width: 574px) {
  #layer_2.number .number_item.item_wide .number_inner {
    flex-direction: column;
    gap: 0;
    height: auto;
    padding: 2rem;
  }
  #layer_2.number .content_wrapper section .row {
  margin-top: 3.2rem;
}
}
#layer_2.number .number_box {
  background: #fff;
  border-radius: 4.8rem;
  padding: 3.2rem;
}
@media screen and (max-width: 767px) {
  #layer_2.number .number_box {
    border-radius: 2.4rem;
    padding: 2rem;
  }
}
@media screen and (max-width: 574px) {
  #layer_2.number .number_box {
    padding: 1.6rem;
    border-radius: 1.6rem;
  }
}
#layer_2.number .number_box .num {
  padding: 0 1.6rem;
  background: #00478B;
  color: #fff;
  border-radius: 0.4rem;
  width: fit-content;
  font-family: "Mulish", "Zen Kaku Gothic New", sans-serif;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.8;
}
#layer_2.number .number_text {
  padding: 0 3.2rem;
  margin-top: 2.4rem;
  text-align: justify;
}
@media screen and (max-width: 574px) {
  #layer_2.number .number_text {
    padding: 0 1.6rem;
    font-size: 1.4rem;
    margin-top: 1.6rem;
  }
}
#layer_2.number .number_inner {
  margin-top: 3.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 26.7rem;
  background: #fff6e2;
  border-radius: 2.4rem;
}
@media screen and (max-width: 1199px) {
  #layer_2.number .number_inner {
    height: 23rem;
  }
}
@media screen and (max-width: 574px) {
  #layer_2.number .number_inner {
    height: 18rem;
    border-radius: 1.2rem;
    margin-top: 1.6rem;
  }
}
#layer_2.number .number_inner h3 {
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.8;
}
@media screen and (max-width: 1199px) {
  #layer_2.number .number_inner h3 {
    font-size: 1.6rem;
  }
}
#layer_2.number .number_inner .strong {
  font-size: 6.4rem;
  font-weight: 700;
  font-family: "Mulish", "Zen Kaku Gothic New", sans-serif;
  color: #00478B;
  line-height: normal;
  margin-top: 0.8rem;
  text-align: center;
}
@media screen and (max-width: 1570px) {
  #layer_2.number .number_inner .strong {
    font-size: 4.8rem;
  }
}
@media screen and (max-width: 1199px) {
  #layer_2.number .number_inner .strong {
    font-size: 4rem;
  }
}
#layer_2.number .number_inner .strong small {
  font-weight: 700;
  font-size: 2rem;
  font-family: "Zen Kaku Gothic New", sans-serif;
  color: #17181A;
}
#layer_2.number .number_inner .caption {
  text-align: center;
  font-size: 1.4rem;
  line-height: 1.45;
}
#layer_2.number .number_inner .d-flex {
  gap: 2.1rem;
}
@media screen and (max-width: 574px) {
  #layer_2.number .number_inner .d-flex {
    gap: 1.2rem;
  }
}
#layer_2.number .number_inner_image {
  width: 29.1rem;
}
@media screen and (max-width: 767px) {
  #layer_2.number .number_inner_image {
    width: 18rem;
  }
}
#layer_2.benefits section {
  padding: 6.4rem 0;
}
@media screen and (max-width: 574px) {
  #layer_2.benefits section {
    padding: 4.8rem 0;
  }
}
#layer_2.benefits .welfare_inner {
  padding: 6.4rem 12rem;
  border-radius: 4.8rem;
  background: #fff;
}
@media screen and (max-width: 991px) {
  #layer_2.benefits .welfare_inner {
    padding: 4.8rem;
    border-radius: 2.4rem;
  }
}
@media screen and (max-width: 574px) {
  #layer_2.benefits .welfare_inner {
    padding: 3.2rem 1.6rem;
  }
}
#layer_2.benefits .welfare_inner .bottom_title {
  margin-bottom: 2.4rem;
}
#layer_2.benefits .welfare_item {
  display: flex;
  gap: 2.4rem;
}
@media screen and (max-width: 574px) {
  #layer_2.benefits .welfare_item {
    flex-direction: column;
    gap: 1.6rem;
    align-items: center;
  }
}
#layer_2.benefits .welfare_item.second {
  margin-top: 3.6rem;
  padding-top: 3.6rem;
  border-top: 1px solid #F5F5F5;
}
@media screen and (max-width: 574px) {
  #layer_2.benefits .welfare_item.second {
    margin-top: 2.4rem;
    padding-top: 2.4rem;
  }
}
#layer_2.benefits .welfare_item .icon {
  width: 18rem;
  height: 18rem;
  background: #FFFAEF;
  border-radius: 1.2rem;
}
@media screen and (max-width: 991px) {
  #layer_2.benefits .welfare_item .icon {
    width: 10rem;
    height: 10rem;
  }
}
@media screen and (max-width: 574px) {
  #layer_2.benefits .welfare_item .icon {
    width: 14rem;
    height: 14rem;
  }
}
#layer_2.benefits .welfare_text {
  padding: 0 3.2rem;
  width: calc(100% - 20.4rem);
}
@media screen and (max-width: 991px) {
  #layer_2.benefits .welfare_text {
    width: calc(100% - 12.4rem);
    padding: 0;
  }
}
@media screen and (max-width: 574px) {
  #layer_2.benefits .welfare_text {
    width: 100%;
  }
}
#layer_2.benefits .welfare_text h3 {
  font-size: 2rem;
  color: #00478B;
  font-weight: 500;
  line-height: 1.8;
}
@media screen and (max-width: 574px) {
  #layer_2.benefits .welfare_text h3 {
    font-size: 1.8rem;
  }
}
#layer_2.benefits .welfare_text p {
  margin-top: 1rem;
  text-align: justify;
}
@media screen and (max-width: 574px) {
  #layer_2.benefits .welfare_text p {
    font-size: 1.4rem;
  }
}
#layer_2.benefits .welfare_image {
  padding: 6rem 3.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 4px 4px 40px 0 rgba(0, 0, 0, 0.1);
  margin-top: 2.4rem;
}
@media screen and (max-width: 574px) {
  #layer_2.benefits .welfare_image {
    padding: 3.2rem 1.6rem;
  }
}
#layer_2.benefits .welfare_image img {
  width: 100%;
  height: 21.5rem;
  object-fit: contain;
}
@media screen and (max-width: 991px) {
  #layer_2.benefits .welfare_image img {
    height: auto;
  }
}
#layer_2.benefits .welfare_image.d-flex {
  gap: 9.6rem;
}
@media screen and (max-width: 991px) {
  #layer_2.benefits .welfare_image.d-flex {
    gap: 3.2rem;
  }
}
@media screen and (max-width: 574px) {
  #layer_2.benefits .welfare_image.d-flex {
    flex-direction: column;
    align-items: center;
    gap: 1.6rem;
  }
}
#layer_2.benefits .welfare_image.d-flex .vacation01 {
  width: 40rem;
  display: block;
  height: auto;
  max-width: 40%;
}
@media screen and (max-width: 574px) {
  #layer_2.benefits .welfare_image.d-flex .vacation01 {
    width: 100%;
    max-width: 100%;
  }
}
#layer_2.benefits .welfare_image.d-flex .vacation02 {
  width: 26.27rem;
  display: block;
  height: auto;
  max-width: 40%;
}
@media screen and (max-width: 574px) {
  #layer_2.benefits .welfare_image.d-flex .vacation02 {
    width: 80%;
    max-width: 100%;
  }
}
#layer_2.benefits .welfare .investment {
  padding: 3.2rem 6.4rem;
  background: #F5F5F5;
  margin-top: 2.4rem;
}
@media screen and (max-width: 991px) {
  #layer_2.benefits .welfare .investment {
    padding: 3.2rem;
  }
}
@media screen and (max-width: 574px) {
  #layer_2.benefits .welfare .investment {
    padding: 1.6rem;
  }
}
#layer_2.benefits .welfare .investment h4 {
  color: #00478B;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.8;
}
@media screen and (max-width: 574px) {
  #layer_2.benefits .welfare .investment h4 {
    font-size: 1.7rem;
  }
}
#layer_2.benefits .welfare .investment p {
  margin-top: 1rem;
  text-align:justify
}
@media screen and (max-width: 574px) {
  #layer_2.benefits .welfare .investment p {
    font-size: 1.4rem;
  }
}
#layer_2.gallery .office_inner {
  padding: 9.6rem 0;
  background: #fff;
  border-radius: 4.8rem;
  box-shadow: 4px 4px 40px 0 rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 991px) {
  #layer_2.gallery .office_inner {
    border-radius: 2.4rem;
  }
}
@media screen and (max-width: 767px) {
  #layer_2.gallery .office_inner {
    padding: 3.2rem 2.4rem;
  }
}
#layer_2.gallery .office_inner .row {
  justify-content: center;
  gap: 2.4rem 0;
}
@media screen and (max-width: 574px) {
  #layer_2.gallery .office_inner .row {
    margin: 0 -0.5rem;
    gap: 1.2rem 0;
  }
}
#layer_2.gallery .office .bottom_title {
  margin-bottom: 2.4rem;
}
#layer_2.gallery .office .otherarea {
  margin-top: 2.4rem;
}
@media screen and (max-width: 574px) {
  #layer_2.gallery .office .col-12, #layer_2.gallery .office .col-6 {
    padding: 0 0.5rem;
  }
}
@media screen and (max-width: 767px) {
  #layer_2.gallery .office_item {
    height: 100%;
    aspect-ratio: 1.6 / 1;
  }
}
#layer_2.gallery .office_item img {
  border-radius: 4.8rem;
}
@media screen and (max-width: 991px) {
  #layer_2.gallery .office_item img {
    border-radius: 2.4rem;
  }
}
@media screen and (max-width: 767px) {
  #layer_2.gallery .office_item img {
    border-radius: 1.6rem;
    height: 100%;
    object-fit: cover;
  }
}
#layer_2.system .internal {
  padding: 6.4rem 0;
}
#layer_2.system .internal .skill .row {
  margin-top: 2.4rem;
}
@media screen and (max-width: 767px) {
  #layer_2.system .internal .skill .row {
    gap: 3.2rem;
  }
}
#layer_2.system .internal .skill_image img {
  border-radius: 7.2383rem;
}
@media screen and (max-width: 1199px) {
  #layer_2.system .internal .skill_image img {
    border-radius: 3.2rem;
  }
}
@media screen and (max-width: 574px) {
  #layer_2.system .internal .skill_lead {
    font-size: 1.4rem;
  }
}
#layer_2.system .internal .skill_text ul {
  margin-top: 2.4rem;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
#layer_2.system .internal .skill_text ul li {
  border: 1px solid #00478B;
  border-radius: 1.2rem;
  background: #fff;
  padding: 2.4rem;
}
@media screen and (max-width: 1199px) {
  #layer_2.system .internal .skill_text ul li {
    padding: 2rem;
  }
}
@media screen and (max-width: 574px) {
  #layer_2.system .internal .skill_text ul li {
    padding: 1.6rem 1.2rem;
  }
}
#layer_2.system .internal .skill_text ul li .title_wrap {
  display: flex;
  align-items: center;
  gap: 1.6rem;
}
@media screen and (max-width: 991px) {
  #layer_2.system .internal .skill_text ul li .title_wrap {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }
}
@media screen and (max-width: 767px) {
  #layer_2.system .internal .skill_text ul li .title_wrap {
    flex-direction: row;
    align-items: center;
    gap: 1.6rem;
  }
}
@media screen and (max-width: 574px) {
  #layer_2.system .internal .skill_text ul li .title_wrap {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }
}
#layer_2.system .internal .skill_text ul li .title_wrap div {
  padding: 0 1.6rem;
  background: #00478B;
  border-radius: 0.4rem;
  color: #fff;
  font-size: 1.4rem;
  font-family: "Mulish", "Zen Kaku Gothic New", sans-serif;
  line-height: 1.8;
  font-weight: 700;
}
#layer_2.system .internal .skill_text ul li .title_wrap h3 {
  font-size: 1.6rem;
  font-weight: 500;
  color: #00478B;
  line-height: 1.8;
}
#layer_2.system .internal .skill_text ul li p {
  margin-top: 1rem;
  font-weight: 400;
}
@media screen and (max-width: 574px) {
  #layer_2.system .internal .skill_text ul li p {
    font-size: 1.4rem;
  }
}
#layer_2.system .internal .education {
  margin-top: 6.4rem;
}
#layer_2.system .internal .education h3 {
  font-size: 2rem;
  font-weight: 700;
  padding-left: 1.2rem;
  border-left: 4px solid #17181A;
}
#layer_2.system .internal .education .training {
  margin-top: 3.6rem;
}
#layer_2.system .internal .education .training .row {
  margin-top: 3.6rem;
  gap: 2.4rem 0;
}
#layer_2.system .internal .education_item {
  border-radius: 2.4rem;
  background: #fff;
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  padding: 3.2rem;
  height: 100%;
}
@media screen and (max-width: 1199px) {
  #layer_2.system .internal .education_item {
    padding: 2rem;
  }
}
@media screen and (max-width: 574px) {
  #layer_2.system .internal .education_item {
    padding: 1.2rem;
  }
}
#layer_2.system .internal .education_image {
  aspect-ratio: 3/2;
}
#layer_2.system .internal .education_image img {
  height: 100%;
  object-fit: cover;
}
#layer_2.system .internal .education_text .d-flex {
  align-items: center;
  gap: 1.6rem;
}
@media screen and (max-width: 1199px) {
  #layer_2.system .internal .education_text .d-flex {
    gap: 0.8rem;
  }
}
#layer_2.system .internal .education_text .d-flex .num {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  height: 3.5rem;
  background: #00478B;
  border-radius: 50%;
  font-family: "Mulish", "Zen Kaku Gothic New", sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
  color: #fff;
}
@media screen and (max-width: 574px) {
  #layer_2.system .internal .education_text .d-flex .num {
    width: 3rem;
    height: 3rem;
    font-size: 1.6rem;
  }
}
#layer_2.system .internal .education_text .d-flex h4 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.8;
  color: #00478B;
  width: calc(100% - 5.1rem);
}
@media screen and (max-width: 1199px) {
  #layer_2.system .internal .education_text .d-flex h4 {
    width: calc(100% - 4.3rem);
  }
}
@media screen and (max-width: 574px) {
  #layer_2.system .internal .education_text .d-flex h4 {
    font-size: 1.8rem;
  }
}
#layer_2.system .internal .education_text p {
  margin-top: 1.6rem;
  text-align: justify;
}
@media screen and (max-width: 574px) {
  #layer_2.system .internal .education_text p {
    font-size: 1.4rem;
  }
}
#layer_2.system .internal .support {
  margin-top: 3.6rem;
}
#layer_2.system .internal .support ul {
  margin-top: 3.6rem;
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
}
#layer_2.system .internal .support ul li h4 {
  font-size: 2rem;
  color: #00478B;
  font-weight: 700;
  line-height: 1.8;
  padding-bottom: 1.6rem;
  position: relative;
}
#layer_2.system .internal .support ul li h4::after {
  content: "";
  width: 100%;
  height: 1px;
  background: #ccc;
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
}
#layer_2.system .internal .support ul li h4::before {
  content: "";
  width: 6.4rem;
  height: 1px;
  background: #00478B;
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  z-index: 1;
}
#layer_2.system .internal .support ul li div {
  margin-top: 1.6rem;
}
#layer_2.system .internal .support ul li div p {
  font-size: 1.5396rem;
  text-align: justify;
}
@media screen and (max-width: 574px) {
  #layer_2.system .internal .support ul li div p {
    font-size: 1.4rem;
  }
}
#layer_2.system .internal .support ul li div ul {
  margin-top: 0.8rem;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
#layer_2.system .internal .support ul li div ul li {
  line-height: 1.6;
}
@media screen and (max-width: 574px) {
  #layer_2.system .internal .support ul li div ul li {
    font-size: 1.4rem;
  }
}
#layer_2.growth .content_wrapper section {
  padding: 6.4rem 0;
}
@media screen and (max-width: 767px) {
  #layer_2.growth .content_wrapper section {
    padding: 4.8rem 0;
  }
}
#layer_2.growth .career_item {
  background: #fff;
  border-radius: 4.8rem;
  padding: 6.4rem 3.2rem;
}
@media screen and (max-width: 574px) {
  #layer_2.growth .career_item {
    border-radius: 2.4rem;
    padding: 3.2rem 1.6rem;
  }
}
#layer_2.growth .career_item .bottom_title {
  max-width: 1200px;
  margin: 0 auto;
}
#layer_2.growth .career_flex {
  max-width: 1200px;
  margin: 2.4rem auto 0;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  #layer_2.growth .career_flex {
    flex-direction: column;
    gap: 2rem;
  }
}
#layer_2.growth .career_image {
  width: 40.5%;
}
@media screen and (max-width: 767px) {
  #layer_2.growth .career_image {
    width: 100%;
  }
}
#layer_2.growth .career_image img {
  border-radius: 3.2rem;
}
@media screen and (max-width: 991px) {
  #layer_2.growth .career_image img {
    border-radius: 2rem;
  }
}
#layer_2.growth .career_text {
  width: 51.2%;
}
@media screen and (max-width: 1199px) {
  #layer_2.growth .career_text {
    width: 55%;
  }
}
@media screen and (max-width: 767px) {
  #layer_2.growth .career_text {
    width: 100%;
  }
}
#layer_2.growth .career_text h3 {
  font-size: 2.4rem;
  color: #00478B;
  font-weight: 700;
  line-height: 1.8;
  padding-bottom: 2.4rem;
  position: relative;
}
@media screen and (max-width: 991px) {
  #layer_2.growth .career_text h3 {
    font-size: 2rem;
    padding-bottom: 1.6rem;
  }
}
@media screen and (max-width: 450px) {
  #layer_2.growth .career_text h3 {
    line-height: 1.4;
  }
}
#layer_2.growth .career_text h3::after {
  content: "";
  width: 100%;
  height: 1px;
  background: #ccc;
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
}
#layer_2.growth .career_text h3::before {
  content: "";
  width: 6.4rem;
  height: 1px;
  background: #00478B;
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  z-index: 1;
}
#layer_2.growth .career_lead {
  margin-top: 2.4rem;
  font-weight: 500;
  font-size: 1.6rem;
  text-align: justify;
}
@media screen and (max-width: 991px) {
  #layer_2.growth .career_lead {
    margin-top: 1.6rem;
  }
}
@media screen and (max-width: 574px) {
  #layer_2.growth .career_lead {
    font-weight: 500;
    font-size: 1.4rem;
  }
}
#layer_2.growth .career .caption {
  margin-top: 2.4rem;
  font-size: 1.2rem;
  line-height: 1.6;
  color: #929292;
}
#layer_2.growth .career .comment {
  margin-top: 2.4rem;
  padding: 3.2rem;
  border-radius: 1.2rem;
  background: #F5F5F5;
  display: flex;
  align-items: center;
  gap: 2.4rem;
}
@media screen and (max-width: 991px) {
  #layer_2.growth .career .comment {
    border-radius: 0.8rem;
    gap: 1.2rem;
    padding: 2rem;
  }
}
@media screen and (max-width: 574px) {
  #layer_2.growth .career .comment {
    flex-direction: column;
  }
}
#layer_2.growth .career .comment .icon {
  width: 8rem;
}
@media screen and (max-width: 991px) {
  #layer_2.growth .career .comment .icon {
    width: 6rem;
  }
}
#layer_2.growth .career .comment p {
  width: calc(100% - 10.4rem);
}
@media screen and (max-width: 991px) {
  #layer_2.growth .career .comment p {
    width: calc(100% - 7.2rem);
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 574px) {
  #layer_2.growth .career .comment p {
    width: 100%;
  }
}
#layer_2.growth .career ul {
  max-width: 1200px;
  margin: 2.4rem auto 0;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
#layer_2.growth .career ul li {
  background: #F5F5F5;
  padding: 2.4rem;
  border-radius: 1.2rem;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
@media screen and (max-width: 574px) {
  #layer_2.growth .career ul li {
    padding: 1.6rem;
  }
}
#layer_2.growth .career ul li .title_wrap {
  display: flex;
  align-items: center;
  gap: 1.6rem;
}
@media screen and (max-width: 767px) {
  #layer_2.growth .career ul li .title_wrap {
    flex-direction: row;
    align-items: center;
    gap: 1.6rem;
  }
}
@media screen and (max-width: 574px) {
  #layer_2.growth .career ul li .title_wrap {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }
}
#layer_2.growth .career ul li .title_wrap div {
  padding: 0 1.6rem;
  background: #00478B;
  border-radius: 0.4rem;
  color: #fff;
  font-size: 1.4rem;
  font-family: "Mulish", "Zen Kaku Gothic New", sans-serif;
  line-height: 1.8;
  font-weight: 700;
}
#layer_2.growth .career ul li .title_wrap h4 {
  font-size: 1.6rem;
  font-weight: 500;
  color: #00478B;
  line-height: 1.8;
}
@media screen and (max-width: 574px) {
  #layer_2.growth .career ul li .title_wrap h4 {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 574px) {
  #layer_2.growth .career ul li p {
    line-height: 1.5;
    font-size: 1.4rem;
  }
}
#layer_2.growth .es h2 {
  font-size: 2rem;
  font-weight: 700;
  padding-left: 1.2rem;
  border-left: 4px solid #17181A;
}
#layer_2.growth .es_wrap .row {
  margin-top: 6.4rem;
  align-items: center;
}
#layer_2.growth .es_image img {
  border-radius: 4.8rem;
}
@media screen and (max-width: 991px) {
  #layer_2.growth .es_image img {
    border-radius: 2.4rem;
  }
}
#layer_2.growth .es_lead {
  padding-left: 7.2rem;
  line-height: 2.2;
  font-weight: 500;
  text-align: justify;
}
@media screen and (max-width: 1199px) {
  #layer_2.growth .es_lead {
    padding-left: 2.4rem;
  }
}
@media screen and (max-width: 991px) {
  #layer_2.growth .es_lead {
    padding-left: 0;
  }
}
@media screen and (max-width: 767px) {
  #layer_2.growth .es_lead {
    margin-top: 2rem;
  }
}
@media screen and (max-width: 574px) {
  #layer_2.growth .es_lead {
    font-size: 1.4rem;
    line-height: 1.8;
  }
}
#layer_2.growth .es .system {
  margin-top: 3.6rem;
}
#layer_2.growth .es .system ul {
  margin-top: 3.6rem;
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}
@media screen and (max-width: 574px) {
  #layer_2.growth .es .system ul {
    gap: 3.2rem;
  }
}
#layer_2.growth .es .system ul li {
  display: flex;
  gap: 2.4rem;
}
@media screen and (max-width: 767px) {
  #layer_2.growth .es .system ul li {
    flex-direction: column;
    gap: 1.6rem;
  }
}
#layer_2.growth .es .system_image {
  width: 38.4rem;
}
@media screen and (max-width: 991px) {
  #layer_2.growth .es .system_image {
    width: 25rem;
  }
}
@media screen and (max-width: 767px) {
  #layer_2.growth .es .system_image {
    width: 100%;
  }
}
#layer_2.growth .es .system_image img {
  border-radius: 2.4rem;
}
@media screen and (max-width: 991px) {
  #layer_2.growth .es .system_image img {
    border-radius: 1.6rem;
  }
}
#layer_2.growth .es .system_text {
  width: calc(100% - 40.8rem);
}
@media screen and (max-width: 991px) {
  #layer_2.growth .es .system_text {
    width: calc(100% - 27.4rem);
  }
}
@media screen and (max-width: 767px) {
  #layer_2.growth .es .system_text {
    width: 100%;
  }
}
#layer_2.growth .es .system_text .num {
  font-size: 2rem;
  font-weight: 700;
  color: #B3B3B3;
  line-height: normal;
  font-family: "Mulish", "Zen Kaku Gothic New", sans-serif;
}
#layer_2.growth .es .system_text h3 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.8;
  color: #00478B;
}
#layer_2.growth .es .system_text p {
  margin-top: 1.6rem;
  text-align: justify;
}
@media screen and (max-width: 574px) {
  #layer_2.growth .es .system_text p {
    margin-top: 0.8rem;
    font-size: 1.4rem;
  }
}
#layer_2.heart section, #layer_2.heart .galaxy {
  padding: 6.4rem 0;
}
@media screen and (max-width: 767px) {
  #layer_2.heart section, #layer_2.heart .galaxy {
    padding: 4.8rem 0;
  }
}
#layer_2.heart .galaxy {
  border-radius: 4.8rem;
  background: rgba(243, 248, 250, 0.8);
  box-shadow: 4px 4px 40px 0 rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 991px) {
  #layer_2.heart .galaxy {
    border-radius: 3.2rem;
  }
}
#layer_2.heart .galaxy .container {
  padding: 0 2.4rem;
}
@media screen and (max-width: 374px) {
  #layer_2.heart .galaxy .container {
    padding: 0 1.5rem;
  }
}
#layer_2.heart .galaxy .row {
  align-items: center;
  gap: 2.4rem 0;
}
#layer_2.heart .galaxy_image {
  border-radius: 7.2383rem;
  background: #fff;
  text-align: center;
  padding: 0.5rem 3.2rem;
}
@media screen and (max-width: 991px) {
  #layer_2.heart .galaxy_image {
    border-radius: 3.2rem;
  }
}
#layer_2.heart .galaxy_image img {
  max-width: 46rem;
}
@media screen and (max-width: 767px) {
  #layer_2.heart .galaxy_image img {
    max-width: 30rem;
  }
}
#layer_2.heart .galaxy_text {
  padding-left: 2rem;
  font-size: 2.4rem;
  line-height: 2.2;
  color: #00478B;
  font-weight: 700;
}
@media screen and (max-width: 991px) {
  #layer_2.heart .galaxy_text {
    padding-left: 2rem;
  }
}
@media screen and (max-width: 767px) {
  #layer_2.heart .galaxy_text {
    padding-left: 0;
    font-size: 1.6rem;
    width: fit-content;
    margin: 0 auto;
  }
}
@media screen and (max-width: 574px) {
  #layer_2.heart .galaxy_text .sp_none {
    display: none;
  }
}
#layer_2.heart .philosophy_inner {
  padding: 6.4rem 12rem;
  border-radius: 4.8rem;
  background: #fff;
}
@media screen and (max-width: 991px) {
  #layer_2.heart .philosophy_inner {
    padding: 4.8rem;
    border-radius: 2.4rem;
  }
}
@media screen and (max-width: 574px) {
  #layer_2.heart .philosophy_inner {
    padding: 3.2rem 1.6rem;
  }
}
#layer_2.heart .philosophy_inner .bottom_title {
  margin-bottom: 2.4rem;
}
#layer_2.heart .philosophy_item {
  display: flex;
  gap: 2.4rem;
}
@media screen and (max-width: 574px) {
  #layer_2.heart .philosophy_item {
    flex-direction: column;
    gap: 1.6rem;
    align-items: center;
  }
}
#layer_2.heart .philosophy_item.second {
  margin-top: 3.6rem;
  padding-top: 3.6rem;
  border-top: 1px solid #F5F5F5;
}
@media screen and (max-width: 574px) {
  #layer_2.heart .philosophy_item.second {
    margin-top: 2.4rem;
    padding-top: 2.4rem;
  }
}
#layer_2.heart .philosophy_item .icon {
  width: 18rem;
  height: 18rem;
  background: rgba(160, 206, 215, 0.2);
  border-radius: 1.2rem;
}
@media screen and (max-width: 991px) {
  #layer_2.heart .philosophy_item .icon {
    width: 10rem;
    height: 10rem;
  }
}
@media screen and (max-width: 574px) {
  #layer_2.heart .philosophy_item .icon {
    width: 14rem;
    height: 14rem;
  }
}
#layer_2.heart .philosophy_text {
  padding: 0 3.2rem;
  width: calc(100% - 20.4rem);
}
@media screen and (max-width: 991px) {
  #layer_2.heart .philosophy_text {
    width: calc(100% - 12.4rem);
    padding: 0;
  }
}
@media screen and (max-width: 574px) {
  #layer_2.heart .philosophy_text {
    width: 100%;
  }
}
#layer_2.heart .philosophy_text h3 {
  font-size: 2rem;
  color: #00478B;
  font-weight: 500;
  line-height: 1.8;
}
@media screen and (max-width: 574px) {
  #layer_2.heart .philosophy_text h3 {
    font-size: 1.8rem;
  }
}
#layer_2.heart .philosophy_text p {
  margin-top: 1rem;
  font-weight: 500;
}
@media screen and (max-width: 574px) {
  #layer_2.heart .philosophy_text p {
    font-size: 1.4rem;
  }
}
#layer_2.heart .philosophy ul {
  margin-top: 2.4rem;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
#layer_2.heart .philosophy ul li {
  padding: 2.4rem;
  border-radius: 1.2rem;
  background: #F5F5F5;
}
#layer_2.heart .philosophy ul li .title_wrap {
  display: flex;
  align-items: center;
  gap: 1.6rem;
}
@media screen and (max-width: 767px) {
  #layer_2.heart .philosophy ul li .title_wrap {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }
}
#layer_2.heart .philosophy ul li .title_wrap div {
  padding: 0 1.6rem;
  background: #00478B;
  border-radius: 0.4rem;
  color: #fff;
  font-size: 1.4rem;
  font-family: "Mulish", "Zen Kaku Gothic New", sans-serif;
  line-height: 1.8;
  font-weight: 700;
}
#layer_2.heart .philosophy ul li .title_wrap h4 {
  font-size: 1.6rem;
  font-weight: 500;
  color: #00478B;
  line-height: 1.8;
}
#layer_2.heart .philosophy ul li p {
  margin-top: 0.8rem;
}
#layer_2.heart .message_inner {
  padding: 6.4rem 12rem;
  border-radius: 4.8rem;
  background: #fff;
}
@media screen and (max-width: 991px) {
  #layer_2.heart .message_inner {
    padding: 4.8rem;
    border-radius: 2.4rem;
  }
}
@media screen and (max-width: 574px) {
  #layer_2.heart .message_inner {
    padding: 3.2rem 1.6rem;
  }
  #layer_2.heart .philosophy ul li p {
  font-weight: 400;
  font-size: 1.4rem;
}
}
#layer_2.heart .message_inner .bottom_title {
  margin-bottom: 2.4rem;
}
#layer_2.heart .message_text {
  margin-top: 2.4rem;
  font-weight: 500;
  line-height: 2.2;
}
@media screen and (max-width: 574px) {
  #layer_2.heart .message_text {
    font-size: 1.4rem;
    line-height: 1.8;
    text-align: justify;
  }
}
#layer_2.heart .message .name {
  margin-top: 3.2rem;
  text-align: right;
  font-weight: 700;
}
@media screen and (max-width: 574px) {
  #layer_2.heart .message .name {
    font-size: 1.4rem;
    line-height: 1.8;
  }
}
#layer_2.overview .outline {
  padding: 6.4rem 0;
}
@media screen and (max-width: 767px) {
  #layer_2.overview .outline {
    padding: 4.8rem 0;
  }
}
#layer_2.overview .outline_list {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  margin-top: 6.4rem;
}
@media screen and (max-width: 574px) {
  #layer_2.overview .outline_list {
    margin-top: 3.2rem;
  }
}
#layer_2.overview .outline_list > li {
  gap: 2.4rem 0;
  padding-bottom: 2.4rem;
  border-bottom: 1px solid #dddddd;
}
#layer_2.overview .outline_list > li .row {
  align-items: center;
}
#layer_2.overview .outline_list > li .row .ttl {
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  #layer_2.overview .outline_list > li .row .ttl {
    margin-bottom: 1.6rem;
    font-weight: 700;
  }
}
#layer_2.overview .outline_list > li .row .text {
  font-weight: 500;
  line-height: 1.6;
}
@media screen and (max-width: 574px) {
  #layer_2.overview .outline_list > li .row .text {
    font-size: 1.4rem;
  }
}
#layer_2.overview .outline_list > li .row .text ul {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
#layer_2.overview .outline_list > li .row .text ul li {
  display: flex;
  gap: 0.4rem;
}
#layer_2.overview .outline_list > li .row .d-flex {
  gap: 2.4rem;
}
@media screen and (max-width: 574px) {
  #layer_2.overview .outline_list > li .row .d-flex {
    flex-direction: column;
    gap: 0;
  }
}
#layer_2.overview .outline_list > li .row .d-flex ul {
  width: calc(50% - 1.2rem);
}
@media screen and (max-width: 574px) {
  #layer_2.overview .outline_list > li .row .d-flex ul {
    width: 100%;
  }
}
#layer_2.location .area {
  margin-bottom: 8rem;
}
#layer_2.location .area .row {
  align-items: center;
  gap: 2.4rem 0;
}
#layer_2.location .area_text {
  padding-left: 3rem;
}
@media screen and (max-width: 991px) {
  #layer_2.location .area_text {
    padding-left: 1.6rem;
  }
}
@media screen and (max-width: 574px) {
  #layer_2.location .area_text {
    padding-left: 0;
  }
}
#layer_2.location .area_text p {
  margin-top: 2.4rem;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2;
}
@media screen and (max-width: 991px) {
  #layer_2.location .area_text p {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 574px) {
  #layer_2.location .area_text p {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 574px) {
  #layer_2.location .area_text p .sp_none {
    display: none;
  }
}
#layer_2.location .list {
  padding: 6.4rem 6rem;
}
@media screen and (max-width: 991px) {
  #layer_2.location .list {
    padding: 6.4rem 2rem;
  }
}
@media screen and (max-width: 767px) {
  #layer_2.location .list {
    padding: 4.8rem 1.6rem;
  }
}
#layer_2.location .list_inner {
  padding: 6.4rem 2rem;
  border-radius: 4.8rem;
  background: rgba(255, 255, 255, 0.5);
}
@media screen and (max-width: 991px) {
  #layer_2.location .list_inner {
    padding: 6.4rem 0;
    border-radius: 3.2rem;
  }
}
@media screen and (max-width: 767px) {
  #layer_2.location .list_inner {
    padding: 4.8rem 0;
  }
}
@media screen and (max-width: 574px) {
  #layer_2.location .list_inner {
    padding: 3.2rem 0;
  }
}
#layer_2.location .list .tab {
  gap: 0.8rem 0;
}
#layer_2.location .list .tab p {
  padding: 1.2rem;
  border-radius: 5rem;
  border: 1px solid #17181A;
  transition: 0.4s;
  background: #fff;
  cursor: pointer;
  text-align: center;
  font-weight: 700;
  line-height: normal;
}
#layer_2.location .list .tab p.area01.active {
  background: #4AACD3;
  color: #fff;
  border: 1px solid #4AACD3;
}
@media (min-width: 992px) {
  #layer_2.location .list .tab p.area01:hover {
    background: #4AACD3;
    color: #fff;
    border: 1px solid #4AACD3;
  }
}
#layer_2.location .list .tab p.area02.active {
  background: #8059AA;
  color: #fff;
  border: 1px solid #8059AA;
}
@media (min-width: 992px) {
  #layer_2.location .list .tab p.area02:hover {
    background: #8059AA;
    color: #fff;
    border: 1px solid #8059AA;
  }
}
#layer_2.location .list .tab p.area03.active {
  background: #049B7E;
  color: #fff;
  border: 1px solid #049B7E;
}
@media (min-width: 992px) {
  #layer_2.location .list .tab p.area03:hover {
    background: #049B7E;
    color: #fff;
    border: 1px solid #049B7E;
  }
}
#layer_2.location .list .tab p.area04.active {
  background: #049B7E;
  color: #fff;
  border: 1px solid #049B7E;
}
@media (min-width: 992px) {
  #layer_2.location .list .tab p.area04:hover {
    background: #049B7E;
    color: #fff;
    border: 1px solid #049B7E;
  }
}
#layer_2.location .list .tab p.area05.active {
  background: #AAB53E;
  color: #fff;
  border: 1px solid #AAB53E;
}
@media (min-width: 992px) {
  #layer_2.location .list .tab p.area05:hover {
    background: #AAB53E;
    color: #fff;
    border: 1px solid #AAB53E;
  }
}
#layer_2.location .list .tab p.area06.active {
  background: #EA6097;
  color: #fff;
  border: 1px solid #EA6097;
}
@media (min-width: 992px) {
  #layer_2.location .list .tab p.area06:hover {
    background: #EA6097;
    color: #fff;
    border: 1px solid #EA6097;
  }
}
#layer_2.location .list .tab p.area07.active {
  background: #E23D4B;
  color: #fff;
  border: 1px solid #E23D4B;
}
@media (min-width: 992px) {
  #layer_2.location .list .tab p.area07:hover {
    background: #E23D4B;
    color: #fff;
    border: 1px solid #E23D4B;
  }
}
@media screen and (max-width: 574px) {
  #layer_2.location .list .tab p {
    font-size: 1.4rem;
  }
}
#layer_2.location .list .tab_box {
  display: none;
}
#layer_2.location .list .tab_box.active {
  display: block;
}
#layer_2.location .list .tab_box_wrap {
  margin-top: 6.4rem;
}
#layer_2.location .list .tab_box h3 {
  font-size: 2rem;
  font-weight: 700;
  padding-left: 1.2rem;
  border-left: 4px solid #17181A;
}
#layer_2.location .list .area_list {
  margin-top: 2.4rem;
}
#layer_2.location .list .area_box {
  margin-top: 6.4rem;
}
#layer_2.location .list .area_list {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}
@media screen and (max-width: 574px) {
  #layer_2.location .list .area_list {
    margin-top: 3.2rem;
  }
}
#layer_2.location .list .area_list > li {
  gap: 2.4rem 0;
  padding-bottom: 2.4rem;
  border-bottom: 1px solid #B3B3B3;
}
#layer_2.location .list .area_list > li .row {
  align-items: center;
}
#layer_2.location .list .area_list > li .row .ttl {
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  #layer_2.location .list .area_list > li .row .ttl {
    margin-bottom: 1.6rem;
    font-weight: 700;
  }
}
@media screen and (max-width: 574px) {
  #layer_2.location .list .area_list > li .row .ttl {
    margin-bottom: 0.8rem;
  }
}
#layer_2.location .list .area_list > li .row .text {
  font-weight: 500;
  font-size: 1.4rem;
  color: #575757;
}
@media screen and (max-width: 574px) {
  #layer_2.location .list .area_list > li .row .text {
    font-size: 1.4rem;
  }
}
#layer_2.location .list .area_list > li .row .text a {
  display: inline-block;
  vertical-align: text-top;
  margin-left: 0.8rem;
}
#layer_2.location .list .area_list > li .row .text a svg {
  display: block;
}
#layer_2.business .content_wrapper section {
  padding: 6.4rem 0;
}
@media screen and (max-width: 767px) {
  #layer_2.business .content_wrapper section {
    padding: 4.8rem 0;
  }
}
#layer_2.business .contents_item {
  background: #fff;
  border-radius: 4.8rem;
  padding: 6.4rem 3.2rem;
}
@media screen and (max-width: 574px) {
  #layer_2.business .contents_item {
    border-radius: 2.4rem;
    padding: 3.2rem 1.6rem;
  }
}
#layer_2.business .contents_item .bottom_title {
  max-width: 1200px;
  margin: 0 auto;
}
#layer_2.business .contents_flex {
  max-width: 1200px;
  margin: 2.4rem auto 0;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  #layer_2.business .contents_flex {
    flex-direction: column;
    gap: 2rem;
  }
}
#layer_2.business .contents_image {
  width: 40.5%;
}
@media screen and (max-width: 767px) {
  #layer_2.business .contents_image {
    width: 100%;
  }
}
#layer_2.business .contents_image img {
  border-radius: 3.2rem;
}
@media screen and (max-width: 991px) {
  #layer_2.business .contents_image img {
    border-radius: 2rem;
  }
}
#layer_2.business .contents_text {
  width: 51.2%;
}
@media screen and (max-width: 1199px) {
  #layer_2.business .contents_text {
    width: 55%;
  }
}
@media screen and (max-width: 767px) {
  #layer_2.business .contents_text {
    width: 100%;
  }
}
#layer_2.business .contents_text h3 {
  font-size: 2.4rem;
  color: #00478B;
  font-weight: 700;
  line-height: 1.8;
  padding-bottom: 2.4rem;
  position: relative;
}
@media screen and (max-width: 991px) {
  #layer_2.business .contents_text h3 {
    font-size: 2rem;
    padding-bottom: 1.6rem;
  }
}
@media screen and (max-width: 450px) {
  #layer_2.business .contents_text h3 {
    line-height: 1.4;
  }
}
#layer_2.business .contents_text h3::after {
  content: "";
  width: 100%;
  height: 1px;
  background: #ccc;
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
}
#layer_2.business .contents_text h3::before {
  content: "";
  width: 6.4rem;
  height: 1px;
  background: #00478B;
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  z-index: 1;
}
#layer_2.business .contents_lead {
  margin-top: 2.4rem;
}
@media screen and (max-width: 991px) {
  #layer_2.business .contents_lead {
    margin-top: 1.6rem;
  }
}
@media screen and (max-width: 574px) {
  #layer_2.business .contents_lead {
    font-size: 1.4rem;
  }
}
#layer_2.business .contents .products {
  max-width: 1200px;
  margin: 2.4rem auto 0;
}
#layer_2.business .contents .products h4 {
  font-size: 2rem;
  font-weight: 700;
  padding-left: 1.2rem;
  border-left: 4px solid #17181A;
}
#layer_2.business .contents .products .row {
  gap: 1rem 0;
  margin-top: 2.4rem;
}
#layer_2.business .contents .products_item {
  padding: 2.4rem;
  border: 1px solid #ccc;
  background: #fff;
  display: flex;
  gap: 1.6rem;
  border-radius: 2.4rem;
  height: 100%;
}
@media screen and (max-width: 574px) {
  #layer_2.business .contents .products_item {
    flex-direction: column;
    padding: 1.2rem;
  }
}
#layer_2.business .contents .products_image {
  border-radius: 1.2rem;
  background: rgba(160, 206, 215, 0.2);
  width: 14rem;
  overflow: hidden;
  height: fit-content;
}
@media screen and (max-width: 574px) {
  #layer_2.business .contents .products_image {
    width: 100%;
  }
}
@media screen and (max-width: 574px) {
  #layer_2.business .contents .products_image img {
    height: 12rem;
    object-fit: contain;
  }
}
#layer_2.business .contents .products_text {
  width: calc(100% - 15.6rem);
}
@media screen and (max-width: 574px) {
  #layer_2.business .contents .products_text {
    width: 100%;
  }
}
#layer_2.business .contents .products_text h5 {
  font-size: 2rem;
  color: #00478B;
  font-weight: 700;
  line-height: 1.8;
}
@media screen and (max-width: 574px) {
  #layer_2.business .contents .products_text h5 {
    font-size: 1.8rem;
  }
}
#layer_2.business .contents .products_text p {
  font-size: 1.4rem;
  line-height: 1.8;
}
#layer_2.job .link {
  margin-bottom: 6.4rem;
}
@media screen and (max-width: 574px) {
  #layer_2.job .link {
    margin-bottom: 3.2rem;
  }
  
}
#layer_2.job .link_item {
  padding: 2rem;
  border-bottom: 1px solid #B3B3B3;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: 0.4s;
}
@media (min-width: 992px) {
  #layer_2.job .link_item:hover {
    background: rgba(160, 206, 215, 0.2);
  }
}
@media screen and (max-width: 574px) {
  #layer_2.job .link_item {
    padding: 1.2rem;
  }
}
#layer_2.job .link_item div {
  font-weight: 700;
  letter-spacing: 0.08rem;
}
#layer_2.job .link_item i {
  font-size: 3.2rem;
  color: #00478B;
}
#layer_2.job .work {
  padding: 6.4rem 0;
}
@media screen and (max-width: 767px) {
  #layer_2.job .work {
    padding: 4.8rem 0;
  }
}
#layer_2.job .work_wrap .row {
  margin-top: 6.4rem;
  align-items: center;
}
@media screen and (max-width: 767px) {
  #layer_2.job .work_wrap .row {
    margin-top: 3.2rem;
  }
}
#layer_2.job .work_image img {
  border-radius: 4.8rem;
}
@media screen and (max-width: 991px) {
  #layer_2.job .work_image img {
    border-radius: 2.4rem;
  }
}
#layer_2.job .work_text {
  padding-left: 7.2rem;
}
@media screen and (max-width: 1199px) {
  #layer_2.job .work_text {
    padding-left: 2.4rem;
  }
}
@media screen and (max-width: 991px) {
  #layer_2.job .work_text {
    padding-left: 0;
  }
}
@media screen and (max-width: 767px) {
  #layer_2.job .work_text {
    margin-top: 2rem;
  }
}
#layer_2.job .work_text p {
  line-height: 2.2;
  font-weight: 500;
}
@media screen and (max-width: 574px) {
  #layer_2.job .work_text p {
    font-size: 1.4rem;
    line-height: 1.8;
  }
}
#layer_2.job .work_text .detail {
  padding: 1.6rem;
  border-radius: 1.2rem;
  border: 1px solid #ccc;
  margin-top: 3.2rem;
}
#layer_2.job .work_text .detail h3 {
  color: #00478B;
  font-weight: 700;
  line-height: 1.8;
}
#layer_2.job .work_text .detail ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem 1.6rem;
  margin-top: 0.4rem;
}
#layer_2.job .work_text .detail ul li {
  display: flex;
  gap: 0.4rem;
  line-height: 1.6;
}
#layer_2.job .work .flow {
  margin-top: 3.6rem;
}
#layer_2.job .work .flow h2 {
  font-size: 2rem;
  font-weight: 700;
  padding-left: 1.2rem;
  border-left: 4px solid #17181A;
}
#layer_2.job .work .flow ul {
  margin-top: 3.6rem;
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}
@media screen and (max-width: 574px) {
  #layer_2.job .work .flow ul {
    gap: 3.2rem;
  }
}
#layer_2.job .work .flow ul li {
  display: flex;
  gap: 2.4rem;
}
@media screen and (max-width: 767px) {
  #layer_2.job .work .flow ul li {
    flex-direction: column;
    gap: 1.6rem;
  }
}
#layer_2.job .work .flow_image {
  width: 38.4rem;
}
@media screen and (max-width: 991px) {
  #layer_2.job .work .flow_image {
    width: 25rem;
  }
}
@media screen and (max-width: 767px) {
  #layer_2.job .work .flow_image {
    width: 100%;
  }
}
#layer_2.job .work .flow_image img {
  border-radius: 2.4rem;
}
@media screen and (max-width: 991px) {
  #layer_2.job .work .flow_image img {
    border-radius: 1.6rem;
  }
}
#layer_2.job .work .flow_text {
  width: calc(100% - 40.8rem);
}
@media screen and (max-width: 991px) {
  #layer_2.job .work .flow_text {
    width: calc(100% - 27.4rem);
  }
}
@media screen and (max-width: 767px) {
  #layer_2.job .work .flow_text {
    width: 100%;
  }
}
#layer_2.job .work .flow_text .num {
  font-size: 2rem;
  font-weight: 700;
  color: #B3B3B3;
  line-height: normal;
  font-family: "Mulish", "Zen Kaku Gothic New", sans-serif;
}
#layer_2.job .work .flow_text h3 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.8;
  color: #00478B;
}
#layer_2.job .work .flow_text p {
  margin-top: 1.6rem;
}
@media screen and (max-width: 574px) {
  #layer_2.job .work .flow_text p {
    margin-top: 0.8rem;
    font-size: 1.4rem;
    text-align: justify;
  }
}
#layer_2.job .work .interview {
  margin-top: 3.6rem;
}
#layer_2.job .work .interview h2 {
  font-size: 2rem;
  font-weight: 700;
  padding-left: 1.2rem;
  border-left: 4px solid #17181A;
}
@media screen and (max-width: 574px) {
  #layer_2.job .work .interview h2 {
    line-height: 1.5;
  }
}
#layer_2.job .work .interview .row {
  margin-top: 3.6rem;
  gap: 2rem 0;
}
#layer_2.job .work .interview_item {
  display: block;
  transition: 0.4s;
}
@media (min-width: 992px) {
  #layer_2.job .work .interview_item:hover {
    opacity: 0.5;
  }
}
#layer_2.job .work .interview_item img {
  border-radius: 2.4rem;
  object-fit: cover;
  aspect-ratio: 1 / 1;
}
@media screen and (max-width: 991px) {
  #layer_2.job .work .interview_item img {
    border-radius: 2rem;
  }
}
@media screen and (max-width: 574px) {
  #layer_2.job .work .interview_item img {
    border-radius: 1.2rem;
  }
}
#layer_2.job .work .interview_item h3 {
  margin-top: 0.8rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: #17181A;
  letter-spacing: 0.07rem;
  line-height: 1.2;
}
#layer_2.job .work .interview_item .name {
  font-size: 1.4rem;
  color: #00478B;
  display: flex;
  flex-wrap: wrap;
  gap: 0 1.2rem;
  font-weight: 600;
  margin-top: 0.8rem;
}
#layer_2.job .work .interview_item .name span:last-child{
  padding: 0px 12px;
  background: #bdbdbd;
  color: #fff;
  font-weight: 400;
  border-radius: 30px;
}
#layer_2.interview .job {
  padding: 6.4rem 0;
}
@media screen and (max-width: 767px) {
  #layer_2.interview .job {
    padding: 4.8rem 0;
  }
}
@media screen and (max-width: 574px) {
  #layer_2.interview .job {
    padding: 3.2rem 0;
  }
}
#layer_2.interview .job .row {
  margin-top: 6.4rem;
  gap: 3.6rem 0;
}
@media screen and (max-width: 767px) {
  #layer_2.interview .job .row {
    margin-top: 3.2rem;
  }
}
#layer_2.interview .job_item {
  transition: 0.4s;
  display: block;
}
@media (min-width: 992px) {
  #layer_2.interview .job_item:hover {
    opacity: 0.5;
  }
}
#layer_2.interview .job_item img {
  border-radius: 2.4rem;
  display: block;
  aspect-ratio: 3 / 2;
  object-fit: cover;
}
@media screen and (max-width: 574px) {
  #layer_2.interview .job_item img {
    border-radius: 1.6rem;
    aspect-ratio: 2 / 3;
  }
}
#layer_2.interview .job_item .d-flex {
  align-items: center;
  justify-content: space-between;
  gap: 1.2rem;
  margin-top: 2.4rem;
}
@media screen and (max-width: 574px) {
  #layer_2.interview .job_item .d-flex {
    margin-top: 1.2rem;
  }
}
#layer_2.interview .job_item .d-flex h3 {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.6;
}
@media screen and (max-width: 1199px) {
  #layer_2.interview .job_item .d-flex h3 {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 574px) {
  #layer_2.interview .job_item .d-flex h3 {
    line-height: 1.5;
  }
}
#layer_2.interview .job_item .d-flex i {
  font-size: 3.2rem;
  color: #00478B;
}
@media screen and (max-width: 767px) {
  #layer_2.interview .job_item .d-flex i {
    font-size: 2rem;
  }
}
#layer_2.interview .job_item .name {
  margin-top: 0.8rem;
  display: flex;
  align-items: center;
  gap: 1.2rem;
  color: #00478B;
  font-weight: 600;
}
@media screen and (max-width: 574px) {
  #layer_2.interview .job_item .name {
  display: block;
}
}
#layer_2.interview .job_item .name .en {
  font-family: "Mulish", "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  line-height: normal;
  font-size: 1.4rem;
}
@media screen and (max-width: 574px) {
  #layer_2.interview .job_item .name .en{
  display: block;
}
}

#layer_2.interview .job_item .name .years{
    font-size: 1.2rem;
    padding: 1px 12px;
    letter-spacing: 1.2px;
    background: #bdbdbd;
    color: #fff;
    border-radius: 30px;
}
#layer_2.message .blue_bg {
  padding: 6rem;
  background: linear-gradient(123deg, #43ECFF 7.23%, #243A98 97.34%);
  display: flex;
  flex-direction: column;
  gap: 6rem;
}
@media screen and (max-width: 1199px) {
  #layer_2.message .blue_bg {
    padding: 6rem 3rem;
  }
}
@media screen and (max-width: 574px) {
  #layer_2.message .blue_bg {
    padding: 2.4rem;
    gap: 2.4rem;
  }
}
#layer_2.message .blue_bg section {
  background: #fff;
  border-radius: 8rem;
  padding: 12.8rem 0;
  position: relative;
  z-index: 0;
}
@media screen and (max-width: 1199px) {
  #layer_2.message .blue_bg section {
    border-radius: 4rem;
    padding: 9.6rem 0;
  }
}
@media screen and (max-width: 991px) {
  #layer_2.message .blue_bg section {
    padding: 6.4rem 0;
  }
}
@media screen and (max-width: 767px) {
  #layer_2.message .blue_bg section {
    padding: 3.2rem 0;
    border-radius: 3.2rem;
  }
}
#layer_2.message .blue_bg section h2 {
  font-size: 3.6rem;
  font-weight: 700;
  line-height: 1.8;
}
@media screen and (max-width: 1199px) {
  #layer_2.message .blue_bg section h2 {
    font-size: 3rem;
  }
}
@media screen and (max-width: 991px) {
  #layer_2.message .blue_bg section h2 {
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 574px) {
  #layer_2.message .blue_bg section h2 {
    font-size: 2rem;
  }
}
#layer_2.message .blue_bg section .container {
  padding: 0 2.4rem;
}
@media screen and (max-width: 374px) {
  #layer_2.message .blue_bg section .container {
    padding: 0 0.8rem;
  }
}
#layer_2.message .content {
  position: relative;
  z-index: 0;
}
#layer_2.message .content img {
  border-radius: 4.425rem;
}
@media screen and (max-width: 1199px) {
  #layer_2.message .content img {
    border-radius: 2rem;
  }
}
#layer_2.message .content_bg {
  position: absolute;
  right: -6rem;
  top: -10rem;
  width: 17vw;
  z-index: -1;
  min-width: 12rem;
}
#layer_2.message .content_text {
  position: relative;
  padding-left: 3rem;
  background-image: url(../images/message/message-bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 1199px) {
  #layer_2.message .content_text {
    padding-left: 1.5rem;
  }
}
@media screen and (max-width: 991px) {
  #layer_2.message .content_text {
    padding-left: 0;
    margin-top: 3.2rem;
  }
}
#layer_2.message .content_text > p {
  line-height: 2.2;
  font-size: 1.8rem;
  font-weight: 500;
  margin-top: 2.4rem;
}
@media screen and (max-width: 1199px) {
  #layer_2.message .content_text > p {
    font-size: 1.6rem;
    line-height: 1.8;
  }
}
@media screen and (max-width: 574px) {
  #layer_2.message .content_text > p {
    font-size: 1.4rem;
  }
}
#layer_2.message .content_title {
  display: flex;
  align-items: center;
  gap: 0 1.6rem;
  flex-wrap: wrap;
}
@media screen and (max-width: 574px) {
  #layer_2.message .content_title {
    flex-direction: column;
    align-items: flex-start;
  }
}
#layer_2.message .content_title .en {
  font-family: "Mulish", "Zen Kaku Gothic New", sans-serif;
  font-style: italic;
  font-weight: 600;
  font-size: 1.4rem;
  color: #929292;
}
#layer_2.message .content .person {
  margin-top: 6.4rem;
  position: relative;
}
@media screen and (max-width: 991px) {
  #layer_2.message .content .person {
    margin-top: 3.2rem;
  }
}
#layer_2.message .content .person_bg {
  width: 17.5vw;
  position: absolute;
  left: -4rem;
  top: 22%;
  min-width: 15rem;
  z-index: -1;
}
@media screen and (max-width: 1570px) {
  #layer_2.message .content .person_bg {
    width: 20vw;
    left: 4rem;
    top: 17%;
  }
}
@media screen and (max-width: 1199px) {
  #layer_2.message .content .person_bg {
    top: 12%;
  }
}
@media screen and (max-width: 991px) {
  #layer_2.message .content .person_bg {
    top: 15%;
  } 
}
@media screen and (max-width: 767px) {
  #layer_2.message .content .person_bg {
    top: 8%;
  } 
}
@media screen and (max-width: 574px) {
  #layer_2.message .content .person_bg {
    top: 5%;
    left: -3rem;
  } 
}

#layer_2.message .content .section-line{
width: 100%;
height: 1px;
background-color: #ddd;
margin-top: 6.4rem;
}
@media screen and (max-width: 991px) {
  #layer_2.message .content .section-line{
  margin-top: 3.2rem;
  }  
}
#layer_2.message .content .person .row {
  margin-top: 2.4rem;
  align-items: center;
  gap: 2.4rem 0;
}
@media screen and (max-width: 767px) {
  #layer_2.message .content .person .row.rev {
    flex-direction: column-reverse;
  }
}
#layer_2.message .content .person_lead {
  font-size: 1.8rem;
  font-weight: 500;
  margin-top: 2.4rem;
  margin-bottom: 6.4rem;
}
@media screen and (max-width: 1199px) {
  #layer_2.message .content .person_lead {
    font-size: 1.4rem;
    line-height: 1.8;
  }
}
@media screen and (max-width: 991px) {
  #layer_2.message .content .person_lead {
    margin-bottom: 3.2rem;
  }
}
#layer_2.message .content .content_item{
  display: flex;
  gap: 2.4rem;
  padding: 1.6rem;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  #layer_2.message .content .content_item{
  padding: 0;
}
}
#layer_2.message .content .person_text {
  width: fit-content;
}

#layer_2.message .content .person_text .d-flex{
  align-items: center;
  gap: 1.6rem;
}
#layer_2.message .content .person_text .d-flex .num{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3.5rem;
    height: 3.5rem;
    background: #00478B;
    border-radius: 50%;
    font-family: "Mulish", "Zen Kaku Gothic New", sans-serif;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
}
#layer_2.message .content .person_text .d-flex h4{
font-size: 2rem;
    font-weight: 700;
    line-height: 1.8;
    color: #00478B;
    width: calc(100% - 5.1rem);
}
#layer_2.message .content .person_text.second {
  padding-left: 0;
  margin-left: auto;
  padding-right: 3rem;
}
@media screen and (max-width: 1199px) {
  #layer_2.message .content .person_text.second {
    padding-right: 1.5rem;
  }
}
@media screen and (max-width: 991px) {
  #layer_2.message .content .person_text.second {
    padding-right: 0;
  }
}
#layer_2.message .content .person_text h3 {
  color: #00478B;
  display: flex;
  align-items: center;
  gap: 1.6rem;
  font-size: 3.2rem;
  line-height: 112.5%;
  font-weight: 700;
}
@media screen and (max-width: 991px) {
  #layer_2.message .content .person_text h3 {
    font-size: 2.4rem;
    gap: 0.8rem;
  }
}
@media screen and (max-width: 574px) {
  #layer_2.message .content .person_text h3 {
    font-size: 2rem;
  }
}
#layer_2.message .content .person_text h3 span {
  font-family: "Mulish", "Zen Kaku Gothic New", sans-serif;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 991px) {
  #layer_2.message .content .person_text h3 span {
    font-size: 2rem;
  }
}
#layer_2.message .content .person_text p {
  margin-top: 2.4rem;
  font-weight: 500;
  font-size: 1.6rem;
}
@media screen and (max-width: 991px) {
  #layer_2.message .content .person_text p {
    font-size: 1.4rem;
    margin-top: 1.2rem;
    line-height: 1.8;
  }
}
@media screen and (max-width: 574px) {
  #layer_2.message .content .person_text p {
    font-size: 1.4rem;
  }
}
#layer_2.message .content .flow {
    position: relative;
    z-index: 0;
    border-radius: 4.8rem;
    margin-top: 6.4rem;
}
#layer_2.message .content .flow .container {
    padding: 0;
}
#layer_2.message .content .flow h3 {
    font-size: 3.6rem;
    font-weight: 700;
    color: #00478B;
}
@media screen and (max-width: 1199px) {
    #layer_2.message .content .flow h3 {
    font-size: 3rem;
}
}
@media screen and (max-width: 991px) {
    #layer_2.message .content .flow h3 {
    font-size: 2.5rem;
}
}
@media screen and (max-width: 574px) {
    #layer_2.message .content .flow h3 {
    font-size: 2.4rem;
}
}
#layer_2.message .content .flow .flow_list {
    margin-top: 2.4rem;
    border-radius: 4.8rem;
}

#layer_2.message .content .flow .flow_list ul {
  display: flex;
    justify-content: space-between;  
  gap: 1.2rem 0;
    flex-wrap: wrap;
}
@media screen and (max-width: 1570px) {
    #layer_2.message .content .flow .flow_list u {
        gap: 1.2rem 0;
        flex-wrap: wrap;
    }
}
#layer_2.message .content .flow .flow_list ul li {
    width: 15%;
  }

@media screen and (max-width: 1199px) {
    #layer_2.message .content .flow .flow_list ul li {
    width: 48%;
  }
}
@media screen and (max-width: 574px) {
    #layer_2.message .content .flow .flow_list ul li {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    align-items: center;
  }
}
#layer_2.message .content .flow_list ul li .flow_title {
    background: #A5C2DA;
    color: #fff;
    display: flex;
    align-items: center;
    padding: 1rem 2rem;
    gap: 1rem;
    clip-path: polygon(0 0, 93% 0, 100% 50%, 93% 100%, 0 100%);
}
@media screen and (max-width: 574px) {
    #layer_2.message .content .flow_list ul li .flow_title {
    width: 100%;
}
}

#layer_2.message .content .flow .flow_list ul li .flow_title .num {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    background: #fff;
    color: #000;
    font-family: "Mulish", "Zen Kaku Gothic New", sans-serif;
    font-weight: 600;
    letter-spacing: 0.08rem;
}

#layer_2.message .content .flow .flow_list ul li .flow_title h4 {
    width: calc(100% - 5.4rem);
    font-size: 1.6rem;
    font-weight: 600;
}

#layer_2.message .content .flow .flow_list ul li .flow_list_text {
    margin-top: 1.2rem;
    font-size: 1.6rem;
    font-weight: 500;
    color: #17181A;
    letter-spacing: 0.07rem;
    line-height: 1.8;
}
@media screen and (max-width: 991px) {
    #layer_2.message .content .flow .flow_list ul li .flow_list_text {
    font-size: 1.4rem;
}
}
@media screen and (max-width: 574px) {
    #layer_2.message .content .flow .flow_list ul li .flow_list_text {
    width: calc(100% - 11.6rem);
    margin-top: 0;
    letter-spacing: 0;
}
}
#layer_2.message .content .flow .flow_list .flow_icon {
    width: 15.6rem;
    margin: 3.65rem auto 0;
}
@media screen and (max-width: 574px) {
  #layer_2.message .content .flow .flow_list .flow_icon {
    width: 9.6rem;
    margin: 0;
}
}
#layer_2.message .content .flow .flow_list ul li:nth-of-type(2) .flow_title {
    background: #74ACE2;
}

#layer_2.message .content .flow .flow_list ul li:nth-of-type(3) .flow_title {
    background: #2B80D9;
}
#layer_2.message .content .flow .flow_list ul li:nth-of-type(4) .flow_title {
    background: #044D98;
}
#layer_2.message .content .flow .flow_list ul li:nth-of-type(5) .flow_title {
    background: #F8E9AD;
    color: #17181A;
}
#layer_2.message .content .flow .flow_list ul li:nth-of-type(6) .flow_title {
    background: #FFDD55;
    color: #17181A;
}





#layer_2.realtalk .talk {
  padding: 12.8rem 0;
}
@media screen and (max-width: 991px) {
  #layer_2.realtalk .talk {
    padding: 6.4rem 0;
  }
}
@media screen and (max-width: 767px) {
  #layer_2.realtalk .talk {
    padding: 3.2rem 0;
  }
}
@media screen and (max-width: 574px) {
  #layer_2.realtalk .talk {
    padding: 3.6rem 0;
  }
}
#layer_2.realtalk .talk .col-md-8 .row {
  gap: 2.4rem 0;
}
@media screen and (max-width: 767px) {
  #layer_2.realtalk .talk .col-md-8 .row {
    margin-top: 3.2rem;
  }
}
@media screen and (max-width: 574px) {
  #layer_2.realtalk .talk .col-md-8 .row {
    gap: 3.6rem 0;
  }
}
#layer_2.realtalk .talk .bottom_title h2 {
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  #layer_2.realtalk .talk .bottom_title h2 .sp_none {
    display: none;
  }
}
#layer_2.realtalk .talk_item {
  padding: 3.2rem;
  border-radius: 4.8rem;
  background: #fff;
  height: 100%;
}
@media screen and (max-width: 1199px) {
  #layer_2.realtalk .talk_item {
    border-radius: 2.4rem;
    padding: 2rem;
  }
}
@media screen and (max-width: 574px) {
  #layer_2.realtalk .talk_item {
  padding: 0;
  border-radius:0;
  background: unset;
}
}
#layer_2.realtalk .talk_item.base .title_wrap {
  flex-direction: column;
  align-items: flex-start;
  gap: 0.4rem;
}
#layer_2.realtalk .talk_item .title_wrap {
  display: flex;
  align-items: center;
  gap: 1.6rem;
}
@media screen and (max-width: 1570px) {
  #layer_2.realtalk .talk_item .title_wrap {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.4rem;
  }
}
#layer_2.realtalk .talk_item .title_wrap div {
  padding: 0 1.6rem;
  background: #00478B;
  border-radius: 0.4rem;
  color: #fff;
  font-size: 1.4rem;
  font-family: "Mulish", "Zen Kaku Gothic New", sans-serif;
  line-height: 1.8;
  font-weight: 700;
}
#layer_2.realtalk .talk_item .title_wrap h3 {
  font-size: 2rem;
  line-height: 1.8;
  font-weight: 700;
}
@media screen and (max-width: 1199px) {
  #layer_2.realtalk .talk_item .title_wrap h3 {
    line-height: 1.5;
  }
}
@media screen and (max-width: 574px) {
  #layer_2.realtalk .talk_item .title_wrap h3 {
    font-size: 1.8rem;
  }
}
#layer_2.realtalk .talk_image {
  margin-top: 2.4rem;
}
#layer_2.realtalk .sp-talk_image {
  display:none ;
}
#layer_2.realtalk .talk_image img {
  border-radius: 2.4rem;
  border: 2px solid #d0e1f1;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
@media screen and (max-width: 1199px) {
  #layer_2.realtalk .talk_image img {
    border-radius: 2.4rem;
  }
}
@media screen and (max-width: 574px) {
  #layer_2.realtalk .talk_image {
  margin-top: 1.6rem;
}
  #layer_2.realtalk .talk_image img {
    border-radius: 1.2rem;
  }
  #layer_2.realtalk .answer-sp .sp-talk_image {
  display:block ;
  margin-top: 1.6rem;
}
#layer_2.realtalk .answer-sp .sp-talk_image img {
  border-radius: 1.2rem;
  border: 1px solid #00478B;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#layer_2.realtalk .answer-sp .talk_image {
  display: none;
}
}
#layer_2.realtalk .talk_text {
  padding: 5.3rem 4.5rem;
  background: #F5F5F5;
  border-radius: 2.4rem;
  margin-top: 2.4rem;
}
@media screen and (max-width: 1199px) {
  #layer_2.realtalk .talk_text {
    padding: 2.4rem 1.6rem;
  }
}
#layer_2.realtalk .talk_text .row {
  gap: 2.4rem 0;
}
#layer_2.realtalk .talk_box {
  border-radius: 1.2rem;
  background: #fff;
  padding: 1.2rem 2.4rem;
}
@media screen and (max-width: 1570px) {
  #layer_2.realtalk .talk_box {
    padding: 1.2rem;
  }
}
#layer_2.realtalk .talk_box .text {
  font-size: 2rem;
  line-height: normal;
  font-weight: 500;
}
@media screen and (max-width: 1570px) {
  #layer_2.realtalk .talk_box .text {
    font-size: 1.8rem;
  }
}
#layer_2.realtalk .talk_box .name {
  text-align: right;
  font-weight: 500;
  line-height: normal;
  color: #929292;
  margin-top: 0.4rem;
}
@media screen and (max-width: 1570px) {
  #layer_2.realtalk .talk_box .name {
    font-size: 1.4rem;
  }
}
#layer_2.q_a .faq {
  max-width: 144rem;
  margin: 0 auto 6rem;
  background: #fff;
  border-radius: 4.8rem;
  box-shadow: 4px 4px 40px 0 rgba(0, 0, 0, 0.1);
  padding: 9.6rem 0 8.2rem;
}
@media screen and (max-width: 1570px) {
  #layer_2.q_a .faq {
    margin: 0 3rem 6rem;
  }
}
@media screen and (max-width: 991px) {
  #layer_2.q_a .faq {
    border-radius: 2.4rem;
  }
}
@media screen and (max-width: 574px) {
  #layer_2.q_a .faq {
    margin: 0;
    padding: 4.8rem 2.4rem;
  }
}
#layer_2.q_a .faq_inner {
  padding: 0 9.85rem;
  display: flex;
  flex-direction: column;
  gap: 4.8rem;
}
@media screen and (max-width: 1570px) {
  #layer_2.q_a .faq_inner {
    padding: 0 5rem;
  }
}
@media screen and (max-width: 767px) {
  #layer_2.q_a .faq_inner {
    padding: 0 2.4rem;
  }
}
@media screen and (max-width: 574px) {
  #layer_2.q_a .faq_inner {
    padding: 0;
    gap: 3.2rem;
  }
}
#layer_2.q_a .faq_inner h2 {
  text-align: center;
  font-size: 3.6rem;
  font-weight: bold;
  color: #00478B;
}
@media screen and (max-width: 574px) {
  #layer_2.q_a .faq_inner h2 {
    font-size: 2rem;
  }
}
#layer_2.q_a .faq_inner ul {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  margin-top: 4.8rem;
}
@media screen and (max-width: 574px) {
  #layer_2.q_a .faq_inner ul {
    margin-top: 2.4rem;
  }
}
#layer_2.q_a .faq_inner ul li {
  background: rgba(160, 206, 215, 0.2);
  padding: 2.4rem;
  border-radius: 1.2rem;
}
@media screen and (max-width: 574px) {
  #layer_2.q_a .faq_inner ul li {
    padding: 2rem;
  }
}
#layer_2.q_a .faq_inner ul li .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  font-family: "Mulish", "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 574px) {
  #layer_2.q_a .faq_inner ul li .icon {
    font-size: 1.4rem;
  }
}
#layer_2.q_a .faq_inner ul li .question {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  padding-right: 3.2rem;
  position: relative;
  cursor: pointer;
}
#layer_2.q_a .faq_inner ul li .question .icon {
  background: #fff;
  color: #17181A;
}
#layer_2.q_a .faq_inner ul li .question h4 {
  width: calc(100% - 5.6rem);
  font-weight: 500;
  line-height: 1.8;
  font-size: 1.6rem;
}
@media screen and (max-width: 574px) {
  #layer_2.q_a .faq_inner ul li .question h4 {
    font-size: 1.4rem;
  }
}
#layer_2.q_a .faq_inner ul li .question .toggle {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 3.2rem;
  height: 3.2rem;
  padding: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
#layer_2.q_a .faq_inner ul li .question .toggle i {
  text-align: center;
  width: fit-content;
  width: 1.5rem;
}
#layer_2.q_a .faq_inner ul li .answer {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid #ffffff;
  padding-right: 3.1rem;
  display: none;
}
@media screen and (max-width: 991px) {
  #layer_2.q_a .faq_inner ul li .answer {
    padding-right: 2rem;
  }
}
#layer_2.q_a .faq_inner ul li .answer .d-flex {
  display: flex;
  gap: 1.6rem;
}
#layer_2.q_a .faq_inner ul li .answer .icon {
  background: #17181A;
  color: #fff;
}
#layer_2.q_a .faq_inner ul li .answer p {
  width: calc(100% - 7.1rem);
  font-weight: 500;
  line-height: 1.8;
  font-size: 1.6rem;
}
@media screen and (max-width: 991px) {
  #layer_2.q_a .faq_inner ul li .answer p {
    width: calc(100% - 6rem);
  }
}
@media screen and (max-width: 574px) {
  #layer_2.q_a .faq_inner ul li .answer p {
    font-size: 1.4rem;
  }
}
#layer_2.q_a .faq_inner .sec_btn {
  margin: 0 auto;
}
@media screen and (max-width: 574px) {
  #layer_2.q_a .faq_inner .sec_btn {
    margin-top: 4.8rem;
  }
}
#layer_2.apply .contents {
  padding: 6.4rem 0;
  background: rgba(255, 255, 255, 0.8);
}
#layer_2.apply .contents .row {
  gap: 4.8rem 0;
}
@media screen and (max-width: 767px) {
  #layer_2.apply .contents .row {
    flex-direction: column-reverse;
  }
}
#layer_2.apply .contents_text {
  display: flex;
  flex-direction: column;
  gap: 4.8rem;
}
#layer_2.apply .contents_text .textbox h2 {
  color: #00478B;
  font-weight: 700;
  line-height: 1.8;
  font-size: 2.4rem;
}
@media screen and (max-width: 767px) {
  #layer_2.apply .contents_text .textbox h2 {
    line-height: 1.5;
    font-size: 2rem;
  }
}
#layer_2.apply .contents_text .textbox p {
  margin-top: 3rem;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2;
}
#layer_2.apply .contents_image img {
  border-radius: 4.8rem;
}
@media screen and (max-width: 767px) {
  #layer_2.apply .contents_image img {
    border-radius: 2.4rem;
  }
  #layer_2.apply .contents_text .textbox p {
  margin-top: 3rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2;
}
}
@media screen and (max-width: 574px) {
  #layer_2.apply .contents_image img {
    border-radius: 1.6rem;
  }
}
#layer_2.joblisting {
  /* overflow: visible; */
}
@media screen and (max-width: 574px) {
  #layer_2.joblisting .container {
    padding: 0 1.2rem;
  }
}
#layer_2.joblisting .tab {
  position: relative;
  z-index: 0;
}
@media screen and (max-width: 767px) {
  #layer_2.joblisting .tab .container {
    max-width: 100%;
  }
}
#layer_2.joblisting .tab .col-6 div {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 12.8rem;
  color: #00478B;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  transition: 0.2s;
  border-radius: 1.2rem 1.2rem 0 0;
  box-shadow: 4px 4px 40px 0 rgba(0, 0, 0, 0.1);
}
#layer_2.joblisting .tab .col-6 div.active {
  background: #fff;
  border-radius: 1.2rem 1.2rem 0 0;
  box-shadow: 4px 4px 40px 0 rgba(0, 0, 0, 0.1);
}
@media (min-width: 992px) {
  #layer_2.joblisting .tab .col-6 div:hover {
    background: #fff;
    border-radius: 1.2rem 1.2rem 0 0;
    box-shadow: 4px 4px 40px 0 rgba(0, 0, 0, 0.1);
  }
}
@media screen and (max-width: 574px) {
  #layer_2.joblisting .tab .col-6 div {
    height: 6.4rem;
    font-size: 1.8rem;
  }
}
#layer_2.joblisting .tab_box {
  display: none;
  flex-direction: column;
  gap: 3.2rem;
}
#layer_2.joblisting .tab_box.active {
  display: flex;
}
@media screen and (max-width: 767px) {
  #layer_2.joblisting .tab_box {
    font-size: 1.4rem;
    gap: 1.6rem;
  }
}
#layer_2.joblisting .tab_box .joblist ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0 2.4rem;
}
#layer_2.joblisting .tab_box .joblist ul li {
  width: calc(50% - 1.2rem);
}
@media screen and (max-width: 767px) {
  #layer_2.joblisting .tab_box .joblist ul li {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 574px) {
  #layer_2.joblisting .tab_box .joblist ul li {
    width: 100%;
  }
}
#layer_2.joblisting .tab_box .joblist ul li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2rem;
  border-bottom: 1px solid #ddd;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  #layer_2.joblisting .tab_box .joblist ul li a {
    padding: 1.6rem;
  }
}
#layer_2.joblisting .tab_box .joblist ul li a span {
  font-weight: 700;
  letter-spacing: 0.08rem;
  line-height: normal;
}
#layer_2.joblisting .tab_box .joblist ul li a span i {
  margin-left: 0.8rem;
}
#layer_2.joblisting .tab_box .joblist ul li a > i {
  font-size: 3.2rem;
  color: #00478B;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  #layer_2.joblisting .tab_box .joblist ul li a > i {
    font-size: 2rem;
  }
}
@media (min-width: 992px) {
  #layer_2.joblisting .tab_box .joblist ul li a:hover {
    background: rgba(160, 206, 215, 0.2);
  }
}
#layer_2.joblisting .tab_box .joblist .caption ,.link .caption{
  font-weight: 500;
  line-height: 1.5;
  display: flex;
  gap: 0.4rem;
  color: #DB0606;
  margin-top: 3.2rem;
}
#layer_2.joblisting .bg_white {
  background: #fff;
  position: relative;
  z-index: 1;
  padding: 9rem 6rem;
}
@media screen and (max-width: 1199px) {
  #layer_2.joblisting .bg_white {
    padding: 8rem 3rem;
  }
}
@media screen and (max-width: 767px) {
  #layer_2.joblisting .bg_white {
    padding: 5rem 3rem;
  }
}
#layer_2.joblisting .job {
  border-radius: 4.8rem;
  background: rgba(243, 248, 250, 0.8);
  box-shadow: 4px 4px 40px 0 rgba(0, 0, 0, 0.1);
  padding: 12.8rem 0;
}
@media screen and (max-width: 991px) {
  #layer_2.joblisting .job {
    padding: 6.4rem 0;
  }
}
@media screen and (max-width: 767px) {
  #layer_2.joblisting .job {
    padding: 4.8rem 0;
    border-radius: 2.4rem;
  }
}
@media screen and (max-width: 1199px) {
  #layer_2.joblisting .job .bottom_title {
    margin-bottom: 3.2rem;
  }
}
#layer_2.joblisting .job_about {
  padding: 3.6rem;
  border-radius: 2.4rem;
  background: #fff;
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
@media screen and (max-width: 767px) {
  #layer_2.joblisting .job_about {
    padding: 2rem;
    border-radius: 1.2rem;
  }
}
#layer_2.joblisting .job_about .en {
  font-size: 2rem;
  font-family: "Mulish", "Zen Kaku Gothic New", sans-serif;
  font-weight: 600;
  font-style: italic;
  line-height: 1.44;
  color: #929292;
}
#layer_2.joblisting .job_about p {
  font-weight: 500;
}
#layer_2.joblisting .job .recruitment {
  margin-top: 4.8rem;
}
#layer_2.joblisting .job .recruitment h3 {
  font-size: 2rem;
  font-weight: bold;
  padding-left: 1.2rem;
  border-left: 4px solid #17181A;
  line-height: 1;
}
#layer_2.joblisting .job .recruitment_list {
  margin-top: 3.6rem;
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}
#layer_2.joblisting .job .recruitment_list > li {
  padding-bottom: 2.4rem;
  border-bottom: 1px solid #ddd;
  display: flex;
}
@media screen and (max-width: 574px) {
  #layer_2.joblisting .job .recruitment_list > li {
    flex-direction: column;
    gap: 0.8rem;
  }
}
#layer_2.joblisting .job .recruitment_list > li .ttl {
  width: 36%;
  font-weight: 500;
}
@media screen and (max-width: 991px) {
  #layer_2.joblisting .job .recruitment_list > li .ttl {
    width: 25%;
  }
}
@media screen and (max-width: 574px) {
  #layer_2.joblisting .job .recruitment_list > li .ttl {
    width: 100%;
    font-size: 1.6rem;
  }
}
#layer_2.joblisting .job .recruitment_list > li .text {
  padding-left: 2.4rem;
  width: 64%;
}
@media screen and (max-width: 991px) {
  #layer_2.joblisting .job .recruitment_list > li .text {
    width: 75%;
  }
}
@media screen and (max-width: 574px) {
  #layer_2.joblisting .job .recruitment_list > li .text {
    width: 100%;
    padding-left: 0;
  }
}
#layer_2.joblisting .job .recruitment_list > li .text_flex {
  display: flex;
  align-items: flex-start;
  gap: 2.4rem;
  margin-bottom: 1.6rem;
}
@media screen and (max-width: 574px) {
  #layer_2.joblisting .job .recruitment_list > li .text_flex {
  margin-bottom: 0.6rem;
  }
}
#layer_2.joblisting .job .recruitment_list > li .text_ttl {
  padding: 0 1.6rem;
  border-radius: 2rem;
  background-color: #A5C2DA;
}
#layer_2.joblisting .job .recruitment_list > li .other-area .text_ttl {
  background-color: #fce1a6;
}
#layer_2.joblisting .job .recruitment_list > li .text .caption {
  font-size: 1.2rem;
  line-height: 1.6;
  color: #929292;
  display: flex;
  align-items: baseline;
  gap: 0.4rem;
}
#layer_2.joblisting .job .recruitment_list > li .text ul li {
  display: flex;
  gap: 0.4rem;
}
#layer_2.joblisting .job .recruitment_list > li .text .locationlink {
  color: #00478B;
  text-decoration: underline;
  display: block;
  width: fit-content;
  margin-top: 1.2rem;
}
@media (min-width: 992px) {
  #layer_2.joblisting .job .recruitment_list > li .text .locationlink:hover {
    opacity: 0.5;
  }
}
#layer_2.joblisting .job .recruitment_list > li .text .about {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  margin-bottom: 2.4rem;
}
@media screen and (max-width: 767px) {
  #layer_2.joblisting .job .recruitment_list > li .text .about {
    margin-bottom: 2rem;
    gap: 2rem;
  }
}
#layer_2.joblisting .job .recruitment_list > li .text .about li {
  flex-direction: column;
}
#layer_2.joblisting .job .recruitment_list > li .text .about li h4 {
  font-weight: 500;
  line-height: 1.8;
  color: #00478B;
}
#layer_2.joblisting .job .recruitment_list > li .text .about li .voice {
  padding: 2.4rem;
  border-radius: 1.2rem;
  background: #fff;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  max-width: 53rem;
}
@media screen and (max-width: 574px) {
  #layer_2.joblisting .job .recruitment_list > li .text .about li .voice {
    padding: 1.2rem;
  }
}
#layer_2.joblisting .job .recruitment_list > li .text .about li .voice p {
  padding-bottom: 0.8rem;
  border-bottom: 1px solid #F5F5F5;
}
#layer_2.joblisting .job .recruitment_list > li .text .about li .voice p:last-of-type {
  border-bottom: 0;
  padding-bottom: 0;
}
#layer_2.joblisting .job .recruitment_list > li .text .person {
  margin-bottom: 2.4rem;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.8;
}
@media screen and (max-width: 574px) {
  #layer_2.joblisting .job .recruitment_list > li .text .person {
    font-size: 1.6rem;
    margin-bottom: 1.6rem;
  }
}
#layer_2.joblisting .job .flow {
  background: rgba(255, 255, 255, 0.8);
  position: relative;
  z-index: 0;
  border-radius: 4.8rem;
  padding: 8rem 0;
  margin-top: 12.8rem;
}
@media screen and (max-width: 991px) {
  #layer_2.joblisting .job .flow {
    margin-top: 6.4rem;
  }
}
@media screen and (max-width: 767px) {
  #layer_2.joblisting .job .flow {
    margin-top: 4.8rem;
    padding: 3.2rem 0;
    border-radius: 2.4rem;
  }
}
#layer_2.joblisting .job .flow h3 {
  font-size: 3.6rem;
  font-weight: 700;
  color: #00478B;
}
@media screen and (max-width: 767px) {
  #layer_2.joblisting .job .flow h3 {
    font-size: 2.4rem;
  }
}
#layer_2.joblisting .system-engineer .flow .flow_list ul li{
  width: 18%;
}
@media screen and (max-width: 1112px) {
  #layer_2.joblisting .system-engineer .flow .flow_list ul li{
  width: 48%;
  }
}
@media screen and (max-width: 574px) {
  #layer_2.joblisting .system-engineer .flow .flow_list ul li{
  width: 100%;
  }
  #layer_2.joblisting .job .flow_list_text{
    width: 100%;
  }
}
#layer_2.joblisting .job .flow_list {
  margin-top: 2.4rem;
  border-radius: 4.8rem;
}
#layer_2.joblisting .career_tab .flow .flow_list ul li{
  width: 18%;
}
@media screen and (max-width: 1112px) {
  #layer_2.joblisting .career_tab .flow .flow_list ul li{
  width: 48%;
}
}
@media screen and (max-width: 574px) {
  #layer_2.joblisting .job .flow_list {
    border-radius: 1.2rem;
  }
  #layer_2.joblisting .career_tab .flow .flow_list ul li{
  width: 100%;
}
}
#layer_2.joblisting .job .flow_list ul {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1570px) {
  #layer_2.joblisting .job .flow_list ul {
    gap: 1.2rem 0;
    flex-wrap: wrap;
  }
}
#layer_2.joblisting .job .flow_list ul li {
  width: 15%;
}
@media screen and (max-width: 1112px) {
  #layer_2.joblisting .job .flow_list ul li {
    width: 48%;
  }
}
@media screen and (max-width: 574px) {
  #layer_2.joblisting .job .flow_list ul li {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem 1.2rem;
    align-items: center;
    justify-content: center;
  }
}
#layer_2.joblisting .job .flow_list ul li .flow_title {
  background: #A5C2DA;
  color: #fff;
  display: flex;
  align-items: center;
  padding: 1rem 2rem;
  gap: 1rem;
  clip-path: polygon(0 0, 93% 0, 100% 50%, 93% 100%, 0 100%);
}
@media screen and (max-width: 574px) {
  #layer_2.joblisting .job .flow_list ul li .flow_title {
    padding: 1.2rem 2.4rem;
    width: 100%;
  }
}
#layer_2.joblisting .job .flow_list ul li .flow_title .num {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4.4rem;
  height: 4.4rem;
  border-radius: 50%;
  background: #fff;
  color: #000;
  font-family: "Mulish", "Zen Kaku Gothic New", sans-serif;
  font-weight: 600;
  letter-spacing: 0.08rem;
}
@media screen and (max-width: 574px) {
  #layer_2.joblisting .job .flow_list ul li .flow_title .num {
    width: 3.6rem;
    height: 3.6rem;
    font-size: 1.6rem;
  }
}
#layer_2.joblisting .job .flow_list ul li .flow_title h4 {
  width: calc(100% - 5.4rem);
  font-size: 1.6rem;
  font-weight: 600;
}
#layer_2.joblisting .job .flow_list ul li:nth-of-type(2) .flow_title {
  background: #74ACE2;
}
#layer_2.joblisting .job .flow_list ul li:nth-of-type(3) .flow_title {
  background: #2B80D9;
}
#layer_2.joblisting .job .flow_list ul li:nth-of-type(4) .flow_title {
  background: #044D98;
}
#layer_2.joblisting .job .flow_list ul li:nth-of-type(5) .flow_title {
  background: #F8E9AD;
  color: #17181A;
}
#layer_2.joblisting .job .flow_list ul li:nth-of-type(5) .flow_title.career_last {
  background: #FFDD55;
  color: #17181A;
}
#layer_2.joblisting .job .flow_list ul li:nth-of-type(6) .flow_title {
  background: #FFDD55;
  color: #17181A;
}
#layer_2.joblisting .job .flow_list_text {
  margin-top: 1.2rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #17181A;
  letter-spacing: 0.07rem;
  line-height: 1.6;
}
@media screen and (max-width: 574px) {
  #layer_2.joblisting .job .flow_list_text {
    width: calc(100% - 11.6rem);
    margin-top: 0;
    letter-spacing: 0;
  }
}
#layer_2.joblisting .job .flow_icon {
  width: 15.6rem;
  margin: 3.65rem auto 0;
}
@media screen and (max-width: 574px) {
  #layer_2.joblisting .job .flow_icon {
    width:9.6rem;
    margin: 0;
    padding: 0.8rem;
  }
}
#layer_2.joblisting .job .entry {
  margin: 6.4rem auto 0;
  width: 26rem;
  gap: 3rem;
}
@media screen and (max-width: 574px) {
  #layer_2.joblisting .job .entry {
    width: fit-content;
  }
}
#layer_2.joblisting .job .entry_caption {
  text-align: center;
  margin-top: 0.8rem;
  font-size: 1.2rem;
  line-height: 1.6;
  color: #929292;
}
#layer_2.joblisting .job .entry_caption span {
  margin-right: 0.4rem;
}
#layer_2.joblisting .job .sec_btn {
  margin: 6.4rem auto 0;
  display: block;
  width: fit-content;
  padding: 2.4rem 5.2rem;
  border-radius: 5rem;
  background: #fff;
  border: 1px solid #17181A;
  display: flex;
  align-items: center;
  gap: 2.4rem;
  font-weight: 700;
  transition: 0.3s;
}
@media (min-width: 992px) {
  #layer_2.joblisting .job .sec_btn:hover {
    background: #00478B;
    color: #fff;
    border-color: #00478B;
  }
}
@media screen and (max-width: 991px) {
  #layer_2.joblisting .job .sec_btn {
    gap: 1.6rem;
    padding: 1.6rem 1.6rem;
  }
}
@media screen and (max-width: 574px) {
  #layer_2.joblisting .job .sec_btn {
    gap: 1.2rem;
  }
}
#layer_2.joblisting .job .sec_btn i {
  font-size: 2rem;
}
#layer_2.joblisting .job_point {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}
#layer_2.joblisting .job_point li {
  padding: 3.6rem;
  border: 1px solid #929292;
  background: #fff;
  border-radius: 2.4rem;
}
@media screen and (max-width: 991px) {
  #layer_2.joblisting .job_point li {
    padding: 2rem;
    border-radius: 1.2rem;
  }
}
#layer_2.joblisting .job_point li h3 {
  padding-bottom: 1.6rem;
  margin-bottom: 1.6rem;
  border-bottom: 1px solid #ccc;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.8;
  color: #00478B;
  line-height: 1.8;
}
@media screen and (max-width: 574px) {
  #layer_2.joblisting .job_point li h3 {
    font-size: 1.6rem;
  }
}
#layer_2.joblisting .job_point li p {
  font-weight: 500;
}
#layer_2.joblisting .job .model {
  display: flex;
  align-items: flex-start;
  gap: 1.2rem;
  margin-bottom: 2.4rem;
}
@media screen and (max-width: 767px) {
  #layer_2.joblisting .job .model {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.8rem;
  }
}
#layer_2.joblisting .job .model_ttl {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 1.6rem;
  border-radius: 4rem;
  border: 1px solid #00478B;
  color: #00478B;
  font-weight: 500;
}
#layer_2.joblisting .job .salary {
  margin-top: 2.4rem;
  width: fit-content;
  padding: 0.6rem 1.6rem;
  background: #333;
  color: #fff;
  font-weight: 500;
  margin-bottom: 0.4rem;
}
#layer_2.joblisting .job .salary_text {
  margin-top: 1.6rem;
}
#layer_2.joblisting .job .salary_box:nth-of-type(2) {
  margin-top: 1.6rem;
  margin-bottom: 0.8rem;
}
#layer_2.joblisting .job .salary_box h4 {
  font-weight: 500;
  color: #00478B;
  line-height: 1.8;
  margin-bottom: 0.8rem;
}
#layer_2.joblisting .job .salary_box .salary {
  margin-top: 0;
}
#layer_2.info .news {
  padding: 6.4rem 6rem;
}
@media screen and (max-width: 1199px) {
  #layer_2.info .news {
    padding: 4.8rem 3rem;
  }
}
@media screen and (max-width: 574px) {
  #layer_2.info .news {
    padding: 3.2rem 0;
  }
}
@media screen and (max-width: 574px) {
  #layer_2.info .news .container {
    padding: 0 1.2rem;
  }
}
#layer_2.info .news_inner {
  padding: 6.4rem 0;
  background: #fff;
  border-radius: 4.8rem;
  max-width: 168rem;
  margin: 0 auto;
}
@media screen and (max-width: 574px) {
  #layer_2.info .news_inner {
    padding: 2.4rem 0;
    border-radius: 2.4rem;
  }
}
#layer_2.info .news .category {
  gap: 1.2rem 0;
}
@media screen and (max-width: 450px) {
  #layer_2.info .news .category {
    margin: 0 -0.6rem;
    padding: 0 1rem;
  }
}
@media screen and (max-width: 450px) {
  #layer_2.info .news .category .col-6 {
    padding: 0 0.6rem;
  }
}
#layer_2.info .news .category a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1.2rem 2rem;
  background: #fff;
  border: 1px solid #17181A;
  border-radius: 4rem;
  font-weight: 700;
  line-height: normal;
  transition: 0.3s;
}
#layer_2.info .news .category a.active {
  background: #17181A;
  color: #fff;
}
@media (min-width: 992px) {
  #layer_2.info .news .category a:hover {
    background: #17181A;
    color: #fff;
  }
}
@media screen and (max-width: 574px) {
  #layer_2.info .news .category a {
    font-size: 1.4rem;
    padding: 0.8rem 1.6rem;
  }
}
#layer_2.info .news_list {
  margin-top: 4.8rem;
}
@media screen and (max-width: 574px) {
  #layer_2.info .news_list {
    margin-top: 3.2rem;
  }
}
#layer_2.info .news_list li {
  padding: 2rem;
  border-bottom: 1px solid #ddd;
}
@media screen and (max-width: 767px) {
  #layer_2.info .news_list li {
    gap: 1.6rem 0;
    margin: 0;
  }
}
@media screen and (max-width: 574px) {
  #layer_2.info .news_list li {
    padding: 1.6rem 0;
  }
}
@media screen and (max-width: 767px) {
  #layer_2.info .news_info {
    display: flex;
    align-items: center;
    gap: 0.8rem 3.2rem;
    flex-wrap: wrap;
  }
}
#layer_2.info .news_info .date {
  color: #00478B;
  font-weight: 700;
}
#layer_2.info .news_info .date .new {
  color: #DB0606;
  font-style: "Mulish", "Zen Kaku Gothic New", sans-serif;
  margin-left: 1.6rem;
}
#layer_2.info .news_info .cate {
  margin-top: 0.8rem;
  padding: 0 1.2rem;
  border-radius: 0.4rem;
  background: #B3B3B3;
  color: #fff;
  width: fit-content;
}
@media screen and (max-width: 767px) {
  #layer_2.info .news_info .cate {
    margin-top: 0;
  }
}
#layer_2.info .news_text {
  line-height: 1.6;
  font-weight: 500;
}
#layer_2.info .news_text a {
  color: #0030FF;
  text-decoration: underline;
}
@media screen and (max-width: 767px) {
  #layer_2.info .news_text {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 574px) {
  #layer_2.career .content_wrapper {
    padding: 0 0.8rem;
  }
}
@media screen and (max-width: 574px) {
  #layer_2.career .content_wrapper .container {
    padding: 0 0.8rem;
  }
}
#layer_2.career .form {
  padding: 6.4rem 0;
}
@media screen and (max-width: 767px) {
  #layer_2.career .form {
    padding: 4.8rem 0;
  }
}
#layer_2.career .form .step {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}
@media screen and (max-width: 574px) {
  #layer_2.career .form .step_text {
    font-size: 1.4rem;
  }
}
#layer_2.career .form .flow {
  background: rgba(255, 255, 255, 0.8);
  position: relative;
  z-index: 0;
  border-radius: 4.8rem;
  padding: 2.85rem 0;
}
@media screen and (max-width: 767px) {
  #layer_2.career .form .flow {
    border-radius: 2.4rem;
  }
}
#layer_2.career .form .flow h3 {
  font-size: 3.6rem;
  font-weight: 700;
  color: #00478B;
}
@media screen and (max-width: 767px) {
  #layer_2.career .form .flow h3 {
    font-size: 2.4rem;
  }
}
#layer_2.career .form .flow_list {
  max-width: 120rem;
  margin: 0 auto;
  padding: 0 2.4rem;
}
#layer_2.career .form .flow_list ul {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1570px) {
  #layer_2.career .form .flow_list ul {
    gap: 1.2rem 0;
    flex-wrap: wrap;
  }
}
#layer_2.career .form .flow_list ul li {
  width: 19%;
}
@media screen and (max-width: 1199px) {
  #layer_2.career .form .flow_list ul li {
    width: 48%;
  }
}
@media screen and (max-width: 574px) {
  #layer_2.career .form .flow_list ul li {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem 1.2rem;
    align-items: center;
  }
}
#layer_2.career .form .flow_list ul li .flow_title {
  background: #A5C2DA;
  color: #fff;
  display: flex;
  align-items: center;
  padding: 1rem 2rem;
  gap: 1rem;
  clip-path: polygon(0 0, 93% 0, 100% 50%, 93% 100%, 0 100%);
}
@media screen and (max-width: 574px) {
  #layer_2.career .form .flow_list ul li .flow_title {
    padding: 1.2rem 2.4rem;
    width: 100%;
  }
}
#layer_2.career .form .flow_list ul li .flow_title .num {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4.4rem;
  height: 4.4rem;
  border-radius: 50%;
  background: #fff;
  color: #000;
  font-family: "Mulish", "Zen Kaku Gothic New", sans-serif;
  font-weight: 600;
  letter-spacing: 0.08rem;
}
@media screen and (max-width: 574px) {
  #layer_2.career .form .flow_list ul li .flow_title .num {
    width: 3.6rem;
    height: 3.6rem;
    font-size: 1.6rem;
  }
}
#layer_2.career .form .flow_list ul li .flow_title h4 {
  width: calc(100% - 5.4rem);
  font-size: 1.6rem;
  font-weight: 600;
}
#layer_2.career .form .flow_list ul li:nth-of-type(2) .flow_title {
  background: #74ACE2;
}
#layer_2.career .form .flow_list ul li:nth-of-type(3) .flow_title {
  background: #2B80D9;
}
#layer_2.career .form .flow_list ul li:nth-of-type(4) .flow_title {
  background: #044D98;
}
#layer_2.career .form .flow_list ul li:nth-of-type(5) .flow_title {
  background: #F8E9AD;
  color: #17181A;
}
#layer_2.career .form .flow_list ul li:nth-of-type(5) .flow_title.career_last {
  background: #FFDD55;
  color: #17181A;
}
#layer_2.career .form .flow_list ul li:nth-of-type(6) .flow_title {
  background: #FFDD55;
  color: #17181A;
}
#layer_2.career .form .flow_list_text {
  margin-top: 1.2rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #17181A;
  letter-spacing: 0.07rem;
  line-height: 1.6;
}
@media screen and (max-width: 574px) {
  #layer_2.career .form .flow_list_text {
    width: calc(100% - 11.6rem);
    margin-top: 0;
    letter-spacing: 0;
  }
}
#layer_2.career .form .flow_icon {
  width: 15.6rem;
  margin: 3.65rem auto 0;
}
@media screen and (max-width: 574px) {
  #layer_2.career .form .flow_icon {
    width: 14rem;
    padding: 0.8rem;
    margin: 0 auto;
  }
}
#layer_2.career .form_entry {
  margin-top: 6.4rem;
}
#layer_2.career .form_entry_text {
  margin-top: 3.6rem;
}
@media screen and (max-width: 574px) {
  #layer_2.career .form_entry_text {
    font-size: 1.4rem;
  }
}
#layer_2.career .form h3 {
  font-size: 2rem;
  font-weight: 700;
  padding-left: 1.2rem;
  border-left: 4px solid #17181A;
}
#layer_2.career .form_box {
  margin-top: 3.6rem;
}
#layer_2.career .form_box table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0.4rem;
  margin: 2.4rem -0.4rem 0;
}
#layer_2.career .form_box table th {
  background: #A5C2DA;
  width: 25%;
  font-weight: 500;
  padding: 2rem;
  vertical-align: text-top;
}
@media screen and (max-width: 767px) {
  #layer_2.career .form_box table th {
    padding: 1.5rem;
  }
}
#layer_2.career .form_box table th .requied {
  padding: 0 0.7rem;
  background: #DB0606;
  color: #fff;
  border-radius: 0.4rem;
  font-weight: 700;
  line-height: 1.8;
}
#layer_2.career .form_box table th .ninni {
  padding: 0 0.7rem;
  color: #fff;
  border-radius: 0.4rem;
  border: 1px solid #fff;
  font-weight: 700;
  line-height: 1.8;
}
#layer_2.career .form_box table th .th {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#layer_2.career .form_box table td {
  width: 75%;
  background: #fff;
  padding: 0 2rem;
  height: 7.4rem;
}
@media screen and (max-width: 991px) {
  #layer_2.career .form_box table td {
    padding: 2rem;
    height: auto;
  }
}
@media screen and (max-width: 767px) {
  #layer_2.career .form_box table td {
    padding: 1.5rem;
  }
}
@media screen and (max-width: 574px) {
  #layer_2.career .form_box table td {
    font-size: 1.4rem;
  }
}
#layer_2.career .form_box table td select {
  border-color: #929292;
  border-radius: 0.4rem;
  padding: 0.4rem 2rem;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  color: #929292;
  min-width: 32.22rem;
}
@media screen and (max-width: 574px) {
  #layer_2.career .form_box table td select {
    min-width: 0;
    width: 100%;
    padding: 0.4rem 4rem 0.4rem 1.4rem;
  }
}
#layer_2.career .form_box table td .select_wrap {
  position: relative;
  width: fit-content;
}
#layer_2.career .form_box table td .select_wrap::after {
  content: "";
  position: absolute;
  right: 14px;
  top: 50%;
  translate: 0 -50%;
  width: 12px;
  height: 8px;
  background: #929292;
  -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  pointer-events: none;
}
#layer_2.career .form_box table td input[type=text] {
  padding: 1.2rem 2rem;
  font-size: 1.4rem;
  line-height: 1.8;
  border-radius: 0.4rem;
  background: #F5F5F5;
  outline: none;
  border: 0;
}
#layer_2.career .form_box table td input[type=text].w50 {
  max-width: 42rem;
  width: 100%;
}
#layer_2.career .form_box table td input[type=text].old {
  width: 12rem;
  margin-right: 1.6rem;
}
#layer_2.career .form_box table td.textarea {
  height: auto;
  padding: 2rem;
}
#layer_2.career .form_box table td textarea {
  padding: 0.4rem 2rem;
  font-size: 1.4rem;
  line-height: 1.8;
  border-radius: 0.4rem;
  background: #F5F5F5;
  outline: none;
  border: 0;
  width: 100%;
  height: 20rem;
}
#layer_2.career .form_box table td .mid {
  font-weight: 500;
}
#layer_2.career .form_box table td .name {
  display: flex;
  align-items: center;
  gap: 1.6rem;
}
#layer_2.career .form_box table td .name input[type=text].w50 {
  width: 50%;
}
#layer_2.career .form_box table td .radio {
  display: flex;
  align-items: center;
  gap: 4.8rem;
}
@media screen and (max-width: 574px) {
  #layer_2.career .form_box table td .radio {
    flex-wrap: wrap;
    gap: 0.8rem 1rem;
  }
}
#layer_2.career .form_box table td .radio label {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-weight: 500;
}
@media screen and (max-width: 574px) {
  #layer_2.career .form_box table td .radio label {
    font-size: 1.4rem;
  }
}
#layer_2.career .form_box table td .radio label .radio-mark {
  width: 1.7rem;
  height: 1.7rem;
  border-radius: 50%;
  background: #F5F5F5;
  margin-right: 0.9rem;
  position: relative;
}
#layer_2.career .form_box table td .radio label .radio-mark::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.9rem;
  height: 0.9rem;
  background: #17181A;
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0.2s;
}
#layer_2.career .form_box table td .radio label input {
  display: none;
}
#layer_2.career .form_box table td .radio label:has(input:checked) .radio-mark::after {
  transform: translate(-50%, -50%) scale(1);
}
#layer_2.career .form_box table td .tel {
  display: flex;
  align-items: center;
  gap: 0.4rem 1.6rem;
  flex-wrap: wrap;
}
#layer_2.career .form_box table td .tel input {
  max-width: 42rem;
}
#layer_2.career .form_box table td.file_upload_wrap {
  padding: 2rem;
  height: auto;
}
#layer_2.career .form_box table td .file_upload label {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 7rem 0;
  border-radius: 1.2rem;
  border: 1px solid #929292;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  #layer_2.career .form_box table td .file_upload label {
    padding: 5rem 0;
  }
}
@media screen and (max-width: 574px) {
  #layer_2.career .form_box table td .file_upload label {
    padding: 3.5rem 0;
  }
}
#layer_2.career .form_box table td .file_upload label.is-dragover {
  background: #f3f8ff;
  border-color: #1950DE;
}
#layer_2.career .form_box table td .file_upload label .icon {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#layer_2.career .form_box table td .file_upload label .icon img {
  width: 4.2786rem;
}
#layer_2.career .form_box table td .file_upload label .icon .file_name {
  color: #1950DE;
  font-size: 1.2rem;
  font-weight: 700;
  display: block;
  margin-top: 0.8rem;
}
#layer_2.career .form_box table td .file_upload label .file_text {
  margin-top: 0.8rem;
  font-size: 1.4rem;
  color: #929292;
  display: block;
}
#layer_2.career .form_box table td .file_upload input {
  display: none;
}
#layer_2.career .form_box table .mail {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
#layer_2.career .form_box table .mail label {
  display: block;
}
#layer_2.career .form_box table .mail_wrap {
  padding: 2rem;
  height: auto;
}
#layer_2.career .form_box table .mail input {
  padding: 1.2rem 2rem;
  font-size: 1.4rem;
  line-height: 1.8;
  border-radius: 0.4rem;
  background: #F5F5F5;
  outline: none;
  border: 0;
}
#layer_2.career .form_box table .mail input.w50 {
  max-width: 42rem;
  width: 100%;
}
@media screen and (max-width: 991px) {
  #layer_2.career .form_box table th, #layer_2.career .form_box table td {
    width: 100%;
    display: block;
    border: 0;
  }
}
#layer_2.career .form .privacy {
  margin-top: 2.4rem;
  padding: 3.2rem;
  background: #fff;
}
@media screen and (max-width: 991px) {
  #layer_2.career .form .privacy {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 574px) {
  #layer_2.career .form .privacy {
    padding: 1.6rem;
  }
}
#layer_2.career .form .privacy_box {
  margin-top: 4.8rem;
}
#layer_2.career .form .privacy .scroll {
  height: 24rem;
  overflow-y: scroll;
  overflow-x: hidden;
  background-clip: content-box;
  scrollbar-gutter: stable;
  border-radius: 1.2rem;
  position: relative;
  z-index: 0;
}
@media screen and (max-width: 991px) {
  #layer_2.career .form .privacy .scroll {
    padding-right: 1rem;
  }
}
#layer_2.career .form .privacy .scroll::before {
  content: "";
  position: sticky;
  top: 0;
  display: block;
  height: 100%;
  background: #F5F5F5;
  width: calc(100% - 1.7rem);
  border-radius: 1.2rem;
  z-index: -1;
}
@media screen and (max-width: 991px) {
  #layer_2.career .form .privacy .scroll::before {
    width: 100%;
  }
}
#layer_2.career .form .privacy .scroll::-webkit-scrollbar {
  width: 14px;
}
#layer_2.career .form .privacy .scroll::-webkit-scrollbar-track {
  background: #F5F5F5;
  border-radius: 10px;
  margin-block: 8px;
}
#layer_2.career .form .privacy .scroll::-webkit-scrollbar-thumb {
  background: #00478B;
  border-radius: 999px;
  border: 4px solid #F5F5F5;
}
#layer_2.career .form .privacy .scroll::-webkit-scrollbar-thumb:hover {
  background: #00478B;
}
#layer_2.career .form .privacy .scroll::-webkit-scrollbar-button:single-button:vertical:decrement {
  border-top: 10px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 10px solid #00478B;
  border-left: 7px solid transparent;
}
#layer_2.career .form .privacy .scroll::-webkit-scrollbar-button:single-button:vertical:increment {
  border-top: 10px solid #00478B;
  border-right: 7px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 7px solid transparent;
}
#layer_2.career .form .privacy_inner {
  padding: 3.2rem;
  border-radius: 1.2rem;
  overflow: hidden;
  margin-top: -24rem;
}
@media screen and (max-width: 991px) {
  #layer_2.career .form .privacy_inner {
    padding: 2.4rem;
  }
}
#layer_2.career .form .privacy_head {
  padding-bottom: 1.6rem;
  border-bottom: 1px solid #929292;
  font-size: 1.4rem;
}
#layer_2.career .form .privacy_item h4 {
  font-size: 1.8rem;
  color: #00478B;
  font-weight: 700;
  line-height: 1.8;
  margin-bottom: 0.8rem;
  margin-top: 1.2rem;
}
@media screen and (max-width: 1112px) {
  #layer_2.career .form .privacy_item h4 {
    font-size: 1.4rem;
  }
}
#layer_2.career .form .privacy_item p {
  margin-bottom: 0.8rem;
  font-size: 1.4rem;
}
#layer_2.career .form .privacy_item p:last-of-type {
  margin-bottom: 0;
}
#layer_2.career .form .privacy_item p.co {
  display: flex;
}
@media screen and (max-width: 767px) {
  #layer_2.career .form .privacy_item p.co {
    flex-direction: column;
    margin-bottom: 1rem;
  }
}
#layer_2.career .form .privacy_item p.co .ttl {
  margin-right: 1rem;
  font-size: 1.4rem;
  padding: 0 1.6rem;
  border: 1px solid #17181A;
  border-radius: 2rem;
  width: 13.2rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #layer_2.career .form .privacy_item p.co .ttl {
    width: fit-content;
    margin-right: 0;
    margin-bottom: 0.5rem;
  }
}
#layer_2.career .form .privacy_item p.co .text {
  width: calc(100% - 14.6rem);
}
@media screen and (max-width: 767px) {
  #layer_2.career .form .privacy_item p.co .text {
    width: 100%;
  }
}
#layer_2.career .form .privacy_item ul {
  padding-left: 2rem;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 574px) {
  #layer_2.career .form .privacy_item ul {
    padding-left: 1rem;
  }
}
#layer_2.career .form .privacy_item ul li {
  display: flex;
  gap: 0.4rem;
  font-size: 1.4rem;
}
#layer_2.career .form .check {
  margin-top: 2.4rem;
  text-align: center;
  font-weight: 500;
}
#layer_2.career .form .check input {
  margin-right: 1.6rem;
  width: 1.6rem;
  height: 1.6rem;
}
#layer_2.career .form .submit {
  margin-top: 2.4rem;
  text-align: center;
}
#layer_2.career .form .submit button {
  display: inline-flex;
  padding: 2.4rem 3.2rem;
  background: #F89B00;
  color: #fff;
  font-weight: 700;
  border-radius: 0.8rem;
  border: 1px solid #F89B00;
  transition: 0.3s;
  line-height: normal;
}
@media (min-width: 992px) {
  #layer_2.career .form .submit button:hover {
    background: #fff;
    color: #F89B00;
  }
}
#layer_2.career .form .confirm {
  gap: 1.6rem;
}
@media screen and (max-width: 574px) {
  #layer_2.career .form .confirm {
    flex-direction: column;
    align-items: center;
    gap: 0.8rem;
  }
}
#layer_2.career .form .confirm button[type=submit] {
  display: inline-flex;
  justify-content: center;
  width: 25rem;
  padding: 2rem 3.2rem;
  background: #F89B00;
  color: #fff;
  font-weight: 700;
  border-radius: 0.8rem;
  border: 1px solid #F89B00;
  transition: 0.3s;
  line-height: normal;
  font-size: 1.6rem;
}
@media (min-width: 992px) {
  #layer_2.career .form .confirm button[type=submit]:hover {
    background: #fff;
    color: #F89B00;
  }
}
#layer_2.career .form .confirm button[type=button] {
  display: inline-flex;
  justify-content: center;
  width: 25rem;
  padding: 2rem 3.2rem;
  background: #929292;
  color: #fff;
  font-weight: 700;
  border-radius: 0.8rem;
  border: 1px solid #929292;
  transition: 0.3s;
  line-height: normal;
  font-size: 1.6rem;
}
@media (min-width: 992px) {
  #layer_2.career .form .confirm button[type=button]:hover {
    background: #fff;
    color: #929292;
  }
}

#interview {
  margin-top: 10.8rem;
  z-index: 0;
}
@media screen and (max-width: 1570px) {
  #interview {
    margin-top: 10rem;
  }
}
@media screen and (max-width: 1199px) {
  #interview {
    margin-top: 8rem;
  }
}
@media screen and (max-width: 767px) {
  #interview {
    margin-top: 7rem;
  }
}

#interview .mv {
  height: 80vh;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 991px) {
  #interview .mv {
    height: 65rem;
  }
}
@media screen and (max-width: 574px) {
  #interview .mv {
    height: auto;
  }
}
#interview .mv_bg {
  position: absolute;
  left: 4%;
  top: 18%;
  width: 40rem;
  z-index: -1;
  transition-duration: 1s;
  transform: translateX(-65px) translateY(65px);
  opacity: 0;
}
#interview .mv_bg.is-show {
  transform: translate(0);
  opacity: 1;
}
@media screen and (max-width: 1570px) {
  #interview .mv_bg {
    top: 32%;
    left: 2%;
    width: 32rem;
  }
}
@media screen and (max-width: 991px) {
  #interview .mv_bg {
    width: 28rem;
    top: 23rem;
    left: 6rem;
  }
}
@media screen and (max-width: 574px) {
  #interview .mv_bg {
    display: none;
  }
}
#interview .mv_image {
  width: 75%;
  margin-left: auto;
  height: 100%;
}
@media screen and (max-width: 767px) {
  #interview .mv_image {
    width: 85%;
  }
}
@media screen and (max-width: 574px) {
  #interview .mv_image {
    width: 100%;
    height: 45.6rem;
  }
}
#interview .mv_image img {
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 574px) {
  #interview .mv_image img.sp_none {
    display: none;
  }
}
#interview .mv_image img.pc_none {
  display: none;
}
@media screen and (max-width: 574px) {
  #interview .mv_image img.pc_none {
    display: block;
  }
}
#interview .mv_text {
  position: absolute;
  left: 0;
  bottom: 2rem;
  padding: 4.8rem 12rem;
  background: #fff;
  box-shadow: 4px 4px 40px 0 rgba(0, 0, 0, 0.1);
  border-radius: 4.8rem;
  width: 50vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 1570px) {
  #interview .mv_text {
    padding: 4.8rem 6rem;
  }
}
@media screen and (max-width: 1199px) {
  #interview .mv_text {
    padding: 4.8rem 9.6rem;
  }
}
@media screen and (max-width: 991px) {
  #interview .mv_text {
    width: unset;
    padding: 3.2rem 6.4rem;
    border-radius: 2.4rem;
    
  }
}
@media screen and (max-width: 574px) {
  #interview .mv_text {
    position: relative;
    top: 0;
    left: 0;
    bottom: auto;
    z-index: 1;
    width: calc(100% - 4.8rem);
    margin: -4.5rem auto 0;
    padding: 2.4rem;
    border-radius: 1.2rem;
  }
}
#interview .mv_text h1 {
  font-size: 4.8rem;
  line-height: 1.8;
  font-weight: 700;
}
@media screen and (max-width: 1570px) {
  #interview .mv_text h1 {
    font-size: 3.2rem;
    line-height: 1.6;
  }
}
@media screen and (max-width: 991px) {
  #interview .mv_text h1 {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 574px) {
  #interview .mv_text h1 {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 374px) {
  #interview .mv_text h1 {
    font-size: 2.2rem;
  }
}
#interview .mv_text .name {
  margin-top: 2.4rem;
  font-size: 2.4rem;
  font-weight: 700;
  color: #00478B;
  line-height: 1.2;
}
@media screen and (max-width: 574px) {
  #interview .mv_text .name {
    margin-top: 1.2rem;
    font-size: 1.6rem;
    line-height: 1.8;
  }
}
#interview .mv_text .name small {
  margin-left: 12px;
  line-height: 1.6;
  font-size: 1.4rem;
    padding: 1px 12px;
    letter-spacing: 1.2px;
    background: #bdbdbd;
    color: #fff;
    border-radius: 30px;
    display: inline-block;
}

#interview .interview {
  padding: 36.3rem 0 12.8rem;
  background: linear-gradient(180deg, #E0EDF4 0%, #B5E3FD 100%);
  position: relative;
  margin-top: -26.2rem;
  z-index: 0;
}
@media screen and (max-width: 767px) {
  #interview .interview {
    margin-top: -15rem;
    padding-top: 25rem;
  }
}
@media screen and (max-width: 574px) {
  #interview .interview {
    padding-top: 25.7rem;
    margin-top: -21rem;
  }
}
#interview .interview .container {
  display: flex;
  flex-direction: column;
  gap: 9.6rem;
}
@media screen and (max-width: 991px) {
  #interview .interview .container {
    gap: 4.8rem;
  }
}
#interview .interview_bg01 {
  position: absolute;
  right: 20px;
  bottom: 1.5rem;
  transform: translateX(50%);
  width: 11.2rem;
}
@media screen and (max-width: 1199px) {
  #interview .interview_bg01 {
    right: 0;
    width: 8rem;
    transform: translate(20%, -50%);
  }
}
@media screen and (max-width: 991px) {
  #interview .interview_bg01 {
    right: -2rem;
    width: 7rem;
  }
}
@media screen and (max-width: 574px) {
  #interview .interview_bg01 {
    width: 7.6rem;
    bottom: -4.5rem;
    right: 0;
  }
}
#interview .interview_bg02 {
  position: absolute;
  right: -2rem;
  bottom: -9.5rem;
  transform: translateX(50%);
  width: 29.3rem;
}
@media screen and (max-width: 1199px) {
  #interview .interview_bg02 {
    width: 22rem;
    bottom: -7rem;
  }
}
@media screen and (max-width: 991px) {
  #interview .interview_bg02 {
    width: 18rem;
    bottom: -5rem;
    right: 2rem;
  }
}
@media screen and (max-width: 574px) {
  #interview .interview_bg02 {
    width: 14rem;
    bottom: -4.5rem;
    right: 0;
  }
}
#interview .interview_bg03 {
  position: absolute;
  right: 4rem;
  bottom: -1.5rem;
  transform: translateX(50%);
  width: 9.2rem;
}
@media screen and (max-width: 1199px) {
  #interview .interview_bg03 {
    width: 8rem;
    bottom: -2rem;
  }
}
@media screen and (max-width: 991px) {
  #interview .interview_bg03 {
    width: 7rem;
    right: 2rem;
  }
}
@media screen and (max-width: 574px) {
  #interview .interview_bg03 {
    width: 5.5rem;
  }
}
#interview .interview .text_bg {
  animation: slideLoop2 30s linear infinite;
  display: flex;
  gap: 2em;
  position: absolute;
  left: 0;
  top: 5rem;
  z-index: -1;
}
@media screen and (max-width: 991px) {
  #interview .interview .text_bg {
    top: 10rem;
  }
}
@media screen and (max-width: 767px) {
  #interview .interview .text_bg {
    top: 6rem;
  }
}
@media screen and (max-width: 574px) {
  #interview .interview .text_bg {
    top: 17rem;
  }
}
#interview .interview .text_bg p {
  font-family: "Mulish", "Zen Kaku Gothic New", sans-serif;
  font-size: 20rem;
  color: rgba(255, 255, 255, 0.6);
  letter-spacing: 0.6rem;
  font-weight: 600;
  line-height: normal;
  white-space: nowrap;
}
@media screen and (max-width: 991px) {
  #interview .interview .text_bg p {
    font-size: 14rem;
  }
}
@media screen and (max-width: 767px) {
  #interview .interview .text_bg p {
    font-size: 10rem;
  }
}
@media screen and (max-width: 574px) {
  #interview .interview .text_bg p {
    font-size: 4.8rem;
  }
}
#interview .interview_item .row {
  justify-content: center;
}
#interview .interview_item_bg {
  position: absolute;
  left: 0;
  bottom: -15rem;
  max-width: 21vw;
  z-index: 1;
}
@media screen and (min-width: 1921px) {
  #interview .interview_item_bg {
    max-width: 43.7rem;
  }
}
@media screen and (max-width: 1570px) {
  #interview .interview_item_bg {
    max-width: 20rem;
  }
}
@media screen and (max-width: 991px) {
  #interview .interview_item_bg {
    bottom: -1rem;
  }
}
@media screen and (max-width: 767px) {
  #interview .interview_item_bg {
    max-width: 16rem;
    bottom: -4rem;
  }
}
#interview .interview_item_bg01 {
  position: absolute;
  left: 2.2vw;
  bottom: -17rem;
  max-width: 20vw;
  z-index: 1;
}
@media screen and (min-width: 1921px) {
  #interview .interview_item_bg01 {
    max-width: 40.3rem;
  }
}
@media screen and (max-width: 1919px) {
  #interview .interview_item_bg01 {
    max-width: 16vw;
    left: 0;
  }
}
@media screen and (max-width: 1570px) {
  #interview .interview_item_bg01 {
    max-width: 25rem;
    bottom: -2rem;
  }
}
@media screen and (max-width: 991px) {
  #interview .interview_item_bg01 {
    bottom: -1rem;
  }
}
@media screen and (max-width: 767px) {
  #interview .interview_item_bg01 {
    max-width: 16rem;
    bottom: -4rem;
  }
}
#interview .interview_item_bg02 {
  position: absolute;
  left: 7.2vw;
  bottom: -7rem;
  max-width: 31.69rem;
  z-index: 1;
}
@media screen and (min-width: 1921px) {
  #interview .interview_item_bg02 {
    max-width: 31.69rem;
  }
}
@media screen and (max-width: 1919px) {
  #interview .interview_item_bg02 {
    max-width: 16vw;
    left: 5vw;
  }
}
@media screen and (max-width: 1570px) {
  #interview .interview_item_bg02 {
    max-width: 25rem;
    bottom: -2rem;
  }
}
@media screen and (max-width: 991px) {
  #interview .interview_item_bg02 {
    bottom: 1rem;
  }
}
@media screen and (max-width: 767px) {
  #interview .interview_item_bg02 {
    max-width: 16rem;
    bottom: -4rem;
  }
}
#interview .interview_image {
  margin-left: calc(-1 * (100vw - 100%) / 2);
  width: calc(83.333333% + (100vw - 100%) / 2);
  padding-right: 12px;
  position: relative;
}
@media screen and (max-width: 1199px) {
  #interview .interview_image {
    height: 38rem;
  }
}
@media screen and (max-width: 991px) {
  #interview .interview_image {
    width: calc(91.666667% + (100vw - 100%) / 2);
  }
}
@media screen and (max-width: 574px) {
  #interview .interview_image {
    width: 100vw;
    padding: 0;
    height: auto;
  }
}
#interview .interview_image.pos-right {
  margin-right: calc(-1 * (100vw - 100%) / 2);
  margin-left: auto;
  padding-left: 12px;
  padding-right: 0;
}
@media screen and (max-width: 574px) {
  #interview .interview_image.pos-right {
    padding-left: 0;
    margin-left: calc(-1 * (100vw - 100%) / 2);
    margin-right: 0;
  }
}

#interview .interview_item-private .interview_image.pos-right{
  width: 60%;
}
@media screen and (max-width: 991px) {
#interview .interview_item-private .interview_image.pos-right{
  width: 100vw;
} 
}
@media screen and (max-width: 574px) {
#interview .interview_item-private .interview_image.pos-right img{
  object-fit: contain;
  aspect-ratio: unset;
}
}
@media screen and (max-width: 1570px) {
  #interview .interview_item-private .row{
  width: unset;
}
}




#interview .interview_image_bg {
  position: absolute;
  left: -13rem;
  bottom: 0rem;
  max-width: 17vw;
  z-index: 1;
}
@media screen and (min-width: 1921px) {
  #interview .interview_image_bg {
    max-width: 43.7rem;
  }
}
@media screen and (max-width: 1570px) {
  #interview .interview_image_bg {
    max-width: 20rem;
  }
}
@media screen and (max-width: 991px) {
  #interview .interview_image_bg {
    left: -13rem;
  }
}
@media screen and (max-width: 767px) {
  #interview .interview_image_bg {
    max-width: 16rem;
  }
}
@media screen and (max-width: 574px) {
  #interview .interview_image_bg {
  left: -3rem;
  bottom: -7rem;
  }
}
#interview .interview_image_bg01 {
  position: absolute;
  left: -9vw;
  bottom: -4rem;
  max-width: 14.6rem;
  z-index: 1;
}
@media screen and (min-width: 1921px) {
  #interview .interview_image_bg01 {
    max-width: 14.6rem;
  }
}
@media screen and (max-width: 1570px) {
  #interview .interview_image_bg01 {
    max-width: 12rem;
    bottom: -2rem;
  }
}
@media screen and (max-width: 1199px) {
  #interview .interview_image_bg01 {
    left: -15vw;
    max-width: 10rem;
  }
}
@media screen and (max-width: 991px) {
  #interview .interview_image_bg01 {
    left: -15vw;
    max-width: 10rem;
  }
}
@media screen and (max-width: 767px) {
  #interview .interview_image_bg01 {
    max-width: 7rem;
  }
}
@media screen and (max-width: 574px) {
  #interview .interview_image_bg01 {
    left: 0;
    bottom: -4rem;
  }
}
@media screen and (max-width: 1199px) {
  #interview .interview_image > img {
    height: 100%;
    object-fit:cover;
  }
}
@media screen and (max-width: 991px) {
  #interview .interview_image_bg01 {
    left: -15vw;
    max-width: 10rem;
  }
}
@media screen and (max-width: 574px) {
  #interview .interview_image > img {
    aspect-ratio: 3/2;
  }
}
#interview .interview_text {
  box-shadow: 4px 4px 40px 0 rgba(0, 0, 0, 0.1);
  border-radius: 4.8rem;
  background: #fff;
  padding: 6.4rem;
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
}
@media screen and (max-width: 991px) {
  #interview .interview_text {
    padding: 3.2rem;
    border-radius: 2.4rem;
  }
}
@media screen and (max-width: 574px) {
  #interview .interview_text {
    padding: 2rem;
    gap: 2.4rem;
  }
}
#interview .interview_text:nth-of-type(1) {
  margin-top: -6rem;
}
@media screen and (max-width: 574px) {
  #interview .interview_text:nth-of-type(1) {
    margin-top: 2.4rem;
  }
}
#interview .interview_text:nth-of-type(2) {
  margin-top: 2.4rem;
}
#interview .interview_text h2 {
  position: relative;
  margin-left: 20px;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.8;
}
@media screen and (max-width: 574px) {
  #interview .interview_text h2 {
    font-size: 1.8rem;
  }
}
#interview .interview_text h2 span {
  display: block;
  width: calc(100% - 4rem);
}
@media screen and (max-width: 767px) {
  #interview .interview_text h2 span {
    line-height: 1.5;
  }
}
@media screen and (max-width: 574px) {
  #interview .interview_text h2 span {
    width: calc(100% - 2.4rem);
  }
}
#interview .interview_text h2::before {
  content: "";
  position: absolute;
  left: -20px;
  top: 22px;
  width: 1.6rem;
  height: 1px;
  background: #000;
  display: block;
}
@media screen and (max-width: 574px) {
  #interview .interview_text h2::before {
  width: 1.2rem;
  top: 14px;
  }
}
#interview .interview_text p {
  font-weight: 500;
}
#interview .people {
  padding: 9.6rem 0 0 0;
}
@media screen and (max-width: 574px) {
  #interview .people {
    padding-top: 6.4rem;
  }
}
#interview .people h2 {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  font-size: 3.6rem;
  font-weight: 700;
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  #interview .people h2 {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 574px) {
  #interview .people h2 {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
  }
}
#interview .people h2 span {
  font-family: "Mulish", "Zen Kaku Gothic New", sans-serif;
  font-size: 1.4rem;
  font-style: italic;
  font-weight: 600;
  color: #929292;
  display: block;
  padding-top: 5px;
}
#interview .people_slider {
  position: relative;
  margin-top: 4.8rem;
}
#interview .people_slider_bg {
  position: absolute;
  left: -6rem;
  top: 0;
  transform: translateY(-100%);
  width: 14rem;
}
@media screen and (max-width: 1570px) {
  #interview .people_slider_bg {
    width: 10rem;
  }
}
@media screen and (max-width: 1199px) {
  #interview .people_slider_bg {
    width: 6rem;
    left: 0;
  }
}
#interview .people_slider .slide2 {
  width: 100vw;
}
#interview .people_slider .slide2 .slide {
  padding: 0 1.2rem;
  transition: 0.4s;
}
@media (min-width: 992px) {
  #interview .people_slider .slide2 .slide:hover {
    opacity: 0.5;
  }
}
#interview .people_slider .slide2 .slide img {
  border-radius: 2.4rem;
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 1 / 1;
}
@media screen and (max-width: 991px) {
  #interview .people_slider .slide2 .slide img {
    border-radius: 2rem;
  }
}
#interview .people_slider .slide2 .slide h3 {
  margin-top: 0.8rem;
  font-size: 1.4rem;
  font-weight: 700;
  color: #00478B;
  letter-spacing: 0.07rem;
}
#interview .people_slider .slide2 .slide .name {
  margin-top: 0.8rem;
  font-size: 1.4rem;
  color: #9c9c9c;
  display: flex;
  flex-wrap: wrap;
  gap: 0 1.2rem;
  font-weight: 500;
}
#interview .other {
  margin-top: 0;
  padding-top: 20.4rem;
}
@media screen and (max-width: 1199px) {
  #interview .other {
    padding: 12.8rem 0 4.8rem;
  }
}
@media screen and (max-width: 991px) {
  #interview .other {
    padding: 9.6rem 0;
  }
}
@media screen and (max-width: 574px) {
  #interview .other {
    padding-top: 8rem;
    padding-bottom: 2.4rem;
  }
}
#interview .other .title_bg {
  top: 8rem;
}
@media screen and (max-width: 1199px) {
  #interview .other .title_bg {
    top: 4rem;
  }
}
@media screen and (max-width: 991px) {
  #interview .other .title_bg {
    top: 3rem;
  }
}

#error {
  background: #F5F5F5;
  min-height: 100vh;
}
#error .error {
  padding: 8rem 0;
  position: relative;
  margin-top: 12.8rem;
  z-index: 0;
  overflow: hidden;
}
@media screen and (max-width: 1570px) {
  #error .error {
    margin-top: 11rem;
  }
}
@media screen and (max-width: 1199px) {
  #error .error {
    margin-top: 9.1rem;
  }
}
@media screen and (max-width: 767px) {
  #error .error {
    margin-top: 7rem;
    padding: 6.4rem 0;
  }
}
@media screen and (max-width: 574px) {
  #error .error {
    margin-top: 8.3rem;
  }
}
#error .error h1 {
  text-align: center;
  font-size: 9.6rem;
  font-weight: 700;
  color: #00478B;
  font-family: "Mulish", "Zen Kaku Gothic New", sans-serif;
}
@media screen and (max-width: 574px) {
  #error .error h1 {
    font-size: 7rem;
  }
}
#error .error h1 small {
  font-weight: 700;
  font-size: 2.4rem;
  display: block;
  margin-top: 1rem;
}
@media screen and (max-width: 574px) {
  #error .error h1 small {
    font-size: 2rem;
  }
}
#error .error_text {
  margin-top: 6rem;
  text-align: center;
  line-height: 1.8;
  font-size: 1.8rem;
  font-weight: 500;
}
@media screen and (max-width: 991px) {
  #error .error_text {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 767px) {
  #error .error_text {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 574px) {
  #error .error_text {
    margin-top: 4rem;
  }
}
#error .error .back {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24.8rem;
  height: 6.9rem;
  border: 1px solid #17181A;
  background: #fff;
  border-radius: 5rem;
  font-weight: 700;
  margin: 3rem auto 0;
  transition: 0.3s;
}
@media (min-width: 992px) {
  #error .error .back:hover {
    background: #00478B;
    color: #fff;
    border-color: #00478B;
  }
}
@media screen and (max-width: 574px) {
  #error .error .back {
    height: 5.5rem;
  }
}