@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Barlow:wght@600;700&display=swap");
.cmn-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 400;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  background-color: #ffffff;
}
.cmn-header--top_link {
  display: block;
  padding: 0.5856515373vw 1.4641288433vw;
  transition: opacity 0.3s;
}
.cmn-header--top_link:hover {
  opacity: 0.7;
}
@media (max-width: 767px) {
  .cmn-header--top_link {
    padding: 2.1333333333vw 2.6666666667vw;
  }
  .cmn-header--top_link:hover {
    opacity: 1;
  }
}
.cmn-header--logo_img {
  display: block;
  width: 13.9824304539vw;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .cmn-header--logo_img {
    width: 37.0666666667vw;
  }
}
.cmn-header--company_name {
  margin: 0.2928257687vw auto 0;
  text-align: center;
  font-size: 0.9516837482vw;
  font-weight: bold;
  line-height: 1.5;
}
@media (max-width: 767px) {
  .cmn-header--company_name {
    margin-top: 0.1464128843vw;
    font-size: 2.9333333333vw;
  }
}
.cmn-header--hamburger_wrapper {
  display: none;
}
@media (max-width: 767px) {
  .cmn-header--hamburger_wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 27.7333333333vw;
    padding-right: 4.2666666667vw;
    background-color: #008CCF;
    clip-path: polygon(12.5333333333vw 0, 100% 0, 100% 100%, 0 100%);
  }
}
.cmn-header--hamburger {
  position: relative;
  display: block;
  width: 8vw;
  height: 5.3333333333vw;
}
.cmn-header--hamburger_line {
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: 0.5333333333vw;
  background-color: #ffffff;
  transition: 0.5s ease-in-out;
}
.cmn-header--hamburger_line:first-child {
  top: 0;
}
.cmn-header--hamburger_line:nth-child(2) {
  top: calc(50% - 0.2666666667vw);
}
.cmn-header--hamburger_line:nth-child(3) {
  top: calc(100% - 0.5333333333vw);
}
.js-menu_open .cmn-header--hamburger_line:first-child {
  top: calc(50% - 0.2666666667vw);
  transform: rotate(45deg);
}
.js-menu_open .cmn-header--hamburger_line:nth-child(2) {
  opacity: 0;
}
.js-menu_open .cmn-header--hamburger_line:nth-child(3) {
  top: calc(50% - 0.2666666667vw);
  transform: rotate(-45deg);
}

.cmn-header_nav {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
}
@media (max-width: 767px) {
  .cmn-header_nav {
    display: none;
  }
}
.cmn-header_nav--list {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  margin-right: 1.9765739385vw;
}
.cmn-header_nav--item {
  display: flex;
  align-items: stretch;
}
.cmn-header_nav--link {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 0 1.756954612vw;
  font-size: 1.0980966325vw;
  font-weight: bold;
  transition: opacity 0.3s;
}
.cmn-header_nav--link:hover {
  opacity: 0.7;
}
.cmn-header_nav--hover {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5856515373vw;
  height: 100%;
  padding: 0 1.756954612vw;
  font-size: 1.0980966325vw;
  font-weight: bold;
  cursor: default;
  transition: opacity 0.3s;
}
.cmn-header_nav--hover:after {
  content: "";
  display: block;
  width: 0.6588579795vw;
  height: 0.5124450952vw;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229.4%22%20height%3D%227.004%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23008ccf%22%20stroke-width%3D%222%22%20d%3D%22M8.634.645%204.607%205.428.781.645%22%20data-name%3D%22%E3%83%91%E3%82%B9%20871562%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.cmn-header_nav--hover:hover {
  opacity: 0.7;
}
.cmn-header_nav--sub_list {
  position: fixed;
  top: 5.8565153734vw;
  left: 0;
  right: 0;
  z-index: 300;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3.6603221083vw;
  padding: 1.756954612vw 0;
  background-color: #093B96;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
}
.cmn-header_nav--sub_list.js-show {
  opacity: 1;
  pointer-events: auto;
}
.cmn-header_nav--sub_link {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5856515373vw;
  color: #ffffff;
  font-size: 1.0980966325vw;
  font-weight: bold;
  transition: opacity 0.3s;
}
.cmn-header_nav--sub_link:after {
  content: "";
  display: block;
  width: 1.317715959vw;
  height: 1.317715959vw;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%3E%3Cg%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%201398588%22%20transform%3D%22translate(-1195%20-1963)%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%229%22%20r%3D%229%22%20fill%3D%22%23fff%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%201%22%20transform%3D%22translate(1195%201963)%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%231d4ca2%22%20stroke-width%3D%222%22%20d%3D%22m1201.525%201968.379%204.783%204.027-4.783%203.826%22%20data-name%3D%22%E3%83%91%E3%82%B9%20870221%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.cmn-header_nav--sub_link:hover {
  opacity: 0.7;
}
.cmn-header_nav--recruit_link_wrapper {
  position: relative;
  height: 100%;
  pointer-events: none;
}
.cmn-header_nav--recruit_link_wrapper:after {
  content: "採用情報";
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 1.0980966325vw;
  font-weight: bold;
  pointer-events: none;
}
.cmn-header_nav--recruit_link {
  display: block;
  width: 12.6647144949vw;
  height: 100%;
  background-color: #008CCF;
  transform: skewX(-35deg);
  pointer-events: auto;
  transition: background-color 0.3s;
}
.cmn-header_nav--recruit_link:hover {
  background-color: rgb(0, 157.2463768116, 232.5);
}
.cmn-header_nav--contact_link {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 12.6647144949vw;
  margin-left: -2.0497803807vw;
  padding-right: 1.756954612vw;
  height: 100%;
  background-color: #1d4ca2;
  color: #ffffff;
  font-size: 1.0980966325vw;
  font-weight: bold;
  transition: background-color 0.3s;
}
.cmn-header_nav--contact_link:hover {
  background-color: rgb(32.8717277487, 86.1465968586, 183.6282722513);
}

.cmn-header_nav_sp {
  display: none;
  position: fixed;
  top: 16.8vw;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 400;
  background-color: #008CCF;
  transform: translateX(100%);
  transition: transform 0.5s ease-in-out;
}
.js-menu_open .cmn-header_nav_sp {
  transform: translateX(0);
}
@media (max-width: 767px) {
  .cmn-header_nav_sp {
    display: block;
  }
}
.cmn-header_nav_sp--wrapper {
  height: 100%;
  padding: 10.6666666667vw 0;
  overflow-y: scroll;
}
.cmn-header_nav_sp--item + .cmn-header_nav_sp--item {
  margin-top: 5.3333333333vw;
}
.cmn-header_nav_sp--link {
  display: block;
  width: fit-content;
  margin: 0 auto;
  color: #ffffff;
  font-size: 4.2666666667vw;
  font-weight: bold;
}
.cmn-header_nav_sp--sub_list {
  margin-top: 2.6666666667vw;
}
.cmn-header_nav_sp--sub_item + .cmn-header_nav_sp--sub_item {
  margin-top: 2.6666666667vw;
}
.cmn-header_nav_sp--sub_link {
  display: block;
  width: fit-content;
  margin: 0 auto;
  color: #ffffff;
  font-size: 4vw;
  font-weight: 500;
}
.cmn-header_nav_sp--recruit_link_wrapper {
  position: relative;
  pointer-events: none;
}
.cmn-header_nav_sp--recruit_link_wrapper:after {
  content: "採用情報";
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #008CCF;
  font-size: 4vw;
  font-weight: bold;
  pointer-events: none;
}
.cmn-header_nav_sp--recruit_link {
  display: block;
  width: 74.6666666667vw;
  height: 13.3333333333vw;
  margin: 9.6vw auto 0;
  background-color: #ffffff;
  transform: skewX(-35deg);
  pointer-events: auto;
  transition: background-color 0.3s;
}
.cmn-header_nav_sp--recruit_link:hover {
  background-color: rgb(0, 157.2463768116, 232.5);
}
.cmn-header_nav_sp--contact_link_wrapper {
  position: relative;
  pointer-events: none;
}
.cmn-header_nav_sp--contact_link_wrapper:after {
  content: "お問い合わせ";
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 4vw;
  font-weight: bold;
  pointer-events: none;
}
.cmn-header_nav_sp--contact_link {
  display: block;
  width: 74.6666666667vw;
  height: 13.3333333333vw;
  margin: 2.6666666667vw auto 0;
  background-color: #1D4CA2;
  transform: skewX(-35deg);
  pointer-events: auto;
  transition: background-color 0.3s;
}
.cmn-header_nav_sp--contact_link:hover {
  background-color: rgb(0, 157.2463768116, 232.5);
}

.cmn-bottom--img {
  display: block;
  width: 100%;
}
@media (max-width: 767px) {
  .cmn-bottom--img {
    height: 45.3333333333vw;
    object-fit: cover;
    object-position: center;
  }
}
.cmn-bottom--breadcrumbs {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5856515373vw;
  padding: 0.878477306vw 9.7364568082vw;
  background-color: #000000;
  border-bottom: #707070 1px solid;
}
@media (max-width: 767px) {
  .cmn-bottom--breadcrumbs {
    width: 100%;
    gap: 2.1333333333vw;
    padding: 3.2vw 8.5333333333vw;
    overflow-x: scroll;
  }
}
.cmn-bottom--breadcrumbs_item {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5856515373vw;
}
.cmn-bottom--breadcrumbs_item:not(:last-child):after {
  content: "＞";
  color: #ffffff;
  font-size: 1.0248901903vw;
}
.cmn-bottom--breadcrumbs_item:last-child {
  pointer-events: none;
}
@media (max-width: 767px) {
  .cmn-bottom--breadcrumbs_item {
    gap: 2.1333333333vw;
  }
  .cmn-bottom--breadcrumbs_item:not(:last-child):after {
    font-size: 3.7333333333vw;
  }
}
.cmn-bottom--breadcrumbs_link {
  color: #ffffff;
  font-size: 1.0248901903vw;
  transition: opacity 0.3s;
}
.cmn-bottom--breadcrumbs_link:hover {
  opacity: 0.7;
}
@media (max-width: 767px) {
  .cmn-bottom--breadcrumbs_link {
    font-size: 3.7333333333vw;
  }
}

.cmn-footer {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 6.7349926794vw 9.7364568082vw 5.270863836vw;
  background-color: #000000;
}
@media (max-width: 767px) {
  .cmn-footer {
    align-items: stretch;
    flex-direction: column-reverse;
    gap: 29.8666666667vw;
    padding: 19.2vw 8vw 10.6666666667vw;
  }
}
.cmn-footer--l_wrapper {
  flex-shrink: 0;
}
.cmn-footer--top_link {
  display: block;
  transition: opacity 0.3s;
}
.cmn-footer--top_link:hover {
  opacity: 0.7;
}
@media (max-width: 767px) {
  .cmn-footer--top_link:hover {
    opacity: 1;
  }
}
.cmn-footer--logo_img {
  display: block;
  width: 22.7672035139vw;
}
@media (max-width: 767px) {
  .cmn-footer--logo_img {
    width: 82.9333333333vw;
    margin: 0 auto;
  }
}
.cmn-footer--address {
  margin-top: 3.513909224vw;
  color: #ffffff;
  font-size: 1.0248901903vw;
}
.cmn-footer--address + .cmn-footer--address {
  margin-top: 2.0497803807vw;
}
@media (max-width: 767px) {
  .cmn-footer--address {
    margin-top: 10.6666666667vw;
    font-size: 3.7333333333vw;
  }
  .cmn-footer--address + .cmn-footer--address {
    margin-top: 6.4vw;
  }
}
.cmn-footer--access_link {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5856515373vw;
  margin-top: 2.0497803807vw;
  color: #0097DD;
  font-size: 1.1713030747vw;
  font-weight: bold;
  transition: opacity 0.3s;
}
.cmn-footer--access_link:before {
  content: "";
  display: block;
  width: 1.6105417277vw;
  height: 1.6105417277vw;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%2211%22%20fill%3D%22%230087d0%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%201%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%20d%3D%22m8.5%207.5%204.783%204.027L8.5%2015.353%22%20data-name%3D%22%E3%83%91%E3%82%B9%20870221%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.cmn-footer--access_link:hover {
  opacity: 0.7;
}
@media (max-width: 767px) {
  .cmn-footer--access_link {
    gap: 2.1333333333vw;
    margin-top: 7.4666666667vw;
    font-size: 4.2666666667vw;
  }
  .cmn-footer--access_link:before {
    width: 5.8666666667vw;
    height: 5.8666666667vw;
  }
}
.cmn-footer--l_bottom_wrapper {
  margin-top: 17.5695461201vw;
}
@media (max-width: 767px) {
  .cmn-footer--l_bottom_wrapper {
    margin-top: 14.9333333333vw;
  }
}
.cmn-footer--l_bottom_link {
  display: block;
  color: #ffffff;
  font-size: 0.878477306vw;
  font-weight: 500;
  transition: opacity 0.3s;
}
.cmn-footer--l_bottom_link:before {
  content: "-";
  display: inline-block;
}
.cmn-footer--l_bottom_link + .cmn-footer--l_bottom_link {
  margin-top: 0.5856515373vw;
}
.cmn-footer--l_bottom_link:hover {
  opacity: 0.7;
}
@media (max-width: 767px) {
  .cmn-footer--l_bottom_link {
    font-size: 3.2vw;
  }
  .cmn-footer--l_bottom_link + .cmn-footer--l_bottom_link {
    margin-top: 2.1333333333vw;
  }
}
.cmn-footer--copyright {
  margin-top: 2.0497803807vw;
  color: #868686;
  font-size: 0.878477306vw;
}
@media (max-width: 767px) {
  .cmn-footer--copyright {
    margin-top: 6.4vw;
    font-size: 2.8vw;
    text-align: center;
  }
}

.cmn-footer_nav {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.756954612vw;
}
@media (max-width: 767px) {
  .cmn-footer_nav {
    flex-direction: column;
    gap: 6.4vw;
  }
}
.cmn-footer_nav--wrapper {
  width: 16.1054172767vw;
}
@media (max-width: 767px) {
  .cmn-footer_nav--wrapper {
    width: 100%;
  }
}
.cmn-footer_nav--link {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5856515373vw;
  padding-bottom: 1.1713030747vw;
  border-bottom: #707070 1px solid;
  transition: opacity 0.3s;
}
.cmn-footer_nav--link:before {
  content: "";
  display: block;
  width: 1.6105417277vw;
  height: 1.6105417277vw;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%2211%22%20fill%3D%22%230087d0%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%201%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%20d%3D%22m8.5%207.5%204.783%204.027L8.5%2015.353%22%20data-name%3D%22%E3%83%91%E3%82%B9%20870221%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.cmn-footer_nav--link:not(:first-child) {
  margin-top: 1.756954612vw;
}
.cmn-footer_nav--link:hover {
  opacity: 0.7;
}
@media (max-width: 767px) {
  .cmn-footer_nav--link {
    gap: 2.1333333333vw;
    padding-bottom: 4.2666666667vw;
  }
  .cmn-footer_nav--link:before {
    width: 5.8666666667vw;
    height: 5.8666666667vw;
  }
  .cmn-footer_nav--link:not(:first-child) {
    margin-top: 6.4vw;
  }
}
.cmn-footer_nav--link_jpn {
  display: block;
  color: #ffffff;
  font-size: 1.1713030747vw;
  font-weight: bold;
}
@media (max-width: 767px) {
  .cmn-footer_nav--link_jpn {
    font-size: 4.2666666667vw;
  }
}
.cmn-footer_nav--link_en {
  display: block;
  margin-top: 0.2928257687vw;
  color: #0097DD;
  font-size: 1.1713030747vw;
  font-weight: bold;
}
@media (max-width: 767px) {
  .cmn-footer_nav--link_en {
    margin-top: 1.0666666667vw;
    font-size: 4.2666666667vw;
  }
}
.cmn-footer_nav--sub_list {
  margin-top: 1.1713030747vw;
}
@media (max-width: 767px) {
  .cmn-footer_nav--sub_list {
    margin-top: 4.2666666667vw;
  }
}
.cmn-footer_nav--sub_item + .cmn-footer_nav--sub_item {
  margin-top: 0.5856515373vw;
}
@media (max-width: 767px) {
  .cmn-footer_nav--sub_item + .cmn-footer_nav--sub_item {
    margin-top: 2.1333333333vw;
  }
}
.cmn-footer_nav--sub_link {
  display: block;
  color: #ffffff;
  font-size: 1.0248901903vw;
  font-weight: 500;
  transition: opacity 0.3s;
}
.cmn-footer_nav--sub_link:hover {
  opacity: 0.7;
}
@media (max-width: 767px) {
  .cmn-footer_nav--sub_link {
    font-size: 3.7333333333vw;
  }
}
.cmn-footer_nav--contact_link {
  position: relative;
  display: block;
  margin-top: 2.9282576867vw;
  padding: 0.878477306vw;
  background-color: #0097DD;
  border-radius: 4.39238653vw;
  color: #f0f0f0;
  font-size: 1.1713030747vw;
  font-weight: bold;
  text-align: center;
  transition: background-color 0.3s;
}
.cmn-footer_nav--contact_link:after {
  content: "";
  position: absolute;
  top: 2.196193265vw;
  right: 1.6105417277vw;
  z-index: 100;
  display: block;
  width: 0.5124450952vw;
  height: 0.6588579795vw;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227.004%22%20height%3D%229.4%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%20d%3D%22m.645.766%204.783%204.027L.645%208.619%22%20data-name%3D%22%E3%83%91%E3%82%B9%20870221%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.cmn-footer_nav--contact_link:hover {
  background-color: rgb(0, 168.4230769231, 246.5);
}
@media (max-width: 767px) {
  .cmn-footer_nav--contact_link {
    margin-top: 10.6666666667vw;
    padding: 4.2666666667vw;
    border-radius: 16vw;
    font-size: 4.2666666667vw;
  }
  .cmn-footer_nav--contact_link:after {
    top: 9.0666666667vw;
    right: 5.8666666667vw;
    width: 1.8666666667vw;
    height: 2.4vw;
  }
}

.cmn-panel--list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 767px) {
  .cmn-panel--list {
    grid-template-columns: 1fr;
  }
}
.cmn-panel--item {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-direction: column;
  height: 27.8184480234vw;
  padding: 3.6603221083vw 0 1.4641288433vw;
  background-color: #008CCF;
  cursor: pointer;
}
@media (max-width: 767px) {
  .cmn-panel--item {
    height: 83.3333333333vw;
    padding: 7.4666666667vw 0 4.2666666667vw;
  }
}
.cmn-panel--img_wrapper {
  position: absolute;
  inset: 0;
  z-index: 100;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 12.4450951684vw), calc(100% - 12.4450951684vw) 100%, 0 100%);
  transition: opacity 0.3s;
}
.js-panel_open .cmn-panel--img_wrapper {
  opacity: 0;
}
@media (max-width: 767px) {
  .cmn-panel--img_wrapper {
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 37.3333333333vw), calc(100% - 37.3333333333vw) 100%, 0 100%);
  }
}
.cmn-panel--img {
  width: 100%;
  height: 100%;
  transition: transform 0.3s;
}
.cmn-panel--img:hover {
  transform: scale(1.15);
}
@media (max-width: 767px) {
  .cmn-panel--img:hover {
    transform: none;
  }
}
.cmn-panel--text_wrapper {
  padding: 0 2.3426061493vw;
}
@media (max-width: 767px) {
  .cmn-panel--text_wrapper {
    padding: 0 5.3333333333vw;
  }
}
.cmn-panel--lead {
  color: #ffffff;
  font-size: 1.317715959vw;
  line-height: 1.7;
}
@media (max-width: 767px) {
  .cmn-panel--lead {
    font-size: 4.2666666667vw;
  }
}
.cmn-panel--description {
  margin-top: 2.0497803807vw;
  color: #ffffff;
  font-size: 1.1713030747vw;
  line-height: 1.7;
}
@media (max-width: 767px) {
  .cmn-panel--description {
    margin-top: 4.2666666667vw;
    font-size: 3.7333333333vw;
  }
}
.cmn-panel--index_wrapper {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-direction: column;
  margin-right: 0.7320644217vw;
}
@media (max-width: 767px) {
  .cmn-panel--index_wrapper {
    margin-right: 2.6666666667vw;
  }
}
.cmn-panel--index {
  margin-right: 1.5373352855vw;
  color: #ffffff;
  font-family: "Barlow", sans-serif;
  font-size: 3.2942898975vw;
  font-weight: bold;
}
@media (max-width: 767px) {
  .cmn-panel--index {
    margin-right: 4.2666666667vw;
    font-size: 9.6vw;
  }
}
.cmn-panel--toggle_wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5856515373vw;
  margin-top: -0.5856515373vw;
}
@media (max-width: 767px) {
  .cmn-panel--toggle_wrapper {
    gap: 2.1333333333vw;
    margin-top: -1.0666666667vw;
  }
}
.cmn-panel--name {
  color: #ffffff;
  font-size: 1.317715959vw;
  font-weight: bold;
}
@media (max-width: 767px) {
  .cmn-panel--name {
    font-size: 3.7333333333vw;
  }
}
.cmn-panel--toggle_button {
  flex-shrink: 0;
  position: relative;
  display: block;
  width: 1.4641288433vw;
  height: 1.4641288433vw;
  border-radius: 0.7320644217vw;
  background-color: #ffffff;
}
.cmn-panel--toggle_button:before {
  content: "";
  position: absolute;
  top: 0.6588579795vw;
  left: 0.3660322108vw;
  display: block;
  width: 0.7320644217vw;
  height: 0.1464128843vw;
  background-color: #008CCF;
}
.cmn-panel--toggle_button:after {
  content: "";
  position: absolute;
  top: 0.3660322108vw;
  left: 0.6588579795vw;
  display: block;
  width: 0.1464128843vw;
  height: 0.7320644217vw;
  background-color: #008CCF;
  transition: transform 0.3s;
}
.js-panel_open .cmn-panel--toggle_button:after {
  transform: rotate(90deg);
}
@media (max-width: 767px) {
  .cmn-panel--toggle_button {
    width: 4.2666666667vw;
    height: 4.2666666667vw;
    border-radius: 2.1333333333vw;
  }
  .cmn-panel--toggle_button:before {
    top: 1.8666666667vw;
    left: 1.0666666667vw;
    width: 2.1333333333vw;
    height: 0.5333333333vw;
  }
  .cmn-panel--toggle_button:after {
    top: 1.0666666667vw;
    left: 1.8666666667vw;
    width: 0.5333333333vw;
    height: 2.1333333333vw;
  }
}

.r-cmn-header {
  height: var(--recruit-cmn-header-height);
  z-index: 100;
  position: fixed;
  top: 14px;
  left: 16px;
  width: calc(100% - 32px);
  max-width: 100%;
  background-color: #fff;
  border-radius: 9999px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 38px;
}
@media (max-width: 450px) {
  .r-cmn-header {
    position: absolute;
    top: 10px;
    left: 10px;
    width: calc(100% - 20px);
    padding-left: 20px;
    padding-right: 10px;
  }
}
.r-cmn-header--head {
  display: flex;
  align-items: center;
  column-gap: 3px;
}
@media (max-width: 450px) {
  .r-cmn-header--head {
    column-gap: 8px;
  }
}
@media (max-width: 450px) {
  .r-cmn-header--head_logo {
    width: 146px;
  }
}
.r-cmn-header--head_lead {
  font-weight: bold;
  font-size: 14px;
  color: #0087d0;
  text-align: right;
}
@media (max-width: 450px) {
  .r-cmn-header--head_lead {
    font-size: 12px;
  }
}
.r-cmn-header--head_name {
  font-weight: bold;
  font-size: 14px;
}
@media (max-width: 450px) {
  .r-cmn-header--head_name {
    font-size: 10px;
  }
}
.r-cmn-header--entry_link {
  padding: 13px 26px 16px 32px;
  color: #fff;
  text-align: center;
  background-color: #002f71;
  border-radius: 9999px;
  min-height: 100%;
  transition: 0.2s;
}
.r-cmn-header--entry_link:hover {
  opacity: 0.8;
}
@media (max-width: 450px) {
  .r-cmn-header--entry_link {
    display: none;
  }
}
.r-cmn-header--sp_open_btn {
  display: none;
}
@media (max-width: 450px) {
  .r-cmn-header--sp_open_btn {
    display: block;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2246%22%20height%3D%2246%22%20viewBox%3D%220%200%2046%2046%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_1398926%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%201398926%22%20transform%3D%22translate%28-311%20-18%29%22%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_6%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%206%22%20cx%3D%2223%22%20cy%3D%2223%22%20r%3D%2223%22%20transform%3D%22translate%28311%2018%29%22%20fill%3D%22%230087d0%22%2F%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_1397914%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%201397914%22%20transform%3D%22translate%28322.907%2031.849%29%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_870308%22%20data-name%3D%22%E3%83%91%E3%82%B9%20870308%22%20d%3D%22M-6493.918%2C14892.468h22.878%22%20transform%3D%22translate%286493.918%20-14892.468%29%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_870309%22%20data-name%3D%22%E3%83%91%E3%82%B9%20870309%22%20d%3D%22M-6493.918%2C14892.468h22.878%22%20transform%3D%22translate%286493.918%20-14883.316%29%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_870310%22%20data-name%3D%22%E3%83%91%E3%82%B9%20870310%22%20d%3D%22M-6493.918%2C14892.468h22.878%22%20transform%3D%22translate%286493.918%20-14874.165%29%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    width: 46px;
    height: 46px;
    position: fixed;
    right: 24px;
    top: 18px;
  }
  .js-open .r-cmn-header--sp_open_btn {
    display: none;
  }
}

.r-cmn-header_nav {
  margin-left: clamp(-150px, (1366px - 100vw) * 0.2708, 0px);
}
@media (max-width: 450px) {
  .r-cmn-header_nav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100dvh;
    background-color: #0088d6;
    padding-top: 90px;
    opacity: 0;
    pointer-events: none;
    transition: 0.2s;
  }
  .js-open .r-cmn-header_nav {
    opacity: 1;
    pointer-events: auto;
  }
}
.r-cmn-header_nav--sp_close_btn {
  display: none;
}
@media (max-width: 450px) {
  .r-cmn-header_nav--sp_close_btn {
    display: block;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2246%22%20height%3D%2246%22%20viewBox%3D%220%200%2046%2046%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_1398926%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%201398926%22%20transform%3D%22translate%28-311%20-18%29%22%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_6%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%206%22%20cx%3D%2223%22%20cy%3D%2223%22%20r%3D%2223%22%20transform%3D%22translate%28311%2018%29%22%20fill%3D%22%23fff%22%2F%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_1397914%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%201397914%22%20transform%3D%22translate%28332.728%2026.44%29%20rotate%2845%29%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_870309%22%20data-name%3D%22%E3%83%91%E3%82%B9%20870309%22%20d%3D%22M-6493.918%2C14892.468h22.878%22%20transform%3D%22translate%286493.918%20-14883.316%29%22%20fill%3D%22none%22%20stroke%3D%22%230088d6%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_1398927%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%201398927%22%20transform%3D%22translate%28348.906%2039.382%29%20rotate%28135%29%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_870309-2%22%20data-name%3D%22%E3%83%91%E3%82%B9%20870309%22%20d%3D%22M-6493.918%2C14892.468h22.878%22%20transform%3D%22translate%286493.918%20-14883.316%29%22%20fill%3D%22none%22%20stroke%3D%22%230088d6%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    width: 46px;
    height: 46px;
    position: absolute;
    right: 24px;
    top: 18px;
  }
}
.r-cmn-header_nav--list {
  display: flex;
  column-gap: clamp(10px, (100vw - 1250px) * 0.2593 + 10px, 30px);
}
@media (max-width: 450px) {
  .r-cmn-header_nav--list {
    flex-direction: column;
    row-gap: 40px;
    align-items: center;
  }
}
.r-cmn-header_nav--link {
  font-weight: bold;
  font-size: 15px;
  position: relative;
  z-index: 0;
  padding: 0.5em 0.25em;
}
.r-cmn-header_nav--link:after {
  z-index: -1;
  content: "";
  position: absolute;
  bottom: 0.5em;
  width: 0;
  height: 5px; /* 下線の太さ */
  background-color: #50C4F2; /* 青の色は調整してね */
  left: 50%;
  transform: translateX(-50%);
  transition: 0.2s;
}
.r-cmn-header_nav--link:hover:after {
  width: 100%;
}
@media (max-width: 450px) {
  .r-cmn-header_nav--link {
    color: #fff;
  }
}
.r-cmn-header_nav--sp_banner_link {
  display: none;
}
@media (max-width: 450px) {
  .r-cmn-header_nav--sp_banner_link {
    display: block;
    width: fit-content;
    margin: 0 auto;
    margin-top: 58px;
  }
}

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