@charset "UTF-8";
/* ======================================================================

====================================================================== */
.l_header .logo_line .menu ul li .mega.menu1 > .inner > .outer .leftcolumn p.txt1 {
  color: #fff;
  font-size: 14px;
}

.l_header .logo_line .menu ul li .mega.menu1 > .inner > .outer.t1 .leftcolumn {
  width: auto;
  padding: 0 40px;
  border-right: 1px solid #5c5c5c;
}

.l_header .logo_line .menu ul li .mega.menu1 > .inner > .outer.t1 {
  justify-content: flex-start;
}

.l_header .logo_line .menu ul li .mega.menu1 > .inner > .outer.t1 .rightcolumn {
  width: 960px;
  padding: 0 0 0 40px;
}

.l_header .logo_line .menu ul li .mega.menu1 > .inner > .outer.t1 .rightcolumn .inner {
  margin: 0;
}

.l_header .logo_line .menu ul li .mega.menu1 > .inner > .outer.t2 {
  justify-content: flex-start;
}

.l_header .logo_line .menu ul li .mega.menu1 > .inner > .outer.t2 .leftcolumn {
  width: 400px;
}

.l_header .logo_line .menu ul li .mega.menu1 > .inner > .outer.t2 .rightcolumn {
  width: 550px;
  padding: 0 0 0 100px;
}

.l_header .logo_line .menu ul li .mega.menu1 > .inner > .outer.t2 .rightcolumn > .inner {
  margin: 0;
}

.l_header .logo_line .menu ul li .mega.menu1 > .inner > .outer.t2 .rightcolumn > .inner .group_1 .u_txt_1,
.l_header .logo_line .menu ul li .mega.menu1 > .inner > .outer.t2 .rightcolumn > .inner .group_2 .u_txt_1 {
  position: relative;
  padding-left: 16px;
}

.l_header .logo_line .menu ul li .mega.menu1 > .inner > .outer.t2 .rightcolumn > .inner .group_1 .u_txt_1:before,
.l_header .logo_line .menu ul li .mega.menu1 > .inner > .outer.t2 .rightcolumn > .inner .group_2 .u_txt_1:before {
  content: '';
  background: #fff;
  width: 8px;
  height: 1px;
  transform: translate(0, 0);
  position: absolute;
  bottom: 13px;
  left: 3px;
}

.l_header .logo_line .logo .img02 {
  width: 39px;
}

.l_header._transparent ._color_change {
  color: #fff;
  -moz-transition: color 0.4s;
  -webkit-transition: color 0.4s;
  transition: color 0.4s;
}

.l_header._transparent ._color_change:active,
.l_header._transparent ._color_change:link,
.l_header._transparent ._color_change:visited {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.l_header._transparent ._color_change:hover {
  color: #fff;
}

.l_header._transparent .slash_img {
  background: none;
}

.l_header._transparent .slash_img .img {
  opacity: 1;
}

.l_header._transparent .logo_line {
  background: transparent;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.l_header._transparent .logo_line .logo {
  background: none;
}

.l_header._transparent .logo_line .logo .img {
  opacity: 1;
}

.l_header ._color_change {
  color: #333;
}

.l_header ._color_change:active,
.l_header ._color_change:link,
.l_header ._color_change:visited {
  color: #333;
  text-decoration: none;
  cursor: pointer;
}

.l_header ._color_change:hover {
  color: #333;
}

.l_header .slash_img {
  background: url("../../assets/img/common/slash.png") no-repeat;
}

.l_header .slash_img .img {
  opacity: 0;
  -moz-transition: opacity 0.4s;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.l_header .logo_line {
  padding: 0 100px;
  -moz-transition: background 0.4s;
  -webkit-transition: background 0.4s;
  transition: background 0.4s;
}

.l_header .logo_line .logo {
  /* background: url(../img/top/logo.png) no-repeat; */
}

.l_header .logo_line .logo .img {
  opacity: 0;
  -moz-transition: opacity 0.4s;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.l_header .logo_line .menu ul li .mega {
  top: 86px;
}

.l_footer .footer_menu .inner .f_right .mg01 {
  margin-bottom: 30px;
}

.l_footer .footer_menu .inner .f_right .f_menu ._menu.mg02 {
  margin-bottom: 20px;
}

.f_menu.w01 {
  width: 320px;
}

.f_menu.w02 {
  width: 260px;
}

.f_menu.w03 {
  width: 320px;
}

@keyframes fadeLeftToRight01 {
  from {
    opacity: 0;
    transform: translateX(-200px);
    /* 開始位置 */
  }
  to {
    opacity: 1;
    transform: translateX(0);
    /* 終了位置 */
  }
}

@keyframes mask-slide {
  from {
    opacity: 0;
    -webkit-mask-position: 100%;
  }
  to {
    opacity: 1;
    -webkit-mask-position: 0;
  }
}

@keyframes mask-slide02 {
  from {
    opacity: 0;
    -webkit-mask-position: 100%;
  }
  to {
    opacity: 0.9;
    -webkit-mask-position: 0;
  }
}

@keyframes fadeLeftToRight02 {
  from {
    opacity: 0;
    transform: translateY(20%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeLeftToRight03 {
  from {
    transform: translateY(-20px);
    /* 開始位置 */
  }
  to {
    transform: translateY(0);
    /* 終了位置 */
  }
}

@keyframes fadeLeftToRight04 {
  from {
    transform: translateY(0);
    /* 開始位置 */
  }
  to {
    transform: translateY(-20px);
    /* 終了位置 */
  }
}

.top_mv {
  min-height: 768px;
  background: url("../../assets/img/top/bg01.png") 50% 0/cover no-repeat;
  position: relative;
}

@media screen and (max-width: 768px) {
  .top_mv {
    display: none;
  }
}

.top_mv .a01 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  z-index: 2;
}

.top_mv .a01 .img01 {
  opacity: 0;
  mix-blend-mode: exclusion;
  background: linear-gradient(90deg, #ff6a00, #ff006a);
  -webkit-background-clip: text;
  color: transparent;
  -webkit-mask-image: linear-gradient(90deg, #fff 50%, transparent 50%);
  -webkit-mask-repeat: repeat;
  -webkit-mask-size: 200% 100%;
  animation: mask-slide02 1s ease-out forwards;
}

.top_mv .a02 {
  position: absolute;
  bottom: -267px;
  left: 10px;
}

.top_mv .a02 img {
  opacity: 0;
  mix-blend-mode: exclusion;
  background: linear-gradient(90deg, #ff6a00, #ff006a);
  -webkit-background-clip: text;
  color: transparent;
  -webkit-mask-image: linear-gradient(90deg, #fff 50%, transparent 50%);
  -webkit-mask-repeat: repeat;
  -webkit-mask-size: 200% 100%;
  animation: mask-slide 1s ease-out forwards;
  animation-delay: 0.3s;
}

.top_mv .a03 {
  position: absolute;
  top: 130px;
  left: 4%;
  z-index: 3;
}

.top_mv .a03 img {
  opacity: 0;
  animation: 2s ease-in-out forwards fadeLeftToRight02;
  animation-delay: 1s;
}

.top_mv .a04 {
  position: absolute;
  top: 362px;
  left: 2%;
  z-index: 1;
}

.top_mv .a04 img {
  opacity: 0;
  animation: 2s ease-in-out forwards fadeLeftToRight02;
  animation-delay: 0.8s;
}

.top_mv .a05 {
  position: absolute;
  top: 130px;
  left: 17%;
  z-index: 3;
}

.top_mv .a05 img {
  opacity: 0;
  animation: 2s ease-in-out forwards fadeLeftToRight02;
  animation-delay: 0.5s;
}

.top_mv .a06 {
  position: absolute;
  top: 205px;
  left: 42%;
  z-index: 3;
}

.top_mv .a06 img {
  opacity: 0;
  animation: 2s ease-in-out forwards fadeLeftToRight02;
  animation-delay: 0.3s;
}

.top_mv .a07 {
  position: absolute;
  top: 389px;
  left: 47%;
  z-index: 3;
}

.top_mv .a07 img {
  opacity: 0;
  animation: 2s ease-in-out forwards fadeLeftToRight02;
  animation-delay: 0.8s;
}

.top_mv .a08 {
  position: absolute;
  top: 100px;
  left: 61%;
  z-index: 3;
}

.top_mv .a08 img {
  opacity: 0;
  animation: 2s ease-in-out forwards fadeLeftToRight02;
  animation-delay: 0.7s;
}

.top_mv .a09 {
  position: absolute;
  top: 450px;
  left: 66%;
  z-index: 3;
}

.top_mv .a09 img {
  opacity: 0;
  animation: 2s ease-in-out forwards fadeLeftToRight02;
  animation-delay: 1.6s;
}

.top_mv .a10 {
  position: absolute;
  top: 235px;
  left: 81%;
  z-index: 1;
}

.top_mv .a10 img {
  opacity: 0;
  animation: 2s ease-in-out forwards fadeLeftToRight02;
  animation-delay: 1.2s;
}

.top_mv .a11 {
  position: absolute;
  top: 400px;
  right: 2%;
  z-index: 1;
}

.top_mv .a11 img {
  opacity: 0;
  animation: 2s ease-in-out forwards fadeLeftToRight02;
  animation-delay: 1.4s;
}

.top_mv.t1 {
  display: none;
}

@media screen and (max-width: 768px) {
  .top_mv.t1 {
    display: block;
    margin-top: -55px;
  }
  .top_mv.t1 img {
    width: 100%;
  }
}

.p_job .l_main .sec.sec_01 .ttl_wrap .c_block_1 > .inner .u_txt_5 {
  margin-bottom: 10px;
}

.txt01 {
  font-size: 80px;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .txt01 {
    font-size: 50px;
  }
}

.txt01 span {
  font-size: 30px;
}

@media screen and (max-width: 768px) {
  .txt01 span {
    font-size: 16px;
  }
}

.txt02 {
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
  .txt02 {
    font-size: 16px;
    margin: 0;
  }
}

.txt03 {
  font-size: 70px;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .txt03 {
    font-size: 50px;
  }
}

.txt03 span {
  font-size: 30px;
}

@media screen and (max-width: 768px) {
  .txt03 span {
    font-size: 16px;
  }
}

.txt04 {
  font-size: 30px;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .txt04 {
    font-size: 16px;
  }
}

.txt05 {
  font-size: 24px;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .txt05 {
    font-size: 16px;
  }
}

.ttl_wrap02 {
  margin: 0 0 100px;
}

@media screen and (max-width: 768px) {
  .ttl_wrap02 {
    margin: 0 0 50px;
  }
}

.ttl_wrap02 .inner {
  padding: 0 0 0 45px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .ttl_wrap02 .inner {
    padding: 0 0 0 20px;
    width: auto;
  }
}

.ttl_wrap02 .inner .u_txt_5 {
  margin-bottom: 10px;
  font-family: "Josefin Sans", sans-serif;
}

@media screen and (max-width: 768px) {
  .ttl_wrap02 .inner .u_txt_5 {
    font-size: 1.4em;
  }
}

.ttl_wrap02 .inner .u_txt_4 {
  line-height: 1;
  letter-spacing: -.03em;
}

.job_list01 {
  display: flex;
}

@media screen and (max-width: 768px) {
  .job_list01 {
    display: inherit;
  }
}

.job_list01.mg04 {
  margin-bottom: 80px;
}

@media screen and (max-width: 768px) {
  .job_list01.mg04 {
    margin-bottom: 0;
  }
}

.job_list01.mg05 {
  margin-bottom: 80px;
}

@media screen and (max-width: 768px) {
  .job_list01.mg05 {
    margin-bottom: 50px;
  }
}

.job_list01 .mg01 {
  margin-bottom: 30px;
}

.job_list01 .mg02 {
  margin-bottom: 30px;
}

.job_list01 .mg03 {
  margin-bottom: 95px;
}

@media screen and (max-width: 768px) {
  .job_list01 .mg03 {
    margin-bottom: 30px;
  }
}

.job_list01 .img03 {
  width: 348px;
}

@media screen and (max-width: 768px) {
  .job_list01 .img03 {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .job_list01 .img02,
  .job_list01 .img04 {
    width: 100%;
  }
}

.job_list01 .item._1,
.job_list01 .item._2 {
  width: 450px;
}

@media screen and (max-width: 768px) {
  .job_list01 .item._1,
  .job_list01 .item._2 {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .job_list01 .item._last {
    margin: 0;
  }
}

@media screen and (max-width: 768px) {
  .job_list01 .item {
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 768px) {
  .job_list01 img {
    max-width: 100%;
  }
}

.job_list01 .mg05 {
  padding-left: 30px;
  margin-top: 10px;
}

@media screen and (max-width: 768px) {
  .job_list01 .mg05 {
    padding: 0;
    text-align: center;
  }
}

.p_job .l_main .l_content_size_pc_2 .sec.sec_01,
.p_job .l_main .l_content_size_pc_2 .sec.sec_02,
.p_job .l_main .l_content_size_pc_2 .sec.sec_03,
.p_job .l_main .l_content_size_pc_2 .sec.sec_04,
.p_job .l_main .l_content_size_pc_2 .sec.sec_05 {
  margin: 0 0 100px;
}

@media screen and (max-width: 768px) {
  .p_job .l_main .l_content_size_pc_2 .sec.sec_01,
  .p_job .l_main .l_content_size_pc_2 .sec.sec_02,
  .p_job .l_main .l_content_size_pc_2 .sec.sec_03,
  .p_job .l_main .l_content_size_pc_2 .sec.sec_04,
  .p_job .l_main .l_content_size_pc_2 .sec.sec_05 {
    margin: 0 0 50px;
  }
}

.l_content_size_pc_2 {
  width: 1030px;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .l_content_size_pc_2 {
    width: auto;
    padding: 0 12.5%;
  }
}

.job_wp01 {
  padding: 50px;
  background: #F8F8F8;
}

@media screen and (max-width: 768px) {
  .job_wp01 {
    padding: 30px;
  }
}

.job_wp01 .mg01 {
  margin-bottom: 50px;
}

@media screen and (max-width: 768px) {
  .job_wp01 .mg01 {
    margin-bottom: 20px;
  }
}

.job_wp01 .job_wp01_inner {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}

@media screen and (max-width: 768px) {
  .job_wp01 .job_wp01_inner {
    display: inherit;
  }
}

@media screen and (max-width: 768px) {
  .job_wp01 .job_wp01_inner img {
    max-width: 100%;
    margin-bottom: 20px;
  }
}

.job_wp01 .job_wp01_inner ul {
  width: 100%;
  max-width: 440px;
  list-style: disc;
}

@media screen and (max-width: 768px) {
  .job_wp01 .job_wp01_inner ul {
    max-width: 100%;
    padding-left: 14px;
  }
}

.job_wp01 .job_wp01_inner ul li {
  font-size: 16px;
  color: #333;
  margin-bottom: 5px;
  line-height: 24px;
}

.job_list02 {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 80px;
}

@media screen and (max-width: 768px) {
  .job_list02 {
    flex-wrap: wrap;
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 768px) {
  .job_list02 img {
    max-width: 100%;
  }
}

.job_list02 .u_txt_5 {
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .job_list02 .item {
    margin-bottom: 50px;
    width: calc(50% - 10px);
  }
}

.job_list02 .item._1, .job_list02 .item._2, .job_list02 .item._3 {
  margin-right: 100px;
}

@media screen and (max-width: 768px) {
  .job_list02 .item._1, .job_list02 .item._2, .job_list02 .item._3 {
    margin-right: 0;
  }
}

.job_list02 .item._1, .job_list02 .item._2, .job_list02 .item._3 {
  margin-bottom: 100px;
}

@media screen and (max-width: 768px) {
  .job_list02 .item._1, .job_list02 .item._2, .job_list02 .item._3 {
    margin-bottom: 50px;
  }
}

.job_list02 .item._4, .job_list02 .item._7 {
  width: 100%;
  max-width: 280px;
  margin: 0 65px 100px 0;
}

@media screen and (max-width: 768px) {
  .job_list02 .item._4, .job_list02 .item._7 {
    width: calc(50% - 10px);
    max-width: 100%;
    margin: 0 0 50px;
  }
}

.job_list02 .item._5, .job_list02 .item._8 {
  width: 100%;
  max-width: 360px;
  margin: 0 65px 100px 0;
}

@media screen and (max-width: 768px) {
  .job_list02 .item._5, .job_list02 .item._8 {
    width: calc(50% - 10px);
    max-width: 100%;
    margin: 0 0 50px;
  }
}

.job_list02 .item._6, .job_list02 .item._9 {
  width: 100%;
  max-width: 255px;
  margin: 0 0 100px;
}

@media screen and (max-width: 768px) {
  .job_list02 .item._6, .job_list02 .item._9 {
    width: calc(50% - 10px);
    max-width: 100%;
    margin: 0 0 50px;
  }
}

.job_list02 .item._7, .job_list02 .item._8, .job_list02 .item._9 {
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .job_list02 .item._7, .job_list02 .item._8 {
    margin-bottom: 50px;
  }
}

.job_list02 .item .c_ttl_2 {
  margin-bottom: 30px;
}

.job_list02 .item._1 img {
  margin-bottom: 15px;
}

.job_list02 .item._4 .box02 {
  align-items: center;
}

.job_list02 .item._5 .box02 {
  justify-content: start;
  align-items: flex-end;
}

.job_list02 .item._5 .box02 .left {
  margin: 0 20px 0 0;
}

@media screen and (max-width: 768px) {
  .job_list02 .item._5 .box02 .left {
    margin: 0 auto 10px;
  }
}

@media screen and (max-width: 768px) {
  .job_list02 .item:nth-child(odd) {
    margin-right: 20px;
  }
}

.job_list02 .item .box01 {
  position: relative;
}

.job_list02 .item .box01._1 {
  margin-bottom: 20px;
}

.job_list02 .item .box01 img {
  position: absolute;
  left: 7px;
  top: -7px;
}

@media screen and (max-width: 768px) {
  .job_list02 .item .box01 img {
    width: 25px;
    left: 3px;
    top: 0;
  }
}

.job_list02 .item .box01._1 {
  margin-bottom: 10px;
}

.job_list02 .item .box01._2 {
  margin-bottom: 10px;
}

.job_list02 .item .box02 {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .job_list02 .item .box02 {
    display: inherit;
  }
}

@media screen and (max-width: 768px) {
  .job_list02 .item .box02 .left {
    display: table;
    margin: 0 auto 10px;
  }
}

@media screen and (max-width: 768px) {
  .job_list02 .item .box02 .right {
    display: table;
    margin: 0 auto;
    text-align: center;
  }
}

.job_list03 {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 80px;
}

@media screen and (max-width: 768px) {
  .job_list03 {
    flex-wrap: wrap;
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 768px) {
  .job_list03 img {
    max-width: 100%;
  }
}

.job_list03 .u_txt_5 {
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .job_list03 .item {
    margin-bottom: 50px;
    width: 50%;
  }
}

.job_list03 .item._1 {
  width: 100%;
  max-width: 363px;
  margin: 0 134px 100px 0;
}

@media screen and (max-width: 768px) {
  .job_list03 .item._1 {
    width: calc(50% - 10px);
    max-width: 100%;
    margin: 0 0 50px;
  }
}

.job_list03 .item._1 .box02 {
  justify-content: flex-start;
  align-items: baseline;
}

.job_list03 .item._1 .box02 .left {
  margin: 0 40px 0 0;
}

@media screen and (max-width: 768px) {
  .job_list03 .item._1 .box02 .left {
    margin: 0 auto 10px;
  }
}

.job_list03 .item._2 {
  width: 100%;
  max-width: 496px;
  margin: 0 0 100px;
}

@media screen and (max-width: 768px) {
  .job_list03 .item._2 {
    width: calc(50% - 10px);
    max-width: 100%;
    margin: 0 0 50px;
  }
}

.job_list03 .item._2 .box02 {
  justify-content: flex-start;
  align-items: baseline;
}

.job_list03 .item._2 .box02 .left {
  margin: 0 40px 0 0;
}

@media screen and (max-width: 768px) {
  .job_list03 .item._2 .box02 .left {
    margin: 0 auto 10px;
  }
}

.job_list03 .item._3 {
  width: 100%;
  max-width: 363px;
  margin: 0 134px 0 0;
}

@media screen and (max-width: 768px) {
  .job_list03 .item._3 {
    width: calc(50% - 10px);
    max-width: 100%;
    margin: 0;
  }
}

.job_list03 .item._4 {
  width: 100%;
  max-width: 496px;
  margin: 0;
}

@media screen and (max-width: 768px) {
  .job_list03 .item._4 {
    width: calc(50% - 10px);
    max-width: 100%;
    margin: 0;
  }
}

@media screen and (max-width: 768px) {
  .job_list03 .item:nth-child(odd) {
    margin-right: 20px;
  }
}

.job_list03 .item .c_ttl_2 {
  margin-bottom: 30px;
}

.job_list03 .item .box02 {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .job_list03 .item .box02 {
    display: inherit;
  }
}

@media screen and (max-width: 768px) {
  .job_list03 .item .box02 .left {
    display: table;
    margin: 0 auto 10px;
  }
}

@media screen and (max-width: 768px) {
  .job_list03 .item .box02 .right {
    display: table;
    margin: 0 auto;
    text-align: center;
  }
}

.job_list04 {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 80px;
}

@media screen and (max-width: 768px) {
  .job_list04 {
    flex-wrap: wrap;
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 768px) {
  .job_list04 img {
    max-width: 100%;
  }
}

.job_list04 .u_txt_5 {
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .job_list04 .item {
    margin-bottom: 50px;
    width: 50%;
  }
}

.job_list04 .item._1 {
  width: 100%;
  max-width: 100%;
  margin: 0 0 90px;
}

@media screen and (max-width: 768px) {
  .job_list04 .item._1 {
    width: calc(50% - 10px);
    max-width: 100%;
    margin: 0 0 40px;
  }
}

.job_list04 .item._1 .box02 {
  justify-content: flex-start;
  align-items: flex-end;
}

.job_list04 .item._1 .box02 .left {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  max-width: 430px;
}

@media screen and (max-width: 768px) {
  .job_list04 .item._1 .box02 .left {
    margin: 0 auto 10px;
  }
}

.job_list04 .item._1 .box02 .left .tag {
  padding: 5px 10px;
  border-radius: 5px;
  font-size: 30px;
  font-weight: bold;
  background: #000;
  color: #fff;
  margin: 0 10px 10px 0;
}

.job_list04 .item._1 .box02 .left .tag.c1 {
  background: #08A2E2;
}

.job_list04 .item._1 .box02 .left .tag.c2 {
  background: #1673D0;
}

.job_list04 .item._1 .box02 .left .tag.c3 {
  background: #00568B;
}

.job_list04 .item._1 .box02 .left .tag.c4 {
  background: #014372;
}

.job_list04 .item._1 .box02 .right {
  display: flex;
  align-items: baseline;
}

.job_list04 .item._1 .box02 .right p {
  padding-bottom: 10px;
}

.job_list04 .item._2 {
  width: 100%;
  max-width: 527px;
  margin: 0 0 100px;
}

@media screen and (max-width: 768px) {
  .job_list04 .item._2 {
    width: calc(50% - 10px);
    max-width: 100%;
    margin: 0 0 50px;
  }
}

.job_list04 .item._2 .box02 {
  justify-content: flex-start;
  align-items: center;
}

.job_list04 .item._2 .box02 .left {
  margin: 0 40px 0 0;
}

@media screen and (max-width: 768px) {
  .job_list04 .item._2 .box02 .left {
    margin: 0 auto 10px;
  }
}

.job_list04 .item._2 .box02 .right .txt04 {
  line-height: 51px;
}

.job_list04 .item._3 {
  width: 100%;
  max-width: 503px;
  margin: 0 0 100px;
}

@media screen and (max-width: 768px) {
  .job_list04 .item._3 {
    width: 100%;
    max-width: 100%;
    margin: 0;
  }
}

.job_list04 .item._3 .box02 {
  display: flex;
}

.job_list04 .item._3 .top {
  text-align: center;
  line-height: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 62px;
  margin: 0 0 20px;
}

.job_list04 .item._3 .left,
.job_list04 .item._3 .mid,
.job_list04 .item._3 .right {
  width: 150px;
}

.job_list04 .item._3 .left img,
.job_list04 .item._3 .mid img,
.job_list04 .item._3 .right img {
  display: block;
  margin: 0 auto;
}

.job_list04 .item._4 {
  width: 100%;
  max-width: 100%;
  margin: 0;
  display: block;
}

@media screen and (max-width: 768px) {
  .job_list04 .item._4 {
    width: calc(50% - 10px);
    max-width: 100%;
    margin: 0;
  }
}

.job_list04 .item._4 .box02 {
  display: inherit;
}

.job_list04 .item._4 .box02 .left {
  margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
  .job_list04 .item:nth-child(odd) {
    margin: 0 20px 0 0;
  }
  .job_list04 .item:nth-child(odd)._3 {
    margin: 0 0 50px;
  }
}

.job_list04 .item .c_ttl_2 {
  margin-bottom: 30px;
}

.job_list04 .item .box02 {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .job_list04 .item .box02 {
    display: inherit;
  }
}

@media screen and (max-width: 768px) {
  .job_list04 .item .box02 .left {
    display: table;
    margin: 0 auto 10px;
  }
}

@media screen and (max-width: 768px) {
  .job_list04 .item .box02 .right {
    display: table;
    margin: 0 auto;
    text-align: center;
  }
}

.job_list05 {
  margin-bottom: 60px;
}

.job_list05 .c_ttl_2 {
  margin-bottom: 30px;
}

.job_list05 img {
  max-width: 100%;
}

.job_list06 {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 80px;
}

@media screen and (max-width: 768px) {
  .job_list06 {
    flex-wrap: wrap;
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 768px) {
  .job_list06 img {
    max-width: 100%;
  }
}

.job_list06 .u_txt_5 {
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .job_list06 .item {
    margin-bottom: 50px;
    width: 50%;
  }
}

.job_list06 .item .c_ttl_2 {
  margin-bottom: 30px;
}

.job_list06 .item .box02 {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .job_list06 .item .box02 {
    display: inherit;
  }
}

@media screen and (max-width: 768px) {
  .job_list06 .item .box02 .left {
    display: table;
    margin: 0 auto 10px;
  }
}

@media screen and (max-width: 768px) {
  .job_list06 .item .box02 .right {
    display: table;
    margin: 0 auto;
    text-align: center;
  }
}

.job_list06 .item._1 {
  width: 100%;
  max-width: 520px;
  margin: 0 0 100px;
}

@media screen and (max-width: 768px) {
  .job_list06 .item._1 {
    width: calc(50% - 10px);
    max-width: 100%;
    margin: 0 0 50px;
  }
}

.job_list06 .item._1 .box02 {
  justify-content: flex-start;
  align-items: center;
}

.job_list06 .item._1 .box02 .left {
  margin: 0 40px 0 0;
}

@media screen and (max-width: 768px) {
  .job_list06 .item._1 .box02 .left {
    margin: 0 auto 10px;
  }
}

.job_list06 .item._1 .box02 .right .txt04 {
  line-height: 51px;
}

@media screen and (max-width: 768px) {
  .job_list06 .item._1 .box02 .right .txt04 {
    line-height: 23px;
  }
}

.job_list06 .item._2 {
  max-width: 100%;
  margin: 0 80px 100px 0;
  display: block;
}

@media screen and (max-width: 768px) {
  .job_list06 .item._2 {
    width: calc(50% - 10px);
    max-width: 100%;
    margin: 0 0 50px;
  }
}

.job_list06 .item._2 .box02 {
  display: inherit;
}

.job_list06 .item._2 .box02 .left {
  margin-bottom: 30px;
}

.job_list06 .item._3 {
  max-width: 100%;
  margin: 0 0 100px;
  display: block;
}

@media screen and (max-width: 768px) {
  .job_list06 .item._3 {
    width: calc(50% - 10px);
    max-width: 100%;
    margin: 0 0 50px;
  }
}

.job_list06 .item._3 .box02 {
  display: inherit;
}

.job_list06 .item._3 .box02 .left {
  margin-bottom: 30px;
}

.job_list06 .item._4 {
  width: 100%;
  max-width: 520px;
  margin: 0 0 100px;
  display: block;
}

@media screen and (max-width: 768px) {
  .job_list06 .item._4 {
    width: calc(50% - 10px);
    max-width: 100%;
    margin: 0 0 50px;
  }
}

.job_list06 .item._4 .box02 {
  display: inherit;
}

.job_list06 .item._4 .box02 .left {
  margin-bottom: 30px;
}

.job_list06 .item._5 {
  max-width: 527px;
  margin: 0 0 100px;
}

@media screen and (max-width: 768px) {
  .job_list06 .item._5 {
    width: calc(50% - 10px);
    max-width: 100%;
    margin: 0 0 50px;
  }
}

.job_list06 .item._5 .box02 {
  justify-content: flex-start;
  align-items: center;
}

.job_list06 .item._5 .box02 .left {
  margin: 0 40px 0 0;
}

@media screen and (max-width: 768px) {
  .job_list06 .item._5 .box02 .left {
    margin: 0 auto 10px;
  }
}

.job_list06 .item._5 .box02 .right .txt04 {
  line-height: 51px;
}

.job_list06 .item._6 {
  margin: 0;
}

@media screen and (max-width: 768px) {
  .job_list06 .item._6 {
    width: calc(50% - 10px);
    max-width: 100%;
    margin: 0;
  }
}

.job_list06 .item._6 .box02 {
  justify-content: flex-start;
  align-items: center;
}

.job_list06 .item._6 .box02 .left {
  margin: 0 40px 0 0;
}

@media screen and (max-width: 768px) {
  .job_list06 .item._6 .box02 .left {
    margin: 0 auto 10px;
  }
}

.job_list06 .item._6 .box02 .right .txt04 {
  line-height: 51px;
}

@media screen and (max-width: 768px) {
  .job_list06 .item:nth-child(odd) {
    margin-right: 20px;
  }
}