@charset "UTF-8";
:root {
  /* font */
  --en-font: "Helvetica Neue",Helvetica,Arial,sans-serif;
  --Kb3-font: "Koburina Gothic W3 JIS2004";
  --Kb6-font: "Koburina Gothic W6 JIS2004";
  /* color */
  /* --key-color: #FD2512; */
  --key-color: #DF1E1E;
  --bg-color-gr: #F1F4F6;
  --bg-color-gr2: #EFF3F6;
  --bg-color-bk: #373737;
  --txt-link-color: #046DFC;
  --set-color1-: #007A51;
  --set-color2-: #006CFF;
  --set-color3-: #7F3E00;
  --set-color4-: #962199;
  --set-color5-: #244393;
  --set-color6-: #DF1E1E;
  --set-color7-: #68737D;
  --set-color8-: #1B808D;
  /* font-size */
  --font-size-html: 16px; /* HTML要素のフォントサイズ */
  --font-size-body: 0.875rem; /* body要素のフォントサイズ（14px） */
  --font-size-9: 0.5625rem; /* 9px */
  --font-size-10: 0.625rem; /* 10px */
  --font-size-11: 0.6875rem; /* 11px */
  --font-size-12: 0.75rem; /* 12px */
  --font-size-13: 0.8125rem; /* 13px */
  --font-size-14: 0.875rem; /* 14px */
  --font-size-15: 0.9375rem; /* 15px */
  --font-size-16: 1rem; /* 16px */
  --font-size-17: 1.0625rem; /* 17px */
  --font-size-18: 1.125rem; /* 18px */
  --font-size-19: 1.1875rem; /* 19px */
  --font-size-20: 1.25rem; /* 20px */
  --font-size-21: 1.3125rem; /* 21px */
  --font-size-22: 1.375rem; /* 22px */
  --font-size-23: 1.4375rem; /* 23px */
  --font-size-24: 1.5rem; /* 24px */
  --font-size-25: 1.5625rem; /* 25px */
  --font-size-26: 1.625rem; /* 26px */
  --font-size-27: 1.6875rem; /* 27px */
  --font-size-28: 1.75rem; /* 28px */
  --font-size-29: 1.8125rem; /* 29px */
  --font-size-30: 1.875rem; /* 30px */
  /* hdg */
  --font-size-hdg1: 2.4375rem; /* メイン見出し 39px */
  --font-size-hdg2: 2.625rem; /* 45px */
  --font-size-hdg2-en: 1.25rem; /* 20px */
  --font-size-hdg3: 2.375rem; /* 38px */
  --font-size-hdg4: 2rem; /* 32px */
  --font-size-hdg4-en: 1.25rem; /* 20px */
  --font-size-hdg6: 1.5625rem; /* 25px */
  --font-size-hdg7: 2.1875rem; /* 35px */
  /* top-hdg */
  --font-top-hdg-mv: 2.875rem;
  --font-top-hdg1: 2.625rem; /* 42px */
  --font-top-hdg2: 1.25rem; /* 20px */
}

html {
  font-size: var(--font-size-html);
}

body {
  margin: 0; /*font-size: var(--font-size-body);*/
  background-color: #fff;
  font-family: "Helvetica Neue", Helvetica, Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

ul, li {
  list-style: none;
}

img {
  vertical-align: top;
  width: 100%;
  height: auto;
  pointer-events: none;
}

section {
  display: block;
  width: 100%;
}

h1, h2, h3, h4, h5, h6 {
  -webkit-font-smoothing: antialiased;
}

a {
  text-decoration: none;
  color: black;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

p a {
  color: var(--txt-link-color);
}

p a:hover {
  color: var(--key-color);
}

.en {
  font-family: var(--en-font);
}

.ja_k3 {
  font-family: var(--Kb3-font);
}

.ja_k6 {
  font-family: var(--Kb6-font);
}

.dis_pc {
  display: block;
}

.dis_sp {
  display: none;
}

.mask {
  -webkit-mask-image: url("/saiyo/common/img/mask.svg");
          mask-image: url("/saiyo/common/img/mask.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: right bottom;
          mask-position: right bottom;
  -webkit-mask-size: cover;
          mask-size: cover;
}

.tag1 {
  color: var(--set-color1-);
}

.tag2 {
  color: var(--set-color2-);
}

.tag3 {
  color: var(--set-color3-);
}

.tag4 {
  color: var(--set-color4-);
}

.tag5 {
  color: var(--set-color5-);
}

.tag6 {
  color: var(--set-color6-);
}

.tag7 {
  color: var(--set-color7-);
}

.tag8 {
  color: var(--set-color8-);
}

.tag0::before {
  background-color: black;
}

.tag1::before {
  background-color: var(--set-color1-);
}

.tag2::before {
  background-color: var(--set-color2-);
}

.tag3::before {
  background-color: var(--set-color3-);
}

.tag4::before {
  background-color: var(--set-color4-);
}

.tag5::before {
  background-color: var(--set-color5-);
}

.tag6::before {
  background-color: var(--set-color6-);
}

.tag7::before {
  background-color: var(--set-color7-);
}

.tag8::before {
  background-color: var(--set-color8-);
}

/* common */
/* hdg */
[class*=hdg_l] {
  -webkit-font-smoothing: antialiased;
}

.hdg_l1 {
  font-size: var(--font-size-hdg1);
  margin-bottom: 20px;
}

.hdg_l1::before {
  content: "";
  display: inline-block;
  width: 11px;
  height: 11px;
  margin-right: 13px;
  background-color: var(--key-color);
  border-radius: 50%;
  position: relative;
  top: -8px;
}

.hdg_l2 {
  font-size: var(--font-size-hdg2);
  margin-bottom: 43px;
}

.hdg_l2 .en {
  display: block;
  color: var(--key-color);
  font-size: var(--font-size-hdg2-en);
  margin-bottom: 3px;
  font-weight: normal;
}

.hdg_l2 + p {
  line-height: 1.78;
}

.hdg_l3 {
  font-size: var(--font-size-hdg3);
  margin-bottom: 25px;
}

.hdg_l3::before {
  content: "";
  display: inline-block;
  width: 11px;
  height: 11px;
  margin-right: 13px;
  background-color: var(--key-color);
  border-radius: 50%;
  position: relative;
  top: -9px;
}

.hdg_l3 + p {
  max-width: 765px;
}

.hdg_l3 + p.full {
  max-width: 100%;
}

.hdg_l4 {
  font-size: var(--font-size-hdg4);
  margin-bottom: 20px;
}

.hdg_l5 {
  font-size: var(--font-size-hdg4);
  padding: 25px 45px 26px;
  margin-top: 78px;
}

.hdg_l5.tag1 {
  border-left: 5px solid var(--set-color1-);
}

.hdg_l5.tag2 {
  border-left: 5px solid var(--set-color2-);
}

.hdg_l5.tag3 {
  border-left: 5px solid var(--set-color3-);
}

.hdg_l5.tag4 {
  border-left: 5px solid var(--set-color4-);
}

.hdg_l5.tag5 {
  border-left: 5px solid var(--set-color5-);
}

.hdg_l5.tag6 {
  border-left: 5px solid var(--set-color6-);
}

.hdg_l5.tag7 {
  border-left: 5px solid var(--set-color7-);
}

.hdg_l5.tag8 {
  border-left: 5px solid var(--set-color8-);
}

.hdg_l5 .bk {
  color: black;
}

.hdg_l5 span {
  font-size: var(--font-size-24);
}

.hdg_l6 {
  font-size: var(--font-size-hdg6);
  margin-bottom: 30px;
}

.hdg_l6::before {
  content: "";
  background-color: var(--key-color);
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 10px;
  border-radius: 50%;
  position: relative;
  top: -4px;
}

.hdg_l6.tag1::before {
  background-color: var(--set-color1-);
}

.hdg_l6.tag2::before {
  background-color: var(--set-color2-);
}

.hdg_l6.tag3::before {
  background-color: var(--set-color3-);
}

.hdg_l6.tag4::before {
  background-color: var(--set-color4-);
}

.hdg_l6.tag5::before {
  background-color: var(--set-color5-);
}

.hdg_l6.tag6::before {
  background-color: var(--set-color6-);
}

.hdg_l6.tag7::before {
  background-color: var(--set-color7-);
}

.hdg_l6.tag8::before {
  background-color: var(--set-color8-);
}

.hdg_l7 {
  background-color: #EEF2F5;
  padding: 34px 36px;
  font-size: var(--font-size-hdg6);
  margin-top: 40px;
}

.hdg_l7 .en {
  font-size: 2.3125rem;
  margin-right: 17px;
  color: var(--key-color);
  font-weight: bold;
  line-height: 0;
  position: relative;
  top: 3px;
}

.hdg_l8 {
  font-size: var(--font-size-16);
  margin-top: 30px;
}

.hdg_l8 + p {
  margin-top: 10px;
}

/* txt */
.txt_attention {
  color: var(--key-color);
}

.txt_caption {
  font-size: var(--font-size-12);
}

p + .txt_caption {
  margin-top: 10px;
}

.txt_lead {
  letter-spacing: 0.03rem;
}

.txt_leave {
  margin-top: 4px;
  font-size: var(--font-size-10);
}

.contents_sec p + .txt_leave {
  margin-top: 4px;
  font-size: var(--font-size-10);
}

/* list */
.list_st_01 {
  margin: 0 5px;
}

.list_st_01 li {
  position: relative;
  padding-left: 1em;
  text-indent: -1em;
}

.list_st_01 li + li {
  margin-top: 20px;
}

.list_st_01 li::before {
  content: "";
  width: 5px;
  height: 5px;
  top: -3px;
  margin-right: 12px;
  position: relative;
  display: inline-block;
  background-color: black;
  border-radius: 50%;
}

.list_st_02 {
  margin-top: 30px;
  margin-left: 2em;
  counter-reset: section;
}

.list_st_02 li {
  position: relative;
  line-height: 2;
}

.list_st_02 li + li {
  margin-top: 10px;
}

.list_st_02 li h3 {
  font-size: var(--font-size-16);
}

.list_st_02 li > h4 {
  font-size: var(--font-size-16);
  margin-top: 30px;
}

.list_st_02 li h3 + .txt_caption {
  margin-top: 15px;
}

.list_st_02 li::before {
  counter-increment: section;
  content: counter(section) ".";
  left: -30px;
  position: absolute;
  font-size: var(--font-size-16);
  font-weight: bold;
}

.list_table_01 {
  margin-top: 40px;
}

.list_table_01 table {
  background-color: #E0E3E7;
  border-spacing: 1px;
  border-collapse: collapse;
  table-layout: fixed;
}

.list_table_01 th {
  width: 15.37%;
  white-space: nowrap;
  background-color: #F7F9FB;
  border: 1px solid #E0E3E7;
  border-collapse: collapse;
  padding: 40px 30px;
  vertical-align: top;
  text-align: left;
}

.list_table_01 td {
  width: 84.63%;
  background-color: white;
  border: 1px solid #E0E3E7;
  border-collapse: collapse;
  padding: 40px 35px;
}

.list_table_01 ul + h3 {
  margin-top: 30px;
}

.list_table_01 p + h3 {
  margin-top: 30px;
}

.list_table_01 h3 {
  font-size: var(--font-size-16);
  margin-bottom: 12px;
}

.list_table_01 ul {
  padding-left: 19px;
}

.list_table_01 li {
  list-style: disc;
}

.list_table_01 li + li {
  margin-top: 5px;
}

.list_table_01 li h4 {
  font-size: var(--font-size-16);
  margin-top: 20px;
}

.list_table_01 li p {
  font-size: var(--font-size-14);
}

.list_table_01 li p + h4 {
  margin-top: 10px;
}

.list_table_02 {
  margin-top: 40px;
}

.list_table_02.single {
  margin-bottom: 60px;
}

.list_table_02 > p {
  margin-bottom: 10px;
}

.list_table_02 table {
  width: 100%;
  background-color: #E0E3E7;
  border-spacing: 1px;
  border-collapse: collapse;
  table-layout: fixed;
}

.list_table_02 th {
  white-space: nowrap;
  background-color: #F7F9FB;
  border: 1px solid #E0E3E7;
  border-collapse: collapse;
  padding: 40px 30px;
  vertical-align: top;
  text-align: left;
}

.list_table_02 td {
  background-color: white;
  border: 1px solid #E0E3E7;
  border-collapse: collapse;
  padding: 40px 35px;
}

.list_table_02 .leftBlock {
  width: 20%;
}

.list_table_02 .rightBlock {
  width: 80%;
}

.list_table_02 .table_catch,
.list_table_02 .table_catch + td {
  color: var(--key-color);
}

.list_jobs {
  margin: 15px 0 40px;
  gap: 25px 2%;
}

.list_jobs > section {
  width: 32%;
  background-color: white;
  border: 1px solid #E0E3E7;
}

.list_jobs > section.col1 {
  width: 100%;
}

.list_jobs > section h4 {
  background-color: #F7F9FB;
  padding: 15px 30px;
}

.list_jobs > section p {
  border-top: 1px solid #E0E3E7;
  padding: 25px 30px;
  display: block;
}

.list_jobs > section.col1 h4,
.list_jobs > section.col1 p {
  color: var(--key-color);
}

.list_table_03 {
  margin-top: 40px;
}

.list_table_03 table {
  width: 100%;
  background-color: #E0E3E7;
  border-spacing: 1px;
  border-collapse: collapse;
  table-layout: fixed;
}

.list_table_03 th {
  background-color: #F7F9FB;
  border: 1px solid #E0E3E7;
  border-collapse: collapse;
  padding: 10px 15px;
  vertical-align: middle;
  text-align: center;
}

.list_table_03 th.w1 {
  width: 15%;
}

.list_table_03 th.w2 {
  width: 35%;
}

.list_table_03 td {
  background-color: white;
  border: 1px solid #E0E3E7;
  border-collapse: collapse;
  padding: 10px 20px;
}

.list_table_03 td:not(:last-of-type) {
  text-align: center;
}

.list_table_03 .txt_caption {
  margin-top: 10px;
}

.list_table_03 .txt_caption + .txt_caption {
  margin-top: 0;
}

.list_table_03 p + table {
  margin-top: 10px;
}

.list_qa {
  padding: 0;
  border: 1px solid #E0E3E7;
  border-radius: 20px;
  background-color: white;
}

.list_qa + .list_qa {
  margin-top: 20px;
}

.list_qa > * {
  position: relative;
}

.list_qa h2 {
  padding: 35px 35px 35px 75px;
  font-size: var(--font-size-18);
  font-weight: bold;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.list_qa p {
  margin: 0 35px 35px 0;
  padding: 30px 0 0 75px;
  line-height: 2;
  display: none;
}

.list_qa h2::before {
  position: absolute;
  left: 30px;
}

.list_qa p::before {
  position: absolute;
  left: 30px;
}

.list_qa h2::before {
  content: url(/saiyo/recruit/qa/img/icon_q.svg);
  top: calc(50% - 14px);
}

.list_qa p::before {
  content: url(/saiyo/recruit/qa/img/icon_a.svg);
  top: 35px;
}

.list_qa h2::after {
  position: absolute;
  right: 35px;
  content: url(/saiyo/recruit/qa/img/icon_open.svg);
  top: calc(50% - 14px);
}

.list_qa h2.open::after {
  content: url(/saiyo/recruit/qa/img/icon_close.svg);
  top: calc(50% - 19px);
}

.list_qa .open + p::after {
  content: "";
  height: 1px;
  background-color: #D9D9D9;
  position: absolute;
  top: 0;
  right: 0;
  width: calc(100% - 40px);
}

/* nav */
.nav_skip {
  overflow: hidden;
  height: 0;
  width: 0;
  line-height: 0;
}

.nav_scroll {
  position: absolute;
  right: 5.71%;
  top: 110px;
  font-family: var(--en-font);
}

.nav_scroll::after {
  position: relative;
  top: -2px;
  display: inline-block;
  content: "";
  width: 7px;
  height: 7px;
  background-color: black;
  border-radius: 50%;
  margin-left: 12px;
}

.nav_scroll::after {
  -webkit-animation: scrolldownanim 3s ease-in-out infinite normal;
          animation: scrolldownanim 3s ease-in-out infinite normal;
}

@-webkit-keyframes scrolldownanim {
  0%, 12%, 24% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  6%, 18% {
    -webkit-transform: translateY(4px);
            transform: translateY(4px);
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}

@keyframes scrolldownanim {
  0%, 12%, 24% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  6%, 18% {
    -webkit-transform: translateY(4px);
            transform: translateY(4px);
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
.career .nav_scroll::after {
  -webkit-animation: scrolldownanim2 3s ease-in-out infinite normal;
          animation: scrolldownanim2 3s ease-in-out infinite normal;
}

@-webkit-keyframes scrolldownanim2 {
  0%, 12%, 24% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  6%, 18% {
    -webkit-transform: translateX(4px);
            transform: translateX(4px);
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}

@keyframes scrolldownanim2 {
  0%, 12%, 24% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  6%, 18% {
    -webkit-transform: translateX(4px);
            transform: translateX(4px);
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}
.nav_pageup {
  display: none;
  position: fixed;
  width: 64px;
  height: 64px;
  padding: 26px;
  background-color: rgba(128, 128, 128, 0.5);
  border-radius: 50%;
  cursor: pointer;
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 10;
}

.nav_pageup:hover {
  background-color: rgba(0, 0, 0, 0.5);
}

.topicpath h2 {
  display: none;
}

.topicpath ul {
  font-size: 0;
}

.topicpath li {
  display: inline-block;
  font-size: var(--font-size-10);
}

.topicpath li + li {
  margin-left: 7px;
}

.topicpath li + li::before {
  content: url(/saiyo/common/img/icon_topicpath.svg);
  display: inline-block;
  margin-right: 10px;
}

.topicpath li a:hover {
  color: var(--key-color);
}

/* sNav */
.nav_sub {
  margin: 59px 0 96px;
}

.nav_sub_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 10px 10px;
}

.nav_sub_list li {
  min-width: 196px;
}

.nav_sub_list a {
  display: block;
  color: black;
  font-size: var(--font-size-14);
  padding: 15px 37px 15px 20px;
  background-color: var(--bg-color-gr);
  position: relative;
  border-radius: 7px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.nav_sub_list a:after {
  position: absolute;
  top: calc(50% - 2px);
  right: 18px;
  content: "";
  display: block;
  background: black;
  height: 6.2353829072px;
  width: 11px;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}

.nav_sub_list .active a,
.nav_sub_list a:hover {
  background-color: var(--key-color);
  color: white;
}

.nav_sub_list .active a:after,
.nav_sub_list a:hover:after {
  background: white;
}

/* com nav */
.nav_link {
  display: block;
  text-decoration: none;
  font-weight: bold;
  color: white;
  text-align: center;
  background-color: var(--key-color);
  border-radius: 100px;
  padding: 15px 0;
  line-height: 1;
  position: relative;
}

.nav_link.gr {
  color: initial;
  background-color: var(--bg-color-gr);
}

.nav_link.gr2 {
  color: initial;
  background-color: var(--bg-color-gr2);
}

.nav_link.bk {
  background-color: var(--bg-color-bk);
}

.nav_link span {
  display: inline-block;
  margin-right: 5px;
}

.nav_link .en {
  display: block;
  margin-right: 0;
  margin-bottom: 5px;
  font-family: var(--en-font);
}

.nav_link::before {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 12px);
  background: white;
  right: 7px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: scale(0.3);
          transform: scale(0.3);
}

.nav_link:after {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 12px);
  background: url("../img/icon_arrow_r.svg") no-repeat center;
  right: 7px;
  width: 24px;
  height: 24px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: scale(0.3);
          transform: scale(0.3);
  opacity: 0;
}

.btn .nav_link {
  width: 266px;
  font-size: var(--font-size-15);
  padding: 25px 0;
}

.btn .nav_link:after {
  top: calc(50% - 12px);
  width: 25px;
  height: 25px;
}

.btn .nav_link:before, .btn .nav_link:after {
  right: 16px;
}

.nav_link:hover::before {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.nav_link:hover:after {
  -webkit-animation: arrow-anim 0.5s cubic-bezier(0.33, 1, 0.68, 1) forwards;
          animation: arrow-anim 0.5s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}

@-webkit-keyframes arrow-anim {
  0% {
    opacity: 0;
    -webkit-transform: translate(-25%);
    transform: translate(-25%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translate(-25%);
    transform: translate(-25%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0%);
    transform: translate(0%);
  }
}

@keyframes arrow-anim {
  0% {
    opacity: 0;
    -webkit-transform: translate(-25%);
    transform: translate(-25%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translate(-25%);
    transform: translate(-25%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0%);
    transform: translate(0%);
  }
}
.nav_link.gr::before {
  background: #000;
}

.nav_link.gr:after {
  background: url("../img/icon_arrow.svg") no-repeat center;
}

.nav_link2 {
  cursor: pointer;
  display: block;
  width: 145px;
  margin: 0 auto;
  background-color: var(--bg-color-gr);
  padding: 15px 0;
  text-align: center;
  border-radius: 100px;
  font-size: var(--font-size-12);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.nav_link2:after {
  content: url(/saiyo/common/img/icon_open.svg);
  display: inline-block;
  margin-left: 7px;
  position: relative;
  top: -1px;
}

.nav_link2.open:after {
  content: url(/saiyo/common/img/icon_close.svg);
  top: -4px;
}

.nav_link2:hover {
  background-color: black;
  color: white;
}

/* bnr */
.bnr_loc {
  max-width: 1080px;
  margin: 0 auto;
  font-size: var(--font-size-24);
  font-weight: bold;
  border: 1px solid #E0E3E7;
  margin-top: 80px;
  background-color: white;
}

.bnr_loc a {
  display: block;
  padding: 40px 30px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-align: center;
}

.bnr_loc a::before {
  content: url(/saiyo/common/img/bnr_arrow.svg);
  position: relative;
  top: 2px;
  margin-right: 25px;
  vertical-align: middle;
}

.bnr_loc a:hover {
  opacity: 0.5;
}

/*
.bnr_loc .disability_set { background: url(/saiyo/workstyle/disability/img/img_bnr_disability.jpg) no-repeat right top / auto 100%; }
@media screen and (max-width: 1000px){
.bnr_loc { font-size: var(--font-size-20); }
.bnr_loc a { display: block; padding:9vw 45px; }
.bnr_loc .disability_set { background: url(/saiyo/workstyle/disability/img/img_bnr_disability.jpg) no-repeat right -15% top / auto 100%; }
}
*/
/* bottom */
.lyt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

#main {
  padding-top: 11.5625vw;
}

#main-bottom {
  margin: 98px auto 200px;
  padding: 0 3.90625vw;
  max-width: 1800px;
}

.contents {
  margin: 69px 0.46875vw 0;
}

.contents.detail {
  margin: 36px 0 0;
}

.contents_sec + .contents_sec {
  margin-top: 130px;
}

.contents_sec p {
  line-height: 1.87;
}

.contents_sec p + p {
  margin-top: 18px;
}

.contents_sec p + p.txt_caption {
  margin-top: 10px;
}

.contents_sec_inner {
  margin-top: 80px;
}

.contents_sec_child {
  margin-top: 95px;
  padding: 0 3.5vw;
}

.contents_sec_child p {
  line-height: 1.6;
}

.contents_sec_child .hdg_l6 {
  margin-bottom: 15px;
}

.contents_sec_child.adjust {
  margin-top: 59px;
}

.contents_sec_child.qa {
  margin-top: -37px;
}

.contents_sec_child.qa .hdg_l6 {
  margin-bottom: 50px;
  font-weight: bold;
}

/* works */
.jobs_nav {
  margin-top: 44px;
}

.jobs_nav_list {
  gap: 9px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottsom: 18px;
}

.jobs_nav_list > li {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 calc(25% - 9px);
          flex: 1 1 calc(25% - 9px);
  background-color: #F1F4F6;
}

.jobs_nav_list > li a {
  display: block;
  padding: 19px 33px 18px 17px;
  position: relative;
  font-size: var(--font-size-11);
  color: white;
  position: relative;
}

.jobs_nav_list > li .nav_link {
  text-align: left;
  border-radius: 0;
}

.jobs_nav_list_tag1 a {
  background-color: var(--set-color1-);
}

.jobs_nav_list_tag2 a {
  background-color: var(--set-color2-);
}

.jobs_nav_list_tag3 a {
  background-color: var(--set-color3-);
}

.jobs_nav_list_tag4 a {
  background-color: var(--set-color4-);
}

.jobs_nav_list_tag5 a {
  background-color: var(--set-color5-);
}

.jobs_nav_list_tag6 a {
  background-color: var(--set-color6-);
}

.jobs_nav_list_tag7 a {
  background-color: var(--set-color7-);
}

.jobs_nav_list_tag8 a {
  background-color: var(--set-color8-);
}

.jobs_nav_list_inner {
  padding: 20px 16px;
  font-size: var(--font-size-11);
  display: none;
}

.jobs_nav_list_inner li + li {
  margin-top: 8px;
}

.jobs_nav_open {
  margin-top: 20px;
}

.works_area {
  margin: 74px 0;
  padding-left: 51px;
}

.works_area + .hdg_l5 {
  margin-top: 111px;
}

.works_area_inner {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.works_area_inner + .works_area_inner,
.works_area_inner + .more_contents {
  margin-top: 95px;
}

.works_area_inner + .btn {
  margin-top: 49px;
}

.works_area_inner .hdg_l6 {
  width: 100%;
  margin-bottom: 17px;
}

.works_area_inner .hdg_l6::before {
  margin-left: -17px;
}

.works_area_txt {
  width: 50.7%;
}

.works_area_txt p {
  font-size: var(--font-size-15);
  line-height: 1.98;
}

.works_area_img {
  width: 43%;
  margin-top: 0;
  -webkit-mask-image: url("/saiyo/works/img/mask_jobs_02.svg");
          mask-image: url("/saiyo/works/img/mask_jobs_02.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 0 0;
          mask-position: 0 0;
  -webkit-mask-size: 100%;
          mask-size: 100%;
}

.works_area_img.space {
  margin-top: -52px;
}

.works_area_point {
  margin-top: 43px;
  border: 1px solid #CCD6E1;
  padding: 15px 25px 28px;
  border-radius: 4px;
  background-color: white;
}

.works_area_point p {
  font-size: var(--font-size-14);
  line-height: 1.7;
}

.works_area_hdg {
  margin-left: -37px;
  margin-top: -30px;
  margin-bottom: 15px;
  width: 136px;
  color: var(--set-color1-);
  font-size: var(--font-size-12);
  background-color: #EEF2F5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 6px 0;
  border-radius: 50px;
  position: relative;
}

.works_area_hdg::before {
  content: "";
  display: block;
  width: 9px;
  height: 8px;
  background-color: #EEF2F5;
  clip-path: polygon(0 0, 100% 0, 100% 100%);
  position: absolute;
  bottom: -7px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.works_area .btn .nav_link {
  width: 220px;
  padding: 20px 0;
}

.works_area_hdg.tag1 {
  color: var(--set-color1-);
}

.works_area_hdg.tag2 {
  color: var(--set-color2-);
}

.works_area_hdg.tag3 {
  color: var(--set-color3-);
}

.works_area_hdg.tag4 {
  color: var(--set-color4-);
}

.works_area_hdg.tag5 {
  color: var(--set-color5-);
}

.works_area_hdg.tag6 {
  color: var(--set-color6-);
}

.works_area_hdg.tag7 {
  color: var(--set-color7-);
}

.works_area_hdg.tag8 {
  color: var(--set-color8-);
}

.more_contents {
  background-color: #EEF2F5;
  padding: 37px 60px 49px 50px;
  margin-bottom: 48px;
  position: relative;
  z-index: 2;
}

.more_contents::after {
  content: "";
  display: block;
  position: absolute;
  left: 100%;
  top: 0;
  width: calc(50vw - 33px - 50%);
  height: 100%;
  background-color: #EEF2F5;
  z-index: 1;
}

.more_contents_hdg {
  font-size: var(--font-size-20);
  position: relative;
  margin-bottom: 36px;
  color: black !important;
}

.more_contents_hdg::after {
  content: "";
  display: block;
  width: 90px;
  border-bottom: 4px solid #84919E;
  position: absolute;
  bottom: -16px;
}

.more_contents_hdg.tag1::after {
  border-bottom: 4px solid var(--set-color1-);
}

.more_contents_hdg.tag2::after {
  border-bottom: 4px solid var(--set-color2-);
}

.more_contents_hdg.tag3::after {
  border-bottom: 4px solid var(--set-color3-);
}

.more_contents_hdg.tag4::after {
  border-bottom: 4px solid var(--set-color4-);
}

.more_contents_hdg.tag5::after {
  border-bottom: 4px solid var(--set-color5-);
}

.more_contents_hdg.tag6::after {
  border-bottom: 4px solid var(--set-color6-);
}

.more_contents_hdg.tag7::after {
  border-bottom: 4px solid var(--set-color7-);
}

.more_contents_hdg.tag8::after {
  border-bottom: 4px solid var(--set-color8-);
}

.more_contents_inner {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.more_contents_box {
  width: 46.7%;
  margin-top: 30px;
}

.more_contents_box a {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.more_contents_box a:hover {
  opacity: 0.6;
}

.more_contents_hdg_s {
  font-size: var(--font-size-15);
  margin: 8px 0;
}

.more_contents_txt {
  width: calc(100% - 170px);
  font-size: var(--font-size-12);
}

.more_contents_txt p {
  line-height: 1.7;
}

.more_contents_img {
  width: 166px;
  padding-right: 20px;
}

.contents_sec_child .more_contents {
  padding: 40px 20px 40px 50px;
}

.contents_sec_child .more_contents::after {
  width: calc(50vw - 8px - 50%);
}

.features_area {
  margin: 80px 50px 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  counter-reset: section;
}

.features_area_inner {
  width: 49.3%;
  margin-bottom: 40px;
  background-color: #EEF2F5;
  padding: 60px 40px 50px;
  position: relative;
  border-radius: 4px;
}

.features_area_inner::before {
  counter-increment: section;
  content: "0" counter(section);
  position: absolute;
  left: 35px;
  top: -35px;
  font-family: var(--en-font);
  font-size: 4rem;
  font-weight: bold;
  color: var(--key-color);
}

.features_area_hdg {
  font-size: var(--font-size-24);
  margin-bottom: 30px;
}

.features_area_inner p {
  font-size: var(--font-size-15);
}

.training_area {
  margin-top: 57px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.training_area_inner {
  padding: 26px 37px 40px;
  border: 1px solid #CCD6E1;
  width: 32.6%;
  background-color: white;
}

.training_area.col2 .training_area_inner {
  width: 49.3%;
}

.training_area_inner.col1 {
  width: 100%;
  margin-bottom: 13px;
}

.training_area_inner.col1 .training_area_hdg {
  margin-bottom: 30px;
}

.training_area_hdg {
  font-size: var(--font-size-22);
  margin-bottom: 20px;
}

.training_area_hdg .en {
  font-size: 2.25rem;
  margin-bottom: 30px;
  position: relative;
  top: 5px;
  margin-right: 15px;
  font-weight: bold;
  color: var(--key-color);
}

.training_area_inner p {
  font-size: var(--font-size-14);
}

.training_area_col {
  display: table-cell;
  width: 50%;
  position: relative;
  padding-bottom: 12.5vw;
}

.training_area_col_hdg {
  font-size: var(--font-size-15);
  margin-bottom: 20px;
  background-color: #373737;
  color: white;
  text-align: center;
  padding: 8px;
  position: relative;
}

.training_area_col_hdg .en {
  font-size: var(--font-size-20);
  position: relative;
  top: 1px;
  margin-right: 19px;
  font-weight: bold;
}

.training_area_col_hdg .training_area_col_caption {
  font-size: var(--font-size-12);
}

.training_area_col p {
  font-size: var(--font-size-14);
  padding-right: 40px;
}

.training_area_col_img {
  position: absolute;
  left: 0;
  bottom: 0;
  padding-right: 40px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.training_area_col_img figure {
  width: 48%;
}

.training_area_col + .training_area_col .training_area_col_hdg::before {
  content: url(/saiyo/works/develop/img/icon_arrow.svg);
  position: absolute;
  left: -10px;
  top: calc(50% - 20px);
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

.training_area_col + .training_area_col p {
  padding: 0 20px 0 20px;
}

.training_area_col + .training_area_col .training_area_col_img {
  padding: 0 20px 0 20px;
}

/* interview */
.nav_filtering {
  padding: 33px 3.7vw;
  border: 1px solid #E0E3E7;
  border-radius: 20px;
  margin: 62px -0.5vw 71px;
  background-color: white;
}

.nav_filtering_hdg {
  width: 148px;
  font-size: var(--font-size-12);
  padding-top: 10px;
  position: relative;
}

.nav_filtering_hdg::after {
  content: url(/saiyo/interview/img/icon_pointer.svg);
  position: absolute;
  right: 24px;
  top: 9px;
}

.nav_filtering_list {
  width: calc(100% - 148px);
}

.nav_filtering_list, .nav_filtering_hdg {
  margin-top: 1px;
}

.nav_filtering label {
  cursor: pointer;
}

.interview.btn .nav_link {
  margin: 60px auto 0;
}

/* interview list */
.interview_list {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 10px 12px;
}

@media screen and (max-width: 1328px) {
  .interview_list {
    gap: 10px 11px;
  }
}
@media screen and (max-width: 1110px) {
  .interview_list {
    gap: 10px 10px;
  }
}
.interview_list li {
  width: calc(33% - 4px);
  background-color: #F7F9FB;
}

.interview_list li a {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.interview_list li a:hover {
  opacity: 0.8;
}

.interview_list li a:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.interview_list_img {
  width: 186px;
  min-height: 198px;
  overflow: hidden;
  position: relative;
}

.interview_list_img img {
  width: 171%;
  position: absolute;
  top: -1%;
  left: -41%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.interview_list_inner {
  width: calc(100% - 186px);
  font-size: var(--font-size-12);
  padding: 28px 20px 15px 16px;
  position: relative;
}

.interview_list_inner > * {
  display: block;
}

.interview_list_inner .en::before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  margin-right: 5px;
  border-radius: 50%;
  position: relative;
  top: -2px;
}

.interview_list_inner [data-job=ディレクター] {
  color: var(--set-color1-);
}

.interview_list_inner [data-job=映像デザイン・音響デザイン] {
  color: var(--set-color2-);
}

.interview_list_inner [data-job=記者] {
  color: var(--set-color3-);
}

.interview_list_inner [data-job=映像取材] {
  color: var(--set-color4-);
}

.interview_list_inner [data-job=映像制作] {
  color: var(--set-color5-);
}

.interview_list_inner [data-job=アナウンサー] {
  color: var(--set-color6-);
}

.interview_list_inner [data-job=経営管理・営業] {
  color: var(--set-color7-);
}

.interview_list_inner [data-job=メディアエンジニア] {
  color: var(--set-color8-);
}

.interview_list_inner [data-job=ディレクター]::before {
  background-color: var(--set-color1-);
}

.interview_list_inner [data-job=映像デザイン・音響デザイン]::before {
  background-color: var(--set-color2-);
}

.interview_list_inner [data-job=記者]::before {
  background-color: var(--set-color3-);
}

.interview_list_inner [data-job=映像取材]::before {
  background-color: var(--set-color4-);
}

.interview_list_inner [data-job=映像制作]::before {
  background-color: var(--set-color5-);
}

.interview_list_inner [data-job=アナウンサー]::before {
  background-color: var(--set-color6-);
}

.interview_list_inner [data-job=経営管理・営業]::before {
  background-color: var(--set-color7-);
}

.interview_list_inner [data-job=メディアエンジニア]::before {
  background-color: var(--set-color8-);
}

.interview_list_inner .dep {
  margin: 10px 0 8px;
}

.interview_list_inner .name {
  font-size: var(--font-size-15);
  font-weight: bold;
  margin-top: 6px;
}

.interview_list_inner .tags {
  font-size: var(--font-size-10);
  margin-top: 30px;
}

.interview_list_inner .tags::before {
  content: initial;
}

@media screen and (max-width: 1090px) {
  .interview_list li {
    width: calc(50% - 6px);
  }
}
/*input*/
.nav_filtering_list label {
  cursor: pointer;
  position: relative;
  display: inline-block;
  border: 1px solid #E0E3E7;
  padding: 7px 19px 7px 16px;
  border-radius: 100px;
  font-size: var(--font-size-12);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  margin-bottom: 10px;
}

.nav_filtering_list label:hover {
  opacity: 0.6;
}

.nav_filtering_list label[class*=job] {
  font-weight: bold;
}

.nav_filtering_list label[class*=job]::before {
  content: "";
  display: inline-block;
  width: 7.5px;
  height: 7.5px;
  margin-right: 6px;
  border-radius: 50%;
  position: relative;
  top: -0.5px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.nav_filtering_list label[class*=job].checked {
  color: white;
  border: 1px solid rgba(0, 0, 0, 0);
}

.nav_filtering_list label[class*=job].checked::before {
  background-color: white;
}

.nav_filtering_list .job1 {
  color: var(--set-color1-);
}

.nav_filtering_list .job2 {
  color: var(--set-color2-);
}

.nav_filtering_list .job3 {
  color: var(--set-color3-);
}

.nav_filtering_list .job4 {
  color: var(--set-color4-);
}

.nav_filtering_list .job5 {
  color: var(--set-color5-);
}

.nav_filtering_list .job6 {
  color: var(--set-color6-);
}

.nav_filtering_list .job7 {
  color: var(--set-color7-);
}

.nav_filtering_list .job8 {
  color: var(--set-color8-);
}

.nav_filtering_list .job0::before {
  background-color: black;
}

.nav_filtering_list .job1::before {
  background-color: var(--set-color1-);
}

.nav_filtering_list .job2::before {
  background-color: var(--set-color2-);
}

.nav_filtering_list .job3::before {
  background-color: var(--set-color3-);
}

.nav_filtering_list .job4::before {
  background-color: var(--set-color4-);
}

.nav_filtering_list .job5::before {
  background-color: var(--set-color5-);
}

.nav_filtering_list .job6::before {
  background-color: var(--set-color6-);
}

.nav_filtering_list .job7::before {
  background-color: var(--set-color7-);
}

.nav_filtering_list .job8::before {
  background-color: var(--set-color8-);
}

.nav_filtering_list label.job1.checked {
  background-color: var(--set-color1-);
}

.nav_filtering_list label.job2.checked {
  background-color: var(--set-color2-);
}

.nav_filtering_list label.job3.checked {
  background-color: var(--set-color3-);
}

.nav_filtering_list label.job4.checked {
  background-color: var(--set-color4-);
}

.nav_filtering_list label.job5.checked {
  background-color: var(--set-color5-);
}

.nav_filtering_list label.job6.checked {
  background-color: var(--set-color6-);
}

.nav_filtering_list label.job7.checked {
  background-color: var(--set-color7-);
}

.nav_filtering_list label.job8.checked {
  background-color: var(--set-color8-);
}

.nav_filtering_list input[type=radio],
.nav_filtering_list input[type=radio]:checked,
.nav_filtering_list input[type=checkbox],
.nav_filtering_list input[type=checkbox]:checked {
  position: absolute;
  opacity: 0;
}

.nav_filtering_list label.checked {
  color: white;
  border: 1px solid rgba(0, 0, 0, 0);
  background-color: #373737;
}

.nav_filtering_list label span::before {
  cursor: pointer;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -1px;
  width: 100%;
  height: 100%;
  border-radius: 3px;
}

.nav_filtering_list label input[type=radio]:focus + span::before,
.nav_filtering_list label input[type=checkbox]:focus + span::before {
  border: 2px solid #2452C3;
}

.nav_filtering_list label.checked input[type=radio] + span::before,
.nav_filtering_list label.checked input[type=radio]:checked + span::before,
.nav_filtering_list label:hover input[type=checkbox]:focus + span::before,
.nav_filtering_list label.checked input[type=checkbox] + span::before,
.nav_filtering_list label.checked input[type=checkbox]:checked + span::before {
  border: none;
}

/**/
.interview_prof {
  width: calc(100% + 3.90625vw);
  margin-left: -3.90625vw;
}

.interview_prof_inner {
  width: 43%;
  padding: 6.95vw 0 0 7%;
}

.interview_prof_img {
  width: 57%;
  -webkit-mask-image: url("/saiyo/interview/img/mask_interview.svg");
          mask-image: url("/saiyo/interview/img/mask_interview.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 0 0;
          mask-position: 0 0;
  -webkit-mask-size: 100%;
          mask-size: 100%;
}

.interview_prof_tag {
  position: relative;
  padding-top: 3.29vw;
}

.interview_prof_tag::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  width: 80px;
  height: 6px;
  background-color: #DBDEE2;
}

.interview_prof_tag::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 5px;
  border-radius: 50%;
  position: relative;
  top: -1px;
  background-color: var(--key-color);
}

.interview_prof_dep {
  margin-top: 20px;
}

.interview_prof_name {
  margin-top: 1vw;
  font-size: var(--font-size-hdg7);
}

.interview_prof_biz {
  margin-top: 25px;
}

.interview_prof_biz li {
  display: inline-block;
  margin-right: 12px;
  font-size: var(--font-size-13);
}

.interview_prof + .contents_sec_child {
  margin-top: 106px;
  padding: 0 90px;
}

.interview_hdg {
  font-size: 2.75rem;
  margin-bottom: 36px;
  line-height: 1.3;
}

.contents_sec_child .interview_lead {
  padding-bottom: 10px;
  line-height: 1.8;
}

.interview_area {
  margin-top: 74px;
  padding: 0 2.6vw;
}

.interview_area:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.interview_area .hdg_l6 {
  font-size: var(--font-size-hdg4);
  margin-bottom: 60px;
  position: relative;
  line-height: 1.4;
}

.interview_area .hdg_l6::before {
  position: absolute;
  background-color: var(--key-color);
  top: 20px;
  left: -15px;
  margin-right: 0px;
}

.interview_area .hdg_l6::after {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 0;
  width: 80px;
  height: 4px;
  background-color: #DBDEE2;
}

.interview_area_hdg {
  font-size: var(--font-size-hdg4);
  margin-bottom: 30px;
}

.interview_area_txt {
  line-height: 2;
}

.interview_area_inner {
  width: 60%;
  padding: 0 5%;
}

.interview_area_inner.col1 {
  width: 100%;
}

.interview_area_img {
  width: 40%;
}

.interview_prof_name,
.interview_hdg,
.interview_area .hdg_l6,
.interview_area_hdg {
  font-family: var(--Kb6-font), "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

/*colorset*/
[data-jobs=ディレクター] .interview_prof_tag,
[data-jobs=ディレクター] .interview_area .hdg_l6,
[data-jobs=ディレクター] .schedule_area_txt {
  color: var(--set-color1-);
}

[data-jobs=ディレクター] .interview_prof_tag::before,
[data-jobs=ディレクター] .interview_area .hdg_l6::before {
  background-color: var(--set-color1-);
}

[data-jobs=映像デザイン・音響デザイン] .interview_prof_tag,
[data-jobs=映像デザイン・音響デザイン] .interview_area .hdg_l6,
[data-jobs=映像デザイン・音響デザイン] .schedule_area_txt {
  color: var(--set-color2-) !important;
}

[data-jobs=映像デザイン・音響デザイン] .interview_prof_tag::before,
[data-jobs=映像デザイン・音響デザイン] .interview_area .hdg_l6::before {
  background-color: var(--set-color2-);
}

[data-jobs=記者] .interview_prof_tag,
[data-jobs=記者] .interview_area .hdg_l6,
[data-jobs=記者] .schedule_area_txt {
  color: var(--set-color3-) !important;
}

[data-jobs=記者] .interview_prof_tag::before,
[data-jobs=記者] .interview_area .hdg_l6::before {
  background-color: var(--set-color3-);
}

[data-jobs=映像取材] .interview_prof_tag,
[data-jobs=映像取材] .interview_area .hdg_l6,
[data-jobs=映像取材] .schedule_area_txt {
  color: var(--set-color4-) !important;
}

[data-jobs=映像取材] .interview_prof_tag::before,
[data-jobs=映像取材] .interview_area .hdg_l6::before {
  background-color: var(--set-color4-);
}

[data-jobs=映像制作] .interview_prof_tag,
[data-jobs=映像制作] .interview_area .hdg_l6,
[data-jobs=映像制作] .schedule_area_txt {
  color: var(--set-color5-) !important;
}

[data-jobs=映像制作] .interview_prof_tag::before,
[data-jobs=映像制作] .interview_area .hdg_l6::before {
  background-color: var(--set-color5-);
}

[data-jobs=アナウンサー] .interview_prof_tag,
[data-jobs=アナウンサー] .interview_area .hdg_l6,
[data-jobs=アナウンサー] .schedule_area_txt {
  color: var(--set-color6-) !important;
}

[data-jobs=アナウンサー] .interview_prof_tag::before,
[data-jobs=アナウンサー] .interview_area .hdg_l6::before {
  background-color: var(--set-color6-);
}

[data-jobs=経営管理・営業] .interview_prof_tag,
[data-jobs=経営管理・営業] .interview_area .hdg_l6,
[data-jobs=経営管理・営業] .schedule_area_txt {
  color: var(--set-color7-) !important;
}

[data-jobs=経営管理・営業] .interview_prof_tag::before,
[data-jobs=経営管理・営業] .interview_area .hdg_l6::before {
  background-color: var(--set-color7-);
}

[data-jobs=メディアエンジニア] .interview_prof_tag,
[data-jobs=メディアエンジニア] .interview_area .hdg_l6,
[data-jobs=メディアエンジニア] .schedule_area_txt {
  color: var(--set-color8-) !important;
}

[data-jobs=メディアエンジニア] .interview_prof_tag::before,
[data-jobs=メディアエンジニア] .interview_area .hdg_l6::before {
  background-color: var(--set-color8-);
}

.int_movie_area {
  margin-top: 85px;
  padding: 0 calc(2.6vw + 5%);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.int_movie_area_img {
  width: 48.5%;
}

.int_movie_area_img figcaption {
  margin-top: 17px;
}

.int_movie_fig {
  display: block;
  position: relative;
}

.int_movie_fig::before {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background: url(/saiyo/interview/img/icon_play.svg) no-repeat center center;
}

.int_movie_fig:hover::before {
  background: url(/saiyo/interview/img/icon_play.svg) rgba(0, 0, 0, 0.5) no-repeat center center;
}

.profile_area {
  border: 1px solid #E0E3E7;
  padding: 40px 50px;
  background-color: white;
}

.profile_hdg {
  font-size: var(--font-size-20);
}

.profile_hdg span {
  font-size: var(--font-size-14);
}

[class*=contents_sec] .profile_txt {
  margin-top: 15px;
  line-height: 1.8;
}

.profile_qa {
  margin-top: 30px;
  margin-left: 23px;
}

.profile_qa + .profile_qa {
  margin-top: 20px;
}

.profile_qa_hdg {
  font-size: var(--font-size-14);
  position: relative;
}

.profile_qa_hdg span {
  font-size: var(--font-size-18);
  position: absolute;
  left: -1.3em;
  top: -1px;
  color: var(--key-color);
  font-weight: bold;
}

.schedule_area {
  background: #EEF2F5;
  padding: 60px 50px;
  margin-bottom: 100px;
  position: relative;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.schedule_area::after {
  content: "";
  display: block;
  position: absolute;
  left: 100%;
  top: 0;
  width: calc(50vw - 8px - 50%);
  height: 100%;
  background-color: #EEF2F5;
  z-index: 1;
}

.schedule_area_inner {
  width: 48%;
}

.schedule_hdg {
  font-size: var(--font-size-22);
  margin-bottom: 30px;
  width: 100%;
}

.schedule_area_txt {
  position: relative;
  padding-left: 120px;
}

.schedule_area_txt + * {
  margin-top: 28px;
}

.schedule_area_txt time {
  position: absolute;
  left: 0;
  top: 0;
  font-size: var(--font-size-15);
  font-weight: bold;
}

.schedule_area_txt h3 {
  font-size: var(--font-size-14);
}

.schedule_area_txt p {
  font-size: var(--font-size-12);
  color: initial !important;
  line-height: 1.8;
}

.schedule_area_txt time::before {
  content: "";
  display: block;
  position: absolute;
  left: 70px;
  top: -3px;
}

.schedule_area_txt time[data-time="24:00"]::before,
.schedule_area_txt time[data-time="12:00"]::before,
.schedule_area_txt time[data-time="00:00"]::before {
  content: url(/saiyo/interview/img/time_1200.svg);
}

.schedule_area_txt time[data-time="12:30"]::before,
.schedule_area_txt time[data-time="00:30"]::before {
  content: url(/saiyo/interview/img/time_1230.svg);
}

.schedule_area_txt time[data-time="13:00"]::before,
.schedule_area_txt time[data-time="1:00"]::before {
  content: url(/saiyo/interview/img/time_0100.svg);
}

.schedule_area_txt time[data-time="13:30"]::before,
.schedule_area_txt time[data-time="1:30"]::before {
  content: url(/saiyo/interview/img/time_0130.svg);
}

.schedule_area_txt time[data-time="14:00"]::before,
.schedule_area_txt time[data-time="2:00"]::before {
  content: url(/saiyo/interview/img/time_0200.svg);
}

.schedule_area_txt time[data-time="14:30"]::before,
.schedule_area_txt time[data-time="2:30"]::before {
  content: url(/saiyo/interview/img/time_0230.svg);
}

.schedule_area_txt time[data-time="15:00"]::before,
.schedule_area_txt time[data-time="3:00"]::before {
  content: url(/saiyo/interview/img/time_0300.svg);
}

.schedule_area_txt time[data-time="15:30"]::before,
.schedule_area_txt time[data-time="3:30"]::before {
  content: url(/saiyo/interview/img/time_0330.svg);
}

.schedule_area_txt time[data-time="16:00"]::before,
.schedule_area_txt time[data-time="4:00"]::before {
  content: url(/saiyo/interview/img/time_0400.svg);
}

.schedule_area_txt time[data-time="16:30"]::before,
.schedule_area_txt time[data-time="4:30"]::before {
  content: url(/saiyo/interview/img/time_0430.svg);
}

.schedule_area_txt time[data-time="17:00"]::before,
.schedule_area_txt time[data-time="5:00"]::before {
  content: url(/saiyo/interview/img/time_0500.svg);
}

.schedule_area_txt time[data-time="17:30"]::before,
.schedule_area_txt time[data-time="5:30"]::before {
  content: url(/saiyo/interview/img/time_0530.svg);
}

.schedule_area_txt time[data-time="18:00"]::before,
.schedule_area_txt time[data-time="6:00"]::before {
  content: url(/saiyo/interview/img/time_0600.svg);
}

.schedule_area_txt time[data-time="18:30"]::before,
.schedule_area_txt time[data-time="6:30"]::before {
  content: url(/saiyo/interview/img/time_0630.svg);
}

.schedule_area_txt time[data-time="19:00"]::before,
.schedule_area_txt time[data-time="7:00"]::before {
  content: url(/saiyo/interview/img/time_0700.svg);
}

.schedule_area_txt time[data-time="19:30"]::before,
.schedule_area_txt time[data-time="7:30"]::before {
  content: url(/saiyo/interview/img/time_0730.svg);
}

.schedule_area_txt time[data-time="20:00"]::before,
.schedule_area_txt time[data-time="8:00"]::before {
  content: url(/saiyo/interview/img/time_0800.svg);
}

.schedule_area_txt time[data-time="20:30"]::before,
.schedule_area_txt time[data-time="8:30"]::before {
  content: url(/saiyo/interview/img/time_0830.svg);
}

.schedule_area_txt time[data-time="21:00"]::before,
.schedule_area_txt time[data-time="9:00"]::before {
  content: url(/saiyo/interview/img/time_0900.svg);
}

.schedule_area_txt time[data-time="21:30"]::before,
.schedule_area_txt time[data-time="9:30"]::before {
  content: url(/saiyo/interview/img/time_0930.svg);
}

.schedule_area_txt time[data-time="22:00"]::before,
.schedule_area_txt time[data-time="10:00"]::before {
  content: url(/saiyo/interview/img/time_1000.svg);
}

.schedule_area_txt time[data-time="22:30"]::before,
.schedule_area_txt time[data-time="10:30"]::before {
  content: url(/saiyo/interview/img/time_1030.svg);
}

.schedule_area_txt time[data-time="23:00"]::before,
.schedule_area_txt time[data-time="11:00"]::before {
  content: url(/saiyo/interview/img/time_1100.svg);
}

.schedule_area_txt time[data-time="23:30"]::before,
.schedule_area_txt time[data-time="11:30"]::before {
  content: url(/saiyo/interview/img/time_1130.svg);
}

/* about */
.about_area {
  margin-top: 116px;
  padding: 0 3.359375vw;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.about_area + .about_area {
  margin-top: 104px;
}

.about_area.re {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.about_area_txt {
  width: 46.3%;
}

.about_area_txt p {
  line-height: 2.02;
  font-size: var(--font-size-15);
}

.about_area.re .about_area_txt {
  margin-top: 9px;
}

.about_area_img {
  margin-top: 10px;
  width: 48.7%;
  font-size: var(--font-size-14);
}

.about_area_img figcaption {
  margin-top: 15px;
}

.about_area_txt .hdg_l4 {
  position: relative;
  margin-bottom: 56px;
}

.about_area_txt .hdg_l4::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -18px;
  left: 5px;
  width: 78px;
  height: 6px;
  background: #E0E3E7;
}

.about_area_link {
  margin: 10px 0 30px;
}

.about_area_link a {
  display: block;
  color: #DF1E1E;
  word-break: break-all;
  text-decoration: underline;
}

.about_area_link a:hover {
  opacity: 0.6;
}

.about_area_link a + a {
  margin-top: 5px;
}

.about_area_hdg {
  font-size: var(--font-size-16);
  margin: 30px 0 15px;
}

.company_list {
  border: 1px solid #E0E3E7;
  padding: 30px;
  border-radius: 20px;
  margin-top: 38px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: white;
}

.company_list + .company_list {
  margin-top: 20px;
}

.company_list_name {
  font-size: var(--font-size-22);
  width: 45%;
}

.company_list_name a {
  color: black;
}

.company_list_txt {
  font-size: var(--font-size-14);
  width: 50%;
}

.company_list_inner {
  width: 100%;
  border-top: 1px solid #E0E3E7;
  padding: 20px 30px;
  margin-top: 30px;
}

.company_list_inner + .company_list_inner {
  margin-top: 0;
}

/*
.company_list_inner .company_list_name { font-size:var(--font-size-16); width:50%; }
.company_list_inner .company_list_txt { font-size:var(--font-size-13); width:50%; }
*/
.company_list_inner .company_list_name {
  width: 50%;
}

.company_list_inner .company_list_txt {
  width: 50%;
}

[class*=contents_sec] p + p.company_list_txt {
  margin-top: 0;
}

.group_img {
  display: block;
  max-width: 1080px;
  margin: 62px auto 0;
}

.group_img + .contents_sec_child {
  margin-top: 120px;
}

.vision_area {
  width: calc(100% + 8.75vw);
  margin: 64px -4.375vw 0;
  background: url(/saiyo/about/vision/img/bg_vision.jpg) no-repeat right bottom/cover;
  padding: 8.1vw 8vw 7.9vw;
  position: relative;
}

.vision_area::after {
  content: url(/saiyo/about/vision/img/mask_mv.svg);
  bottom: -4px;
  right: 0;
  position: absolute;
}

.vision_area_hdg {
  font-size: 2.5rem;
  margin-bottom: 25px;
}

.vision_area_txt {
  max-width: 522px;
}

@media screen and (max-width: 1140px) {
  .vision_area {
    background: url(/saiyo/about/vision/img/bg_vision.jpg) no-repeat right 93% bottom/cover;
  }
}
.strategy_area {
  margin-top: 43px;
}

.strategy_area + .strategy_area {
  margin-top: 60px;
}

.strategy_area_inner {
  position: relative;
  padding-left: 43px;
  margin-top: 49px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.strategy_area::after {
  content: "";
  clear: both;
  display: block;
}

.strategy_area_txt {
  width: 52.5%;
  font-size: var(--font-size-15);
  float: left;
}

.strategy_area_img {
  width: 37.5%;
  float: right;
}

.strategy_contents {
  width: 58%;
  padding-right: 12%;
  margin-top: 41px;
  float: left;
}

.strategy_contents_inner + .strategy_contents_inner {
  margin-top: 34px;
}

.strategy_contents a:hover {
  opacity: 0.6;
}

.strategy_contents_img {
  width: 145px;
}

.strategy_contents_txt {
  width: calc(100% - 171px);
  margin-left: 26px;
  padding-top: 11px;
}

.strategy_contents_txt h4 {
  font-size: var(--font-size-14);
}

.strategy_contents_txt p {
  font-size: var(--font-size-12);
  margin-top: 8px;
  line-height: 1.7;
}

/* recruitment */
.contents_sec._rec {
  margin-top: 60px;
  display: none;
}

.contents_sec._rec.is-show {
  display: block;
}

.rec_nav {
  margin: 60px 0 80px;
}

.rec_nav_list {
  gap: 9px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottsom: 18px;
}

.rec_nav_list li {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 calc(25% - 9px);
          flex: 1 1 calc(25% - 9px);
}

.rec_nav_list li div {
  cursor: pointer;
  font-weight: bold;
  display: block;
  padding: 14px 30px 14px 17px;
  position: relative;
  font-size: var(--font-size-11);
  position: relative;
  background-color: #F1F4F6;
}

.rec_nav_list_tag1 div {
  color: var(--set-color1-);
}

.rec_nav_list_tag2 div {
  color: var(--set-color2-);
}

.rec_nav_list_tag3 div {
  color: var(--set-color3-);
}

.rec_nav_list_tag4 div {
  color: var(--set-color4-);
}

.rec_nav_list_tag5 div {
  color: var(--set-color5-);
}

.rec_nav_list_tag6 div {
  color: var(--set-color6-);
}

.rec_nav_list_tag7 div {
  color: var(--set-color7-);
}

.rec_nav_list_tag8 div {
  color: var(--set-color8-);
}

.rec_nav_list_tag1 div:after {
  background-color: var(--set-color1-);
}

.rec_nav_list_tag2 div:after {
  background-color: var(--set-color2-);
}

.rec_nav_list_tag3 div:after {
  background-color: var(--set-color3-);
}

.rec_nav_list_tag4 div:after {
  background-color: var(--set-color4-);
}

.rec_nav_list_tag5 div:after {
  background-color: var(--set-color5-);
}

.rec_nav_list_tag6 div:after {
  background-color: var(--set-color6-);
}

.rec_nav_list_tag7 div:after {
  background-color: var(--set-color7-);
}

.rec_nav_list_tag8 div:after {
  background-color: var(--set-color8-);
}

[class*=rec_nav_list_tag] div::after {
  content: "";
  display: block;
  position: absolute;
  right: 16px;
  top: calc(50% - 4px);
  width: 7px;
  height: 7px;
  border-radius: 50%;
}

[class*=rec_nav_list_tag] div:hover::after {
  background-color: white !important;
}

[class*=rec_nav_list_tag].is-active div::after {
  background-color: white !important;
}

[class*=rec_nav_list_tag] div:hover,
[class*=rec_nav_list_tag].is-active div {
  color: white !important;
}

.rec_nav_list_tag1 div:hover,
.rec_nav_list_tag1.is-active div {
  background-color: var(--set-color1-);
}

.rec_nav_list_tag2 div:hover,
.rec_nav_list_tag2.is-active div {
  background-color: var(--set-color2-);
}

.rec_nav_list_tag3 div:hover,
.rec_nav_list_tag3.is-active div {
  background-color: var(--set-color3-);
}

.rec_nav_list_tag4 div:hover,
.rec_nav_list_tag4.is-active div {
  background-color: var(--set-color4-);
}

.rec_nav_list_tag5 div:hover,
.rec_nav_list_tag5.is-active div {
  background-color: var(--set-color5-);
}

.rec_nav_list_tag6 div:hover,
.rec_nav_list_tag6.is-active div {
  background-color: var(--set-color6-);
}

.rec_nav_list_tag7 div:hover,
.rec_nav_list_tag7.is-active div {
  background-color: var(--set-color7-);
}

.rec_nav_list_tag8 div:hover,
.rec_nav_list_tag8.is-active div {
  background-color: var(--set-color8-);
}

.rec_nav_list_inner {
  padding: 20px 16px;
  font-size: var(--font-size-11);
  display: none;
}

.rec_nav_list_inner li + li {
  margin-top: 8px;
}

.rec_nav_open {
  margin-top: 20px;
}

/* header */
.nr-common-breakingnews + .header.scl {
  top: 0px;
}

.header.scl .logo {
  top: 83px;
  position: absolute;
}

.header.scl .nav_symbol {
  top: 73px;
  position: absolute;
}

.header.scl.active .nav_global_inner {
  top: 56px;
  position: absolute;
}

.header.scl.active .nav_entry {
  top: 18px;
}

/*
.header .logo,
.nav_global,
.nav_symbol { transition:0.3s; }
*/
.header {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 12;
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.header .logo {
  position: fixed;
  top: 27px;
  left: 40px;
  z-index: 12;
}

.header .logo img {
  width: 100px;
  margin-right: 19px;
}

.header .logo_txt {
  position: relative;
  top: 6px;
  color: var(--key-color);
  font-size: var(--font-size-13);
  font-weight: bold;
}

.nav_global {
  width: 100%;
  font-size: var(--font-size-14);
  position: relative;
}

.nav_global_inner {
  position: relative;
}

.nav_global_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  position: absolute;
  right: 236px;
  top: 77px;
}

.nav_global_list {
  right: 386px;
}

.career .nav_global_list {
  right: 386px;
}

.nav_global_list .nav_global_btn {
  cursor: pointer;
  display: block;
  padding: 5px 0;
  text-decoration: none;
  color: black;
  font-weight: bold;
  padding: 12px 18px;
  line-height: normal;
}

.nav_global_list > li {
  display: inline-block;
  letter-spacing: normal;
  position: relative;
}

.nav_global_list .nav_global_btn:hover + .nav_list {
  display: block;
}

.nav_global_list a {
  -webkit-transition: initial;
  transition: initial;
}

@media screen and (max-width: 1220px) {
  .nav_global_list {
    display: none;
  }
}
@media screen and (max-width: 1220px) {
  .career .nav_global_list {
    display: none;
  }
}
.nav_global_list > li.is-show {
  -webkit-animation: nav_slideup 0.5s forwards;
          animation: nav_slideup 0.5s forwards;
}

@-webkit-keyframes nav_slideup {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes nav_slideup {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.nav_global_list a.nav_global_btn:hover {
  color: var(--key-color);
}

.nav_global_list .nav_global_btn:hover + .nav_list,
.nav_global_list .nav_list:hover {
  opacity: 1;
  visibility: visible;
  top: 100%;
  background-color: var(--bg-color-gr2);
}

.nav_global_list .nav_list {
  -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 120%;
  left: calc(50% - 70px);
  text-align: left;
  width: 240px;
  border-radius: 20px;
  padding: 20px 25px;
}

.nav_global_list .nav_list li + li {
  margin-top: 7px;
}

.nav_global_list .nav_list a {
  color: initial;
  font-size: var(--font-size-12);
  display: block;
}

.nav_global_list .nav_list a:hover {
  color: var(--key-color);
}

.nav_global_list .nav_list.is-show {
  -webkit-animation: nav_slideup3 0.5s forwards;
          animation: nav_slideup3 0.5s forwards;
}

.header.active .nav_global_list .nav_list.is-show {
  -webkit-animation: initial;
          animation: initial;
}

@-webkit-keyframes nav_slideup3 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(7px);
            transform: translateY(7px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes nav_slideup3 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(7px);
            transform: translateY(7px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.nav_global .nav_global_item {
  display: none;
}

.nav_global .nav_global_item.is-show {
  -webkit-animation: nav_slideup2 0.5s forwards;
          animation: nav_slideup2 0.5s forwards;
}

@-webkit-keyframes nav_slideup2 {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes nav_slideup2 {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.nav_entry {
  width: 290px;
  position: absolute;
  top: 74px;
  right: 75px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  z-index: 12;
  letter-spacing: -1em;
}

.nav_entry .nav_link {
  width: 140px;
  padding: 9px 7px 9px 0;
  font-size: var(--font-size-13);
}

.nav_entry a .en {
  display: none;
}

.nav_entry a span {
  display: block;
  font-size: var(--font-size-11);
  margin: 3px 0 0;
}

.nav_entry li {
  display: inline-block;
  letter-spacing: normal;
  position: relative;
}

.nav_entry li + li {
  margin-left: 10px;
}

.nav_entry .caption {
  display: block;
  width: 100%;
  font-size: 11px;
  text-align: center;
  letter-spacing: normal;
  margin-top: 8px;
}

.nav_entry .caption::after {
  content: url(/saiyo/common/img/icon_tab.svg);
  margin-left: 7px;
  position: relative;
  top: 1px;
}

.nav_symbol {
  position: fixed;
  top: 18px;
  right: 18px;
  z-index: 20;
}

.nav_symbol_btn {
  position: relative;
  background: var(--bg-color-gr);
  cursor: pointer;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  border: none;
  margin-left: 10px;
}

.nav_symbol_btn-box,
.nav_symbol_btn:before,
.nav_symbol_btn:after {
  content: "";
  display: block;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  position: absolute;
  background: black;
  left: calc(50% - 8px);
  width: 16px;
  height: 2px;
  z-index: 2;
}

.nav_symbol_btn-txt {
  display: none;
}

.nav_symbol_btn:before {
  top: 14px;
}

.nav_symbol_btn:after {
  top: 28px;
}

.nav_symbol_btn-box {
  top: 21px;
}

.nav_bg {
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.header.active .nav_bg {
  opacity: 1;
  pointer-events: all;
}

@media screen and (max-width: 767px) {
  .nav_bg {
    display: none;
  }
}
.active.logo svg {
  fill: white;
}

.active .logo_txt {
  color: white;
}

.active.nav_global {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-right: 0;
}

.active .nav_global_inner {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  background: url(/saiyo/common/img/nav_bg.jpg) no-repeat white left top/auto 100%;
  padding: 128px 5.859375vw 80px 32.8vw;
  z-index: 11;
}

.active .nav_global_inner.bg1 {
  background: url(/saiyo/common/img/nav/nav_photo_1.jpg) no-repeat white left top/auto 100%;
}

.active .nav_global_inner.bg2 {
  background: url(/saiyo/common/img/nav/nav_photo_2.jpg) no-repeat white left top/auto 100%;
}

.active .nav_global_inner.bg3 {
  background: url(/saiyo/common/img/nav/nav_photo_3.jpg) no-repeat white left top/auto 100%;
}

.active .nav_global_inner.bg4 {
  background: url(/saiyo/common/img/nav/nav_photo_4.jpg) no-repeat white left top/auto 100%;
}

.active .nav_global_inner.bg5 {
  background: url(/saiyo/common/img/nav/nav_photo_5.jpg) no-repeat white left top/auto 100%;
}

.active .nav_global_inner.bg6 {
  background: url(/saiyo/common/img/nav/nav_photo_6.jpg) no-repeat white left top/auto 100%;
}

.active .nav_global_inner.bg7 {
  background: url(/saiyo/common/img/nav/nav_photo_7.jpg) no-repeat white left top/auto 100%;
}

.active .nav_global_inner.bg8 {
  background: url(/saiyo/common/img/nav/nav_photo_8.jpg) no-repeat white left top/auto 100%;
}

@media screen and (max-width: 1100px) {
  .active .nav_global_inner {
    background: url(/saiyo/common/img/nav_bg.jpg) no-repeat white -95px top/auto 100%;
  }
}
.active .nav_global_inner.career {
  background: url(/saiyo/common/img/nav/nav_cr_bg.jpg) no-repeat white left top/auto 100%;
}

@media screen and (max-width: 1100px) {
  .active .nav_global_inner {
    background: url(/saiyo/common/img/nav/nav_cr_bg.jpg) no-repeat white -95px top/auto 100%;
  }
}
.active .nav_entry {
  top: 19px;
}

.active .nav_global_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  text-align: left;
  width: 100%;
  position: initial;
}

.active .nav_global_list > li {
  width: 33.33%;
}

.active .nav_global_list > li:nth-child(4),
.active .nav_global_list > li:nth-child(5) {
  margin-top: -110px;
}

.active .nav_global_list .nav_global_btn {
  font-size: var(--font-size-18);
  margin-bottom: 15px;
  padding: 0;
}

.active .nav_global_list .nav_global_btn::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 10px;
  background-color: var(--key-color);
  border-radius: 50%;
  position: relative;
  top: -2px;
}

.active .nav_global_list .nav_global_btn:hover + .nav_list,
.active .nav_global_list .nav_list:hover {
  background: none;
}

.active .nav_global_list .nav_list {
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: 1;
  visibility: visible;
  position: initial;
  width: auto;
  padding: 0;
  background-color: none;
  border-radius: none;
  background: none;
  border-radius: 0;
  padding: 0;
}

.active .nav_global_list .nav_list li + li {
  margin-top: 6px;
}

.active .nav_global_list .nav_list a {
  font-size: var(--font-size-12);
  color: initial;
}

.active .nav_global_list .nav_list a:hover {
  color: var(--key-color);
}

.active .nav_global_item {
  display: block;
  margin-top: 70px;
}

.active .nav_global_item li {
  display: inline-block;
}

.active .nav_global_item li + li {
  margin-left: 4px;
}

.active .nav_global_item .nav_link {
  width: 173px;
  font-size: var(--font-size-12);
}

.active .nav_global_item .nav_link::before {
  top: calc(50% - 9px);
  right: 9px;
  width: 17px;
  height: 17px;
}

.active .nav_global_item .nav_link:after {
  top: calc(50% - 10px);
  right: 9px;
  width: 17px;
  height: 17px;
}

.active .nav_symbol_btn:before,
.active .nav_symbol_btn:after {
  left: calc(50% - 9px);
  width: 20px;
}

.active .nav_symbol_btn:before {
  top: 15px;
  -webkit-transform: translateY(6px) rotate(-45deg);
          transform: translateY(6px) rotate(-45deg);
}

.active .nav_symbol_btn:after {
  top: 27px;
  -webkit-transform: translateY(-6px) rotate(45deg);
          transform: translateY(-6px) rotate(45deg);
}

.active .nav_symbol_btn-box {
  width: 0;
  opacity: 0;
}

.mv {
  width: 100%;
  position: relative;
}

.mv_slider {
  width: 56.25vw;
  position: sticky;
  top: 0;
  min-height: 500px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.mv-swip {
  overflow: hidden;
  position: relative;
}

.mv .swiper-utility {
  margin: 2.36vw 0 0 2.8125vw;
}

.mv_txt {
  margin: -27vw 0 0 62.7vw;
  padding: 0 0 300px;
  background: url(/saiyo/common/img/logo.svg) no-repeat left bottom 22%/120px auto;
}

.mv_txt h1 {
  font-size: var(--font-top-hdg-mv);
  margin-bottom: 5vw;
}

.mv_txt p {
  font-size: var(--font-size-17);
  line-height: 2.3;
  letter-spacing: 0;
}

.mv_txt h1.is-show {
  -webkit-animation: mask-slide 1s cubic-bezier(0.65, 0, 0.35, 1) forwards;
          animation: mask-slide 1s cubic-bezier(0.65, 0, 0.35, 1) forwards;
}

.mv_txt p.is-show {
  -webkit-animation: mask-slide 1s cubic-bezier(0.65, 0, 0.35, 1) forwards;
          animation: mask-slide 1s cubic-bezier(0.65, 0, 0.35, 1) forwards;
}

@-webkit-keyframes mask-slide {
  0% {
    opacity: 1;
    clip-path: polygon(0 0%, 0% 0%, 0% 100%, 0% 100%);
  }
  100% {
    opacity: 1;
    clip-path: polygon(0% 0%, 100% 0, 100% 100%, 0% 100%);
  }
}

@keyframes mask-slide {
  0% {
    opacity: 1;
    clip-path: polygon(0 0%, 0% 0%, 0% 100%, 0% 100%);
  }
  100% {
    opacity: 1;
    clip-path: polygon(0% 0%, 100% 0, 100% 100%, 0% 100%);
  }
}
.top_news {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 800px;
  border-radius: 100px;
  border: 1px solid #E0E3E7;
  background-color: white;
  padding: 16px 40px;
  margin: 50px auto 12.8125vw;
}

.top_news_hdg {
  font-family: var(--en-font);
  color: var(--key-color);
  font-size: var(--font-size-18);
}

.top_news_list {
  width: calc(100% - 93px);
  padding: 0;
  margin-left: 30px;
  font-size: var(--font-size-16);
  line-height: 1.6;
}

.top_news_list time {
  font-family: "Inter", sans-serif;
  margin-right: 20px;
}

.top_news_list li {
  text-indent: -5.3em;
  padding-left: 5.3em;
  font-size: var(--font-size-14);
}

.top_news_list a {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}

.top_news_list a:hover {
  color: var(--key-color);
}

.top_about {
  width: 100%;
}

.top_about_wrap {
  width: 100%;
  height: 200vh;
  position: relative;
}

.top_about_sticky {
  width: 100%;
  height: 100vh;
  padding: 1.40625vw;
  position: sticky;
  top: 0;
}

.top_about_inner_wrap {
  width: 100%;
  height: 100%;
  background-color: #000;
  border-radius: 2.8125vw;
  position: relative;
  overflow: hidden;
}

.top_about_inner {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 7.8125vw;
  z-index: 20;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.top_about_hdg {
  line-height: 1.4;
  letter-spacing: -0.05em;
  font-size: 2.81rem;
}

.top_about_hdg span {
  letter-spacing: 0;
  font-family: var(--en-font);
}

.top_about_txt {
  max-width: 490px;
  margin: 30px 0 50px;
  line-height: 1.8;
  font-size: var(--font-size-17);
}

.top_about_swip {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.top_about_swip::before {
  content: "";
  width: 100%;
  height: 100%;
  background: url("/saiyo/img/cover_about.png") center center no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  opacity: 1;
}

.top_about_swip_inner {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.top_about_swip_inner:nth-child(n+2) {
  clip-path: circle(0% at 50% 50%);
  -webkit-transition: clip-path 1s cubic-bezier(0.65, 0, 0.35, 1), -webkit-transform 6s cubic-bezier(0.65, 0, 0.35, 1);
  transition: clip-path 1s cubic-bezier(0.65, 0, 0.35, 1), -webkit-transform 6s cubic-bezier(0.65, 0, 0.35, 1);
  transition: clip-path 1s cubic-bezier(0.65, 0, 0.35, 1), transform 6s cubic-bezier(0.65, 0, 0.35, 1);
  transition: clip-path 1s cubic-bezier(0.65, 0, 0.35, 1), transform 6s cubic-bezier(0.65, 0, 0.35, 1), -webkit-transform 6s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transform: scale(1);
          transform: scale(1);
}

.top_about_swip_inner:nth-child(n+2).is-show {
  -webkit-transition: clip-path 1s cubic-bezier(0.65, 0, 0.35, 1), -webkit-transform 3s cubic-bezier(0.33, 1, 0.68, 1);
  transition: clip-path 1s cubic-bezier(0.65, 0, 0.35, 1), -webkit-transform 3s cubic-bezier(0.33, 1, 0.68, 1);
  transition: clip-path 1s cubic-bezier(0.65, 0, 0.35, 1), transform 3s cubic-bezier(0.33, 1, 0.68, 1);
  transition: clip-path 1s cubic-bezier(0.65, 0, 0.35, 1), transform 3s cubic-bezier(0.33, 1, 0.68, 1), -webkit-transform 3s cubic-bezier(0.33, 1, 0.68, 1);
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  clip-path: circle(75% at 50% 50%);
}

.top_about_swip_img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.top_about_swip_img span {
  width: 100%;
  height: 100%;
  display: block;
  background-size: cover;
  background-position: center center;
  position: absolute;
  top: 0;
  left: 0;
}

.top_about_swip_img span.sp {
  display: none;
}

@media screen and (max-width: 768px) {
  .top_about_swip_img span.pc {
    display: none;
  }
  .top_about_swip_img span.sp {
    display: block;
  }
}
.top_job {
  width: 100%;
  padding: 0 50px;
  position: relative;
  margin-top: 200px;
  overflow: hidden;
}

.top_job_txt {
  width: 64.83%;
  font-size: var(--font-size-17);
  line-height: 2;
}

.top_job .btn {
  position: absolute;
  right: 50px;
  top: 80px;
}

.top_job .nav_link {
  font-size: var(--font-size-15);
  padding: 25px 0;
}

.top_job_list {
  margin-top: 70px;
}

.top_job_list li {
  margin-right: 1%;
  position: relative;
  overflow: hidden;
  border-radius: 19px;
}

.top_job_list li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(60%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.5) 100%);
  pointer-events: none;
}

.top_job_list li .btn-dot {
  width: 64px;
  height: 64px;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  bottom: 16px;
  right: 16px;
  z-index: 1;
  -webkit-transform: scale(0.175);
          transform: scale(0.175);
  -webkit-transition: all 0.25s cubic-bezier(0.65, 0, 0.35, 1);
  transition: all 0.25s cubic-bezier(0.65, 0, 0.35, 1);
}

.top_job_list li .btn-dot::before {
  content: "";
  width: 100%;
  height: 100%;
  background: url("/saiyo/common/img/icon_arrow_r.svg") no-repeat center center;
  background-size: 14px auto;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.top_job_list li a:hover .btn-dot {
  -webkit-transition: all 0.25s cubic-bezier(0.33, 1, 0.68, 1);
  transition: all 0.25s cubic-bezier(0.33, 1, 0.68, 1);
  -webkit-transform: scale(1);
          transform: scale(1);
}

.top_job_list li a:hover .btn-dot::before {
  -webkit-animation: arrow-anim 0.5s cubic-bezier(0.33, 1, 0.68, 1) forwards;
          animation: arrow-anim 0.5s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}

@keyframes arrow-anim {
  0% {
    opacity: 0;
    -webkit-transform: translate(-25%);
            transform: translate(-25%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translate(-25%);
            transform: translate(-25%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0%);
            transform: translate(0%);
  }
}
.top_job_list_hdg {
  position: absolute;
  bottom: 35px;
  left: 30px;
  font-size: var(--font-size-28);
  z-index: 2;
  font-weight: bold;
}

.top_job_list_hdg span {
  font-size: var(--font-size-18);
  font-weight: normal;
}

.top_job_list_img img {
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.top_job_list a {
  color: white;
}

.top_job_list a:hover:after {
  background: url("/saiyo/common/img/icon_arrow_r.svg") white no-repeat center 50%/auto 30%;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.top_job_list a:hover .top_job_list_img > * {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.top_person {
  width: 100%;
  padding: 11.71875vw 4vw 8.4375vw;
  position: relative;
  margin-top: 200px;
  background-color: #EEF2F5;
  overflow: hidden;
}

.top_person .swiper-slide {
  height: auto;
}

.top_person .nav_link {
  margin: 3.8125vw auto 0;
}

.top_person_list {
  margin-top: 5.625vw;
}

.top_person_list li {
  height: 100%;
  background-color: white;
}

.top_person_list li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.top_person_list a {
  display: block;
  color: initial;
  background-color: white;
  height: 100%;
}

.top_person_list a:hover {
  opacity: 0.8;
}

.top_person_list_inner {
  font-size: var(--font-top-hdg1);
  position: relative;
  padding: 50px 5% 60px 290px;
  height: 100%;
}

.top_person_list span[class*=tag] {
  display: block;
  font-size: var(--font-size-13);
  font-family: var(--en-font);
}

.top_person_list span[class*=tag]::before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  margin-right: 7px;
  position: relative;
  top: -1px;
}

.top_person_list_hdg {
  font-size: var(--font-top-hdg2);
  margin: 20px 0;
}

.top_person_list_txt {
  font-size: var(--font-size-13);
  margin-top: 20px;
}

.top_person_list_name {
  font-size: var(--font-size-16);
  font-weight: bold;
  display: block;
}

.top_person_list_img {
  position: absolute;
  left: 0;
  top: 0;
  width: 270px;
  height: 100%;
  overflow: hidden;
}

.top_person_list_img > * {
  width: auto;
  height: 100%;
  position: relative;
  left: -40%;
}

.top_person .tag_list {
  position: absolute;
  top: 11vw;
  right: 4vw;
  width: 650px;
  letter-spacing: -1em;
}

.top_person .tag_list ul {
  display: table;
  margin-left: auto;
}

.top_person .tag_list ul a {
  display: block;
}

/*
.top_person .hdg_l1 { margin-bottom: 45px; }
*/
@media screen and (max-width: 950px) {
  .top_person .hdg_l1 {
    margin-bottom: 82px;
  }
  .top_person .tag_list {
    width: 460px;
  }
}
.tag_list {
  text-align: right;
}

.tag_list li {
  letter-spacing: normal;
  display: inline-block;
  white-space: nowrap;
  margin-bottom: 10px;
}

.tag_list li + li {
  border-left: 5px solid rgba(0, 0, 0, 0);
}

.tag_list [class*=tag] {
  font-family: var(--en-font);
  padding: 7px 15px;
  background-color: white;
  font-size: var(--font-size-12);
  border-radius: 100px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.tag_list [class*=tag]::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 6px;
  border-radius: 50%;
  position: relative;
  top: -1px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.tag_list [class*=tag]:hover {
  color: white;
}

.tag_list [class*=tag]:hover::before {
  background-color: white;
}

.tag_list .tag1:hover {
  background-color: var(--set-color1-);
}

.tag_list .tag2:hover {
  background-color: var(--set-color2-);
}

.tag_list .tag3:hover {
  background-color: var(--set-color3-);
}

.tag_list .tag4:hover {
  background-color: var(--set-color4-);
}

.tag_list .tag5:hover {
  background-color: var(--set-color5-);
}

.tag_list .tag6:hover {
  background-color: var(--set-color6-);
}

.tag_list .tag7:hover {
  background-color: var(--set-color7-);
}

.tag_list .tag8:hover {
  background-color: var(--set-color8-);
}

.top_work {
  width: 100%;
  padding: 10.3125vw 4vw 18.75vw;
  position: relative;
  overflow: hidden;
}

.top_work_inner {
  width: 78.125vw;
  margin: 8.59375vw auto 0;
}

.top_work_hdg {
  width: 390px;
  font-size: var(--font-top-hdg1);
  letter-spacing: -1px;
}

.top_work_txt {
  width: 422px;
  font-size: var(--font-size-17);
  line-height: 2;
  margin-top: 40px;
}

.top_work .btn {
  margin-top: 3.125vw;
}

.top_work_img {
  position: relative;
}

[class*=img_num] {
  display: block;
  position: absolute;
  overflow: hidden;
  height: auto;
  border-radius: 50%;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}

.img_num1 {
  top: 9.84375vw;
  left: 48.4375vw;
  width: 26.171875vw;
}

.img_num2 {
  top: 27.03125vw;
  left: 75.078125vw;
  width: 20.15625vw;
}

.img_num3 {
  top: 40.9375vw;
  left: 59.0625vw;
  width: 14.921875vw;
}

.career #main {
  padding: 153px 0 220px;
}

.career .mv {
  padding-bottom: 0;
}

.career .mv .mv_inner {
  width: 94vw;
}

.career .mv .mask {
  -webkit-mask-image: url(/saiyo/career/img/mask_career.svg);
          mask-image: url(/saiyo/career/img/mask_career.svg);
}

.career .mv + .top_news {
  margin: 65px auto 81px;
}

.career .nav_scroll {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  right: 0;
  top: initial;
  bottom: 53px;
}

.career_requests {
  padding: 0 50px;
}

.career_requests_hdg {
  font-size: var(--font-size-30);
  margin-bottom: 20px;
}

.career_requests_hdg::before {
  content: "";
  display: inline-block;
  width: 11px;
  height: 11px;
  margin-right: 13px;
  background-color: var(--key-color);
  border-radius: 50%;
  position: relative;
  top: -5px;
}

.career_requests_list {
  gap: 20px 20px;
  margin-top: 41px;
}

.career_requests_list li {
  width: calc(20% - 16px);
}

.career_requests_bg1 {
  background-color: var(--set-color1-);
}

.career_requests_bg2 {
  background-color: var(--set-color2-);
}

.career_requests_bg3 {
  background-color: var(--set-color3-);
}

.career_requests_bg4 {
  background-color: var(--set-color4-);
}

.career_requests_bg5 {
  background-color: var(--set-color5-);
}

.career_requests_bg6 {
  background-color: var(--set-color6-);
}

.career_requests_bg7 {
  background-color: var(--set-color7-);
}

.career_requests_bg8 {
  background-color: var(--set-color8-);
}

[class*=career_requests] a:hover .career_requests_list_img img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.career_requests_list_img {
  overflow: hidden;
}

.career_requests_list_img img {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.career_requests_list_txt {
  font-size: var(--font-size-15);
  padding: 20px 20px 22px;
  color: white;
}

.career_contents {
  margin-top: 187px;
  padding: 0 50px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

.career_contents + .career_contents {
  margin-top: 80px;
}

.career_contents_cap {
  display: block;
  color: var(--key-color);
  font-size: var(--font-size-19);
  margin-bottom: 20px;
}

.career_contents_cap::before {
  content: "";
  display: block;
  top: 0;
  left: 0;
  width: 78px;
  height: 6px;
  background-color: #E0E3E7;
  margin-bottom: 33px;
}

.career_contents_hdg {
  font-size: var(--font-size-hdg2);
}

.career_contents.re {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.career_contents_img {
  width: 64%;
}

.career_contents_img.mask {
  -webkit-mask-image: url(/saiyo/career/img/mask_career2.svg);
          mask-image: url(/saiyo/career/img/mask_career2.svg);
}

.career_contents_txt {
  width: 36%;
  padding: 0 35px 0 58px;
}

.career_contents_txt .hdg_l4 {
  line-height: 1.49;
  margin-bottom: 19px;
}

.career_contents_txt p {
  font-size: var(--font-size-15);
  margin-bottom: 30px;
  line-height: 1.6;
}

.career_contents_txt .btn .nav_link {
  width: 220px;
  padding: 20px;
}

.career_contents_txt .btn .nav_link:before,
.career_contents_txt .btn .nav_link:after {
  right: 11px;
}

.career_contents.re .career_contents_txt {
  padding: 0 43px 0 38px;
}

.career_recruitment .contents_sec_child {
  margin-top: 45px;
}

.career_recruitment .contents_sec._rec {
  margin-top: 90px;
}

footer {
  background-color: #F7F9FB;
  padding: 96px 50px 50px;
}

footer .inner {
  max-width: 1200px;
  margin: 0 auto 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

footer .logo_area {
  width: 21.9%;
}

footer .logo_area .logo {
  width: 90px;
  margin-bottom: 5px;
}

footer .logo_area .txt {
  font-size: var(--font-size-11);
  font-family: var(--en-font);
  color: var(--key-color);
}

footer .nav_contents {
  padding-right: 3%;
  width: 21.5%;
}

footer .nav_contents:nth-child(6) {
  width: 14%;
  padding-right: 0;
}

footer .nav_hdg {
  font-size: var(--font-size-14);
  margin-bottom: 28px;
  line-height: 0;
}

footer .nav_hdg::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 4px;
  background-color: var(--key-color);
  border-radius: 50%;
  position: relative;
  top: -2px;
}

footer .nav_list li + li {
  margin-top: 4px;
}

footer .nav_list a {
  font-size: var(--font-size-12);
  color: initial;
}

footer .nav_list a:hover {
  color: var(--key-color);
}

footer .nav_join {
  text-align: center;
}

footer .nav_join li {
  display: inline-block;
}

footer .nav_join li:nth-child(2) {
  margin-left: 10px;
}

footer .nav_join .nav_link {
  width: 273px;
  padding: 20px;
  font-size: var(--font-size-10);
}

footer .nav_join .nav_link .en {
  font-size: var(--font-size-16);
}

footer .nav_join .nav_link:before {
  top: calc(50% - 11px);
}

footer .nav_join li:nth-child(2) .nav_link:before {
  right: 17px;
}

footer .nav_join .caption {
  display: block;
  width: 100%;
  font-size: 11px;
  text-align: center;
  letter-spacing: normal;
  margin-top: 14px;
}

footer .nav_join .caption::after {
  content: url(/saiyo/common/img/icon_tab.svg);
  margin-left: 7px;
  position: relative;
  top: 1px;
}

.copy_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 70px;
}

.copy_area .btn .nav_link {
  width: 177px;
  font-size: var(--font-size-11);
  padding: 15px 0;
}

.copy_area .btn .nav_link:before {
  background: black;
  top: calc(50% - 11px);
  right: 7px;
  -webkit-transform: scale(0.21);
          transform: scale(0.21);
}

.copy_area .btn .nav_link:after {
  right: 1px;
  background: url(/saiyo/common/img/icon_arrow.svg) no-repeat 3px center;
}

.copy_area .btn .nav_link:hover::before {
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
}

.copy_area li {
  display: inline-block;
}

.copy_area small {
  font-size: var(--font-size-10);
  line-height: 1.8;
}

.copy_area small .en {
  display: block;
  font-size: var(--font-size-11);
}

/* swiper init */
.swiper {
  position: relative;
}

.swiper-pagination {
  display: inline-block;
  margin: -5px 0 0 1.25vw;
  position: initial;
}

.swiper-pagination-bullet {
  background: #D3DADF;
  opacity: 1;
}

.swiper-pagination-bullet-active {
  background: var(--key-color);
}

/* btn */
.swiper-utility {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 10;
}

.swiper_button {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  cursor: pointer;
  border: none;
  display: inline-block;
  background: url(/saiyo/img/icon_paused.svg) no-repeat #EFEFEF center center;
}

.paused .swiper_button {
  background-image: url(/saiyo/img/icon_start.svg);
}

.mv .swiper-pagination-bullet {
  width: 3.45vw;
  height: 2px;
  border-radius: 10px;
  background: #EFEFEF;
  position: relative;
}

.mv .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  content: "";
  position: absolute;
  width: 3.45vw;
  height: 2px;
  left: 0;
  top: 0;
  -webkit-animation: progress 6.2s normal ease;
          animation: progress 6.2s normal ease;
  background-color: var(--key-color);
  -webkit-animation-play-state: running;
          animation-play-state: running;
}

@-webkit-keyframes progress {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}

@keyframes progress {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
.mv .swiper-slide-active .swiper-img,
.mv .swiper-slide-duplicate-active .swiper-img,
.mv .swiper-slide-prev .swiper-img {
  -webkit-animation: zoomUp2 7s linear 0s normal both;
          animation: zoomUp2 7s linear 0s normal both;
}

.mv .swiper-slide .swiper-img img {
  height: auto;
  width: 100%;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

@-webkit-keyframes zoomUp2 {
  0% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }
  100% {
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
  }
}

@keyframes zoomUp2 {
  0% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }
  100% {
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
  }
}
.mv.paused .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}

/* pagination */
.top_job .swiper-pagination,
.top_person .swiper-pagination {
  position: initial;
  margin: 30px auto 0;
}

.swiper-pagination-clickable .swiper-pagination-bullet + span {
  margin-left: 0.625vw;
}

.swiper-button-next, .swiper-button-prev {
  top: calc(50% - 32px);
  background: var(--key-color);
  right: -32px;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.swiper-button-prev::before,
.swiper-button-next::before {
  content: "";
  width: 100%;
  height: 100%;
  background: url("/saiyo/common/img/icon_arrow.svg") no-repeat center center;
  background-size: 15px auto;
  position: absolute;
}

.swiper-button-prev:not(:disabled),
.swiper-button-next:not(:disabled) {
  -webkit-transition: all 0.25s cubic-bezier(0.65, 0, 0.35, 1);
  transition: all 0.25s cubic-bezier(0.65, 0, 0.35, 1);
}

.swiper-button-prev:not(:disabled):hover,
.swiper-button-next:not(:disabled):hover {
  -webkit-transition: all 0.25s cubic-bezier(0.33, 1, 0.68, 1);
  transition: all 0.25s cubic-bezier(0.33, 1, 0.68, 1);
}

.swiper-button-prev:not(:disabled):hover::before,
.swiper-button-next:not(:disabled):hover::before {
  -webkit-animation: arrow-anim-2 0.5s cubic-bezier(0.33, 1, 0.68, 1) forwards;
          animation: arrow-anim-2 0.5s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}

@-webkit-keyframes arrow-anim-2 {
  0% {
    opacity: 1;
    -webkit-transform: translate(0%);
            transform: translate(0%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translate(20%);
            transform: translate(20%);
  }
  51% {
    opacity: 0;
    -webkit-transform: translate(-20%);
            transform: translate(-20%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0%);
            transform: translate(0%);
  }
}

@keyframes arrow-anim-2 {
  0% {
    opacity: 1;
    -webkit-transform: translate(0%);
            transform: translate(0%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translate(20%);
            transform: translate(20%);
  }
  51% {
    opacity: 0;
    -webkit-transform: translate(-20%);
            transform: translate(-20%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0%);
            transform: translate(0%);
  }
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  left: -32px;
  right: initial;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  background: url("/saiyo/common/img/icon_arrow.svg") #ccc no-repeat 200% center;
}

.swiper-button-prev.swiper-button-disabled {
  background-color: #ccc;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: 1;
}

.swiper-button-next, .swiper-button-prev {
  z-index: 2;
}

.swiper-slide-active .swiper-img,
.swiper-slide-duplicate-active .swiper-img,
.swiper-slide-prev .swiper-img {
  -webkit-animation: zoomUp 10s linear 0s 1 normal both;
          animation: zoomUp 10s linear 0s 1 normal both;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}

@-webkit-keyframes zoomUp {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.15);
            transform: scale(1.15);
  }
}

@keyframes zoomUp {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.15);
            transform: scale(1.15);
  }
}
.dokos-embed-container {
  position: relative;
  padding-bottom: 56.25%;
  max-width: 100%;
  height: auto;
}

.dokos-embed-container iframe,
.dokos-embed-container object,
.dokos-embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.confirmation {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  background-color: white;
}

.confirmation.open {
  visibility: visible;
  opacity: 1;
}

.confirmation_logo {
  width: 100px;
  margin: 30px 40px;
}

.confirmation_inner {
  text-align: center;
  position: relative;
  top: calc(50% - 220px);
}

.confirmation_inner h2 {
  font-size: var(--font-size-20);
  font-weight: normal;
}

.confirmation_nav {
  margin-top: 45px;
  font-size: 0;
}

.confirmation_nav li {
  display: inline-block;
}

.confirmation_nav li + li {
  margin-left: 10px;
}

.confirmation_nav li a {
  width: 273px;
  font-size: var(--font-size-16);
  font-weight: normal;
  padding: 24px 0;
}

.confirmation_nav li .nav_link:before {
  background: black;
  right: 21px;
}

.confirmation_nav li .nav_link:after {
  background: url(/saiyo/common/img/icon_arrow.svg) no-repeat center;
  right: 21px;
}

/* new bg set */
#bg-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  min-height: 100vh;
  overflow: hidden;
}

#bg-wrap ul {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

#bg-wrap ul li {
  position: absolute;
  top: 0;
  left: 0;
  width: 38.59375vw;
}

#bg-wrap ul li img {
  width: 100%;
  height: auto;
}

#bg-wrap ul li:nth-child(1) {
  top: -51.5625vw;
  left: 66.25vw;
}

#bg-wrap ul li:nth-child(2) {
  top: 11.328125vw;
  left: 67.5vw;
}

#bg-wrap ul li:nth-child(3) {
  top: 71.40625vw;
  left: -25.859375vw;
}

#bg-wrap ul li:nth-child(4) {
  top: 93.75vw;
  left: -14.0625vw;
}

#bg-wrap ul li:nth-child(5) {
  top: 234.375vw;
  left: 74.53125vw;
}

#bg-wrap ul li:nth-child(6) {
  top: 261.71875vw;
  left: 63.28125vw;
}

#bg-wrap ul li:nth-child(7) {
  top: 316.40625vw;
  left: -15.625vw;
}

#bg-wrap ul li:nth-child(8) {
  top: 363.28125vw;
  left: 86.328125vw;
}

#bg-wrap ul li:nth-child(9) {
  top: 428.125vw;
  left: 76.71875vw;
}

#bg-wrap ul li:nth-child(10) {
  top: 459.375vw;
  left: 20.9375vw;
}

#bg-wrap ul li:nth-child(n+11) {
  display: none;
}

body.about-nhk #bg-wrap-secondary .first-rect {
  stroke: #FD2512;
}

body.jobs #bg-wrap-secondary .first-rect {
  stroke: #19AE7B;
}

body.interview #bg-wrap-secondary .first-rect {
  stroke: #006CFF;
}

body.job-description #bg-wrap-secondary .first-rect {
  stroke: #962199;
}

body.handicapped-recruitment #bg-wrap-secondary .first-rect {
  stroke: #50C8FF;
}

#bg-wrap-secondary {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -1;
  min-height: 100vh;
  overflow: hidden;
}

#bg-wrap-secondary ul.top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

#bg-wrap-secondary ul.top li {
  position: absolute;
  top: 0;
  left: 0;
  width: 38.59375vw;
}

#bg-wrap-secondary ul.top li img, #bg-wrap-secondary ul.top li svg {
  width: 100%;
  height: auto;
}

#bg-wrap-secondary ul.top li:nth-child(1) {
  top: -51.5625vw;
  left: 66.25vw;
}

#bg-wrap-secondary ul.top li:nth-child(2) {
  top: 11.328125vw;
  left: 67.5vw;
}

#bg-wrap-secondary ul.top li:nth-child(n+11) {
  display: none;
}

#bg-wrap-secondary .repeat-box {
  position: absolute;
  top: 156.25vw;
  left: 0;
  width: 100%;
  height: 30000px;
}

#bg-wrap-secondary .repeat-box > ul {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1000px;
}

#bg-wrap-secondary .repeat-box > ul:nth-child(2) {
  top: 585.9375vw;
}

#bg-wrap-secondary .repeat-box > ul:nth-child(3) {
  top: 1171.875vw;
}

#bg-wrap-secondary .repeat-box > ul li {
  position: absolute;
  width: 38.59375vw;
}

#bg-wrap-secondary .repeat-box > ul li img {
  width: 100%;
  height: auto;
}

#bg-wrap-secondary .repeat-box > ul li:nth-child(1) {
  top: 2.890625vw;
  left: 74.453125vw;
}

#bg-wrap-secondary .repeat-box > ul li:nth-child(2) {
  top: 11.40625vw;
  left: 67.5vw;
}

#bg-wrap-secondary .repeat-box > ul li:nth-child(3) {
  top: 128.90625vw;
  left: -26.015625vw;
}

#bg-wrap-secondary .repeat-box > ul li:nth-child(4) {
  top: 159.921875vw;
  left: -13.515625vw;
}

#bg-wrap-secondary .repeat-box > ul li:nth-child(5) {
  top: 231.328125vw;
  left: 86.328125vw;
}

#bg-wrap-secondary .repeat-box > ul li:nth-child(6) {
  top: 300vw;
  left: 76.71875vw;
}

#bg-wrap-secondary .repeat-box > ul li:nth-child(7) {
  top: 411.953125vw;
  left: -5.78125vw;
}

#bg-wrap-secondary .repeat-box > ul li:nth-child(8) {
  top: 431.953125vw;
  left: 7.5vw;
}

#bg-wrap-secondary .repeat-box > ul li:nth-child(n+9) {
  display: none;
}

/* page up */
#pagetop {
  position: sticky;
  width: 100%;
  bottom: 0;
  left: 0;
  pointer-events: none;
  z-index: 11;
}

#pagetop.is-show .inner {
  opacity: 1;
  pointer-events: auto;
  -webkit-transition: all 0.3s cubic-bezier(0.33, 1, 0.68, 1);
  transition: all 0.3s cubic-bezier(0.33, 1, 0.68, 1);
  -webkit-transform: scale(1);
          transform: scale(1);
}

#pagetop .inner {
  position: relative;
  bottom: 20px;
  margin: 0 20px 0 auto;
  width: 64px;
  height: 64px;
  pointer-events: auto;
  cursor: pointer;
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.35s cubic-bezier(0.65, 0, 0.35, 1);
  transition: all 0.35s cubic-bezier(0.65, 0, 0.35, 1);
}

#pagetop .inner span {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

#pagetop .inner span:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #aaa;
  border-radius: 50%;
  opacity: 0.4;
  -webkit-transition: all 0.2s cubic-bezier(0.33, 1, 0.68, 1);
  transition: all 0.2s cubic-bezier(0.33, 1, 0.68, 1);
}

#pagetop .inner span:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("/saiyo/common/img/icon_pageup.svg") center center no-repeat;
  background-size: 12px auto;
}

@media screen and (min-width: 769px) {
  #pagetop .inner span:hover:before {
    -webkit-transform: scale(1.15);
            transform: scale(1.15);
  }
}
/*****************************************************************************************************************/
@media screen and (max-width: 767px) {
  /*****************************************************************************************************************/
  :root {
    /* font-size */
    --font-size-html: 16px; /* HTML要素のフォントサイズ */
    --font-size-body: 0.875rem; /* body要素のフォントサイズ（14px） */
    --font-size-9: 0.5625rem; /* 9px */
    --font-size-10: 0.625rem; /* 10px */
    --font-size-11: 0.6875rem; /* 11px */
    --font-size-12: 0.75rem; /* 12px */
    --font-size-13: 0.8125rem; /* 13px */
    --font-size-14: 0.875rem; /* 14px */
    --font-size-15: 0.9375rem; /* 15px */
    --font-size-16: 1rem; /* 16px */
    --font-size-17: 1.0625rem; /* 17px */
    --font-size-18: 1.125rem; /* 18px */
    --font-size-19: 1.1875rem; /* 19px */
    --font-size-20: 1.25rem; /* 20px */
    --font-size-21: 1.3125rem; /* 21px */
    --font-size-22: 1.375rem; /* 22px */
    --font-size-23: 1.4375rem; /* 23px */
    --font-size-24: 1.5rem; /* 24px */
    /* hdg */
    --font-size-hdg1: 1.875rem; /* メイン見出し 30px */
    --font-size-hdg2: 1.875rem; /* 30px */
    --font-size-hdg2-en: 1rem; /* 16px */
    --font-size-hdg3: 1.5625rem; /* 25px */
    --font-size-hdg4: 1.5rem; /* 32px */
    --font-size-hdg4-en: 1rem; /* 20px */
    --font-size-hdg6: 1.25rem; /* 25px */
    --font-size-hdg7: 2.1875rem; /* 35px */
    /* hdg */
    --font-top-hdg-mv: 2rem;
    --font-top-hdg1: 1.75rem; /* 28px */
    --font-top-hdg2: 1.25rem; /* 20px */
  }
  .dis_pc {
    display: none;
  }
  .dis_sp {
    display: block;
  }
  /* common */
  /* hdg */
  .hdg_l1 {
    font-size: var(--font-size-hdg1);
    margin-bottom: 20px;
  }
  .hdg_l1::before {
    content: "";
    display: inline-block;
    width: 11px;
    height: 11px;
    margin-right: 13px;
    background-color: var(--key-color);
    border-radius: 50%;
    position: relative;
    top: -5px;
  }
  .hdg_l2 {
    font-size: var(--font-size-hdg2);
    margin-bottom: 20px;
  }
  .hdg_l2 .en {
    display: block;
    color: var(--key-color);
    font-size: var(--font-size-hdg2-en);
    margin-bottom: 2px;
    letter-spacing: 0.05em;
  }
  .hdg_l2 + p {
    line-height: 1.7;
    font-size: var(--font-size-14);
  }
  .hdg_l3 {
    font-size: var(--font-size-hdg3);
    margin-bottom: 12px;
    padding-left: 15px;
  }
  .hdg_l3::before {
    width: 8px;
    height: 8px;
    margin-right: 6px;
    margin-left: -15px;
    top: -4px;
  }
  .hdg_l3 + p {
    max-width: 765px;
  }
  .hdg_l4 {
    font-size: var(--font-size-hdg4);
    margin-bottom: 20px;
  }
  .hdg_l5 {
    font-size: var(--font-size-hdg4);
    padding: 22px 27px;
    margin-top: 59px;
  }
  .hdg_l5.tag1 {
    border-left: 4px solid var(--set-color1-);
  }
  .hdg_l5.tag2 {
    border-left: 4px solid var(--set-color2-);
  }
  .hdg_l5.tag3 {
    border-left: 4px solid var(--set-color3-);
  }
  .hdg_l5.tag4 {
    border-left: 4px solid var(--set-color4-);
  }
  .hdg_l5.tag5 {
    border-left: 4px solid var(--set-color5-);
  }
  .hdg_l5.tag6 {
    border-left: 4px solid var(--set-color6-);
  }
  .hdg_l5.tag7 {
    border-left: 4px solid var(--set-color7-);
  }
  .hdg_l5.tag8 {
    border-left: 4px solid var(--set-color8-);
  }
  .hdg_l5 span {
    font-size: var(--font-size-18);
  }
  .hdg_l6 {
    font-size: var(--font-size-hdg6) !important;
    margin-bottom: 30px;
  }
  .hdg_l6::before {
    width: 6px;
    height: 6px;
    margin-right: 6px;
  }
  .hdg_l7 {
    padding: 13px 20px;
    font-size: var(--font-size-18);
    margin-top: 30px;
  }
  .hdg_l8 {
    font-size: var(--font-size-14);
  }
  .hdg_l8 + p {
    margin-top: 10px;
  }
  /* txt */
  .txt_attention {
    color: var(--key-color);
    font-size: var(--font-size-14);
  }
  .txt_caption {
    font-size: var(--font-size-10);
  }
  .txt_caption + .txt_caption {
    margin-top: 0;
  }
  /* list */
  .list_st_01 {
    margin: 0 5px;
  }
  .list_st_01 li {
    position: relative;
    padding-left: 1em;
    text-indent: -1em;
    font-size: var(--font-size-13);
  }
  .list_st_01 li + li {
    margin-top: 15px;
  }
  .list_st_02 {
    margin-top: 20px;
    margin-left: 20px;
    counter-reset: section;
  }
  .list_st_02 li {
    line-height: 1.8;
  }
  .list_st_02 li + li {
    margin-top: 10px;
  }
  .list_st_02 li h3 {
    font-size: var(--font-size-13);
  }
  .list_st_02 li > h4 {
    font-size: var(--font-size-13);
    margin-top: 20px;
  }
  .list_st_02 li p {
    font-size: var(--font-size-13);
  }
  .list_st_02 li h3 + .txt_caption {
    margin-top: 10px;
  }
  .list_st_02 li::before {
    left: -20px;
    font-size: var(--font-size-13);
  }
  .list_table_01 {
    margin-top: 30px;
  }
  .list_table_01 th {
    width: 100%;
    display: block;
    padding: 13px 15px;
  }
  .list_table_01 td {
    width: 100%;
    display: block;
    border-top: none;
    padding: 13px 15px 20px;
    font-size: var(--font-size-13);
  }
  .list_table_01 tr + tr th {
    border-top: none;
  }
  .list_table_01 td p {
    font-size: var(--font-size-13);
  }
  .list_table_01 ul + h3 {
    margin-top: 30px;
  }
  .list_table_01 p + h3 {
    margin-top: 25px;
  }
  .list_table_01 h3 {
    font-size: var(--font-size-16);
    margin-bottom: 10px;
  }
  .list_table_01 ul {
    padding-left: 19px;
  }
  .list_table_01 li {
    list-style: disc;
  }
  .list_table_01 li + li {
    margin-top: 5px;
  }
  .list_table_01 li h4 {
    font-size: var(--font-size-14);
    margin: 10px 0 4px;
  }
  .list_table_01 li p {
    font-size: var(--font-size-11);
    line-height: 1.5;
  }
  .list_table_01 li p + h4 {
    margin-top: 9px;
  }
  .list_table_02 {
    margin-top: 30px;
  }
  .list_table_02.single {
    margin-bottom: 30px;
  }
  [class*=contents_sec] .list_table_02 > p {
    margin-bottom: 10px;
    font-size: var(--font-size-12);
  }
  .list_table_02 th {
    white-space: wrap;
    padding: 13px 15px;
    font-size: var(--font-size-13);
  }
  .list_table_02 td {
    border-top: none;
    padding: 13px 15px 13px;
    font-size: var(--font-size-13);
  }
  .list_table_02 .leftBlock {
    width: 35%;
  }
  .list_table_02 .rightBlock {
    width: 65%;
    border-top: 1px solid #E0E3E7;
  }
  .list_jobs {
    margin: 10px 0 20px;
    gap: 10px 0;
  }
  .list_jobs > section {
    width: 100%;
    border: none;
  }
  .list_jobs > section.col1 {
    width: 100%;
  }
  .list_jobs > section h4 {
    padding: 13px 15px;
    font-size: var(--font-size-13);
    border: 1px solid #E0E3E7;
  }
  .list_jobs > section p {
    cursor: pointer;
    border: 1px solid #E0E3E7;
    border-top: none;
    padding: 13px 15px 15px;
    font-size: var(--font-size-13);
    display: none;
  }
  .list_jobs > section p.visible {
    display: block;
  }
  .table-scroll-wrap {
    position: relative;
    width: 100%;
    overflow-x: auto;
  }
  .table-scroll-wrap > table {
    width: 150%;
  }
  .list_table_03 {
    margin-top: 30px;
  }
  .list_table_03 th {
    font-size: var(--font-size-12);
    word-break: break-all;
    padding: 4px 4px;
  }
  .list_table_03 th.w1 {
    width: 15%;
  }
  .list_table_03 th.w2 {
    width: 40%;
  }
  .list_table_03 td {
    font-size: var(--font-size-12);
    padding: 8px 8px;
  }
  .list_qa {
    border-radius: 10px;
  }
  .list_qa + .list_qa {
    margin-top: 12px;
  }
  .list_qa > * {
    padding-left: 35px;
  }
  .list_qa h2 {
    padding: 20px 45px 16px 45px;
    font-size: var(--font-size-14);
  }
  .list_qa p {
    font-size: var(--font-size-13) !important;
    margin: 0;
    padding: 20px 20px 20px 50px;
    line-height: 1.8;
  }
  .list_qa h2::before, .list_qa p::before {
    left: 15px;
  }
  .list_qa h2::before {
    top: 15px;
  }
  .list_qa p::before {
    top: 20px;
  }
  .list_qa h2::after {
    top: calc(50% - 8px);
  }
  .list_qa h2::before, .list_qa p::before {
    -webkit-transform: scale(0.74);
            transform: scale(0.74);
  }
  .list_qa h2.open::after {
    top: calc(50% - 13px);
  }
  .list_qa h2::after {
    right: 18px;
  }
  .list_qa .open + p::after {
    right: 20px;
  }
  .contents_sec_child.qa {
    margin-top: 65px;
  }
  .contents_sec_child.qa .hdg_l6 {
    margin-bottom: 23px;
    font-weight: bold;
  }
  /* nav */
  .nav_scroll {
    display: none;
  }
  .nav_pageup {
    width: 40px;
    height: 40px;
    padding: 15px;
    bottom: 15px;
    right: 15px;
  }
  /* com nav */
  .nav_link {
    padding: 16px 0;
  }
  .nav_link.gr {
    color: initial;
    background-color: var(--bg-color-gr);
  }
  .nav_link.gr2 {
    color: initial;
    background-color: var(--bg-color-gr2);
  }
  .nav_link.bk {
    background-color: var(--bg-color-bk);
  }
  .nav_link span {
    display: inline-block;
    margin-right: 5px;
  }
  .nav_link .en {
    display: block;
    margin-right: 0;
    margin-bottom: 5px;
    font-family: var(--en-font);
  }
  .nav_link:after {
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 12px);
    background: url("/saiyo/common/img/icon_arrow_r.svg") white no-repeat -200% center;
    right: 6px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: scale(0.3);
            transform: scale(0.3);
  }
  .btn .nav_link {
    width: 240px;
    font-size: var(--font-size-14);
    padding: 20px 0;
    margin: 0 auto;
  }
  /* sNav */
  .nav_sub {
    margin: 20px 0 69px;
  }
  .nav_sub_list {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 8px 7px;
  }
  .nav_sub_list li {
    width: calc(50% - 4px);
    min-width: auto;
  }
  .nav_sub_list li.nav_sub_l {
    width: 58%;
  }
  .nav_sub_list li + li {
    margin-left: 0;
  }
  .nav_sub_list a {
    width: 100%;
    font-size: var(--font-size-11);
    padding: 9.5px 15px;
    border-radius: 4px;
  }
  .nav_sub_list a:after {
    top: calc(50% - 3px);
    right: 12px;
    height: 5.5425625842px;
    width: 8px;
  }
  /* bnr */
  .bnr_loc {
    font-size: var(--font-size-16);
    margin-top: 70px;
  }
  .bnr_loc a {
    padding: 5vw 0;
    text-align: center;
    vertical-align: top;
  }
  /*
  .bnr_loc a { padding:64vw 0 5vw; text-align:center; vertical-align:top; }
  */
  .bnr_loc a::before {
    content: url(/saiyo/common/img/bnr_arrow_sp.svg);
    top: 2px;
    margin-right: 15px;
  }
  .bnr_loc .disability_set {
    background-size: 100% auto;
  }
  /* bottom */
  #main {
    padding-top: 150px;
  }
  #main-bottom {
    margin: 59px auto 120px;
    padding: 0 20px;
    max-width: 1800px;
  }
  .contents {
    margin: 68px 0 0 0;
  }
  .contents_sec + .contents_sec {
    margin-top: 130px;
  }
  [class*=contents_sec] p {
    line-height: 1.72;
    font-size: var(--font-size-14);
  }
  [class*=contents_sec] p + p {
    margin-top: 10px;
  }
  .contents_sec_inner {
    margin-top: 50px;
  }
  .contents_sec_child {
    margin-top: 40px;
    padding: 0;
  }
  .contents_sec_child .hdg_l6 {
    margin-bottom: 15px;
  } /*一回修正済み*/
  .contents_sec_child.adjust {
    margin-top: 38px;
  }
  /* works */
  .jobs_nav {
    margin-top: 40px;
  }
  .jobs_nav_list {
    margin-bottom: 15px;
  }
  .jobs_nav_list > li {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(50% - 9px);
            flex: 1 1 calc(50% - 9px);
  }
  .jobs_nav_list > li:nth-child(1) a {
    line-height: 35px;
  }
  .jobs_nav_list > li a {
    padding: 12px 20px 12px 10px;
  }
  .jobs_nav_list > li .nav_link {
    line-height: 1.6;
  }
  .jobs_nav_list > li .nav_link:before {
    right: 0;
    -webkit-transform: scale(0.25);
            transform: scale(0.25);
  }
  .jobs_nav_list_inner {
    padding: 15px 16px 20px;
    font-size: var(--font-size-11);
  }
  .jobs_nav_list_inner li + li {
    margin-top: 6px;
  }
  .works_area {
    margin: 30px 0;
    padding: 0 20px;
  }
  .works_area_inner + * {
    margin-top: 50px;
  }
  .works_area_inner .hdg_l6 {
    margin-bottom: 20px;
  }
  .works_area_inner .hdg_l6::before {
    margin-left: 0;
  }
  .works_area_txt {
    width: 100%;
    padding-right: 0;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .works_area_txt p {
    font-size: var(--font-size-14);
  }
  .works_area_img {
    margin: 0 0 20px;
    width: 100%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .works_area_point {
    margin-top: 30px;
    border: 1px solid #CCD6E1;
    padding: 10px 20px 20px;
  }
  .works_area_point p {
    font-size: var(--font-size-13);
  }
  .works_area_hdg {
    margin-left: -30px;
    margin-top: -25px;
    margin-bottom: 5px;
    width: 136px;
  }
  .works_area .btn .nav_link {
    width: 240px;
    padding: 20px 0;
  }
  .works_area_inner + .btn {
    margin-top: 30px;
  }
  .works_area + .hdg_l5 {
    margin-top: 80px;
  }
  .works_area_inner + .more_contents {
    margin-top: 61px;
  }
  .more_contents {
    width: calc(100% + 20px);
    padding: 40px 0 40px 30px;
    margin: 40px 0 40px -20px;
  }
  .more_contents::after {
    width: calc(50vw + 10px - 50%);
  }
  .more_contents_hdg {
    font-size: var(--font-size-18);
    position: relative;
    margin-bottom: 15px;
  }
  .more_contents_hdg::after {
    width: 60px;
    border-bottom: 3px solid #84919E;
    bottom: -12px;
  }
  .more_contents_hdg.tag1::after {
    border-bottom: 3px solid var(--set-color1-);
  }
  .more_contents_hdg.tag2::after {
    border-bottom: 3px solid var(--set-color2-);
  }
  .more_contents_hdg.tag3::after {
    border-bottom: 3px solid var(--set-color3-);
  }
  .more_contents_hdg.tag4::after {
    border-bottom: 3px solid var(--set-color4-);
  }
  .more_contents_hdg.tag5::after {
    border-bottom: 3px solid var(--set-color5-);
  }
  .more_contents_hdg.tag6::after {
    border-bottom: 3px solid var(--set-color6-);
  }
  .more_contents_hdg.tag7::after {
    border-bottom: 3px solid var(--set-color7-);
  }
  .more_contents_hdg.tag8::after {
    border-bottom: 3px solid var(--set-color8-);
  }
  .more_contents_box {
    width: 100%;
  }
  .more_contents_hdg_s {
    font-size: var(--font-size-13);
    margin-bottom: 5px;
  }
  .more_contents_txt {
    width: calc(100% - 140px);
  }
  .more_contents_txt p {
    font-size: var(--font-size-10);
  }
  .more_contents_img {
    width: 140px;
    padding-right: 20px;
  }
  .contents_sec_child .more_contents {
    width: 100%;
    padding: 40px 10px 40px 30px;
    margin: 40px 0 40px 0;
  }
  .contents_sec_child .more_contents::after {
    width: calc(50vw - 50%);
  }
  .features_area {
    margin: 60px 0 0;
  }
  .features_area_inner {
    width: 100%;
    margin-bottom: 20px;
    padding: 40px 20px 30px;
  }
  .features_area_inner + .features_area_inner {
    margin-top: 20px;
  }
  .features_area_inner::before {
    left: 20px;
    top: -25px;
    font-size: 2.75rem;
  }
  .features_area_hdg {
    font-size: var(--font-size-18);
    margin-bottom: 15px;
  }
  .features_area_inner p {
    font-size: var(--font-size-13);
  }
  .training_area {
    margin-top: 30px;
  }
  .training_area_inner {
    padding: 20px;
    width: 100%;
  }
  .training_area_inner + .training_area_inner {
    margin-top: 13px;
  }
  .training_area.col2 .training_area_inner {
    width: 100%;
  }
  .training_area_inner.col1 {
    width: 100%;
    margin-bottom: 0;
  }
  .training_area_inner.col1 .training_area_hdg {
    margin-bottom: 20px;
  }
  .training_area_hdg {
    font-size: var(--font-size-18);
    margin-bottom: 15px;
  }
  .training_area_hdg .en {
    font-size: 1.75rem;
    margin-bottom: 25px;
    top: 2.5px;
    margin-right: 10px;
  }
  .training_area_inner p {
    font-size: var(--font-size-14);
  }
  .training_area_col {
    display: block;
    width: 100%;
    padding-bottom: 0;
  }
  .training_area_col + .training_area_col {
    margin-top: 25px;
  }
  .training_area_col_hdg {
    font-size: var(--font-size-13);
    margin-bottom: 15px;
    padding: 10px;
  }
  .training_area_col_hdg .en {
    font-size: var(--font-size-15);
    top: 0;
    margin-right: 10px;
  }
  .training_area_col_hdg .training_area_col_caption {
    font-size: var(--font-size-12);
  }
  .training_area_col p {
    font-size: var(--font-size-12);
    padding-right: 0;
  }
  .training_area_col_img {
    position: initial;
    padding-right: 0;
    margin-top: 20px;
  }
  .training_area_col_img figure {
    width: 48%;
  }
  /*
  .training_area_col + .training_area_col .training_area_col_hdg::before { left:-10px; top:calc(50% - 20px); transform:scale(1.2);  }
  */
  .training_area_col .training_area_col_hdg {
    width: calc(100% - 7px);
  }
  .training_area_col + .training_area_col .training_area_col_hdg {
    width: 100%;
  }
  .training_area_col .training_area_col_hdg::before {
    content: "";
    display: block;
    position: absolute;
    background: #373737;
    width: 7px;
    height: 100%;
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
    right: -7px;
    top: 0;
  }
  .training_area_col + .training_area_col .training_area_col_hdg::before {
    content: "";
    background: #ffffff;
    width: 7px;
    height: 100%;
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
    left: 0;
    top: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  .training_area_col + .training_area_col p {
    padding: 0;
  }
  .training_area_col + .training_area_col .training_area_col_img {
    padding: 0;
  }
  /* interview */
  .nav_filtering {
    padding: 10px 20px;
    border: 1px solid #E0E3E7;
    border-radius: 15px;
    margin: 61px -10px;
  }
  .nav_filtering_hdg {
    width: 100%;
    font-size: var(--font-size-13);
    padding: 15px 0;
    border-top: 1px solid #E3E3E3;
  }
  .nav_filtering_hdg:nth-child(1) {
    border-top: none;
  }
  .nav_filtering_hdg::after {
    content: url(/saiyo/interview/img/icon_open.svg);
    right: 10px;
    top: 13px;
  }
  .nav_filtering_hdg.open {
    border-bottom: none;
  }
  .nav_filtering_hdg.open::after {
    content: url(/saiyo/interview/img/icon_close.svg);
  }
  .nav_filtering_list {
    width: 100%;
    display: none;
    padding-bottom: 10px;
  }
  .nav_filtering_list, .nav_filtering_hdg {
    margin-top: 0;
  }
  .nav_filtering label {
    cursor: pointer;
  }
  /*
  .interview .nav_link { margin:60px auto 0; }
  */
  /*input*/
  .nav_filtering_list label {
    display: inline-block;
    padding: 8px 10px 7px 10px;
    font-size: var(--font-size-10);
    margin-bottom: 7px;
  }
  .nav_filtering_list label[class*=tag] {
    display: inline-block;
    white-space: nowrap;
  }
  .nav_filtering_list label[class*=tag]::before {
    width: 5px;
    height: 5px;
    margin-right: 3px;
  }
  /* interview list */
  .interview_list {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .interview_list li {
    width: 48%;
    margin-right: 0;
    background-color: #F7F9FB;
  }
  .interview_list li:nth-child(n+4) {
    margin-top: 0;
  }
  .interview_list li:nth-child(n+3) {
    margin-top: 10px;
  }
  .interview_list_img {
    display: block;
    width: 100%;
    min-height: 119px;
  }
  .interview_list_img .mask {
    -webkit-mask-size: contain;
            mask-size: contain;
  }
  .interview_list_img img {
    width: 176%;
    left: -40%;
    top: -10%;
  }
  .interview_list_inner {
    width: 100%;
    font-size: var(--font-size-12);
    padding: 10px 20px 20px 15px;
    position: relative;
  }
  .interview_list_inner > * {
    display: block;
  }
  .interview_list_inner [class*=tag]::before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    margin-right: 5px;
    border-radius: 50%;
    position: relative;
    top: -2px;
  }
  .interview_list_inner .dep {
    margin: 10px 0 8px;
  }
  .interview_list_inner .name {
    font-size: var(--font-size-15);
    font-weight: bold;
  }
  .interview_list_inner .tags {
    font-size: var(--font-size-10);
    margin-top: 20px;
  }
  .interview_list_inner .tags::before {
    content: initial;
  }
  /**/
  .interview_prof {
    width: 100%;
    margin-left: 0;
    margin: 75px 0 -20px;
  }
  .interview_prof_inner {
    width: 100%;
    margin-top: 40px;
    padding: 18px 0 0;
  }
  .interview_prof_img {
    width: calc(100% + 40px);
    margin: 0 -10px 0 -20px;
  }
  .interview_prof_tag {
    font-size: var(--font-size-12);
  }
  .interview_prof_tag::after {
    top: -17px;
    width: 60px;
    height: 4px;
  }
  .interview_prof_tag::before {
    width: 6px;
    height: 6px;
    margin-right: 5px;
    border-radius: 50%;
    top: -1px;
  }
  .interview_prof_dep {
    margin-top: 15px;
    font-size: var(--font-size-13);
  }
  .interview_prof_name {
    margin-top: 0;
    font-size: var(--font-size-26);
  }
  .interview_prof_biz {
    margin-top: 15px;
  }
  .interview_prof_biz span {
    font-size: var(--font-size-12);
  }
  .interview_prof + .contents_sec_child {
    padding: 0;
    margin-top: 70px;
  }
  .contents_sec_child .interview_lead {
    line-height: 1.73;
  }
  .interview_hdg {
    font-size: var(--font-size-28);
    margin-bottom: 18px;
    padding-top: 20px;
  }
  .interview_lead {
    padding-bottom: 0;
  }
  .interview_area {
    margin-top: 46px;
    padding: 0;
  }
  .interview_area .hdg_l6 {
    font-size: var(--font-size-24) !important;
    margin-bottom: 40px;
    line-height: 1.2;
  }
  .interview_area .hdg_l6::before {
    top: 3.2vw;
    left: -11px;
  }
  .interview_area .hdg_l6::after {
    bottom: -15px;
    left: 0;
    width: 50px;
    height: 3px;
  }
  .interview_area_hdg {
    font-size: var(--font-size-22);
    margin-bottom: 15px;
    line-height: 1.3;
  }
  .interview_area_txt {
    font-size: var(--font-size-13);
    line-height: 1.8;
  }
  .interview_area_inner {
    width: 100%;
    padding: 0 10px;
  }
  .interview_area_inner.col1 {
    width: 100%;
  }
  .interview_area_img {
    width: calc(100% + 20px);
    margin: 55px -20px 0 0;
  }
  .interview_area:nth-child(even) .interview_area_img {
    margin: 55px 0 0 -20px;
  }
  .interview_area + .contents_sec_child {
    margin-top: 80px;
  }
  .int_movie_area {
    margin-top: 55px;
    padding: 0 10px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .int_movie_area_img {
    width: 100%;
  }
  .int_movie_area_img + .int_movie_area_img {
    margin-top: 30px;
  }
  .int_movie_area_img figcaption {
    margin-top: 10px;
    font-size: var(--font-size-13);
  }
  .int_movie_fig::before {
    background-size: 15%;
  }
  .int_movie_fig:hover::before {
    background-size: 15%;
  }
  .profile_area {
    padding: 40px 20px;
  }
  .profile_hdg {
    font-size: var(--font-size-18);
  }
  .profile_hdg span {
    font-size: var(--font-size-12);
  }
  [class*=contents_sec] .profile_txt {
    margin-top: 15px;
    line-height: 1.8;
  }
  .profile_qa {
    margin-top: 25px;
    margin-left: 23px;
  }
  .profile_qa + .profile_qa {
    margin-top: 15px;
  }
  .profile_qa_hdg {
    font-size: var(--font-size-13);
    position: relative;
  }
  .profile_qa_hdg span {
    font-size: var(--font-size-18);
    position: absolute;
    top: -2px;
  }
  [class*=contents_sec] .profile_qa_txt {
    font-size: var(--font-size-13);
    line-height: 1.7;
    margin-top: 5px;
  }
  .schedule_area {
    padding: 40px 0 40px 30px;
    margin-bottom: 70px;
  }
  .schedule_area::after {
    width: calc(50vw - 50%);
  }
  .schedule_area_inner {
    width: 100%;
  }
  .schedule_area_inner + .schedule_area_inner {
    margin-top: 18px;
  }
  .schedule_hdg {
    font-size: var(--font-size-18);
    margin-bottom: 30px;
    width: 100%;
  }
  .schedule_area_txt {
    padding-left: 90px;
  }
  .schedule_area_txt + * {
    margin-top: 18px;
  }
  .schedule_area_txt time {
    font-size: var(--font-size-12);
  }
  .schedule_area_txt h3 {
    font-size: var(--font-size-13);
  }
  .schedule_area_txt p {
    font-size: var(--font-size-10);
    line-height: 1.8;
  }
  .schedule_area_txt time::before {
    left: 50px;
    top: -4px;
  }
  /* about */
  .about_area {
    margin: 62px 0 0;
    padding: 0 10px;
  }
  .about_area + .about_area {
    margin-top: 73px;
  }
  .about_area.re {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .about_area_txt {
    width: 100%;
    padding-right: 0;
  }
  .about_area.re .about_area_txt {
    padding: 0;
  }
  .about_area_txt p {
    font-size: var(--font-size-14);
  }
  .about_area_img {
    width: 100%;
    font-size: var(--font-size-13);
    margin-top: 20px;
  }
  .about_area_img figcaption {
    margin-top: 15px;
  }
  .about_area_txt .hdg_l4 {
    margin-bottom: 34px;
    font-size: var(--font-size-22);
    line-height: 1.5;
  }
  .about_area_txt .hdg_l4::before {
    bottom: -15px;
    left: 0;
    width: 60px;
    height: 4px;
  }
  .about_area_link {
    margin: 10px 0 30px;
  }
  .about_area_link a {
    font-size: var(--font-size-14);
  }
  .about_area_hdg {
    font-size: var(--font-size-16);
    margin: 30px 0 15px;
  }
  .company_list {
    border: 1px solid #E0E3E7;
    padding: 20px;
    border-radius: 10px;
    margin-top: 26px;
  }
  .company_list + .company_list {
    margin-top: 10px;
  }
  [class*=contents_sec] .company_list_name {
    font-size: var(--font-size-16);
    width: 100%;
  }
  [class*=contents_sec] .company_list_txt {
    font-size: var(--font-size-12);
    width: 100%;
  }
  [class*=contents_sec] p + p.company_list_txt {
    margin-top: 10px;
  }
  .company_list_inner {
    width: 100%;
    border-top: 1px solid #E0E3E7;
    padding: 15px 10px;
    margin-top: 20px;
  }
  .company_list_inner + .company_list_inner {
    margin-top: 0;
  }
  .company_list_inner .company_list_txt {
    margin-top: 5px;
  }
  /*
  .company_list_inner .company_list_name { font-size:var(--font-size-14); }
  [class*="contents_sec"] .company_list_inner .company_list_txt { font-size:var(--font-size-11); margin-top:5px; }
  */
  .group_img {
    max-width: 830px;
    margin: 40px auto 10px;
  }
  .group_img + .contents_sec_child {
    margin-top: 111px;
  }
  .vision_area {
    width: calc(100% + 40px);
    margin: 0 -20px;
    padding: 60px 30px 153px;
    margin-top: 46px;
    background: url(/saiyo/about/vision/img/bg_vision_sp.jpg) no-repeat center bottom/cover;
  }
  .vision_area::after {
    content: initial;
  }
  .vision_area_hdg {
    font-size: 1.6875rem;
    margin-bottom: 21px;
  }
  [class*=contents_sec] .vision_area_txt {
    line-height: 1.7123;
  }
  .vision_area + .contents_sec_child {
    margin-top: 75px;
  }
  .strategy_area {
    margin-top: 46px;
  }
  .strategy_area .hdg_l7 {
    padding: 25px 20px 21px 68px;
    margin-top: 0;
    position: relative;
  }
  .strategy_area .hdg_l7 .en {
    font-size: 1.75rem;
    margin-right: 0;
    position: absolute;
    top: 37px;
    left: 22px;
    font-weight: bold;
  }
  .strategy_area_inner {
    padding: 0 10px;
    margin-top: 27px;
  }
  .strategy_area_txt {
    width: 100%;
    font-size: var(--font-size-15);
  }
  .strategy_area_img {
    width: 100%;
    margin-top: 23px;
  }
  .strategy_area_img + .strategy_contents {
    margin-top: 34px;
  }
  .strategy_contents {
    width: 100%;
    margin-top: 30px;
    padding: 0;
  }
  .strategy_contents_inner + .strategy_contents_inner {
    margin-top: 18px;
  }
  .strategy_contents_img {
    width: 38%;
  }
  .strategy_contents_txt {
    width: 62%;
    padding-left: 19px;
    margin-left: 0;
    padding-top: 8px;
  }
  .strategy_contents_txt h4 {
    font-size: var(--font-size-13);
  }
  .strategy_contents_txt p {
    font-size: var(--font-size-10);
    margin-top: 3px;
    line-height: 1.7;
  }
  /* recruitment */
  .contents_sec._rec {
    margin-top: 40px;
  }
  .rec_nav {
    margin: 40px 0 50px;
  }
  .rec_nav_list {
    gap: 7px;
  }
  .rec_nav_list li {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(50% - 7px);
            flex: 1 1 calc(50% - 7px);
  }
  .rec_nav_list li:nth-child(1) a {
    line-height: 34px;
  }
  .rec_nav_list li a {
    font-weight: bold;
    display: block;
    padding: 14px 30px 14px 17px;
    position: relative;
    font-size: var(--font-size-11);
    position: relative;
    background-color: #F1F4F6;
  }
  [class*=rec_nav_list] a::after {
    content: "";
    display: block;
    position: absolute;
    right: 16px;
    top: calc(50% - 4px);
    width: 7px;
    height: 7px;
    border-radius: 50%;
  }
  [class*=rec_nav_list] a:hover::after {
    background-color: white !important;
  }
  /* header */
  .nr-common-breakingnews + .header.scl {
    top: 48px;
  }
  .nr-common-breakingnews + .header.scl.active .nav_global_inner {
    top: 91px;
  }
  .header.scl {
    height: 0px;
  }
  .header.scl .logo {
    top: 21px;
  }
  .header.scl .nav_global_list {
    top: initial;
  }
  .header.scl .nav_global_inner {
    top: 44px;
  }
  .header.scl .nav_entry {
    top: initial;
  }
  .header.scl .nav_symbol {
    top: 10px;
  }
  .header.scl.active .nav_global_inner {
    top: 0px;
  }
  .header.scl.active .nav_entry {
    top: initial;
  }
  .header.scl .nav_global {
    position: relative;
  }
  .header {
    width: 100%;
    height: 70px;
    padding: 0;
    display: block;
  }
  .header .logo {
    top: 21px;
    left: 4.2666666667vw;
  }
  .header .logo img {
    width: 80px;
    margin-right: 13px;
  }
  .header .logo_txt {
    top: 1px;
    font-size: var(--font-size-12);
  }
  .header.active > .logo {
    display: none;
  }
  .header.scl.active .nav_global_inner .logo {
    top: 21px;
    left: 4.2666666667vw;
  }
  .header.active .nav_global_inner .logo {
    top: 21px;
    left: 4.2666666667vw;
    position: absolute;
  }
  .header.active .nav_global_inner .logo_txt {
    top: 2px;
  }
  .nav_global {
    width: 100%;
    height: 100%;
    display: block;
    padding-right: 0;
    position: fixed;
    top: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .nav_global_inner {
    width: 100%;
    height: calc(100vh - 120px);
    position: fixed;
    top: 0;
    left: 0;
    overflow-y: scroll;
    opacity: 0;
    visibility: hidden;
    padding: 50px 30px 60px; /*transition:0.3s;*/
  }
  .nav_global_list {
    display: inline-block;
    text-align: right;
    width: 100%;
    letter-spacing: -1em;
    -webkit-transition: 0.2s;
    transition: 0.2s;
  }
  .nav_global_list .nav_global_btn {
    display: block;
    padding: 5px 0;
    text-decoration: none;
    color: black;
    font-weight: bold;
    padding: 13px 17px;
    line-height: normal;
  }
  .nav_global_list > li {
    display: inline-block;
    letter-spacing: normal;
    position: relative;
  }
  .nav_global_list .nav_global_btn:hover + .nav_list {
    display: block;
  }
  /* new bg set */
  /* page up */
  /*****************************************************************************************************************/
}
@media screen and (max-width: 767px) and (max-width: 1180px) {
  .nav_global_list {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .nav_global_list .nav_global_btn:hover + .nav_list,
  .nav_global_list .nav_list:hover {
    opacity: 1;
    visibility: visible;
    top: 100%;
    background-color: var(--bg-color-gr2);
  }
  .nav_global_list .nav_list {
    -webkit-box-shadow: none;
            box-shadow: none;
    opacity: 0;
    -webkit-transition: 0;
    transition: 0;
    visibility: hidden;
    position: absolute;
    top: 120%;
    left: calc(50% - 120px);
    text-align: left;
    width: 240px;
    border-radius: 10px;
    padding: 20px 25px;
  }
  .nav_global_list .nav_list li + li {
    margin-top: 14px;
  }
  .nav_global_list .nav_list a {
    color: initial;
    font-size: var(--font-size-12);
    display: block;
  }
  .nav_global_list .nav_list a:hover {
    color: var(--key-color);
  }
  .nav_global .nav_global_item {
    display: none;
  }
  .nav_global_item .nav_link {
    width: 100%;
    font-size: var(--font-size-11);
  }
  .nav_entry {
    width: 100%;
    position: initial;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 40px;
  }
  .nav_entry li {
    width: 49%;
  }
  .nav_entry li.col1 {
    width: 100%;
  }
  .nav_entry .nav_link {
    width: 100%;
    padding: 14px 0;
    width: 100%;
    font-size: var(--font-size-11);
  }
  .nav_entry .nav_link::before {
    display: none;
  }
  .nav_entry .nav_link .en {
    display: block;
    font-size: var(--font-size-13);
    margin-bottom: 4px;
  }
  .nav_entry .nav_link span {
    display: inline-block;
    font-size: var(--font-size-11);
    margin: 0;
  }
  .nav_entry li {
    display: block;
  }
  .nav_entry li + li {
    margin-left: 0;
  }
  .nav_entry .nav_link {
    display: none;
  }
  .nav_symbol {
    top: 10px;
    right: 10px;
  }
  .active .nav_global {
    opacity: 1;
    visibility: visible;
  }
  .active .nav_global_inner {
    height: 100vh;
    background: white;
    padding: 160px 30px 60px;
    opacity: 1;
    visibility: visible;
    position: relative;
  }
  .active .nav_global_inner[class*=bg] {
    background: white;
  }
  .active .nav_global_inner::before {
    content: "";
    display: block;
    width: 100%;
    height: 120px;
    background: url(/saiyo/common/img/nav/nav_photo_1_sp.jpg) no-repeat left top/100% auto;
    position: absolute;
    top: 0;
    left: 0;
  }
  .active .nav_global_inner.bg1::before {
    background: url(/saiyo/common/img/nav/nav_photo_1_sp.jpg) no-repeat left top/100% auto;
  }
  .active .nav_global_inner.bg2::before {
    background: url(/saiyo/common/img/nav/nav_photo_2_sp.jpg) no-repeat left top/100% auto;
  }
  .active .nav_global_inner.bg3::before {
    background: url(/saiyo/common/img/nav/nav_photo_3_sp.jpg) no-repeat left top/100% auto;
  }
  .active .nav_global_inner.bg4::before {
    background: url(/saiyo/common/img/nav/nav_photo_4_sp.jpg) no-repeat left top/100% auto;
  }
  .active .nav_global_inner.bg5::before {
    background: url(/saiyo/common/img/nav/nav_photo_5_sp.jpg) no-repeat left top/100% auto;
  }
  .active .nav_global_inner.bg6::before {
    background: url(/saiyo/common/img/nav/nav_photo_6_sp.jpg) no-repeat left top/100% auto;
  }
  .active .nav_global_inner.bg7::before {
    background: url(/saiyo/common/img/nav/nav_photo_7_sp.jpg) no-repeat left top/100% auto;
  }
  .active .nav_global_inner.bg8::before {
    background: url(/saiyo/common/img/nav/nav_photo_8_sp.jpg) no-repeat left top/100% auto;
  }
  .active .nav_entry .nav_link {
    display: block;
  }
  .active .nav_global_list {
    display: block;
  }
  .active .nav_global_list > li {
    width: 100%;
  }
  .active .nav_global_list > li + li {
    margin-top: 37px;
  }
  .active .nav_global_list > li:nth-child(4),
  .active .nav_global_list > li:nth-child(5) {
    margin-top: 30px;
  }
  .active .nav_global_list .nav_global_btn {
    font-size: var(--font-size-18);
    padding-bottom: 12px;
    border-bottom: 1px solid #CCD6E1;
  }
  .active .nav_global_list .nav_global_btn::before {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-right: 9px;
    background-color: var(--key-color);
    border-radius: 50%;
    position: relative;
    top: -4px;
  }
  .active .nav_global_list > li.is-show {
    -webkit-animation: nav_slideup 0.5s forwards;
            animation: nav_slideup 0.5s forwards;
  }
  @-webkit-keyframes nav_slideup {
    0% {
      opacity: 0;
      -webkit-transform: translateY(40px);
              transform: translateY(40px);
    }
    30% {
      opacity: 0;
      -webkit-transform: translateY(40px);
              transform: translateY(40px);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
  }
  @keyframes nav_slideup {
    0% {
      opacity: 0;
      -webkit-transform: translateY(40px);
              transform: translateY(40px);
    }
    30% {
      opacity: 0;
      -webkit-transform: translateY(40px);
              transform: translateY(40px);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
  }
  .active .nav_global_list .nav_global_btn:hover + .nav_list,
  .active .nav_global_list .nav_list:hover {
    background: none;
  }
  .active .nav_global_list .nav_list {
    margin-top: 21px;
  }
  .active .nav_global_list .nav_list li + li {
    margin-top: 9px;
  }
  .active .nav_global_list .nav_list a {
    font-size: var(--font-size-12);
  }
  .active .nav_global_list .nav_list a:hover {
    color: var(--key-color);
  }
  .active .nav_global_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 40px;
  }
  .active .nav_global_item li {
    width: 49%;
  }
  .active .nav_global_item li + li {
    margin-left: 0;
  }
  .active .nav_global_item li:nth-child(3) {
    margin-top: 10px;
  }
  .active .nav_global_item .nav_link {
    width: 100%;
  }
  .active .nav_symbol_btn:before,
  .active .nav_symbol_btn:after {
    left: calc(50% - 9px);
    width: 19px;
  }
  .active .nav_symbol_btn:before {
    top: 16px;
    -webkit-transform: translateY(6px) rotate(-45deg);
            transform: translateY(6px) rotate(-45deg);
  }
  .active .nav_symbol_btn:after {
    top: 28px;
    -webkit-transform: translateY(-6px) rotate(45deg);
            transform: translateY(-6px) rotate(45deg);
  }
  .active .nav_symbol_btn-box {
    width: 0;
    opacity: 0;
  }
  .active .nav_global_inner.career {
    background: white;
  }
  .mv {
    width: 100%;
    height: auto;
  }
  .mv_slider {
    width: calc(100% - 20px);
    position: initial;
    height: auto;
    min-height: initial;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .mv .mv_pagination {
    margin: 5px 0 0 20px;
  }
  .mv .swiper-utility {
    margin: 10px 0 0 10px;
  }
  .mv_txt {
    margin: 19.7vw 6vw 0 10.5vw;
    padding: 0 0 70px;
    background: url(/saiyo/common/img/logo.svg) no-repeat 0 bottom/90px auto;
  }
  .mv_txt h1 {
    margin-bottom: 13vw;
  }
  .mv_txt p {
    font-size: var(--font-size-13);
    line-height: 2.2;
  }
  .mv .swiper-pagination-bullet {
    width: 22px;
  }
  .top_news {
    width: auto;
    border: 1px solid #E0E3E7;
    padding: 10px 20px;
    margin: 20px 5.3333333333vw 33.3333333333vw;
  }
  .top_news_hdg {
    font-size: var(--font-size-12);
  }
  .top_news_list {
    width: calc(100% - 48px);
    margin-left: 10px;
    line-height: 1.6;
  }
  .top_news_list time {
    margin-right: 10px;
  }
  .top_news_list li {
    text-indent: -5.3em;
    padding-left: 5.3em;
    font-size: var(--font-size-10);
  }
  .top_about {
    position: relative;
  }
  .top_about_inner {
    width: 78.6666666667vw;
    padding: 0;
    top: initial;
    bottom: 16vw;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transform: none;
    transform: none;
  }
  .top_about_hdg {
    font-size: var(--font-size-hdg1);
    letter-spacing: -0.02em;
    line-height: 1.4;
  }
  .top_about_txt {
    font-size: var(--font-size-13);
    line-height: 1.8;
    margin: 20px 0 30px;
    max-width: 100%;
  }
  .top_about_nav_link {
    margin: 0 auto;
  }
  .top_about_swip {
    border-radius: 20px;
  }
  .top_about_swip::before {
    background: url(/saiyo/img/cover_about_sp.png) center center no-repeat;
  }
  .top_about .swiper-utility {
    display: none;
  }
  .top_job {
    padding: 0 20px;
    position: relative;
    margin-top: 100px;
  }
  .top_job_list_hdg {
    bottom: 15px;
    left: 20px;
    line-height: 1.3;
    font-size: var(--font-size-20);
  }
  .top_job_list_hdg span {
    font-size: var(--font-size-12);
  }
  .top_job_txt {
    width: auto;
    font-size: var(--font-size-14);
    line-height: 2;
  }
  .top_job .btn {
    position: initial;
  }
  .top_job .nav_link {
    margin: 0 auto;
  }
  .top_job_list {
    margin-top: 30px;
  }
  .top_job_list li {
    border-radius: 12px;
  }
  .top_job_list li::before {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.7)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.7) 100%);
  }
  .top_job_list li .btn-dot {
    width: 8px;
    height: 8px;
    bottom: 20px;
    right: 20px;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  .top_job_list .hdg {
    bottom: 16px;
    left: 21px;
    font-size: var(--font-top-hdg1);
    z-index: 2;
  }
  .top_job_list .hdg span {
    font-size: var(--font-size-13);
  }
  .top_job_list a:after {
    width: 32px;
    height: 32px;
  }
  .top_job_list a:after {
    background: url("/saiyo/common/img/icon_arrow_r.svg") white no-repeat center center;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  .top_person {
    padding: 60px 20px 50px;
    margin-top: 120px;
  }
  .top_person .nav_link {
    margin: 0 auto;
  }
  .top_person_list {
    margin-top: 35px;
  }
  .top_person_list li::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .top_person_list a {
    display: block;
    color: initial;
    background-color: white;
    height: 100%;
  }
  .top_person_list_inner {
    font-size: var(--font-size-13);
    position: relative;
    padding: 40px 25px 40px 140px;
  }
  .top_person_list span[class*=tag]::before {
    width: 6px;
    height: 6px;
    margin-right: 4px;
    top: -2px;
  }
  .top_person_list_hdg {
    font-size: var(--font-size-14);
    margin-top: 10px;
  }
  .top_person_list_txt {
    font-size: var(--font-size-10);
    margin-top: 10px;
  }
  .top_person_list_name {
    font-size: var(--font-size-12);
    font-weight: bold;
    display: block;
  }
  .top_person_list_img {
    position: absolute;
    left: 0;
    top: 0;
    width: 130px;
    height: 100%;
  }
  .top_person_list_img > * {
    width: auto;
    height: 100%;
    left: -81%;
  }
  .top_person .tag_list {
    width: 100%;
    position: initial;
    overflow-x: scroll;
    margin-top: 30px;
  }
  .top_person .tag_list ul {
    display: table;
  }
  .top_person .tag_list li {
    display: table-cell;
  }
  .top_person .hdg_l1 {
    margin-bottom: 22px;
  }
  .tag_list [class*=tag] {
    padding: 10px 13px;
    font-size: var(--font-size-11);
  }
  .tag_list [class*=tag]::before {
    width: 6px;
    height: 6px;
    margin-right: 4px;
  }
  .top_work {
    width: 100%;
    padding: 20.8vw 0 33.3333333333vw;
    position: relative;
    overflow: hidden;
  }
  .top_work_inner {
    width: 100%;
    margin: 0 auto;
    margin-top: 9.0666666667vw;
    padding: 80.5333333333vw 8vw 0;
    position: relative;
  }
  .top_work_hdg {
    font-size: var(--font-size-28);
  }
  .top_work_txt {
    width: 100%;
    font-size: var(--font-size-14);
    line-height: 1.85;
    margin-top: 6.4vw;
  }
  .top_work .btn {
    margin-top: 8vw;
  }
  .top_work .hdg_l1 {
    width: 92.1875vw;
    margin: 0 auto;
  }
  .top_work .hdg_l1, .top_work_hdg, .top_work_txt, .top_work .btn {
    position: relative;
    z-index: 1;
  }
  .top_work .img {
    position: relative;
  }
  [class*=img_num] {
    display: block;
    position: absolute;
    overflow: hidden;
    height: auto;
    border-radius: 50%;
    -webkit-transition: 0.1s;
    transition: 0.1s;
    z-index: 0;
  }
  .img_num1 {
    top: 2.6666666667vw;
    left: -5.3333333333vw;
    width: 54.1333333333vw;
  }
  .img_num2 {
    top: 0vw;
    left: 56vw;
    width: 30.6666666667vw;
  }
  .img_num3 {
    top: 38.6666666667vw;
    left: 49.3333333333vw;
    width: 41.6vw;
  }
  .career #main {
    padding: 100px 0 140px;
  }
  .career .mv .mv_slider {
    width: 94vw;
  }
  .career .mv .mask {
    -webkit-mask-image: url(/saiyo/career/img/mask_career_sp.svg);
            mask-image: url(/saiyo/career/img/mask_career_sp.svg);
  }
  .career .mv + .top_news {
    margin: 55px 20px 55px;
  }
  .career .nav_scroll,
  .career .swiper-utility {
    display: none;
  }
  .active .nav_global_inner.career[class*=bg]::before {
    background: url(/saiyo/common/img/nav/nav_cr_bg_sp.jpg) no-repeat left top/100% auto;
  }
  .career_requests {
    padding: 0 20px;
  }
  .career_requests_hdg {
    font-size: var(--font-size-24);
    margin-bottom: 25px;
  }
  .career_requests_hdg::before {
    width: 8px;
    height: 8px;
    margin-right: 10px;
    top: -4px;
  }
  .career_requests_list {
    gap: 10px;
    margin-top: 0;
  }
  .career_requests_list li {
    width: calc(50% - 5px);
  }
  .career_requests_list_txt {
    font-size: var(--font-size-12);
    padding: 15px 15px 20px;
  }
  .career_contents {
    margin-top: 80px;
    padding: 0 30px 0 0;
  }
  .career_contents + .career_contents {
    margin-top: 75px;
  }
  .career_contents .hdg_l4 {
    margin-bottom: 15px;
  }
  .career_contents_cap {
    margin: 50px 0 10px;
  }
  .career_contents_cap::before {
    content: initial;
  }
  .career_contents_hdg {
    font-size: var(--font-size-25);
  }
  .career_contents.re {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .career_contents_img {
    width: 100%;
  }
  .career_contents_img.mask {
    -webkit-mask-image: url(/saiyo/career/img/mask_career2.svg);
            mask-image: url(/saiyo/career/img/mask_career2.svg);
  }
  .career_contents_txt {
    width: 100%;
    padding: 0 10px 0 40px;
  }
  .career_contents_txt p {
    font-size: var(--font-size-14);
    margin-bottom: 25px;
    line-height: 1.7;
  }
  .career_contents_txt .btn .nav_link {
    width: 240px;
  }
  .career_contents_txt .btn .nav_link:before,
  .career_contents_txt .btn .nav_link:after {
    right: 15px;
    width: 24px;
    height: 24px;
  }
  .career_recruitment .contents_sec_child {
    margin-top: 25px;
  }
  .career_recruitment .contents_sec._rec {
    margin-top: 45px;
  }
  footer {
    padding: 50px 20px 50px;
  }
  footer .inner {
    display: block;
    margin-bottom: 40px;
  }
  footer .logo_area {
    width: 100%;
    text-align: center;
    padding-bottom: 35px;
    border-bottom: 1px solid #D9D9D9;
  }
  footer .logo_area .logo {
    width: 90px;
    margin: 0 auto;
    display: inline-block;
  }
  footer .logo_area .txt {
    position: relative;
    top: -5px;
    margin-left: 10px;
    display: inline-block;
    font-size: var(--font-size-12);
    font-weight: bold;
  }
  footer .nav_contents {
    width: 100%;
    border-bottom: 1px solid #D9D9D9;
  }
  footer .nav_contents:nth-child(2),
  footer .nav_contents:nth-child(3),
  footer .nav_contents:nth-child(4),
  footer .nav_contents:nth-child(5),
  footer .nav_contents:nth-child(6) {
    width: 100%;
    padding-right: 0;
  }
  footer .nav_hdg {
    font-size: var(--font-size-13);
    margin-bottom: 0;
    padding: 19px 0 19px 11px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: relative;
    line-height: 1;
  }
  footer .nav_hdg:after {
    content: url(../img/icon_open.svg);
    position: absolute;
    right: 10px;
    top: 19px;
  }
  footer .nav_hdg::before {
    width: 5px;
    height: 5px;
    margin-left: -11px;
    margin-right: 7px;
  }
  footer .nav_list {
    padding-bottom: 24px;
    display: none;
  }
  footer .nav_list li + li {
    margin-top: 9px;
    line-height: 1.5;
  }
  footer .nav_list a {
    display: block;
    padding-left: 12px;
  }
  footer .nav_list a:hover {
    color: var(--key-color);
  }
  footer .nav_join {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 40px;
  }
  footer .nav_join li {
    width: 49%;
    display: inline-block;
  }
  footer .nav_join li:nth-child(2) {
    margin-left: 2px;
  }
  footer .nav_join .nav_link {
    width: 100%;
    padding: 13px;
    font-size: var(--font-size-10);
  }
  footer .nav_join .nav_link .en {
    font-size: var(--font-size-13);
  }
  footer .nav_join.btn .nav_link:after {
    right: 5px;
  }
  footer .nav_join .nav_link::before {
    content: initial;
  }
  footer .nav_join .caption {
    margin-top: 12px;
  }
  .copy_area {
    display: initial;
    margin-top: 70px;
  }
  .copy_area .btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 0px;
  }
  .copy_area .btn .nav_link {
    width: 100%;
    font-size: var(--font-size-11);
    padding: 14px 0;
  }
  .copy_area .btn .nav_link:after {
    right: 5px;
  }
  .copy_area .btn .nav_link::before {
    top: calc(50% - 3px);
    right: 13px;
    width: 5px;
    height: 5px;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  .copy_area li {
    width: 49%;
  }
  .copy_area li:nth-child(3) {
    margin-top: 10px;
  }
  .copy_area small,
  .copy_area small .en {
    font-size: var(--font-size-10);
    letter-spacing: -0.2px;
  }
  .swiper-button-prev, .swiper-button-next {
    display: none;
  }
  .top_job .swiper-pagination,
  .top_person .swiper-pagination {
    margin: 20px auto 30px;
  }
  .swiper-pagination {
    margin: -4px 0 0 12px;
  }
  .confirmation_logo {
    width: 80px;
    margin: 28px;
  }
  .confirmation_inner h2 {
    font-size: var(--font-size-18);
  }
  .confirmation_nav {
    margin-top: 27px;
    font-size: 0;
  }
  .confirmation_nav li + li {
    margin-top: 20px;
    margin-left: 0;
  }
  #bg-wrap ul li {
    width: 65.8666666667vw;
  }
  #bg-wrap ul li:nth-child(1) {
    top: -90.9333333333vw;
    left: 55.7333333333vw;
  }
  #bg-wrap ul li:nth-child(2) {
    top: 7.6vw;
    left: 58.6666666667vw;
  }
  #bg-wrap ul li:nth-child(3) {
    top: 269.6vw;
    left: -40.2666666667vw;
  }
  #bg-wrap ul li:nth-child(4) {
    top: 319.2vw;
    left: -20vw;
  }
  #bg-wrap ul li:nth-child(5) {
    top: 448vw;
    left: 61.6vw;
  }
  #bg-wrap ul li:nth-child(6) {
    top: 398.6666666667vw;
    left: 42.6666666667vw;
  }
  #bg-wrap ul li:nth-child(7) {
    top: 725.8666666667vw;
    left: -16vw;
  }
  #bg-wrap ul li:nth-child(8) {
    top: 908.2666666667vw;
    left: 80vw;
  }
  #bg-wrap ul li:nth-child(9) {
    top: 1022.9333333333vw;
    left: 63.7333333333vw;
  }
  #bg-wrap ul li:nth-child(10) {
    top: 1100vw;
    left: 1.8666666667vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 768px) {
  #bg-wrap-secondary ul.top li {
    width: 65.8666666667vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 768px) {
  #bg-wrap-secondary ul.top li:nth-child(1) {
    top: -90.9333333333vw;
    left: 55.7333333333vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 768px) {
  #bg-wrap-secondary ul.top li:nth-child(2) {
    top: 7.6vw;
    left: 58.6666666667vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 768px) {
  #bg-wrap-secondary .repeat-box {
    top: 245.3333333333vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 768px) {
  #bg-wrap-secondary .repeat-box > ul:nth-child(2) {
    top: 1109.3333333333vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 768px) {
  #bg-wrap-secondary .repeat-box > ul:nth-child(3) {
    top: 2218.6666666667vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 768px) {
  #bg-wrap-secondary .repeat-box > ul li {
    width: 65.8666666667vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 768px) {
  #bg-wrap-secondary .repeat-box > ul li:nth-child(1) {
    top: 4.8vw;
    left: 52.8vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 768px) {
  #bg-wrap-secondary .repeat-box > ul li:nth-child(2) {
    top: 42.1333333333vw;
    left: 33.6vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 768px) {
  #bg-wrap-secondary .repeat-box > ul li:nth-child(3) {
    top: 257.6vw;
    left: -54.1333333333vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 768px) {
  #bg-wrap-secondary .repeat-box > ul li:nth-child(4) {
    top: 310.6666666667vw;
    left: -32.8vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 768px) {
  #bg-wrap-secondary .repeat-box > ul li:nth-child(5) {
    top: 448vw;
    left: 79.7333333333vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 768px) {
  #bg-wrap-secondary .repeat-box > ul li:nth-child(6) {
    top: 562.6666666667vw;
    left: 63.2vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 768px) {
  #bg-wrap-secondary .repeat-box > ul li:nth-child(7) {
    top: 816vw;
    left: -8.5333333333vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 768px) {
  #bg-wrap-secondary .repeat-box > ul li:nth-child(8) {
    top: 850.1333333333vw;
    left: 14.1333333333vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 768px) {
  #pagetop .inner {
    bottom: 8px;
    margin: 0 8px 0 auto;
    width: 48px;
    height: 48px;
  }
}
@media screen and (max-width: 767px) and (min-width: 769px) {
  #pagetop .inner span:hover:before {
    -webkit-transform: scale(1.15);
            transform: scale(1.15);
  }
}
@media screen and (max-width: 767px) and (max-width: 768px) {
  #pagetop .inner span:after {
    background-size: 10px auto;
  }
}
/*****************************************************************************************************************/
/* coming soon */
.cominsoon, .top_job_txt.cominsoon {
  text-align: center;
  padding: 15vw 0 20vw;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .cominsoon,
  .top_job_txt.cominsoon {
    text-align: center;
    padding: 20vw 0 30vw;
    width: 100%;
  }
}
section.top_banner {
  position: relative;
  width: 100%;
  text-align: center;
  margin: 14.0625vw 0 0;
}
@media screen and (max-width: 768px) {
  section.top_banner {
    margin: 28.8vw 0 0;
  }
}
section.top_banner .banner {
  text-align: center;
  margin: 0 auto;
}
section.top_banner .banner a {
  width: 472px;
  height: 80px;
  margin: 0 auto;
  font-size: 20px;
  padding: 30px 0;
}
@media screen and (max-width: 768px) {
  section.top_banner .banner a {
    width: calc(100% - 40px);
    font-size: 4vw;
    height: 14.9333333333vw;
    padding: 5.6vw 0 0;
  }
}

.dummy-box {
  position: relative;
  width: 100%;
  height: 100px;
  background: #000;
}

#nhk-one-header {
  position: relative !important;
}/*# sourceMappingURL=style.css.map */