@charset "utf-8";
/* CSS Document */

#header {
  height: 71.5px;
  font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
}

@media (max-width: 1140px) {
  #header {
    height: 71.5px;
  }
}

@media (max-width: 767px) {
  #header {
    height: 75px;
  }
}

#header .header-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  margin: 0 auto;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 100%;
  max-width: 1900px;
}

#header .h_wrap {
  display: flex;
  align-items: center;
}

#header .header-info_box {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  max-width: unset;
}

#header .header-info_box a {
  display: block;
}

#header .header-info_box .nav {
  padding: 0 1.5em;
  border-right: solid 0.5px #929292;
  transition: 0.5s;
}

#header .header-info_box .nav:hover {
  opacity: 0.7;
}

#header .header-info_box .nav.eraser {
  border-right: unset;
}

#header .header-info_box .ent_box {
  background-color: #14b7a5;
  padding: 28px 35px;
  transition: 0.5s;
}

#header .header-info_box .ent_box {
  color: #fff;
}

#header .header-info_box .ent_box:hover {
  opacity: 0.8;
}

@media (max-width: 1200px) {
  #header .header-info_box .nav {
    padding: 0 0.6em;
  }

  #header .header-info_box .ent_box {
    padding: 28px 25px;
  }
}

@media (min-width: 1025px) {
  #header .header-inner {
    width: 100%;
    max-width: 1900px;
  }

  #header .sp_ent_box {
    display: none;
  }
}

@media (max-width: 1024px) {
  #header .header-info_box {
    display: none;
  }

  #header .sp_ent_box {
    display: block;
    background-color: #14b7a5;
    padding: 28px 18px;
    transition: 0.5s;
  }

  #header .sp_ent_box .ent_box {
    color: #fff;
  }

  #header .sp_ent_box .ent_box:hover {
    opacity: 0.7;
  }
}

.header-logo {
  height: auto;
  max-width: 330px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 50%;
  z-index: 999;
  margin-left: 6.5%;
}

@media (min-width: 1501px) {
  .header-logo {
    max-width: 500px;
  }
}

@media (max-width: 767px) {
  .header-logo {
    max-width: 235px;
    margin-left: 10px;
  }

  #header .sp_ent_box {
    display: block;
    background-color: #14b7a5;
    padding: 0;
    height: 75px;
    width: 75px;
    display: flex;
    justify-content: center;
    align-items: center;

  }
}

@media (max-width: 480px) {
  #header {
    height: 65px;
  }

  #header .sp_ent_box {
    padding: 0;
    height: 65px;
    width: 65px;
  }

  #header .sp_ent_box a {
    font-size: 13px;
  }
}

@media (max-width: 414px) {
  #header .sp_ent_box {
    padding: 0;
    height: 65px;
    width: 65px;
  }
}

#nav-toggle .menu-line {
  background-color: #14b7a5;
  top: 50%;
  height: 2px;
}

#nav-toggle .menu-line.menu-line--top {
  top: 38%;
}

#nav-toggle .menu-line.menu-line--bottom {
  top: 63%;
}

#nav-toggle.active .menu-line.menu-line--bottom {
  transform: rotate(35deg);
  top: 45%;
}

#nav-toggle.active .menu-line.menu-line--top {
  transform: rotate(-35deg);
  top: 45%;
}

#slide-nav-ul .arrow_01:after {
  content: '';
  position: absolute;
  right: 21px;
  bottom: 50%;
  display: block;
  width: 0.7em;
  height: 0.7em;
  margin: auto;
  border-top: solid 2.5px #000;
  border-right: solid 2.5px #000;
  transform: rotate(45deg);
}

#slide-nav-ul .menu-item a {
  color: #000;
}


#slide-nav-ul .menu-item {
  border-bottom: 3px solid;
  border-image: linear-gradient(to right, #14b7a5 0%, #184489 100%);
  border-image-slice: 1;
  width: 85%;
  padding-left: 1em;
  margin-bottom: 1em;
  transition: 0.5s;
}

#slide-nav-ul .menu-item:hover {
  opacity: 0.7;
}

#slide-nav-ul .menu-item.to_ent_cyu {
  text-align: center;
  border: solid 3px #14b7a5;
  padding: 1.5em;
}

#slide-nav-ul .menu-item.to_ent_cyu a {
  color: #14b7a5;
}

#slide-nav-ul .menu-item.to_ent_cyu.arrow_01:after {
  bottom: 0;
  top: 0;
  border-top: solid 2.5px #14b7a5;
  border-right: solid 2.5px #14b7a5;
}

#slide-nav-ul .menu-item.to_ent_sin {
  text-align: center;
  border: solid 3px #184489;
  padding: 1.5em;
}

#slide-nav-ul .menu-item.to_ent_sin a {
  color: #184489;
}

#slide-nav-ul .menu-item.to_ent_sin.arrow_01:after {
  bottom: 0;
  top: 0;
  border-top: solid 2.5px #184489;
  border-right: solid 2.5px #184489;
}

#slide-nav-ul .menu-item.to_official {
  text-align: center;
  border: solid 3px #184489;
  background-color: #184489;
  padding: 1.5em;
}

#slide-nav-ul .menu-item.to_official a {
  color: #fff;
}

#slide-nav-ul .menu-item.to_official.arrow_01:after {
  bottom: 0;
  top: 0;
  border-top: solid 2.5px #fff;
  border-right: solid 2.5px #fff;
}

@media(min-width: 768px) {
  #slide-nav-ul .menu-item {
    width: 75%;
  }
}

#slide-nav-ul .menu-item.eraser {
  border-bottom: unset;
  padding-left: 0;
  margin-bottom: 2em;
  width: 50%;
}

/* /#header */


.full-width {
  width: 100% !important;
}

@media (max-width: 767px) {
  .full-width-sp {
    width: 100% !important;
  }
}

.section {
  position: relative;
  margin: 0 auto;
  width: 100%;
}

.section-inner {
  max-width: 1200px;
  width: 90%;
  margin: 0 auto;
  padding: 80px 0;
}

.bg-gray {
  background-color: #E6E7E6;
}

.bg-gray2 {
  background-color: #efeff2;
}

@media (max-width: 767px) {
  .section-inner {
    padding: 10% 0;
  }
}

@media (max-width: 640px) {
  .section-inner {
    padding: 10% 0;
  }
}

.acd-menu .acd-menu-head {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: bold;
  line-height: 1.6;
  cursor: pointer;
  margin-bottom: .6em;
}

.acd-menu .acd-menu-head::before,
.acd-menu .acd-menu-head::after {
  content: '';
  display: block;
  width: 0.8em;
  height: 1.75px;
  background: #072a7e;
  position: absolute;
  right: 0.5%;
  top: 50%;
  transform: translateY(-50%);
}

.acd-menu .acd-menu-head::after {
  transform: translateY(-50%) rotate(90deg);
  transition: 0.5s;
}

.acd-menu .acd-menu-head.active::after {
  transform: rotate(0);
  transition: 0.5s;
}

.btn_box {
  background-color: #072a7e;
  border-radius: 0;
  padding: 1.7em 0;
  max-width: 730px;
  text-align: center;
  font-size: 18px;
}

.btn_box_w {
  background-color: #fff;
  border-radius: 0;
  padding: 1.7em 0;
  max-width: 730px;
  text-align: center;
  font-size: 18px;
}

/*MAIN VISUAL
 -------------------------------*/
.main-visual {
  aspect-ratio: 2.3 / 1;
  max-height: 828px;
  position: relative;
  background-color: #fff;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
}

.main-visual .main-visual-inner {
  position: relative;
  width: 100%;
  height: 100%;
  margin: auto;
  margin-top: 40px;
  max-width: 1900px;
}

@media (max-width: 1501px) {
  .main-visual .main-visual-inner {
    margin-top: 28px;
  }
}

@media (max-width: 1140px) {
  .main-visual .main-visual-inner {
    margin-top: 20px;
  }
}

@media (max-width: 1024px) {
  .main-visual .main-visual-inner {
    margin-top: 40px;
  }
}

@media (max-width: 767px) {
  .main-visual .main-visual-inner {
    margin-top: 29px;
  }
}

@media (max-width: 480px) {
  .main-visual .main-visual-inner {
    margin-top: 15px;
  }
}



@media (max-width: 767px) {
  .main-visual {
    aspect-ratio: auto;

  }

  .main-visual .main-visual-inner {
    width: 100%;
  }
}

.main-visual.non-title {
  background: none;
  height: 100px;
}

@media (max-width: 767px) {
  .main-visual.non-title {
    height: 80px;
  }
}

@media (max-width: 414px) {
  .main-visual.non-title {
    height: 60px;
  }
}

/*----- ページタイトル -----*/
.page-title {
  color: #FFF;
  font-size: 35px;
  font-weight: normal;
  line-height: 1.4;
  text-align: center;
  text-shadow: 6px 5px 4px rgba(0, 0, 0, 0.5);
}

.page-title>* {
  display: block;
  font-weight: 700;
}

.page-title .en {
  font-size: 20px;
}

@media (max-width: 767px) {}

@media (max-width: 480px) {
  .page-title {
    font-size: 20px;
  }

  .page-title .en {
    font-size: 10px;
  }
}

/*----- タイトル -----*/
.section-ttl {
  margin-bottom: 2.5rem;
  font-size: 35px;
  font-weight: bold;
  line-height: 1.6;
  color: #072a7e;
}

.section-ttl>* {
  display: block;
}

.section-ttl .en {
  font-size: 40px;
  font-weight: normal;
  line-height: 1.2;
}

.section-ttl .jp {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
}

.section-ttl_gr {
  font-family: "ヒラギノ角ゴ Pro";
  font-size: 60px;
  color: transparent;
  background: repeating-linear-gradient(90deg, #14b7a5 0, #184489 100%);
  -webkit-background-clip: text;
  margin-bottom: 0;
}

.section-subttl_gr {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 1.5em;
  position: relative;
}

.section-subttl_gr::after {
  content: '';
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 22%;
  right: 0;
  height: 2px;
  width: 46%;
  color: transparent;
  background: repeating-linear-gradient(90deg, #14b7a5 0, #184489 100%);
  -webkit-background-clip: border-box;
  margin-left: 1em;
}

.section-subttl_gr.gr_message::after {
  left: 100px;
}

.section-subttl_gr.gr_humanity::after {
  left: 115px;
}

.section-subttl_gr.gr_interview::after {
  left: 110px;
}

.section-subttl_gr.gr_environment::after {
  left: 80px;
}

@media (max-width: 1000px) {
  .section-subttl_gr::after {
    left: 17%;
  }
}

@media (max-width: 767px) {
  .section-subttl_gr::after {
    left: 22%;
  }

  .section-ttl {
    font-size: 25px;
    margin-bottom: 1.5rem;
  }

  .section-ttl .en {
    font-size: 35px;
  }

  .section-ttl .jp {
    font-size: 18px;
  }

  .section-ttl_gr {
    font-size: 50px;
    margin-bottom: 0;
  }

}

@media (max-width: 480px) {
  .section-ttl_gr {
    font-size: 45px;
  }

  .section-subttl_gr::after {
    left: 24%;
  }

  .section-subttl_gr.gr_message::after {
    left: 75px;
  }

  .section-subttl_gr.gr_humanity::after {
    left: 95px;
  }

  .section-subttl_gr.gr_environment::after {
    left: 65px;
  }
}

.ttl_black {
  color: #000;
  font-size: 37px;
}

@media (max-width: 767px) {

  .ttl_black {
    font-size: 30px;
  }
}

@media (max-width: 600px) {

  .ttl_black {
    font-size: 28px;
  }
}

@media (max-width: 480px) {
  .ttl_black {
    font-size: 20px;
  }
}

.text {
  line-height: 2;
  margin-bottom: 3em;
}

.text-list>* {
  margin-bottom: 10px;
  line-height: 1.6;
  padding-left: 1.2em;
  text-indent: -1.2em;
}

table.tbl {
  width: 100%;
  margin: auto;
  border-collapse: collapse;
}

table.tbl th,
table.tbl td {
  text-align: left;
  vertical-align: top;
  font-size: 1.2rem;
  line-height: 1.6;
  padding: 1.3em 0;
  border-bottom: solid 1px #DCDDDD;
}

table.tbl tr:first-child th,
table.tbl tr:first-child td {
  border-top: solid 1px #DCDDDD;
}

table.tbl th {
  width: 13em;
}

@media (max-width: 768px) {

  table.tbl th,
  table.tbl td {
    font-size: 0.9em;
  }
}


@media (max-width: 767px) {
  .sp-center {
    text-align: center;
  }
}

#container {
  width: 100%;
  margin: 0 auto;
  background-color: #FFF;
  font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
}

.txt_view_more {
  position: relative;
  max-width: 220px;
  font-family: "ヒラギノ角ゴ Pro";
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  background-color: #14b7a5;
  color: #fff;
  padding: 15px 0;
  transition: 0.5s;
}

.txt_view_more:hover {
  opacity: 0.7;
}

.txt_view_more:after {
  width: 0.6em;
  height: 0.6em;
  right: 8%;
  margin: auto;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  transform: rotate(45deg);
  transition: 0.5s;
}

.txt_view_more:hover:after {
  right: 6%;
  transition: 0.5s;
}

@media (max-width: 767px) {
  .txt_view_more {
    max-width: unset;
  }
}

/*----------------------------------------------------
  TOP PAGE
----------------------------------------------------*/
/*MAIN BLOCK -------------------------*/
#main-visual__top {
  aspect-ratio: auto;
  max-height: none;
  width: 100%;
}

@media (max-width: 767px) {
  #main-visual__top {}
}


@media (max-width: 767px) {
  #main-visual__top .top-copy {
    line-height: 1.4;
  }

}

.home-content {
  width: 100%;
  margin: 0 auto;
  max-width: 1200px;
}

/*----- HOME  SECTION -----*/

#home-message .wrap_box,
#home-humanity .wrap_box,
#home-interview .wrap_box,
#home-environment .wrap_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#home-message .wrap_box .img_area,
#home-humanity .wrap_box .img_area,
#home-interview .wrap_box .img_area,
#home-environment .wrap_box .img_area {
  width: 47vw;
  margin: 0 calc(50% - 50vw);
  text-align: center;
}

#home-interview .wrap_box .interview_wrap {
  display: flex;
  justify-content: space-between;
  width: 54vw;
  margin: 0 calc(50% - 50vw);
  max-width: 1500px;
}

#home-interview .wrap_box .interview_wrap a {
  display: contents;
}

#home-interview .wrap_box .interview_wrap .interview_item {
  width: 23.5%;
  transition: 0.5s;
}

#home-interview .wrap_box .interview_wrap .interview_item:hover {
  opacity: 0.7;
}

#home-message .txt_area,
#home-humanity .txt_area,
#home-interview .txt_area,
#home-environment .txt_area {
  width: 50%;
}

#home-message .sub_ttl,
#home-humanity .sub_ttl,
#home-interview .sub_ttl,
#home-environment .sub_ttl {
  font-size: 30px;
  font-weight: bold;
  line-height: 1;
  margin-top: 1em;
  margin-bottom: 0.5em;
}

#home-message,
#home-interview {
  position: relative;
  z-index: 10;
}

#home-message::before {
  position: absolute;
  top: auto;
  bottom: 5%;
  right: 0;
  z-index: -1;
  width: 75%;
  height: 71%;
  background-color: #dffcff;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  content: '';
}

#home-interview::before {
  position: absolute;
  top: auto;
  bottom: 2%;
  right: 0;
  z-index: -1;
  width: 75%;
  height: 75%;
  background-color: #dffcff;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  content: '';
}

@media (max-width: 1550px) {
  #home-interview::before {
    height: 70%;
  }
}

#home-interview .txt_area {
  width: 37%;
}

#home-humanity,
#home-environment {
  position: relative;
  z-index: 10;
}

#home-humanity::before {
  position: absolute;
  top: auto;
  bottom: 5%;
  right: 0;
  z-index: -1;
  width: 100%;
  height: 80%;
  background-color: #dffcff;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  content: '';
}

@media (max-width: 1550px) {
  #home-humanity::before {
    height: 75%;
  }
}


#home-environment::before {
  position: absolute;
  top: auto;
  bottom: 5%;
  right: 0;
  z-index: -1;
  width: 100%;
  height: 75%;
  background-color: #dffcff;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  content: '';
}

#home-humanity .wrap_box .img_area {
  position: relative;
}

#home-humanity .wrap_box .img_area::before {
  position: absolute;
  top: -47%;
  bottom: auto;
  right: auto;
  left: 7%;
  margin: auto;
  z-index: 1;
  width: 60%;
  height: 100%;
  background-image: url(../img/recruit/home-humanity_ttl.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: '';
}

#home-environment .txt_area {
  width: 50%;
  position: relative;
}

#home-environment .txt_area::before {
  position: absolute;
  top: -49%;
  bottom: auto;
  right: -20%;
  left: 0;
  margin: auto;
  z-index: 1;
  width: 75%;
  height: 100%;
  background-image: url(../img/recruit/home-environment_ttl.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: '';
}

@media (max-width: 1000px) {

  #home-message .wrap_box,
  #home-humanity .wrap_box,
  #home-interview .wrap_box,
  #home-environment .wrap_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
  }

  #home-message .txt_area,
  #home-humanity .txt_area,
  #home-interview .txt_area,
  #home-environment .txt_area {
    width: 100%;
  }

  #home-message .wrap_box .img_area,
  #home-humanity .wrap_box .img_area,
  #home-interview .wrap_box .img_area,
  #home-environment .wrap_box .img_area {
    width: 85%;
  }

  #home-interview .wrap_box .interview_wrap {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

  #home-message .txt_area {
    margin-bottom: 3em;
  }

  #home-humanity .wrap_box .img_area {
    margin-bottom: 2em;
  }

  #home-interview .txt_area {
    margin-bottom: 3em;
  }

  #home-environment .wrap_box .img_area {
    margin-bottom: 2em;
  }

  #home-humanity .wrap_box .img_area::before {
    top: -45%;
    left: 1%;
    width: 55%;
  }

  #home-environment .txt_area::before {
    top: -60%;
    right: 5%;
    left: auto;
    width: 55%;
  }
}

@media (max-width: 767px) {



  #home-message .txt_area {
    margin-bottom: 2.5em;
  }

  #home-message::before {
    top: 13%;
    bottom: 0;
    right: 0;
    z-index: -1;
    width: 100%;
    height: 70%;
  }

  #home-humanity::before {
    bottom: 0;
    height: 78%;
  }

  #home-interview::before {
    top: auto;
    bottom: 0;
    right: 0;
    z-index: -1;
    width: 100%;
    height: 93%;
    background-position: bottom center;
  }

  #home-environment::before {
    bottom: 0;
  }

  #home-message .wrap_box .img_area,
  #home-humanity .wrap_box .img_area,
  #home-interview .wrap_box .img_area,
  #home-environment .wrap_box .img_area {
    width: 100%;
  }

  #home-interview .wrap_box .interview_wrap {
    flex-wrap: wrap;
  }

  #home-interview .wrap_box .interview_wrap .interview_item {
    width: 47.5%;
    margin-bottom: 3em;
  }

  #home-message .sub_ttl,
  #home-humanity .sub_ttl,
  #home-interview .sub_ttl,
  #home-environment .sub_ttl {
    font-size: 27px;
  }

  #home-message .text,
  #home-humanity .text,
  #home-interview .text,
  #home-environment .text {
    margin-bottom: 1.5em;
  }
}


@media (max-width: 480px) {


  #home-message::before {
    top: 12%;
  }

  #home-interview .wrap_box .interview_wrap .interview_item {
    margin-bottom: 2em;
  }

  #home-message .sub_ttl,
  #home-humanity .sub_ttl,
  #home-interview .sub_ttl,
  #home-environment .sub_ttl {
    font-size: 23px;
  }
}

/*----------------------------------------------------
  MESSAGE PAGE
----------------------------------------------------*/
#message {}

#message #sub_main_visual {
  max-width: 1900px;
  width: 100%;
  margin: 0 auto;
  margin-top: 7em;
}

#message #top_message .section-inner {
  padding-top: 8em;
  padding-bottom: 8em;
}

#message #top_message {
  position: relative;
  z-index: 10;
}

#message #top_message::before {
  position: absolute;
  top: auto;
  bottom: 5%;
  left: 0;
  z-index: -1;
  width: 95%;
  height: 70%;
  background-color: #dffcff;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  content: '';
}

#message #top_message .wrap_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#message #top_message .txt_area {
  width: 45%;
}

#message #top_message .img_area {
  width: 45%;
  max-width: 511px;
}

#message #top_message .text {
  margin-bottom: 0;
}

#message #top_message .sub_ttl {
  font-size: 25px;
  font-weight: bold;
  line-height: 1;
  margin-top: 1em;
  margin-bottom: 1em;
}

#message #top_message .section-subttl_gr::after {
  top: 50%;
  left: 130px;
  width: 50%;
}

#message #top_message .txt {
  font-size: 16px;
  line-height: 1.9;
}


@media (max-width: 1090px) {
  #message #top_message .section-ttl_gr {
    font-size: 50px;
  }

}

@media (max-width: 910px) {
  #message #top_message::before {
    height: 81%;
  }

  #message #top_message .section-inner {
    padding-top: 4em;
    padding-bottom: 4em;
  }

  #message #top_message .section-ttl_gr {
    font-size: 40px;
  }

  #message #top_message .section-subttl_gr::after {
    width: 45%;
  }
}

@media (max-width: 767px) {

  #message #top_message .section-inner {
    padding-top: 5em;
    padding-bottom: 5em;
  }

  #message #top_message::before {
    width: 100%;
    height: 90.5%;
    bottom: 0;
  }

  #message .section-subttl_gr {
    margin-bottom: 2em;
  }

  #message #top_message .wrap_box {
    flex-direction: column;
  }

  #message #top_message .txt_area {
    width: 90%;
  }

  #message #top_message .img_area {
    width: 90%;
    margin-top: 3em;
    max-width: unset;
  }

  #message #top_message .section-ttl_gr {
    font-size: 45px;
  }

  #message #top_message .section-subttl_gr::after {
    width: 35%;
  }
}

@media (max-width: 580px) {
  #message #top_message .section-subttl_gr::after {
    width: 40%;
  }
}

@media (max-width: 480px) {

  #message #top_message .section-ttl_gr {
    font-size: 35px;
  }

  #message #top_message .sub_ttl {
    font-size: 20px;
  }

  .section-subttl_gr {
    font-size: 15px;
  }

  #message #top_message .section-subttl_gr::after {
    left: 110px;
    width: 40%;
  }

  #message #top_message .txt_area {
    width: 100%;
  }

  #message #top_message .img_area {
    width: 100%;
    margin-top: 2em;
  }
}

/*----------------------------------------------------
  humanity PAGE
----------------------------------------------------*/
#humanity #sub_main_visual {
  max-width: 1900px;
  width: 100%;
  margin: 0 auto;
  margin-top: 7em;
}

#humanity #top_humanity .section-inner {
  padding-top: 10em;
  padding-bottom: 8em;
}

#humanity #top_humanity {
  position: relative;
  z-index: 10;
}

#humanity #top_humanity::before {
  position: absolute;
  top: auto;
  bottom: 23%;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 41%;
  background-color: #dffcff;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  content: '';
}

@media (max-width: 1325px) {
  #humanity #top_humanity::before {
    height: 43%;
  }
}

#humanity #top_humanity .wrap_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#humanity #top_humanity .img_area {
  width: 45%;
  position: relative;
}

#humanity #top_humanity .img_area::before {
  position: absolute;
  top: -24%;
  bottom: auto;
  right: auto;
  left: 0;
  margin: auto;
  z-index: 1;
  width: 95%;
  height: 28%;
  background-image: url(../img/humanity/humanity_ttl.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: '';
}

#humanity #top_humanity .txt_area {
  width: 52%;
}

#humanity #top_humanity .section-ttl_gr {
  font-size: 43px;
}

#humanity #top_humanity .section-subttl_gr::after {
  left: 115px;
  width: 25%;
}

#humanity #top_humanity .sub_ttl {
  font-size: 25px;
  font-weight: bold;
  line-height: 1;
  margin-top: 1em;
  margin-bottom: 1em;
}

#humanity #top_humanity .txt {
  font-size: 16px;
  line-height: 1.8;
}

#humanity #top_humanity .text {
  margin-bottom: 0;
}

@media (max-width: 1000px) {
  #humanity #top_humanity .section-inner {
    padding-top: 8em;
  }
}

@media (max-width: 767px) {
  #humanity #top_humanity .section-inner {
    padding-top: 5em;
    padding-bottom: 5em;
  }

  #humanity #top_humanity::before {
    bottom: 0;
    left: 0;
    height: 66%;
  }

  #humanity #top_humanity .wrap_box {
    flex-direction: column;
  }

  #humanity #top_humanity .txt_area {
    width: 90%;
  }

  #humanity #top_humanity .txt_area .img_area {
    width: 100%;
    position: relative;
  }

  .section-subttl_gr {
    margin-bottom: 7em;
  }

  #humanity #top_humanity .sub_ttl {
    margin-top: 2.5em;
  }

  .home-content .section-subttl_gr {
    margin-bottom: 2em;
  }
}

@media (max-width: 480px) {

  #humanity #top_humanity .section-subttl_gr::after {
    left: 90px;
    width: 28%;
  }

  #humanity #top_humanity::before {
    height: 69%;
  }

  #humanity #top_humanity .txt_area {
    width: 100%;
  }


  #humanity #top_humanity .section-ttl_gr {
    font-size: 35px;
  }

  #humanity #top_humanity .sub_ttl {
    margin-top: 2em;
    font-size: 20px;
  }
}

/*----------------------------------------------------
  働く環境 environment PAGE
----------------------------------------------------*/
#environment .text {
  margin-bottom: 0;
}

#environment #sub_main_visual {
  max-width: 1900px;
  width: 100%;
  margin: 0 auto;
  margin-top: 7em;
}

#environment #top_environment .section-ttl_gr {
  font-size: 40px;
  line-height: 1.5;
}

#environment #top_environment .section-subttl {
  font-size: 18px;
  font-weight: bold;
  border-bottom: 2px solid;
  border-image: linear-gradient(to right, #14b7a5 0%, #184489 100%);
  border-image-slice: 1;
  padding-bottom: 11px;
  width: 340px;
  margin: 0 auto;
}

#environment #top_environment .txt {
  margin-top: 1em;
  font-size: 20px;
  line-height: 1.8;
}

#environment #top_environment .section-inner {
  padding-bottom: 10px;
}

@media (max-width: 480px) {
  #environment #top_environment .section-ttl_gr {
    font-size: 35px;
  }

  #environment #top_environment .section-subttl {
    font-size: 15px;
    width: 84%;
  }

  #environment #top_environment .txt {
    font-size: 16px;
  }
}

#environment #training_system .section-ttl_gr,
#environment #qualification_support .section-ttl_gr,
#environment #employee_benefits .section-ttl_gr,
#environment #company_trip .section-ttl_gr {
  line-height: 1.2;
  margin-bottom: 10px;
}

#environment #training_system,
#environment #employee_benefits {
  position: relative;
  z-index: 10;
}

#environment #training_system::before,
#environment #employee_benefits::before {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 65%;
  background-color: #dffcff;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  content: '';
}

#environment #training_system::before {
  height: 67%;
}

@media (max-width: 1190px) {
  #environment #training_system::before {
    height: 73%;
  }
}

#environment #training_system .section-ttl_gr {
  font-size: 43px;
}

#environment #training_system .section-subttl_gr::after {
  left: 95px;
  width: 300px;
  margin-left: 0;
}

#environment #training_system .wrap_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#environment #training_system .img_area {
  width: 47%;
}

#environment #training_system .txt_area {
  width: 45%;
}

@media (max-width: 1090px) {
  #environment #training_system .wrap_box {
    align-items: center;
  }

  #environment #training_system .txt_area {
    width: 47%;
  }

  #environment #training_system .section-ttl_gr {
    font-size: 36px;
  }

  #environment #training_system .section-subttl_gr::after {
    width: 222px;
  }
}

@media (max-width: 767px) {
  #environment #training_system::before {
    height: 87%;
  }

  #environment #training_system .section-subttl_gr {
    margin-bottom: 2em;
  }

  #environment #training_system .wrap_box {
    flex-direction: column;
  }

  #environment #training_system .txt_area {
    width: 100%;
  }

  #environment #training_system .txt_area .img_area {
    width: 100%;
    margin-bottom: 2em;
  }

  #environment #training_system .section-ttl_gr {
    font-size: 38px;
  }
}

@media (max-width: 480px) {
  #environment #training_system::before {
    height: 90%;
  }

  #environment #training_system .section-ttl_gr {
    font-size: 33px;
  }

  #environment #training_system .section-subttl_gr::after {
    width: 54%;
    left: 80px;
  }
}

#environment #qualification_support .section-ttl_gr {
  font-size: 43px;
}

#environment #qualification_support .section-subttl_gr::after {
  left: 160px;
  width: 64%;
  margin-left: 0;
}

#environment #qualification_support .wrap_box {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

#environment #qualification_support .img_area {
  width: 47%;
  position: relative;
}

#environment #qualification_support .img_area::before {
  position: absolute;
  top: auto;
  bottom: -10%;
  right: 3%;
  left: auto;
  margin: auto;
  z-index: 1;
  width: 65%;
  height: 29%;
  background-image: url(../img/environment/qualification_support_txt.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: '';
}

#environment #qualification_support .txt_area {
  width: 45%;
}

@media (max-width: 1090px) {
  #environment #qualification_support .section-ttl_gr {
    font-size: 36px;
  }

  #environment #qualification_support .wrap_box {
    align-items: center;
  }

  #environment #qualification_support .txt_area {
    width: 47%;
  }

  #environment #qualification_support .section-subttl_gr::after {
    width: 35%;
  }
}

@media (max-width: 767px) {
  #environment #qualification_support .section-ttl_gr {
    font-size: 38px;
  }

  #environment #qualification_support .section-subttl_gr {
    margin-bottom: 2em;
  }

  #environment #qualification_support .wrap_box {
    flex-direction: column;
  }

  #environment #qualification_support .txt_area {
    width: 100%;
  }

  #environment #qualification_support .txt_area .img_area {
    width: 100%;
    margin-bottom: 2em;
  }

  #environment #qualification_support .img_area::before {
    bottom: -8%;
    right: 3%;
    width: 73%;
  }
}

@media (max-width: 480px) {
  #environment #qualification_support .section-ttl_gr {
    font-size: 35px;
  }

  #environment #qualification_support .section-subttl_gr::after {
    left: 135px;
  }
}

#environment #employee_benefits::before {
  height: 72.5%;
}

@media (max-width: 1200px) {
  #environment #employee_benefits::before {
    height: 75%;
  }
}

#environment #employee_benefits .section-ttl_gr {
  font-size: 43px;
}

#environment #employee_benefits .section-subttl_gr::after {
  left: 95px;
  width: 290px;
  margin-left: 0;
}

#environment #employee_benefits .wrap_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#environment #employee_benefits .img_area {
  width: 47%;
}

#environment #employee_benefits .txt_area {
  width: 45%;
}

@media (max-width: 1090px) {
  #environment #employee_benefits .wrap_box {
    align-items: center;
  }

  #environment #employee_benefits .txt_area {
    width: 47%;
  }

  #environment #employee_benefits .section-ttl_gr {
    font-size: 36px;
  }

  #environment #employee_benefits .section-subttl_gr::after {
    width: 230px;
  }
}


@media (max-width: 767px) {

  #environment #employee_benefits::before {
    height: 88.5%;
  }

  #environment #employee_benefits .section-subttl_gr {
    margin-bottom: 2em;
  }

  #environment #employee_benefits .wrap_box {
    flex-direction: column;
  }

  #environment #employee_benefits .txt_area {
    width: 100%;
  }

  #environment #employee_benefits .txt_area .img_area {
    width: 100%;
    margin-bottom: 2em;
  }

  #environment #employee_benefits .section-ttl_gr {
    font-size: 38px;
  }

  #environment #employee_benefits .section-subttl_gr::after {
    width: 260px;
  }
}

@media (max-width: 480px) {
  #environment #employee_benefits::before {
    height: 87%;
  }

  #environment #employee_benefits .section-ttl_gr {
    font-size: 35px;
  }

  #environment #employee_benefits .section-subttl_gr::after {
    width: 110px;
    left: 80px;
  }
}

#environment #company_trip .section-inner {
  position: relative;
}

#environment #company_trip .section-inner::before {
  position: absolute;
  top: 12%;
  bottom: auto;
  right: auto;
  left: 20%;
  margin: auto;
  z-index: 1;
  width: 28%;
  height: 29%;
  background-image: url(../img/environment/company_trip_txt.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: '';
}

@media (max-width: 1220px) {
  #environment #company_trip .section-inner::before {
    top: 5%;
    left: 23%;
  }
}

@media (max-width: 950px) {
  #environment #company_trip .section-inner::before {
    top: 2%;
    left: 24%;
  }
}

#environment #company_trip .section-ttl_gr {
  font-size: 43px;
}

#environment #company_trip .section-subttl_gr::after {
  left: 95px;
  width: 290px;
  margin-left: 0;
}

#environment #company_trip .wrap_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}


#environment #company_trip .img_area {
  width: 47%;
}


#environment #company_trip .txt_area {
  width: 45%;

}


@media (max-width: 1090px) {

  #environment #company_trip .section-ttl_gr {
    font-size: 36px;
  }

  #environment #company_trip .wrap_box {
    align-items: center;
  }

  #environment #company_trip .txt_area {
    width: 47%;
  }

  #environment #company_trip .section-subttl_gr::after {
    width: 55%;
  }
}

@media (max-width: 767px) {

  #environment #company_trip .section-inner::before {
    display: none;
  }

  #environment #company_trip .section-ttl_gr {
    font-size: 38px;
  }

  #environment #company_trip .section-subttl_gr {
    margin-bottom: 2em;
  }

  #environment #company_trip .wrap_box {
    flex-direction: column;
  }

  #environment #company_trip .txt_area {
    width: 100%;
  }

  #environment #company_trip .txt_area .img_area {
    width: 100%;
    margin-bottom: 2em;
    position: relative;
  }

  #environment #company_trip .txt_area .img_area::before {
    position: absolute;
    top: auto;
    bottom: -9%;
    right: auto;
    left: 3px;
    margin: auto;
    z-index: 1;
    width: 63%;
    height: 25%;
    background-image: url(../img/environment/company_trip_txt_sp.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    content: '';
  }
}

@media (max-width: 480px) {
  #environment #company_trip .section-ttl_gr {
    font-size: 35px;
  }

  #environment #company_trip .section-subttl_gr::after {
    left: 80px;
  }
}

/*----------------------------------------------------
  募集要項 requirements PAGE
----------------------------------------------------*/

#requirements .text {
  margin-bottom: 0;
}

#requirements .arrow_01:after {
  content: '';
  position: absolute;
  top: 0;
  right: 6%;
  bottom: 0;
  display: block;
  width: 1em;
  height: 1em;
  margin: auto;
  border-top: solid 1px #072a7e;
  border-right: solid 1px #072a7e;
  transform: rotate(45deg);
}

#requirements #sub_main_visual {
  max-width: 1900px;
  width: 100%;
  margin: 0 auto;
  margin-top: 7em;
}

#requirements .section-ttl_gr {
  font-size: 43px;
  line-height: 1.2;
  margin-bottom: 10px;
  display: inline-block;
}

#requirements .section-subttl_gr {
  font-size: 18px;
  font-weight: bold;
}

#requirements .section-subttl_gr::after {
  content: '';
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 170px;
  right: 0;
  height: 2px;
  width: 170px;
  color: transparent;
  background: repeating-linear-gradient(90deg, #14b7a5 0, #184489 100%);
  -webkit-background-clip: border-box;
  margin-left: 0;
}

#requirements #mid_career .section-ttl_gr {
  background: repeating-linear-gradient(90deg, #184489 0, #14b7a5 100%);
  color: transparent;
  -webkit-background-clip: text;
}

#requirements #mid_career .section-subttl_gr::after {
  width: 400px;
  background: repeating-linear-gradient(90deg, #184489 0, #14b7a5 100%);
}

#requirements #top_requirements .btn_wrap {
  display: flex;
  justify-content: space-between;
}

#requirements .to_new_graduate {
  position: relative;
  width: 47%;
  text-align: center;
  border: solid 3px #14b7a5;
  padding: 30px 0;
  background-color: #14b7a5;
  color: #fff;
  font-size: 25px;
  display: block;
}

#requirements .to_new_graduate:hover {
  opacity: 0.8;
  transition: 0.5s;
}

#requirements .to_new_graduate.arrow_01:after {
  transform: rotate(135deg);
  bottom: 10%;
  top: 0;
  width: 0.7em;
  height: 0.7em;
  border-top: solid 2.5px #fff;
  border-right: solid 2.5px #fff;
}

#requirements .to_ent_sin {
  margin-top: 1em;
  position: relative;
  width: 100%;
  text-align: center;
  border: solid 3px #14b7a5;
  padding: 50px 0;
  background-color: #fff;
  color: #14b7a5;
  font-size: 40px;
  display: block;
}

#requirements .to_ent_sin:hover {
  opacity: 0.7;
  transition: 0.5s;
}

#requirements .to_ent_sin.arrow_01:after {
  bottom: 0;
  top: 0;
  width: 0.7em;
  height: 0.7em;
  border-top: solid 3px #14b7a5;
  border-right: solid 3px #14b7a5;
}

#requirements .to_mid_career {
  position: relative;
  width: 47%;
  text-align: center;
  border: solid 3px #184489;
  padding: 30px 0;
  background-color: #184489;
  color: #fff;
  font-size: 25px;
}

#requirements .to_mid_career:hover {
  opacity: 0.8;
  transition: 0.5s;
}

#requirements .to_mid_career.arrow_01:after {
  transform: rotate(135deg);
  bottom: 10%;
  top: 0;
  width: 0.7em;
  height: 0.7em;
  border-top: solid 2.5px #fff;
  border-right: solid 2.5px #fff;
}

#requirements .to_ent_cyu {
  margin-top: 1em;
  position: relative;
  width: 100%;
  text-align: center;
  border: solid 3px #184489;
  padding: 50px 0;
  background-color: #fff;
  color: #184489;
  font-size: 40px;
  display: block;
}

#requirements .to_ent_cyu:hover {
  opacity: 0.7;
  transition: 0.5s;
}

#requirements .to_ent_cyu.arrow_01:after {
  bottom: 0;
  top: 0;
  width: 0.7em;
  height: 0.7em;
  border-top: solid 3px #184489;
  border-right: solid 3px #184489;
}

@media (max-width: 900px) {

  #requirements .to_new_graduate,
  #requirements .to_mid_career {
    font-size: 23px;
  }
}

@media (max-width: 767px) {
  #requirements .section-ttl_gr {
    font-size: 38px;
  }

  #requirements #mid_career .section-subttl_gr::after {
    width: 35%;
  }

  #requirements .section-subttl_gr {
    margin-bottom: 2em;
  }

  #requirements #top_requirements .btn_wrap {
    flex-direction: column;
  }

  #requirements .to_new_graduate {
    font-size: 20px;
    padding: 25px 0;
    width: 100%;
    margin-bottom: 1em;
  }

  #requirements .to_mid_career {
    font-size: 20px;
    padding: 25px 0;
    width: 100%;
  }

  #requirements .to_ent_sin,
  #requirements .to_ent_cyu {
    margin-top: 1em;
    padding: 35px 0;
    font-size: 25px;
  }
}

@media (max-width: 480px) {
  #requirements .section-ttl_gr {
    font-size: 33px;
  }

  #requirements .section-subttl_gr {
    font-size: 15px;
  }

  #requirements .section-subttl_gr::after {
    width: 30%;
    left: 150px;
  }

  #requirements .to_new_graduate {
    font-size: 18px;
  }

  #requirements .to_mid_career {
    font-size: 18px;
  }

  #requirements .to_ent_sin {
    margin-top: 1em;
    font-size: 20px;
    border: solid 2px #14b7a5;
  }

  #requirements .to_ent_sin.arrow_01:after {
    border-top: solid 2px #14b7a5;
    border-right: solid 2px #14b7a5;
  }

  #requirements .to_ent_cyu {
    margin-top: 1em;
    font-size: 20px;
    border: solid 2px #184489;
  }

  #requirements .to_ent_cyu.arrow_01:after {
    border-top: solid 2px #184489;
    border-right: solid 2px #184489;
  }
}

#requirements #top_requirements .section-inner {
  padding-bottom: 0;
}

#requirements #new_graduate .section-inner {
  padding-bottom: 20px;
}

#requirements #new_graduate .list_box {
  margin-top: 25px;
}

#requirements table.tbl th {
  width: 13em;
}

#requirements #new_graduate .new_graduate_tbl.tbl tr:first-child th,
#requirements #new_graduate .new_graduate_tbl.tbl tr:first-child td {
  border-top: solid 1px #000;
}

#requirements #new_graduate .new_graduate_tbl.tbl th,
#requirements #new_graduate .new_graduate_tbl.tbl td {
  text-align: left;
  vertical-align: top;
  font-size: 16px;
  line-height: 1.6;
  padding: 2em 0;
  border-bottom: solid 1px #000;
}

#requirements #new_graduate .new_graduate_tbl.tbl th {
  padding-left: 2em;
  background-color: #14b7a5;
  color: #fff;
}

#requirements #new_graduate .new_graduate_tbl.tbl td {
  padding-left: 2em;
}


#requirements #mid_career .list_box {
  margin-top: 25px;
}

#requirements #mid_career .mid_career_tbl.tbl {
  display: 中途;
}

#requirements #mid_career .mid_career_tbl.tbl tr:first-child th,
#requirements #mid_career .mid_career_tbl.tbl tr:first-child td {
  border-top: solid 1px #000;
}

#requirements #mid_career .mid_career_tbl.tbl th,
#requirements #mid_career .mid_career_tbl.tbl td {
  text-align: left;
  vertical-align: top;
  font-size: 16px;
  line-height: 1.6;
  padding: 2em 0;
  border-bottom: solid 1px #000;
}

#requirements #mid_career .mid_career_tbl.tbl th {
  padding-left: 2em;
  background-color: #184489;
  color: #fff;
}

#requirements #mid_career .mid_career_tbl.tbl td {
  padding-left: 2em;
}

@media (max-width: 767px) {
  #requirements table.tbl th {
    width: 7em;
  }

  #requirements #new_graduate .new_graduate_tbl.tbl th,
  #requirements #new_graduate .new_graduate_tbl.tbl td {
    padding: 1.5em 0;
    padding-left: 2em;
  }

  #requirements #mid_career .mid_career_tbl.tbl th,
  #requirements #mid_career .mid_career_tbl.tbl td {
    padding: 1.5em 0;
    padding-left: 2em;
  }
}

@media (max-width: 500px) {
  #requirements #new_graduate .new_graduate_tbl.tbl th {
    padding-left: 1.5em;
  }

  #requirements #mid_career .mid_career_tbl.tbl th {
    padding-left: 1.5em;
  }

  #requirements #new_graduate .new_graduate_tbl.tbl td {
    padding-left: 1.5em;
  }

  #requirements #mid_career .mid_career_tbl.tbl td {
    padding-left: 1.5em;
  }

  #requirements table.tbl th {
    width: 6em;
  }
}

@media (max-width: 480px) {
  #requirements #new_graduate .new_graduate_tbl.tbl th {
    padding: 1em 0;
    padding-left: 1em;
  }

  #requirements #mid_career .mid_career_tbl.tbl th {
    padding: 1em 0;
    padding-left: 1em;
  }

  #requirements #new_graduate .new_graduate_tbl.tbl td {
    padding: 1em 0;
    padding-left: 1em;
  }

  #requirements #mid_career .mid_career_tbl.tbl td {
    padding: 1em 0;
    padding-left: 1em;
  }

  #requirements table.tbl th {
    width: 5em;
  }
}

.page-id-232 #let_create_together .to_requirements_btn {
  display: none;
}

.page-id-232 #let_create_together .btn_wrap {
  display: none;
}

.page-id-232 #let_create_together::before {
  display: none;
}

.page-id-232 #let_create_together {
  margin-bottom: 1em;
}

.page-id-232 #let_create_together .section-inner {
  padding-bottom: 1em;
}

/*----------------------------------------------------
  先輩たちの声 interview PAGE
----------------------------------------------------*/

#interview_01 .section-inner,
#interview_02 .section-inner,
#interview_03 .section-inner {
  padding-bottom: 20px;
}

#interview .text {
  margin-bottom: 0;
}

#interview #sub_main_visual {
  max-width: 1900px;
  width: 100%;
  margin: 0 auto;
  margin-top: 7em;
}

#interview .wrap_box_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 3em;
}

#interview .wrap_box_top .img_area {
  width: 46%;
}

#interview .wrap_box_top .txt_area {
  width: 46%;
}

#interview .wrap_box_txt {
  display: flex;
  justify-content: space-between;
  margin-top: 2em;
}

#interview .wrap_box_txt .item01 {
  width: 46%;
}

#interview .wrap_box_txt .item02 {
  width: 46%;
}

#interview .wrap_box_txt .item03 {
  width: 46%;
}

#interview .wrap_box_txt .item04 {
  width: 46%;
}

#interview .career {
  font-size: 22px;
  line-height: 1.4;
}

#interview .initial {
  font-size: 35px;
  font-weight: 600;
  line-height: 1.7;
}

#interview .sec_ttl {}

#interview .section-subttl_gr {
  font-size: 20px;
  margin-bottom: 1em;
  font-weight: bold;
  color: #14b7a5;
}

#interview .wrap_box_txt .txt {
  font-size: 16px;
  line-height: 1.8;
}

#interview .section-subttl_gr::after {
  content: '';
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 218px;
  right: 0;
  height: 2px;
  width: auto;
  color: #14b7a5;
  background: #14b7a5;
  margin-left: 0;
}

#interview .item02 .section-subttl_gr::after {
  left: 135px;
}

#interview .item03 .section-subttl_gr::after {
  left: 160px;
}

#interview .item04 .section-subttl_gr::after {
  left: 120px;
}

@media (max-width: 767px) {

  #interview .sec_ttl {
    width: 100%;
  }

  #interview .wrap_box_top {
    flex-direction: column;
    margin-bottom: 2em;
  }

  #interview .wrap_box_top .img_area {
    width: 100%;
    margin-bottom: 1em;
  }

  #interview .wrap_box_top .txt_area {
    width: 100%;
  }

  #interview .wrap_box_txt {
    flex-direction: column;
  }

  #interview .wrap_box_txt .item01 {
    width: 100%;
  }

  #interview .wrap_box_txt .item02 {
    width: 100%;
    margin-top: 2em;
  }

  #interview .wrap_box_txt .item03 {
    width: 100%;
  }

  #interview .wrap_box_txt .item04 {
    width: 100%;
    margin-top: 2em;
  }
}

@media (max-width: 480px) {
  #interview .career {
    font-size: 18px;
  }

  #interview .initial {
    font-size: 28px;
  }

  #interview .section-subttl_gr {
    font-size: 18px;
  }

  #interview .section-subttl_gr::after {
    left: 195px;
  }

  #interview .item02 .section-subttl_gr::after {
    left: 120px;
  }

  #interview .item03 .section-subttl_gr::after {
    left: 140px;
  }

  #interview .item04 .section-subttl_gr::after {
    left: 105px;
  }
}

/*----------------------------------------------------
  ENTRY PAGE
----------------------------------------------------*/
#section__entry .section-inner {
  margin-top: 4em;
  padding-bottom: 20px;
}

#section__entry .section-ttl_gr {
  font-size: 90px;
  font-weight: 600;
  line-height: 1.2;
}

#section__entry .section-subttl {
  font-size: 30px;
  font-weight: bold;
}

#section__entry .entry_view_box {
  font-size: 20px;
  margin-top: 3em;
  margin-bottom: 1em;
  font-weight: bold;
  color: #808080;
}

#section__entry .entry_view_box span {
  color: #14b7a5;
}

#section__entry .text {
  font-size: 16px;
  margin-bottom: 3em;
}

#section__entry #recruit_entry {
  width: 90%;
  max-width: 650px;
  margin: 0 auto;
}

#section__entry #recruit_entry .tbl__entry.tbl tr {
  display: flex;
  flex-direction: column;
}

#section__entry #recruit_entry .tbl__entry.tbl tr:first-child th,
#section__entry #recruit_entry .tbl__entry.tbl tr:first-child td {
  border-top: unset;
}

#section__entry #recruit_entry .tbl__entry.tbl th,
#section__entry #recruit_entry .tbl__entry.tbl td {
  text-align: left;
  vertical-align: top;
  font-size: 1.2rem;
  line-height: 1.6;
  padding: 1.3em 0;
  border-bottom: unset;
  font-size: 16px;
}

#section__entry #recruit_entry .tbl__entry.tbl th {
  padding-top: 0;
  padding-bottom: 0;
}

#section__entry #recruit_entry .tbl__entry.tbl td {
  padding-top: 10px;
}

#section__entry .form-box input[type='text'],
#section__entry .form-box input[type='password'],
#section__entry .form-box input[type='tel'],
#section__entry .form-box input[type='email'],
#section__entry .form-box input[type='number'],
#section__entry .form-box textarea {
  width: 100%;
  padding: 20px 20px;
  font-size: 16px;
  line-height: 1.4;
  background-color: #f0f0f0;
  display: flex;
  align-items: center;
}

#section__entry .form-box select {
  padding: 20px 20px;
  font-size: 18px;
  font-weight: normal;
  border: unset;
  line-height: 1.4;
  background-color: #f0f0f0;
  width: 20%;
}

#section__entry .form-box input[type='radio'] {}

#section__entry .mw_wp_form .horizontal-item+.horizontal-item {
  margin-left: 50px;
}

#section__entry .form-box .item_zip {
  display: block;
  width: 40%;
}

#section__entry .required {
  color: #ff0000;
  font-size: 13px;
  padding-left: 10px;
}

#section__entry .form-box_check #recruit_entry .tbl__entry.tbl th .mgb06b {
  display: none;
}

#section__entry .form-box_check #recruit_entry .tbl__entry.tbl th .required {
  display: none;
}

#section__entry .form-box_check #recruit_entry .agree-box {
  display: none;
}

#section__entry .form-box_check #recruit_entry .tbl__entry.tbl td .mgb05 {
  padding-top: 0;
  border-bottom: solid;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

#section__entry .form-box_check #recruit_entry .tbl__entry.tbl td .mgb05.mbg05b {
  border-bottom: solid 0px;
}

#section__entry .contact_ttl2 {
  font-size: 35px;
}

#section__entry .sub-txt2 {
  font-size: 20px;
  margin-top: 1em;
}

#section__entry .btn {
  background-color: #14b7a5;
  border: unset;
  border-radius: 0;
  color: #fff !important;
  display: block;
  line-height: 1;
  font-size: 16px;
  padding: 1em 0.5em;
  max-width: 280px;
  margin: 0 auto;
  text-align: center;
  width: 100%;
  cursor: pointer;
}

#section__entry .btn:hover {
  opacity: 0.7;
  transition: 0.5s;
}

#section__entry .btn.back {
  background-color: #fff;
  border: solid 2px;
  border-radius: 0;
  color: #14b7a5 !important;
  display: block;
  line-height: 1;
  font-size: 16px;
  padding: 1em 0.5em;
  max-width: 280px;
  margin: 0 auto;
  text-align: center;
  margin-top: 2em;
  width: 100%;
}

#section__entry .btn.btn__to_official_top {
  margin-top: 2em;
  background-color: #184489;
}

@media (max-width: 767px) {

  #section__entry #recruit_entry {
    width: 100%;
  }

  #section__entry .section-ttl_gr {
    font-size: 60px;
  }

  #section__entry .section-subttl {
    font-size: 20px;
  }

  #section__entry .entry_view_box {
    font-size: 18px;
  }

  #section__entry .form-box select {
    width: 23%;
    padding: 20px 0 20px 10px;
  }

  #section__entry .form-box .item_zip {
    width: 55%;
  }
}

@media (max-width: 480px) {
  #section__entry .section-ttl_gr {
    font-size: 35px;
  }

  #section__entry .section-subttl {
    font-size: 15px;
  }

  #section__entry .contact_ttl2 {
    font-size: 20px;
  }

  #section__entry .sub-txt2 {
    font-size: 16px;
    margin-top: 1em;
  }
}

/*----------------------------------------------------
    let_create_together part
----------------------------------------------------*/

#let_create_together {
  font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
  position: relative;
  z-index: 10;
  margin-bottom: 3em;
}

#let_create_together .section-inner {
  padding-top: 8em;
}

#let_create_together .arrow_01:after {
  content: '';
  position: absolute;
  top: 0;
  right: 6%;
  bottom: 0;
  display: block;
  width: 1em;
  height: 1em;
  margin: auto;
  border-top: solid 1px #072a7e;
  border-right: solid 1px #072a7e;
  transform: rotate(45deg);
}


#let_create_together::before {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
  width: 100vw;
  height: 35%;
  background-image: url(../img/recruit/bg_home-together.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  content: '';
}


#let_create_together .wrap_box {
  display: flex;
  margin-bottom: 4em;
  position: relative;
}

#let_create_together .wrap_box::before {
  position: absolute;
  top: -69%;
  right: 0;
  left: 0;
  margin: auto;
  z-index: -1;
  width: 60%;
  height: 100%;
  background-image: url(../img/recruit/let_create_together_ttl.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: '';
}


#let_create_together .wrap_box .img_area {
  width: 37%;
}

#let_create_together .to_requirements_btn {
  margin-bottom: 2em;
  background: #fff;
}

#let_create_together .to_requirements_btn img {
  transition: 0.5s;
}

#let_create_together .to_requirements_btn img:hover {
  opacity: 0.85;
  transition: 0.5s;
}

#let_create_together .btn_wrap {
  display: flex;
  justify-content: space-between;
}

#let_create_together .btn_wrap a {
  transition: 0.5s;
}

#let_create_together .btn_wrap a:hover {
  opacity: 0.9;
  transition: 0.5s;
}

#let_create_together .to_ent_cyu {
  position: relative;
  width: 47%;
  text-align: center;
  border: solid 3px #14b7a5;
  padding: 1.7em 0;
  background-color: #fff;
  color: #14b7a5;
  font-size: 21px;
  font-weight: 600;
  display: block;
}

#let_create_together .to_ent_cyu.arrow_01:after {
  bottom: 0;
  top: 0;
  width: 0.7em;
  height: 0.7em;
  border-top: solid 2.5px #14b7a5;
  border-right: solid 2.5px #14b7a5;
}

#let_create_together .to_ent_sin {
  position: relative;
  width: 47%;
  text-align: center;
  border: solid 3px #184489;
  padding: 1.7em 0;
  background-color: #fff;
  color: #184489;
  font-size: 21px;
  font-weight: 600;
}


#let_create_together .to_ent_sin.arrow_01:after {
  bottom: 0;
  top: 0;
  width: 0.7em;
  height: 0.7em;
  border-top: solid 2.5px #184489;
  border-right: solid 2.5px #184489;
}

#let_create_together .section-ttl {
  padding-bottom: 5px;
  font-size: 34px;
  font-weight: bold;
  line-height: 1.6;
  color: #14b7a5;
  border-bottom: solid 2px #14b7a5;
  width: 90%;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 1.5rem;
}

#let_create_together .text {
  line-height: 2;
  margin: 0 auto;
  margin-top: 1em;
  text-align: center;
  width: 90%;
}



@media (max-width: 1480px) {
  #let_create_together .section-inner {
    padding-top: 10em;
  }

  #let_create_together::before {
    height: 26%;
  }

  #let_create_together .wrap_box::before {
    background-image: unset;
  }

  #let_create_together .wrap_box .img_area {
    display: none;
  }

  #let_create_together .wrap_box {
    justify-content: center;
  }

  #let_create_together .sp.img_wrap {
    display: flex;
    justify-content: space-around;
    margin-bottom: 1em;
    position: relative;
  }

  #let_create_together .sp.img_wrap::before {
    position: absolute;
    top: -70%;
    right: 0;
    left: 0;
    margin: auto;
    z-index: -1;
    width: 55%;
    height: 100%;
    background-image: url(../img/recruit/let_create_together_ttl.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    content: '';
  }

  #let_create_together .sp.img_wrap img {
    width: 35%;
  }

}

@media (max-width: 1000px) {
  #let_create_together .section-inner {
    padding-top: 7em;
  }

  #let_create_together::before {
    height: 29%;
  }
}

@media (max-width: 767px) {
  #let_create_together .section-inner {
    padding-top: 9em;
  }

  #let_create_together .sp.img_wrap::before {
    top: -65%;
    z-index: 1;
    width: 100%;
  }

  #let_create_together .sp.img_wrap {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1em;
  }

  #let_create_together .sp.img_wrap img {
    width: 47%;
  }

  #let_create_together .section-ttl {
    font-size: 27px;
  }

  #let_create_together .wrap_box {
    margin-bottom: 4em;
    flex-direction: column;
  }

  #let_create_together .text {
    margin-top: 1em;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  #let_create_together .img_wrap {
    margin-bottom: 2em;
  }

  #let_create_together::before {
    height: 40%;
    background-image: url(../img/recruit/bg_home-together_sp.jpg);
  }

  #let_create_together .arrow_01:after {
    width: 0.8em;
    height: 0.8em;
  }

  #let_create_together .btn_wrap {
    flex-direction: column;
  }

  #let_create_together .to_ent_cyu {
    width: 100%;
    margin-bottom: 2em;
  }

  #let_create_together .to_ent_sin {
    width: 100%;
    margin-bottom: 2em;
  }

  #let_create_together .text {
    width: 100%;
  }

  .home-content {
    width: 100%;
  }

}

@media (max-width: 480px) {
  #let_create_together .section-inner {
    padding-top: 7em;
  }

  #let_create_together::before {
    height: 41%;
  }

  #let_create_together .section-ttl {
    font-size: 20px;
  }

  #let_create_together .wrap_box {
    margin-bottom: 2em;
  }

  #let_create_together .to_ent_cyu {
    font-size: 20px;
  }

  #let_create_together .to_ent_cyu.arrow_01:after {
    width: 0.7em;
    height: 0.7em;
  }

  #let_create_together .to_ent_sin {
    margin-bottom: 2em;
    font-size: 20px;
  }

  #let_create_together .to_ent_sin.arrow_01:after {
    width: 0.7em;
    height: 0.7em;
  }

}

/*----------------------------------------------------
  footer
----------------------------------------------------*/
#footer {
  font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
  background-color: #dffcff;
}

#footer .footer-inner {
  width: 90%;
}

#footer .footer-content {
  flex-direction: column;
  padding-bottom: 1em;
}

#footer .footer-logo2 {
  margin-bottom: 2em;
}

#footer .footer-logo2 .logo {
  max-width: 260px;
}

#footer .footer-info_box {
  display: flex;
  justify-content: center;
  margin-bottom: 2.5em;
}

#footer .footer-info_box .nav {
  padding: 0 1.5em;
  border-right: solid 0.5px #929292;
}

#footer .footer-info_box .nav:hover {
  opacity: 0.6;
  transition: 0.5s;
}

#footer .footer-info_box .nav.eraser {
  border-right: unset;
}

#footer #slide-nav-ul .menu-item.to_official {
  padding: 1em;
  border: unset;
  font-size: 18px;
  max-width: 500px;
  width: 90%;
  color: #fff;
}

#footer .copyright {
  color: #4d4d4d;
  font-size: 13px;
  border-top: unset;
}

#footer #slide-nav-ul .menu-item {
  border-bottom: 2px solid;
  border-image: linear-gradient(to right, #000 0%, #000 100%);
  border-image-slice: 1;
  width: 85%;
  padding-left: 1em;
  margin-bottom: 1em;
}

#footer #slide-nav-ul .menu-item.last {
  margin-bottom: 2.3em;
}

#scroll-to-top:hover {
  opacity: 0.7;
  transition: 0.5s;
}

@media (max-width: 767px) {
  #footer .footer-info_box {
    display: none;
  }
}

@media (max-width: 480px) {
  #footer #slide-nav-ul .menu-item.to_official {
    padding: 1.5em 0;
  }

  #footer #slide-nav-ul .menu-item {
    width: 100%;
  }

  #footer #slide-nav-ul .menu-item.to_official {
    width: 100%;
  }
}

/*----------------------------------------------------
  XXXX PAGE
----------------------------------------------------*/
#main-visual__xxx.main-visual {
  background-image: url(../img/xxx/img_head.png);
}

@media (min-width: 648px) {
  .top .fv__content .label_animations .label:nth-of-type(2) {margin-top: 18px;}
  .top .fv__content .label_animations .label {font-size: 3rem;} /* .top .fv__content .label_animations .label */

  .message .message__image .sentence {
    padding-bottom: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: fit-content;
  } /* message .message__image .sentence */
  .infographics .infographics__list {
    flex-direction: inherit;
  } /* .infographics .infographics__list */
  .infographics .infographics__list li {
    width: 48%;
  } /* .infographics .infographics__list li */
} /* media 767 */
@media (min-width: 1080px) {
  .top .fv__content .label_animations .label:nth-of-type(2) {margin-top: 25px;}
  .top .fv__content .label_animations .label {font-size: 4rem;} /* .fv__content .label_animations .label */
  .infographics .infographics__list li {
    width: 48%;
    aspect-ratio: 575 / 368;
    max-width: 575px;
  } /* .infographics .infographics__list li */
} /* media 767 */
/*----------------------------------------------------
  404 PAGE
----------------------------------------------------*/