@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@400;500;700&display=swap");
@import url("https://fonts.googleapis.com/icon?family=Barlow+Condensed:wght@0,400;0,500;0,600;0,700;&display=swap");
@import url("https://fonts.googleapis.com/icon?family=Material+Icons");
@import url("https://fonts.googleapis.com/css2?family=Shippori+Mincho+B1&display=swap");
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,
abbr, acronym, address, big, cite, code, del,
dfn, em, img, ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt, var, b, u, i,
center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby,
section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}
blockquote::before, blockquote::after, q::before, q::after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

img {
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  background: #fff;
  color: #000;
  font-family: "Zen Kaku Gothic New", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", sans-serif;
  overflow-x: hidden;
}
@media print, screen and (min-width: 781px) {
  html {
    font-size: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  html {
    font-size: 4.1025641026vw;
  }
}

button {
  font-family: "Zen Kaku Gothic New", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", sans-serif;
}

a {
  color: #0073C3;
}

.l-header {
  position: fixed;
  z-index: 99;
  background-color: #fff;
}
@media print, screen and (min-width: 781px) {
  .l-header {
    display: grid;
    grid-template-rows: 103px 1fr 209px;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    gap: 20px;
    width: 200px;
    height: 100vh;
    padding: 40px 10px 48px;
    -webkit-box-shadow: 8px 0 8px rgba(0, 0, 0, 0.16);
    box-shadow: 8px 0 8px rgba(0, 0, 0, 0.16);
  }
}
@media print, screen and (max-width: 780px) {
  .l-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 16.4102564103vw;
    padding-left: 4.1025641026vw;
    padding-right: 20px;
  }
}

@media print, screen and (min-width: 781px) {
  .l-header_logo {
    max-width: 140px;
    margin-inline: auto;
  }
}

.l-header_logo_link {
  text-decoration: none;
}
@media print, screen and (max-width: 780px) {
  .l-header_logo_link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4.1025641026vw;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media print, screen and (min-width: 781px) {
  .l-header_logo_img {
    width: 100%;
  }
}
@media print, screen and (max-width: 780px) {
  .l-header_logo_img {
    width: 26.4102564103vw;
  }
}

.l-header_logo_text {
  color: #767676;
  font-family: "Barlow Condensed", sans-serif;
  text-align: center;
  -ms-flex-line-pack: center;
  align-content: center;
}
@media print, screen and (min-width: 781px) {
  .l-header_logo_text {
    height: 24px;
    margin-top: 24px;
    border: 1px solid #767676;
    border-radius: 2px;
    font-size: 14px;
  }
}
@media print, screen and (max-width: 780px) {
  .l-header_logo_text {
    height: 6.1538461538vw;
    padding: 0 3.5897435897vw;
    border: 0.2564102564vw solid #767676;
    border-radius: 0.5128205128vw;
    font-size: 3.0769230769vw;
  }
}

.l-header_cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media print, screen and (min-width: 781px) {
  .l-header_cta {
    gap: 9px;
  }
}
@media print, screen and (max-width: 780px) {
  .l-header_cta {
    display: none;
  }
}

.l-header_cta_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #0073C3;
  color: #0073C3;
  text-decoration: none;
  -webkit-transition: color 0.3s, background-color 0.3s;
  transition: color 0.3s, background-color 0.3s;
}
@media print, screen and (min-width: 781px) {
  .l-header_cta_link {
    padding: 0 10px;
    height: 100px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.43;
  }
}
.l-header_cta_link [data-icon]::after {
  display: inline-block;
  border-radius: 50%;
  background-color: #0073C3;
  color: #fff;
  text-align: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-transition: color 0.3s, background-color 0.3s;
  transition: color 0.3s, background-color 0.3s;
}
@media print, screen and (min-width: 781px) {
  .l-header_cta_link [data-icon]::after {
    width: 24px;
    height: 24px;
    margin-top: 6px;
    font-size: 14px;
  }
}

@media (any-hover: hover) {
  .l-header_cta_link:hover {
    background-color: #0073C3;
    color: #fff;
  }
  .l-header_cta_link:hover [data-icon]::after {
    background-color: #fff;
    color: #0073C3;
  }
}
.l-header_cta_link_title {
  font-weight: 700;
}

@media print, screen and (min-width: 781px) {
  .l-header_cta_link_text {
    margin-top: 2px;
  }
}

.l-header_nav {
  -ms-flex-line-pack: center;
  align-content: center;
}
@media print, screen and (min-width: 781px) {
  .l-header_nav {
    min-height: 0;
    padding: 0 6px;
    overflow: auto;
    overflow-y: auto;
  }
}
@media print, screen and (max-width: 780px) {
  .l-header_nav {
    display: none;
  }
}

@media print, screen and (min-width: 781px) {
  .l-header_nav_list {
    max-width: 168px;
    margin-inline: auto;
  }
}

.l-header_nav_item:first-of-type {
  padding-bottom: 24px;
  border-bottom: 1px solid #D9D9D9;
}
.l-header_nav_item + .l-header_nav_item {
  margin-top: 24px;
}
.l-header_nav_item.is-active .l-header_nav_link {
  color: #0073C3;
}
.l-header_nav_item.is-active .l-header_nav_link [data-icon]::after {
  content: "remove";
  color: #0073C3;
}

.l-header_nav_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #000000;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.l-header_nav_link.is-current {
  color: #0073C3;
}
.l-header_nav_link.is-active [data-icon]::after {
  content: "remove";
  color: #0073C3;
}
.l-header_nav_link [data-icon]::after {
  color: #767676;
}

@media (any-hover: hover) {
  .l-header_nav_link:hover {
    color: #0073C3;
  }
  .l-header_nav_link:hover [data-icon]::after {
    color: #0073C3;
  }
}
.l-header_nav_sub_wrap {
  display: none;
  position: absolute;
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 200px;
  width: 316px;
  height: 100vh;
  min-height: 100vh;
}
.l-header_nav_sub_wrap.is-active .l-header_nav_sub {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.l-header_nav_sub {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 260px;
  height: 100vh;
  padding: 0 24px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #0073C3;
  -webkit-box-shadow: 8px 0 8px rgba(0, 0, 0, 0.16);
  box-shadow: 8px 0 8px rgba(0, 0, 0, 0.16);
  -webkit-transform: translate(-316px, 0);
  transform: translate(-316px, 0);
}

.l-header_nav_sub_title {
  margin-bottom: 18px;
  color: #8ED1FF;
  font-size: 24px;
  font-weight: 700;
  font-family: "Barlow Condensed", sans-serif;
}

.l-header_nav_sub_list + .l-header_nav_sub_title {
  margin-top: 40px;
}

.l-header_nav_sub_item + .l-header_nav_sub_item {
  margin-top: 18px;
}

.l-header_nav_sub_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  color: #fff;
  font-size: 15px;
  text-decoration: none;
  font-weight: 500;
  line-height: 1.47;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

@media (any-hover: hover) {
  .l-header_nav_sub_link:hover {
    opacity: 0.7;
  }
}
.l-header_nav_sub_close {
  position: absolute;
  top: 0;
  right: -40px;
  width: 40px;
  height: 40px;
  padding-top: 5px;
  border-radius: 0 0 8px 0;
  background-color: #767676;
  color: #fff;
  font-size: 24px;
  -webkit-box-shadow: 8px 0 8px rgba(0, 0, 0, 0.16);
  box-shadow: 8px 0 8px rgba(0, 0, 0, 0.16);
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.l-header_nav_sub_close:hover {
  background-color: #909090;
}

@media print, screen and (min-width: 781px) {
  .l-header_hamburger {
    display: none;
  }
}

@media print, screen and (min-width: 781px) {
  #l-header_sp_trigger {
    display: none;
  }
}

.l-header_hamburger .l-header_hamburger_icon {
  position: relative;
  width: 6.4102564103vw;
  height: 3.5897435897vw;
  display: inline-block;
  text-align: center;
}

.l-header_hamburger .l-header_hamburger_icon span {
  position: absolute;
  left: 0;
  width: 6.4102564103vw;
  height: 0.5128205128vw;
  background: #0073C3;
  right: 0;
  margin: auto;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.l-header_hamburger.is-active .l-header_hamburger_icon span {
  background: #0073C3;
}

.l-header_hamburger .l-header_hamburger_icon span:nth-of-type(1) {
  top: 0;
}

.l-header_hamburger .l-header_hamburger_icon span:nth-of-type(2) {
  top: 1.5384615385vw;
}

.l-header_hamburger .l-header_hamburger_icon span:nth-of-type(3) {
  bottom: 0;
}

.l-header_hamburger.is-active .l-header_hamburger_icon span:nth-of-type(1) {
  -webkit-transform: translateY(1.5384615385vw) rotate(-45deg);
  transform: translateY(1.5384615385vw) rotate(-45deg);
}

.l-header_hamburger.is-active .l-header_hamburger_icon span:nth-of-type(2) {
  opacity: 0;
}

.l-header_hamburger.is-active .l-header_hamburger_icon span:nth-of-type(3) {
  -webkit-transform: translateY(-1.5384615385vw) rotate(45deg);
  transform: translateY(-1.5384615385vw) rotate(45deg);
}

#l-header_sp_trigger {
  position: absolute;
  top: 16.4102564103vw;
  left: 0;
  background-color: #0073C3;
  width: 100%;
  height: calc(100vh - 16.4102564103vw);
}

.l-header_nav_sp {
  position: relative;
  height: 100%;
  padding-bottom: 35.8974358974vw;
  padding-left: 5.1282051282vw;
  overflow-y: scroll;
}

.l-header_nav_link_title_sp {
  display: grid;
  grid-template-columns: -webkit-max-content -webkit-max-content 8.2051282051vw;
  grid-template-columns: max-content max-content 8.2051282051vw;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4.1025641026vw;
  height: 8.2051282051vw;
  margin-top: 8.2051282051vw;
  padding-right: 5.1282051282vw;
  color: #fff;
  text-decoration: none;
}
.l-header_nav_link_title_sp [data-icon]::after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 8.2051282051vw;
  height: 8.2051282051vw;
  border-radius: 50%;
  border: 0.2564102564vw solid #fff;
  color: #fff;
  font-size: 16;
}

.l-header_nav_link_title_jp_sp {
  font-size: 5.1282051282vw;
  font-weight: 500;
}

.l-header_nav_link_title_en_sp {
  font-size: 14;
  font-family: "Barlow Condensed", sans-serif;
}

.l-header_nav_sub_child_list_sp {
  display: none;
  padding-bottom: 4.1025641026vw;
}

.l-header_nav_sub_list_sp {
  margin-top: 8.2051282051vw;
}

.l-header_nav_sub_item_sp {
  padding-left: 4.1025641026vw;
  padding-right: 5.1282051282vw;
}
.l-header_nav_sub_item_sp + .l-header_nav_sub_item_sp {
  margin-top: 2.5641025641vw;
}
.l-header_nav_sub_item_sp.is-active .l-header_nav_sub_link_sp [data-icon]::after {
  content: "remove";
}

.l-header_nav_sub_item_sp {
  border-radius: 2.0512820513vw 0 0 2.0512820513vw;
  background-color: #fff;
}

.l-header_nav_sub_link_sp {
  display: grid;
  grid-template-columns: 16.4102564103vw auto 8.2051282051vw;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 3.5897435897vw;
  height: 24.6153846154vw;
  text-decoration: none;
  letter-spacing: 0.05em;
}
.l-header_nav_sub_link_sp [data-icon]::after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 8.2051282051vw;
  height: 8.2051282051vw;
  border-radius: 1.0256410256vw;
  background-color: #0073C3;
  color: #fff;
  font-size: 16;
}

.l-header_nav_sub_link_img_sp {
  width: 16.4102564103vw;
}

.l-header_nav_sub_link_title_jp_sp {
  color: #000;
  font-size: 5.1282051282vw;
  font-weight: 500;
  line-height: 1.45;
}

.l-header_nav_sub_link_title_en_sp {
  margin-top: 0.5128205128vw;
  color: #0073C3;
  font-size: 3.5897435897vw;
  font-family: "Barlow Condensed", sans-serif;
  line-height: 1.2;
}

.l-header_nav_sub_child_item_sp {
  border-top: 0.2564102564vw solid #D9D9D9;
}
.l-header_nav_sub_child_item_sp:last-child {
  border-bottom: 0.2564102564vw solid #D9D9D9;
}

.l-header_nav_sub_child_link_sp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 16.4102564103vw;
  color: #000;
  font-size: 4.1025641026vw;
  text-decoration: none;
  font-weight: 500;
}
.l-header_nav_sub_child_link_sp [data-icon]::after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 8.2051282051vw;
  height: 8.2051282051vw;
  border-radius: 50%;
  border: 0.2564102564vw solid #0073C3;
  color: #0073C3;
  font-size: 16;
}

.l-header_cta_sp {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 2.0512820513vw;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 33.8461538462vw;
  padding: 4.1025641026vw 2.0512820513vw;
  background-color: #F7F7F7;
  -webkit-box-shadow: 0px -8px 8px rgba(0, 0, 0, 0.16);
  box-shadow: 0px -8px 8px rgba(0, 0, 0, 0.16);
}

.l-header_cta_item_sp {
  height: 100%;
}

.l-header_cta_link_sp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5.1282051282vw;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  padding-left: 4.1025641026vw;
  padding-right: 4.1025641026vw;
  border: 0.2564102564vw solid #0073C3;
  border-radius: 2.0512820513vw;
  background-color: #fff;
  color: #0073C3;
  text-decoration: none;
}
.l-header_cta_link_sp [data-icon]::after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 8.2051282051vw;
  height: 8.2051282051vw;
  border-radius: 50%;
  background-color: #0073C3;
  color: #fff;
  font-size: 16;
}

.l-header_cta_link_sp > div {
  color: #0073C3;
}

.l-header_cta_link_title_sp {
  display: block;
  font-size: 4.1025641026vw;
  font-weight: 700;
}

.l-header_cta_link_text_sp {
  display: block;
  margin-top: 1.7948717949vw;
  font-size: 4.1025641026vw;
  line-height: 1.2;
  font-weight: 500;
}

@media print, screen and (min-width: 781px) {
  .l-footer {
    width: calc(100% - 200px);
    margin-left: 200px;
  }
}
.l-footer_main {
  position: relative;
  overflow: hidden;
}
@media print, screen and (min-width: 781px) {
  .l-footer_main {
    padding: 120px 0 80px;
  }
}
@media print, screen and (max-width: 780px) {
  .l-footer_main {
    padding: 14.358974359vw 0;
  }
}

.l-footer_main_video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: -1;
}

.l-footer_main_lead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  color: #0073C3;
  font-weight: 700;
}
@media print, screen and (min-width: 781px) {
  .l-footer_main_lead {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 24px;
    font-size: 90px;
  }
}
@media print, screen and (max-width: 780px) {
  .l-footer_main_lead {
    gap: 6.1538461538vw;
    font-size: 10.2564102564vw;
    letter-spacing: -0.03em;
  }
}

@media print, screen and (max-width: 780px) {
  .l-footer_main_lead_img {
    width: 61.5384615385vw;
  }
}

@media print, screen and (min-width: 781px) {
  .l-footer_main_nav {
    margin-top: 56px;
  }
}
@media print, screen and (max-width: 780px) {
  .l-footer_main_nav {
    margin-top: 8.2051282051vw;
  }
}

.l-footer_main_nav_list {
  display: grid;
}
@media print, screen and (min-width: 781px) {
  .l-footer_main_nav_list {
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    gap: 20px;
  }
}
@media print, screen and (max-width: 780px) {
  .l-footer_main_nav_list {
    gap: 3.0769230769vw;
  }
}

.l-footer_main_nav_link {
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #0073C3;
  color: #fff;
  text-decoration: none;
}
@media print, screen and (min-width: 781px) {
  .l-footer_main_nav_link {
    grid-template-columns: 80px auto 56px;
    gap: 16px;
    height: 144px;
    padding: 0 32px;
    border-radius: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .l-footer_main_nav_link {
    grid-template-columns: 16.4102564103vw auto 10.2564102564vw;
    gap: 3.5897435897vw;
    height: 26.6666666667vw;
    padding: 0 5.1282051282vw;
    border-radius: 2.0512820513vw;
  }
}
.l-footer_main_nav_link [data-icon]::after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #fff;
  border-radius: 50%;
}
@media print, screen and (min-width: 781px) {
  .l-footer_main_nav_link [data-icon]::after {
    width: 56px;
    height: 56px;
  }
}
@media print, screen and (max-width: 780px) {
  .l-footer_main_nav_link [data-icon]::after {
    width: 10.2564102564vw;
    height: 10.2564102564vw;
  }
}

.l-footer_main_nav_link .l-footer_main_nav_img {
  overflow: hidden;
  border-radius: 50%;
}

.l-footer_main_nav_link .l-footer_main_nav_img img {
  -webkit-transition: scale 0.3s;
  transition: scale 0.3s;
}

@media (any-hover: hover) {
  .l-footer_main_nav_link:hover .l-footer_main_nav_img img {
    scale: 1.1;
  }
}
.l-footer_main_nav_title_jp {
  letter-spacing: 0.05em;
  line-height: 1.46;
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .l-footer_main_nav_title_jp {
    font-size: 26px;
  }
}
@media print, screen and (max-width: 780px) {
  .l-footer_main_nav_title_jp {
    font-size: 5.1282051282vw;
  }
}

.l-footer_main_nav_title_en {
  letter-spacing: 0.05em;
  font-family: "Barlow Condensed", sans-serif;
  line-height: 1.2;
}
@media print, screen and (min-width: 781px) {
  .l-footer_main_nav_title_en {
    margin-top: 4px;
    font-size: 20px;
  }
}
@media print, screen and (max-width: 780px) {
  .l-footer_main_nav_title_en {
    margin-top: 0.5128205128vw;
    font-size: 3.5897435897vw;
  }
}

.l-footer_breadcrumb {
  border-top: 1px solid #D9D9D9;
}
@media print, screen and (min-width: 781px) {
  .l-footer_breadcrumb {
    padding: 15px 0;
  }
}
@media print, screen and (max-width: 780px) {
  .l-footer_breadcrumb {
    padding: 3.8461538462vw 0;
  }
}

.l-footer_breadcrumb_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
}
@media print, screen and (min-width: 781px) {
  .l-footer_breadcrumb_list {
    gap: 30px;
  }
}
@media print, screen and (max-width: 780px) {
  .l-footer_breadcrumb_list {
    gap: 7.6923076923vw;
  }
}

.l-footer_breadcrumb_item {
  position: relative;
}
.l-footer_breadcrumb_item + .l-footer_breadcrumb_item::before {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "chevron_right";
  color: #767676;
  font-family: "Material Icons";
  font-weight: 400;
}
@media print, screen and (min-width: 781px) {
  .l-footer_breadcrumb_item + .l-footer_breadcrumb_item::before {
    left: -22px;
    font-size: 14px;
  }
}
@media print, screen and (max-width: 780px) {
  .l-footer_breadcrumb_item + .l-footer_breadcrumb_item::before {
    left: -5.641025641vw;
    font-size: 3.5897435897vw;
  }
}

.l-footer_breadcrumb_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #000;
  text-decoration: none;
}
@media print, screen and (min-width: 781px) {
  .l-footer_breadcrumb_link {
    font-size: 12px;
  }
}
@media print, screen and (max-width: 780px) {
  .l-footer_breadcrumb_link {
    font-size: 3.0769230769vw;
  }
}
.l-footer_breadcrumb_link [data-icon]::after {
  color: #0073C3;
  vertical-align: bottom;
}
@media print, screen and (min-width: 781px) {
  .l-footer_breadcrumb_link [data-icon]::after {
    padding-right: 4px;
    font-size: 14px;
  }
}
@media print, screen and (max-width: 780px) {
  .l-footer_breadcrumb_link [data-icon]::after {
    padding-right: 1.0256410256vw;
    font-size: 3.5897435897vw;
  }
}

.l-footer_secondary {
  border-top: 1px solid #D9D9D9;
}
@media print, screen and (min-width: 781px) {
  .l-footer_secondary {
    padding: 100px 0;
  }
}
@media print, screen and (max-width: 780px) {
  .l-footer_secondary {
    padding: 14.358974359vw 0;
  }
}

.l-footer_secondary > div {
  display: grid;
}
@media print, screen and (min-width: 781px) {
  .l-footer_secondary > div {
    grid-template-columns: minmax(220px, 16.2%) auto;
    gap: 100px 9.8%;
  }
}
@media only screen and (max-width: 1000px) {
  .l-footer_secondary > div {
    grid-template-columns: 1fr;
  }
}
@media print, screen and (max-width: 780px) {
  .l-footer_secondary_logo {
    text-align: center;
  }
}

.l-footer_secondary_logo_link {
  text-decoration: none;
}
@media print, screen and (max-width: 780px) {
  .l-footer_secondary_logo_link {
    display: inline-block;
  }
}

@media print, screen and (min-width: 781px) {
  .l-footer_secondary_logo_img {
    width: 100%;
  }
}
@media print, screen and (max-width: 780px) {
  .l-footer_secondary_logo_img {
    width: 61.5384615385vw;
  }
}

.l-footer_secondary_logo_text {
  border: 1px solid #767676;
  color: #767676;
  font-family: "Barlow Condensed", sans-serif;
  text-align: center;
  -ms-flex-line-pack: center;
  align-content: center;
}
@media print, screen and (min-width: 781px) {
  .l-footer_secondary_logo_text {
    height: 40px;
    margin-top: 24px;
    border-radius: 2px;
    font-size: 20px;
  }
}
@media print, screen and (max-width: 780px) {
  .l-footer_secondary_logo_text {
    width: 61.5384615385vw;
    height: 10.2564102564vw;
    margin-top: 6.1538461538vw;
    border-radius: 0.5128205128vw;
    font-size: 5.1282051282vw;
  }
}

@media only screen and (max-width: 1000px) and (min-width: 781px) {
  .l-footer_secondary_info {
    max-width: 500px;
    margin-inline: auto;
    width: 100%;
  }
}

.l-footer_secondary_info_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border: 1px solid #0073C3;
  color: #0073C3;
  font-weight: 500;
  text-decoration: none;
  -webkit-transition: color 0.3s, background-color 0.3s;
  transition: color 0.3s, background-color 0.3s;
}
@media print, screen and (min-width: 781px) {
  .l-footer_secondary_info_link {
    height: 64px;
    margin-top: 16px;
    padding: 0 20px;
    border-radius: 4px;
    font-size: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .l-footer_secondary_info_link {
    height: 16.4102564103vw;
    margin-top: 4.1025641026vw;
    padding: 0 5.1282051282vw;
    border-radius: 1.0256410256vw;
    font-size: 4.1025641026vw;
  }
}
@media print, screen and (min-width: 781px) {
  .l-footer_secondary_info_link:first-of-type {
    margin-top: 56px;
  }
}
@media print, screen and (max-width: 780px) {
  .l-footer_secondary_info_link:first-of-type {
    margin-top: 14.358974359vw;
  }
}
@media print, screen and (min-width: 781px) {
  .l-footer_secondary_info_link [data-icon]::after {
    font-size: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .l-footer_secondary_info_link [data-icon]::after {
    font-size: 5.1282051282vw;
  }
}

@media (any-hover: hover) {
  .l-footer_secondary_info_link:hover {
    background-color: #0073C3;
    color: #fff;
  }
}
@media print, screen and (max-width: 780px) {
  .l-footer_secondary_nav {
    display: none;
  }
}

.l-footer_secondary_nav_list {
  display: grid;
}
@media print, screen and (min-width: 781px) {
  .l-footer_secondary_nav_list {
    grid-template-columns: repeat(4, 1fr);
    gap: 64px 10px;
  }
}
@media only screen and (max-width: 1280px) {
  .l-footer_secondary_nav_list {
    grid-template-columns: repeat(2, 1fr);
  }
}

.l-footer_secondary_nav_item:nth-child(5) {
  grid-column: 1/-1;
}

.l-footer_secondary_nav_item:nth-child(5) .l-footer_secondary_nav_sub_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media print, screen and (min-width: 781px) {
  .l-footer_secondary_nav_item:nth-child(5) .l-footer_secondary_nav_sub_list {
    gap: 16px 48px;
  }
}

@media print, screen and (min-width: 781px) {
  .l-footer_secondary_nav_sub_list {
    margin-top: 24px;
  }
}

.l-footer_secondary_nav_title {
  color: #0073C3;
  font-weight: 700;
  font-family: "Barlow Condensed", sans-serif;
}
@media print, screen and (min-width: 781px) {
  .l-footer_secondary_nav_title {
    font-size: 24px;
  }
}

.l-footer_secondary_nav_item:not(:nth-child(5)) .l-footer_secondary_nav_sub_item + .l-footer_secondary_nav_sub_item {
  margin-top: 16px;
}

.l-footer_secondary_nav_sub_link {
  color: #000000;
  text-decoration: none;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  line-height: 1.43;
}
@media print, screen and (min-width: 781px) {
  .l-footer_secondary_nav_sub_link {
    font-size: 16px;
  }
}
.l-footer_secondary_nav_sub_link [data-icon]::after {
  color: #0073C3;
  vertical-align: top;
}
@media print, screen and (min-width: 781px) {
  .l-footer_secondary_nav_sub_link [data-icon]::after {
    padding-left: 8px;
    font-size: 18px;
  }
}

@media (any-hover: hover) {
  .l-footer_secondary_nav_sub_link:hover {
    opacity: 0.7;
  }
}
.l-footer_legal {
  background-color: #293337;
  color: #fff;
}
@media print, screen and (min-width: 781px) {
  .l-footer_legal {
    padding: 30px 0;
  }
}
@media print, screen and (max-width: 780px) {
  .l-footer_legal {
    padding: 14.358974359vw 0;
  }
}

.l-footer_legal > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media print, screen and (min-width: 781px) {
  .l-footer_legal > div {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .l-footer_legal > div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    gap: 10.2564102564vw;
  }
}

.l-footer_legal_copyright {
  font-family: "Barlow Condensed", sans-serif;
}
@media print, screen and (min-width: 781px) {
  .l-footer_legal_copyright {
    font-size: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .l-footer_legal_copyright {
    font-size: 3.5897435897vw;
  }
}

.l-footer_legal_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media print, screen and (min-width: 781px) {
  .l-footer_legal_list {
    gap: 16px 0;
  }
}
@media print, screen and (max-width: 780px) {
  .l-footer_legal_list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media print, screen and (min-width: 781px) {
  .l-footer_legal_item {
    padding-right: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .l-footer_legal_item {
    padding: 4.1025641026vw 0;
    border-bottom: 1px solid #6F7C81;
  }
}
@media print, screen and (min-width: 781px) {
  .l-footer_legal_item:first-child {
    margin-right: 40px;
    border-right: 1px solid #fff;
  }
}
@media print, screen and (max-width: 780px) {
  .l-footer_legal_item:first-child {
    margin-bottom: 6.1538461538vw;
    border-bottom: 1px solid #fff;
  }
}

.l-footer_legal_link {
  color: #fff;
  text-decoration: none;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media print, screen and (min-width: 781px) {
  .l-footer_legal_link {
    font-size: 14px;
  }
}
@media print, screen and (max-width: 780px) {
  .l-footer_legal_link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    font-size: 3.5897435897vw;
  }
}
.l-footer_legal_link [data-icon]::after {
  vertical-align: top;
}
@media print, screen and (min-width: 781px) {
  .l-footer_legal_link [data-icon]::after {
    padding-left: 8px;
    font-size: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .l-footer_legal_link [data-icon]::after {
    font-size: 4.358974359vw;
  }
}

@media (any-hover: hover) {
  .l-footer_legal_link:hover {
    opacity: 0.7;
  }
}
button {
  border: none;
  background-color: transparent;
}

[data-icon] {
  display: inline-block;
}

[data-icon]::after {
  content: attr(data-icon);
  font-family: "Material Icons";
}

@media print, screen and (min-width: 781px) {
  .m-main {
    width: calc(100% - 200px);
    margin-left: 200px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-main {
    padding-top: 26.1538461538vw;
  }
}

.m-container {
  margin-inline: auto;
}
@media print, screen and (min-width: 781px) {
  .m-container {
    max-width: 1576px;
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1200px) {
  .m-container {
    max-width: 1528px;
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-container {
    padding-left: 5.1282051282vw;
    padding-right: 5.1282051282vw;
  }
}

.m-containerNarrow {
  margin-inline: auto;
}
@media print, screen and (min-width: 781px) {
  .m-containerNarrow {
    max-width: 1384px;
    padding-left: 52px;
    padding-right: 52px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1280px) {
  .m-containerNarrow {
    padding-left: 26px;
    padding-right: 26px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-containerNarrow {
    padding-left: 5.1282051282vw;
    padding-right: 5.1282051282vw;
  }
}

.m-category_indicator {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #0073C3;
  color: #fff;
  z-index: 9;
}
@media print, screen and (min-width: 781px) {
  .m-category_indicator {
    top: 48px;
    left: 248px;
    height: 60px;
    padding: 0 18px;
    border-radius: 8px;
    -webkit-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
    box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
  }
}
@media print, screen and (max-width: 780px) {
  .m-category_indicator {
    top: 16.4102564103vw;
    width: 100%;
    height: 9.7435897436vw;
    padding: 0 4.1025641026vw;
    -webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.16);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.16);
  }
}

.m-category_indicator_jp {
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .m-category_indicator_jp {
    font-size: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-category_indicator_jp {
    font-size: 3.8461538462vw;
  }
}

.m-category_indicator_en {
  position: relative;
  font-family: "Barlow Condensed", sans-serif;
}
@media print, screen and (min-width: 781px) {
  .m-category_indicator_en {
    margin-left: 34px;
    font-size: 20px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-category_indicator_en {
    margin-left: 8.4615384615vw;
    font-size: 3.0769230769vw;
  }
}
.m-category_indicator_en::before {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #8ED1FF;
  content: "";
}
@media print, screen and (min-width: 781px) {
  .m-category_indicator_en::before {
    left: -18px;
    width: 2px;
    height: 14px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-category_indicator_en::before {
    left: -4.6153846154vw;
    width: 0.2564102564vw;
    height: 2.5641025641vw;
  }
}

.m-title_lv2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media print, screen and (min-width: 781px) {
  .m-title_lv2 {
    padding-top: 120px;
    margin-bottom: 56px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-title_lv2 {
    padding-top: 16.4102564103vw;
    margin-bottom: 8.2051282051vw;
  }
}
.m-title_lv2 + * {
  position: relative;
  z-index: 1;
}
.m-title_lv2:not(.m-title_lv2--type2) {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.m-title_lv2:not(.m-title_lv2--type2) .m-title_lv2_en {
  position: absolute;
  color: rgba(0, 115, 195, 0.08);
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 600;
  white-space: nowrap;
}
@media print, screen and (min-width: 781px) {
  .m-title_lv2:not(.m-title_lv2--type2) .m-title_lv2_en {
    right: -4.19%;
    font-size: 220px;
    font-size: 11.4583333333vw;
  }
}
@media print, screen and (max-width: 780px) {
  .m-title_lv2:not(.m-title_lv2--type2) .m-title_lv2_en {
    right: 0;
    font-size: 20.5128205128vw;
  }
}
@media print, screen and (min-width: 781px) {
  .m-title_lv2.m-title_lv2--type2 {
    gap: 12px 0;
  }
}
@media print, screen and (max-width: 780px) {
  .m-title_lv2.m-title_lv2--type2 {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.0512820513vw;
  }
}
.m-title_lv2.m-title_lv2--type2 .m-title_lv2_en {
  position: relative;
  color: #0073C3;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 400;
}
@media print, screen and (min-width: 781px) {
  .m-title_lv2.m-title_lv2--type2 .m-title_lv2_en {
    padding-left: 128px;
    font-size: 28px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-title_lv2.m-title_lv2--type2 .m-title_lv2_en {
    padding-left: 14.358974359vw;
    font-size: 4.1025641026vw;
  }
}
.m-title_lv2.m-title_lv2--type2 .m-title_lv2_en::before {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 1px;
  background-color: #767676;
  content: "";
}
@media print, screen and (min-width: 781px) {
  .m-title_lv2.m-title_lv2--type2 .m-title_lv2_en::before {
    left: 32px;
    width: 64px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-title_lv2.m-title_lv2--type2 .m-title_lv2_en::before {
    width: 10.2564102564vw;
    left: 0;
  }
}

.m-title_lv2_jp {
  position: relative;
  font-weight: 500;
  line-height: 1.45;
}
@media print, screen and (min-width: 781px) {
  .m-title_lv2_jp {
    padding-left: 32px;
    font-size: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-title_lv2_jp {
    padding-left: 6.1538461538vw;
    font-size: 6.1538461538vw;
  }
}
.m-title_lv2_jp::before {
  position: absolute;
  top: 0.5lh;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 50%;
  background-color: #0073C3;
  content: "";
}
@media print, screen and (min-width: 781px) {
  .m-title_lv2_jp::before {
    width: 16px;
    height: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-title_lv2_jp::before {
    width: 3.0769230769vw;
    height: 3.0769230769vw;
  }
}

.m-title_lv2_enSmall {
  font-family: "Barlow Condensed", sans-serif;
  color: #0073C3;
  font-weight: 500;
  letter-spacing: 0.1rem;
}
@media print, screen and (min-width: 781px) {
  .m-title_lv2_enSmall {
    font-size: 32px;
    margin-left: 56px;
    margin-right: auto;
  }
}
.m-link_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  background-color: #0073C3;
  color: #fff;
  font-weight: 500;
  text-decoration: none;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media print, screen and (min-width: 781px) {
  .m-link_btn {
    max-width: 452px;
    height: 96px;
    padding-inline: 40px 24px;
    border-radius: 8px;
    font-size: 20px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-link_btn {
    height: 22.5641025641vw;
    padding-inline: 5.1282051282vw;
    border-radius: 2.0512820513vw;
    font-size: 4.1025641026vw;
  }
}
.m-link_btn [data-icon]::after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #fff;
  border-radius: 50%;
  color: #fff;
}
@media print, screen and (min-width: 781px) {
  .m-link_btn [data-icon]::after {
    margin-left: 12px;
    width: 48px;
    height: 48px;
    font-size: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-link_btn [data-icon]::after {
    width: 12.3076923077vw;
    height: 12.3076923077vw;
    font-size: 6.1538461538vw;
  }
}

.m-link_btn_white {
  background-color: #fff;
  color: #0073C3;
}
.m-link_btn_white [data-icon]::after {
  border: 1px solid #0073C3;
  color: #0073C3;
}

@media (any-hover: hover) {
  .m-link_btn:hover {
    opacity: 0.7;
  }
}
.m-title_lv3 {
  line-height: 1.5;
  font-weight: 500;
  color: #0B2C4F;
}
@media print, screen and (min-width: 781px) {
  .m-title_lv3 {
    font-size: 24px;
    margin-bottom: 24px;
    margin-top: 64px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-title_lv3 {
    font-size: 4.6153846154vw;
    margin-bottom: 4.1025641026vw;
    margin-top: 8.2051282051vw;
  }
}

.m-bottom_img img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media print, screen and (min-width: 781px) {
  .m-bottom_img img {
    height: 420px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-bottom_img img {
    height: 85.641025641vw;
  }
}

@media print, screen and (min-width: 781px) {
  .m-pageheader {
    padding-top: 172px;
    padding-bottom: 64px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-pageheader {
    padding-top: 10.2564102564vw;
    padding-bottom: 10.2564102564vw;
  }
}
@media print, screen and (max-width: 780px) {
  .m-pageheader.-child {
    padding-bottom: 0;
  }
}
.m-pageheader.-child .m-pageheader_title {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media print, screen and (min-width: 781px) {
  .m-pageheader.-child .m-pageheader_title {
    gap: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-pageheader.-child .m-pageheader_title {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 4.1025641026vw;
  }
}
@media print, screen and (min-width: 781px) {
  .m-pageheader.-child .m-pageheader_title .m-pageheader_title_main {
    font-size: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-pageheader.-child .m-pageheader_title .m-pageheader_title_main {
    font-size: 4.6153846154vw;
  }
}
@media print, screen and (min-width: 781px) {
  .m-pageheader.-child .m-pageheader_title .m-pageheader_title_main::before {
    width: 10px;
    height: 10px;
    margin-top: 12px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-pageheader.-child .m-pageheader_title .m-pageheader_title_main::before {
    width: 2.0512820513vw;
    height: 2.0512820513vw;
    margin-top: 1.5384615385vw;
  }
}
@media print, screen and (min-width: 781px) {
  .m-pageheader.-child .m-pageheader_title .m-pageheader_title_sub {
    font-size: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-pageheader.-child .m-pageheader_title .m-pageheader_title_sub {
    margin-left: 0;
  }
}
@media print, screen and (min-width: 781px) {
  .m-pageheader.-simple {
    padding-bottom: 224px;
  }
}
.m-simpleContent {
  background-color: #fff;
}
@media print, screen and (min-width: 781px) {
  .m-simpleContent {
    padding-top: 100px;
    border-radius: 0 40px 0 0;
    margin-right: 120px;
    margin-top: -160px;
    padding-bottom: 120px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1400px) {
  .m-simpleContent {
    margin-right: 60px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1200px) {
  .m-simpleContent {
    margin-right: 20px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-simpleContent {
    padding-top: 12.3076923077vw;
    padding-bottom: 20.5128205128vw;
  }
}

.m-pageheader_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .m-pageheader_title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 40px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1200px) {
  .m-pageheader_title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
@media print, screen and (max-width: 780px) {
  .m-pageheader_title {
    font-size: 6.6666666667vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.0512820513vw;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1400px) {
  .m-pageheader_title.-long {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.m-pageheader_title_main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.3;
}
@media print, screen and (min-width: 781px) {
  .m-pageheader_title_main {
    font-size: 48px;
    gap: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-pageheader_title_main {
    font-size: 6.6666666667vw;
    gap: 2.5641025641vw;
  }
}
.m-pageheader_title_main::before {
  content: "";
  background-color: #8ED1FF;
  border-radius: 50%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media print, screen and (min-width: 781px) {
  .m-pageheader_title_main::before {
    width: 16px;
    height: 16px;
    margin-top: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-pageheader_title_main::before {
    width: 2.5641025641vw;
    height: 2.5641025641vw;
    margin-top: 3.0769230769vw;
  }
}

.m-pageheader_title_sub {
  font-family: "Barlow Condensed", sans-serif;
  color: #0073C3;
  letter-spacing: 0.05rem;
}
@media print, screen and (min-width: 781px) {
  .m-pageheader_title_sub {
    font-size: 32px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-pageheader_title_sub {
    font-size: 4.1025641026vw;
    margin-left: 5.641025641vw;
  }
}

@media print, screen and (min-width: 781px) {
  .m-pageheader_caption {
    font-size: 20px;
    line-height: 1.8;
    margin-top: 32px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-pageheader_caption {
    font-size: 4.358974359vw;
    line-height: 2;
    margin-top: 6.1538461538vw;
  }
}

.m-pageheader_lead {
  line-height: 1.8;
}
@media print, screen and (min-width: 781px) {
  .m-pageheader_lead {
    margin-top: 32px;
    font-size: 20px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-pageheader_lead {
    margin-top: 6.1538461538vw;
    font-size: 4.358974359vw;
  }
}

@media print, screen and (min-width: 781px) {
  .m-pagekv {
    margin-right: 120px;
    height: 480px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1200px) {
  .m-pagekv {
    margin-right: 60px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1000px) {
  .m-pagekv {
    margin-right: 20px;
  }
}
@media print, screen and (min-width: 781px) {
  .m-pagekv.-large {
    height: 640px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-pagekv.-child {
    padding-right: 5.1282051282vw;
  }
}
@media print, screen and (max-width: 780px) {
  .m-pagekv.-child .m-pagekv_image {
    border-radius: 0 4.1025641026vw 4.1025641026vw 0;
  }
}

.m-pagekv_image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media print, screen and (min-width: 781px) {
  .m-pagekv_image {
    border-radius: 0 40px 40px 0;
  }
}
.m-categoryTop_pickup {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media print, screen and (min-width: 781px) {
  .m-categoryTop_pickup {
    padding-bottom: 120px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-categoryTop_pickup {
    padding-bottom: 14.358974359vw;
  }
}

.m-categoryTop_pickup .m-title_lv2_jp {
  color: #fff;
}
.m-categoryTop_pickup .m-title_lv2_jp::before {
  background-color: #8ED1FF;
}

.m-categoryTop_pickup .m-title_lv2:not(.m-title_lv2--type2) .m-title_lv2_en {
  color: rgba(255, 255, 255, 0.1);
}

@media print, screen and (max-width: 780px) {
  .m-categoryTop_pickup_slider .splide__track {
    margin-left: 5.1282051282vw;
  }
}

.m-categoryTop_pickup_link {
  display: grid;
  grid-template-rows: repeat(2, -webkit-max-content) 1fr -webkit-max-content;
  grid-template-rows: repeat(2, max-content) 1fr max-content;
  height: 100%;
  text-decoration: none;
}

.m-categoryTop_pickup_img {
  overflow: hidden;
}
@media print, screen and (min-width: 781px) {
  .m-categoryTop_pickup_img {
    border-radius: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-categoryTop_pickup_img {
    border-radius: 4.1025641026vw;
  }
}
.m-categoryTop_pickup_img img {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media (any-hover: hover) {
  .m-categoryTop_pickup_link:hover img {
    scale: 1.1;
  }
}
.m-categoryTop_pickup_title {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: #fff;
  color: #0073C3;
  font-weight: 700;
  -ms-flex-line-pack: center;
  align-content: center;
}
@media print, screen and (min-width: 781px) {
  .m-categoryTop_pickup_title {
    height: 54px;
    margin-top: -27px;
    margin-left: 24px;
    padding: 0 32px;
    border-radius: 4px;
    font-size: 20px;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  }
}
@media print, screen and (max-width: 780px) {
  .m-categoryTop_pickup_title {
    height: 10.7692307692vw;
    margin-top: -5.3846153846vw;
    margin-left: 5.1282051282vw;
    padding: 0 6.1538461538vw;
    border-radius: 1.0256410256vw;
    font-size: 4.6153846154vw;
    -webkit-box-shadow: 0 0.7692307692vw 1.5384615385vw rgba(0, 0, 0, 0.16);
    box-shadow: 0 0.7692307692vw 1.5384615385vw rgba(0, 0, 0, 0.16);
  }
}

.m-categoryTop_pickup_text {
  color: #fff;
  line-height: 1.8;
}
@media print, screen and (min-width: 781px) {
  .m-categoryTop_pickup_text {
    margin-top: 27px;
    margin-left: 24px;
    font-size: 20px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-categoryTop_pickup_text {
    margin-top: 4.1025641026vw;
    margin-left: 5.1282051282vw;
    font-size: 3.8461538462vw;
  }
}

.m-categoryTop_pickup_more {
  color: #fff;
  line-height: 1.8;
  font-weight: 500;
  text-align: right;
}
@media print, screen and (min-width: 781px) {
  .m-categoryTop_pickup_more {
    margin-top: 32px;
    font-size: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-categoryTop_pickup_more {
    margin-top: 5.1282051282vw;
    font-size: 4.1025641026vw;
  }
}
.m-categoryTop_pickup_more [data-icon]::after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #fff;
  border-radius: 50%;
  color: #fff;
  font-weight: 400;
}
@media print, screen and (min-width: 781px) {
  .m-categoryTop_pickup_more [data-icon]::after {
    width: 40px;
    height: 40px;
    margin-left: 16px;
    font-size: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-categoryTop_pickup_more [data-icon]::after {
    width: 8.2051282051vw;
    height: 8.2051282051vw;
    margin-left: 4.1025641026vw;
    font-size: 5.1282051282vw;
  }
}

.m-categoryTop_pickup_splide_pager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media print, screen and (min-width: 781px) {
  .m-categoryTop_pickup_splide_pager {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 48px;
    max-width: 948px;
    margin-top: 64px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-categoryTop_pickup_splide_pager {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8.2051282051vw;
    margin-top: 10.2564102564vw;
  }
}

.m-categoryTop_pickup_splide_progress {
  width: 100%;
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF;
  border-radius: 4px;
}
.m-categoryTop_pickup_splide_progress-bar {
  background: #0B2C4F;
  -webkit-transition: width 400ms ease;
  transition: width 400ms ease;
  border-radius: 4px;
  width: 0;
}
@media print, screen and (min-width: 781px) {
  .m-categoryTop_pickup_splide_progress-bar {
    height: 6px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-categoryTop_pickup_splide_progress-bar {
    height: 1.5384615385vw;
  }
}

.m-categoryTop_pickup_splide_arrows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media print, screen and (min-width: 781px) {
  .m-categoryTop_pickup_splide_arrows {
    gap: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-categoryTop_pickup_splide_arrows {
    gap: 6.1538461538vw;
  }
}

.m-categoryTop_pickup_splide_arrows button {
  border: 1px solid;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media print, screen and (min-width: 781px) {
  .m-categoryTop_pickup_splide_arrows button {
    width: 80px;
    height: 80px;
    font-size: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-categoryTop_pickup_splide_arrows button {
    width: 18.4615384615vw;
    height: 18.4615384615vw;
    font-size: 5.1282051282vw;
  }
}

@media (any-hover: hover) {
  .m-categoryTop_pickup_splide_arrows button:hover {
    opacity: 0.7;
  }
}
@media print, screen and (min-width: 781px) {
  .m-categoryTop_recruit {
    padding-bottom: 120px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-categoryTop_recruit {
    padding-bottom: 14.358974359vw;
  }
}

.m-categoryTop_recruit_list {
  display: grid;
}
@media print, screen and (min-width: 781px) {
  .m-categoryTop_recruit_list {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 48px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-categoryTop_recruit_list {
    grid-template-columns: 1fr;
  }
}

@media print, screen and (max-width: 780px) {
  .m-categoryTop_recruit_list_item {
    padding: 2.0512820513vw 0;
    border-top: 1px solid #D9D9D9;
  }
  .m-categoryTop_recruit_list_item:last-child {
    border-bottom: 1px solid #D9D9D9;
  }
}

.m-categoryTop_recruit_list_link {
  text-decoration: none;
}
@media print, screen and (max-width: 780px) {
  .m-categoryTop_recruit_list_link {
    display: grid;
    grid-template-columns: 20.5128205128vw auto;
    gap: 4.1025641026vw;
  }
}

@media (any-hover: hover) {
  .m-categoryTop_recruit_list_link:hover .m-categoryTop_recruit_list_img img {
    scale: 1.1;
  }
}
.m-categoryTop_recruit_list_img {
  display: block;
  overflow: hidden;
}
@media print, screen and (min-width: 781px) {
  .m-categoryTop_recruit_list_img {
    border-radius: 8px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-categoryTop_recruit_list_img {
    border-radius: 2.0512820513vw;
  }
}
.m-categoryTop_recruit_list_img img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: scale 0.3s;
  transition: scale 0.3s;
}

.m-categoryTop_recruit_list_content {
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media print, screen and (min-width: 781px) {
  .m-categoryTop_recruit_list_content {
    grid-template-columns: auto 48px;
    gap: 10px;
    margin-top: 10px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-categoryTop_recruit_list_content {
    grid-template-columns: auto 10.2564102564vw;
    gap: 2.5641025641vw;
  }
}
.m-categoryTop_recruit_list_content [data-icon]::after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #0073C3;
  border-radius: 50%;
  color: #0073C3;
}
@media print, screen and (min-width: 781px) {
  .m-categoryTop_recruit_list_content [data-icon]::after {
    width: 48px;
    height: 48px;
    font-size: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-categoryTop_recruit_list_content [data-icon]::after {
    width: 10.2564102564vw;
    height: 10.2564102564vw;
  }
}

.m-categoryTop_recruit_list_title {
  color: #000;
  font-weight: 500;
  line-height: 1.4;
}
@media print, screen and (min-width: 781px) {
  .m-categoryTop_recruit_list_title {
    font-size: 22px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-categoryTop_recruit_list_title {
    font-size: 4.1025641026vw;
  }
}

.m-categoryTop_people {
  background-color: #F7F9FF;
}
@media print, screen and (min-width: 781px) {
  .m-categoryTop_people {
    padding-bottom: 120px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-categoryTop_people {
    padding-bottom: 16.4102564103vw;
  }
}

@media print, screen and (max-width: 780px) {
  .m-categoryTop_people_slider .splide__track {
    margin-left: 5.1282051282vw;
  }
}

@media print, screen and (min-width: 781px) {
  .m-categoryTop_people_slider_pcNone .splide__list {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 48px;
    max-width: 1384px;
    padding-inline: 52px !important;
    margin-inline: auto !important;
  }
  .m-categoryTop_people_slider_pcNone .m-categoryTop_people_splide_arrows {
    display: none;
  }
  .m-categoryTop_people_slider_pcNone .m-categoryTop_people_splide_progress {
    display: none;
  }
  .m-categoryTop_people_slider_pcNone .m-link_btn {
    margin-left: auto;
  }
}

.m-categoryTop_people_link {
  display: grid;
  grid-template-rows: repeat(2, -webkit-max-content) 1fr -webkit-max-content;
  grid-template-rows: repeat(2, max-content) 1fr max-content;
  height: 100%;
  text-decoration: none;
}

.m-categoryTop_people_img {
  border-radius: 50%;
  overflow: hidden;
}
.m-categoryTop_people_img img {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media (any-hover: hover) {
  .m-categoryTop_people_link:hover img {
    scale: 1.1;
  }
}
.m-categoryTop_people_tag {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: #0B2C4F;
  color: #fff;
  font-weight: 500;
  -ms-flex-line-pack: center;
  align-content: center;
}
@media print, screen and (min-width: 781px) {
  .m-categoryTop_people_tag {
    height: 48px;
    margin-top: -24px;
    padding: 0 20px;
    border-radius: 8px;
    font-size: 20px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-categoryTop_people_tag {
    height: 10.2564102564vw;
    margin-top: -5.1282051282vw;
    padding: 0 4.1025641026vw;
    border-radius: 1.0256410256vw;
    font-size: 4.1025641026vw;
  }
}

.m-categoryTop_people_tag_item:last-child {
  position: relative;
}
@media print, screen and (min-width: 781px) {
  .m-categoryTop_people_tag_item:last-child {
    margin-left: 16px;
    padding-left: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-categoryTop_people_tag_item:last-child {
    margin-left: 4.1025641026vw;
    padding-left: 4.1025641026vw;
  }
}
.m-categoryTop_people_tag_item:last-child::before {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #fff;
  content: "";
}
@media print, screen and (min-width: 781px) {
  .m-categoryTop_people_tag_item:last-child::before {
    width: 1px;
    height: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-categoryTop_people_tag_item:last-child::before {
    width: 0.2564102564vw;
    height: 4.1025641026vw;
  }
}

.m-categoryTop_people_title {
  color: #000;
  line-height: 1.6;
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .m-categoryTop_people_title {
    margin-top: 20px;
    font-size: 26px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-categoryTop_people_title {
    margin-top: 4.1025641026vw;
    font-size: 4.6153846154vw;
  }
}

.m-categoryTop_people_more {
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #767676;
  line-height: 1.8;
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .m-categoryTop_people_more {
    grid-template-columns: auto 48px;
    gap: 10px;
    margin-top: 20px;
    padding-right: 40px;
    padding-bottom: 1px;
    font-size: 20px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-categoryTop_people_more {
    grid-template-columns: auto 12.3076923077vw;
    gap: 2.5641025641vw;
    margin-top: 5.1282051282vw;
    font-size: 4.1025641026vw;
  }
}
.m-categoryTop_people_more [data-icon]::after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #0073C3;
  border-radius: 50%;
  color: #0073C3;
  font-weight: 400;
}
@media print, screen and (min-width: 781px) {
  .m-categoryTop_people_more [data-icon]::after {
    width: 48px;
    height: 48px;
    font-size: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-categoryTop_people_more [data-icon]::after {
    width: 12.3076923077vw;
    height: 12.3076923077vw;
    font-size: 6.1538461538vw;
  }
}

.m-categoryTop_people_splide_pager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media print, screen and (min-width: 781px) {
  .m-categoryTop_people_splide_pager {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 48px;
    max-width: 1480px;
    margin-top: 64px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-categoryTop_people_splide_pager {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8.2051282051vw;
    margin-top: 10.2564102564vw;
  }
}

.m-categoryTop_people_splide_progress {
  width: 100%;
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF;
  border-radius: 4px;
}
@media print, screen and (min-width: 781px) {
  .m-categoryTop_people_splide_progress {
    max-width: 716px;
  }
}
.m-categoryTop_people_splide_progress-bar {
  background: #0B2C4F;
  -webkit-transition: width 400ms ease;
  transition: width 400ms ease;
  border-radius: 4px;
  width: 0;
}
@media print, screen and (min-width: 781px) {
  .m-categoryTop_people_splide_progress-bar {
    height: 6px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-categoryTop_people_splide_progress-bar {
    height: 1.5384615385vw;
  }
}

.m-categoryTop_people_splide_arrows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media print, screen and (min-width: 781px) {
  .m-categoryTop_people_splide_arrows {
    gap: 24px;
    margin-right: 1.89%;
  }
}
@media print, screen and (max-width: 780px) {
  .m-categoryTop_people_splide_arrows {
    gap: 6.1538461538vw;
  }
}

.m-categoryTop_people_splide_arrows button {
  border: 1px solid;
  border-radius: 50%;
  color: #0073C3;
  cursor: pointer;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media print, screen and (min-width: 781px) {
  .m-categoryTop_people_splide_arrows button {
    width: 80px;
    height: 80px;
    font-size: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-categoryTop_people_splide_arrows button {
    width: 18.4615384615vw;
    height: 18.4615384615vw;
    font-size: 5.1282051282vw;
  }
}

@media (any-hover: hover) {
  .m-categoryTop_people_splide_arrows button:hover {
    opacity: 0.7;
  }
}
.m-entry {
  color: #fff;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
}
@media print, screen and (min-width: 781px) {
  .m-entry {
    padding: 120px 0;
    background-image: url(/recruit/_/media/module/entry_bg.jpg);
  }
}
@media print, screen and (max-width: 780px) {
  .m-entry {
    padding: 12.8205128205vw 0 16.4102564103vw;
    background-image: url(/recruit/_/media/module/entry_bg-sp.jpg);
  }
}
.m-entry > div {
  display: grid;
}
@media print, screen and (min-width: 781px) {
  .m-entry > div {
    grid-template-columns: 1fr 1fr;
    gap: 48px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media only screen and (max-width: 1460px) {
  .m-entry > div {
    grid-template-columns: 1fr;
  }
}
@media print, screen and (max-width: 780px) {
  .m-entry > div {
    gap: 8.2051282051vw;
  }
}
@media print, screen and (min-width: 781px) {
  .m-entry:has(.m-entry_note) > div {
    grid-template-columns: auto 61%;
  }
}
@media only screen and (max-width: 1460px) {
  .m-entry:has(.m-entry_note) > div {
    grid-template-columns: 1fr;
  }
}

@media print, screen and (min-width: 781px) {
  .m-entry_content {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media only screen and (max-width: 1460px) {
  .m-entry_content {
    text-align: center;
    margin-inline: auto;
  }
}

.m-entry_title {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 600;
}
@media print, screen and (min-width: 781px) {
  .m-entry_title {
    font-size: 120px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-entry_title {
    font-size: 16.4102564103vw;
  }
}

.m-entry_text {
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.8;
}
@media print, screen and (min-width: 781px) {
  .m-entry_text {
    margin-top: 24px;
    font-size: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-entry_text {
    margin-top: 2.0512820513vw;
    font-size: 4.1025641026vw;
  }
}

.m-entry_link {
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  text-align: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media print, screen and (min-width: 781px) {
  .m-entry_link {
    height: 180px;
    padding-inline: 20px;
    border-radius: 8px;
    border: 4px solid #fff;
    font-size: 36px;
    line-height: 1.8;
  }
}
@media only screen and (max-width: 1460px) {
  .m-entry_link {
    width: 100%;
    max-width: 800px;
    margin-inline: auto;
  }
}
@media print, screen and (max-width: 780px) {
  .m-entry_link {
    height: 25.641025641vw;
    padding-inline: 3.0769230769vw;
    border-radius: 2.0512820513vw;
    border: 0.5128205128vw solid #fff;
    font-size: 5.1282051282vw;
  }
}
.m-entry_link [data-icon]::after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #fff;
  border-radius: 50%;
}
@media print, screen and (min-width: 781px) {
  .m-entry_link [data-icon]::after {
    width: 72px;
    height: 72px;
    margin-left: 24px;
    font-size: 42px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-entry_link [data-icon]::after {
    width: 10.2564102564vw;
    height: 10.2564102564vw;
    margin-left: 4.1025641026vw;
    font-size: 6.1538461538vw;
  }
}

@media (any-hover: hover) {
  .m-entry_link:hover {
    opacity: 0.7;
  }
}
.m-entry_note {
  background-color: #fff;
  color: #000;
  letter-spacing: 0.05em;
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .m-entry_note {
    padding: 50px;
    border-radius: 8px;
    font-size: 20px;
    line-height: 2;
  }
}
@media print, screen and (max-width: 780px) {
  .m-entry_note {
    padding: 5.1282051282vw;
    border-radius: 2.0512820513vw;
    font-size: 3.8461538462vw;
    line-height: 1.5;
  }
}

.m-entry_login {
  background-color: #F7F7F7;
  background-repeat: no-repeat;
  background-position: center top;
  text-align: center;
}
@media print, screen and (min-width: 781px) {
  .m-entry_login {
    padding: 120px 0;
    background-image: url(/recruit/_/media/module/entry_bg.jpg);
    background-size: 100% 720px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-entry_login {
    padding: 12.8205128205vw 0 14.358974359vw;
    background-image: url(/recruit/_/media/module/entry_bg-sp.jpg);
    background-size: cover;
  }
}

.m-entry_login_title {
  color: #fff;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 600;
}
@media print, screen and (min-width: 781px) {
  .m-entry_login_title {
    font-size: 120px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-entry_login_title {
    font-size: 16.4102564103vw;
  }
}

.m-entry_login_text {
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.8;
}
@media print, screen and (min-width: 781px) {
  .m-entry_login_text {
    margin-top: 24px;
    font-size: 28px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-entry_login_text {
    margin-top: 2.0512820513vw;
    font-size: 4.1025641026vw;
  }
}

.m-entry_login_content {
  background-color: #fff;
}
@media print, screen and (min-width: 781px) {
  .m-entry_login_content {
    margin-top: 64px;
    padding: 64px;
    border-radius: 8px;
    -webkit-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
    box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
  }
}
@media print, screen and (max-width: 780px) {
  .m-entry_login_content {
    margin-top: 8.2051282051vw;
    padding: 8.2051282051vw 5.1282051282vw 10.2564102564vw;
    border-radius: 2.0512820513vw;
    -webkit-box-shadow: 2.0512820513vw 2.0512820513vw 2.0512820513vw rgba(0, 0, 0, 0.16);
    box-shadow: 2.0512820513vw 2.0512820513vw 2.0512820513vw rgba(0, 0, 0, 0.16);
  }
}

.m-entry_login_subtitle {
  color: #0073C3;
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .m-entry_login_subtitle {
    font-size: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-entry_login_subtitle {
    font-size: 4.6153846154vw;
  }
}

.m-entry_login_register {
  position: relative;
  border: 1px solid #D9D9D9;
  background-color: #F7F7F7;
}
@media print, screen and (min-width: 781px) {
  .m-entry_login_register {
    margin-top: 35px;
    padding: 48px 28px 28px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-entry_login_register {
    margin-top: 4.1025641026vw;
    padding: 8.2051282051vw 5.1282051282vw 10.2564102564vw;
  }
}
.m-entry_login_register::before {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #0073C3;
  content: "";
}
@media print, screen and (min-width: 781px) {
  .m-entry_login_register::before {
    width: 80px;
    height: 4px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-entry_login_register::before {
    width: 16.4102564103vw;
    height: 1.0256410256vw;
  }
}

.m-entry_login_register_title {
  color: #0073C3;
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .m-entry_login_register_title {
    font-size: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-entry_login_register_title {
    font-size: 4.1025641026vw;
  }
}

.m-entry_login_register_link {
  position: relative;
  display: inline-block;
  width: 100%;
  background-color: #0073C3;
  color: #fff;
  text-decoration: none;
  font-weight: 500;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media print, screen and (min-width: 781px) {
  .m-entry_login_register_link {
    margin-top: 35px;
    max-width: 490px;
    height: 96px;
    border-radius: 8px;
    font-size: 20px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-entry_login_register_link {
    margin-top: 4.1025641026vw;
    height: 16.4102564103vw;
    border-radius: 2.0512820513vw;
    font-size: 3.8461538462vw;
  }
}
.m-entry_login_register_link [data-icon]::after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media print, screen and (min-width: 781px) {
  .m-entry_login_register_link [data-icon]::after {
    right: 36px;
    font-size: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-entry_login_register_link [data-icon]::after {
    right: 4.1025641026vw;
    font-size: 4.6153846154vw;
  }
}

@media (any-hover: hover) {
  .m-entry_login_register_link:hover {
    opacity: 0.7;
  }
}
@media print, screen and (min-width: 781px) {
  .m-entry_login_note {
    margin-top: 24px;
    font-size: 14px;
    line-height: 2;
  }
}
@media print, screen and (max-width: 780px) {
  .m-entry_login_note {
    margin-top: 6.1538461538vw;
    font-size: 3.5897435897vw;
    line-height: 1.6;
  }
}

.m-entry_login_signin_title {
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .m-entry_login_signin_title {
    margin-top: 40px;
    font-size: 20px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-entry_login_signin_title {
    margin-top: 8.2051282051vw;
    font-size: 4.1025641026vw;
  }
}

.m-entry_login_signin_link {
  position: relative;
  display: inline-block;
  width: 100%;
  border: 1px solid #0073C3;
  color: #0073C3;
  text-decoration: none;
  font-weight: 500;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media print, screen and (min-width: 781px) {
  .m-entry_login_signin_link {
    margin-top: 35px;
    max-width: 400px;
    height: 80px;
    border-radius: 8px;
    font-size: 20px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-entry_login_signin_link {
    margin-top: 4.1025641026vw;
    height: 14.358974359vw;
    border-radius: 2.0512820513vw;
    font-size: 3.8461538462vw;
  }
}
.m-entry_login_signin_link [data-icon]::after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media print, screen and (min-width: 781px) {
  .m-entry_login_signin_link [data-icon]::after {
    right: 32px;
    font-size: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-entry_login_signin_link [data-icon]::after {
    right: 4.1025641026vw;
    font-size: 4.6153846154vw;
  }
}

@media (any-hover: hover) {
  .m-entry_login_signin_link:hover {
    opacity: 0.7;
  }
}
.m-career_footer {
  background-color: #0B2C4F;
}
@media print, screen and (min-width: 781px) {
  .m-career_footer {
    padding-bottom: 120px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-career_footer {
    padding-bottom: 14.358974359vw;
  }
}
.m-career_footer .m-title_lv2_jp {
  color: #fff;
}
.m-career_footer .m-title_lv2.m-title_lv2--type2 .m-title_lv2_en {
  color: #fff;
}
.m-career_footer .m-title_lv2.m-title_lv2--type2 .m-title_lv2_en::before {
  background-color: #fff;
}

.m-career_footer_list {
  display: grid;
  background-color: #F7F7F7;
}
@media print, screen and (min-width: 781px) {
  .m-career_footer_list {
    grid-template-columns: repeat(3, minmax(0, 400px));
    gap: 40px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 64px;
    border-radius: 16px;
  }
}
@media only screen and (max-width: 1400px) and (min-width: 1201px) {
  .m-career_footer_list {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 1200px) {
  .m-career_footer_list {
    grid-template-columns: 1fr;
  }
}
@media print, screen and (max-width: 780px) {
  .m-career_footer_list {
    gap: 4.1025641026vw;
    padding: 8.2051282051vw 5.1282051282vw;
    border-radius: 2.0512820513vw;
  }
}

.m-career_footer_list_item {
  position: relative;
  background-color: #fff;
}
@media print, screen and (min-width: 781px) {
  .m-career_footer_list_item {
    display: grid;
    grid-template-rows: -webkit-max-content 1fr -webkit-max-content;
    grid-template-rows: max-content 1fr max-content;
    padding: 64px 40px 40px;
    border: 1px solid #D9D9D9;
    border-radius: 8px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-career_footer_list_item {
    padding: 8.2051282051vw 5.1282051282vw;
    border: 0.2564102564vw solid #D9D9D9;
    border-radius: 1.0256410256vw;
  }
}
.m-career_footer_list_item::before {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #0073C3;
  content: "";
}
@media print, screen and (min-width: 781px) {
  .m-career_footer_list_item::before {
    width: 120px;
    height: 4px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-career_footer_list_item::before {
    width: 16.4102564103vw;
    height: 1.0256410256vw;
  }
}

.m-career_footer_list_title {
  color: #0073C3;
  text-align: center;
  font-weight: 700;
}
@media print, screen and (min-width: 781px) {
  .m-career_footer_list_title {
    font-size: 28px;
    letter-spacing: 0.05em;
  }
}
@media print, screen and (max-width: 780px) {
  .m-career_footer_list_title {
    font-size: 5.1282051282vw;
  }
}

@media print, screen and (min-width: 781px) {
  .m-career_footer_list_text {
    margin-top: 40px;
    font-size: 18px;
    line-height: 1.8;
  }
}
@media print, screen and (max-width: 780px) {
  .m-career_footer_list_text {
    margin-top: 4.1025641026vw;
    font-size: 3.5897435897vw;
    line-height: 1.6;
  }
}

.m-career_footer_list_link {
  display: block;
  width: 100%;
  font-weight: 500;
  color: #333;
  text-decoration: none;
  text-align: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media print, screen and (min-width: 781px) {
  .m-career_footer_list_link {
    height: 80px;
    margin-top: 24px;
    padding-inline: 10px;
    border: 1px solid #0073C3;
    border-radius: 4px;
    font-size: 20px;
    line-height: 1.3;
  }
}
@media print, screen and (max-width: 780px) {
  .m-career_footer_list_link {
    height: 16.4102564103vw;
    margin-top: 6.1538461538vw;
    padding-inline: 2.5641025641vw;
    border: 0.2564102564vw solid #0073C3;
    border-radius: 1.0256410256vw;
    font-size: 4.1025641026vw;
  }
}
.m-career_footer_list_link > span {
  display: inline-block;
}
.m-career_footer_list_link [data-icon]::after {
  color: #0073C3;
  vertical-align: bottom;
}
@media print, screen and (min-width: 781px) {
  .m-career_footer_list_link [data-icon]::after {
    margin-left: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-career_footer_list_link [data-icon]::after {
    margin-left: 2.0512820513vw;
    font-size: 5.1282051282vw;
  }
}

@media (any-hover: hover) {
  .m-career_footer_list_link:hover {
    opacity: 0.7;
  }
}
.m-categoryTop_crosstalk {
  background-color: #0073C3;
}
@media only screen and (min-width: 1181px) {
  .m-categoryTop_crosstalk {
    padding-bottom: 120px;
  }
}
.m-categoryTop_crosstalk .m-title_lv2_jp {
  color: #fff;
}
.m-categoryTop_crosstalk .m-title_lv2_jp::before {
  background-color: #8ED1FF;
}

.m-categoryTop_crosstalk .m-title_lv2:not(.m-title_lv2--type2) .m-title_lv2_en {
  color: rgba(255, 255, 255, 0.1);
}

@media only screen and (min-width: 1181px) {
  .m-categoryTop_crosstalk_wrapper {
    width: calc(50% - 24px);
  }
}
.m-categoryTop_crosstalk_text {
  color: #fff;
  line-height: 1.8;
}
@media print, screen and (min-width: 781px) {
  .m-categoryTop_crosstalk_text {
    font-size: 20px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-categoryTop_crosstalk_text {
    font-size: 4.1025641026vw;
  }
}

@media print, screen and (min-width: 781px) {
  .m-categoryTop_crosstalk_img {
    border-radius: 16px;
  }
}
@media only screen and (min-width: 1181px) {
  .m-categoryTop_crosstalk_img {
    position: absolute;
    right: 0;
    bottom: 0;
    width: calc(50% - 24px);
  }
}
@media only screen and (max-width: 1180px) {
  .m-categoryTop_crosstalk_img {
    width: 100vw;
    max-width: initial;
    margin: 0 calc(50% - 50vw);
    margin-top: 48px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-categoryTop_crosstalk_img {
    margin-top: 12.3076923077vw;
  }
}

@media print, screen and (min-width: 781px) {
  .m-categoryTop_crosstalk_link {
    margin-top: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-categoryTop_crosstalk_link {
    margin-top: 8.2051282051vw;
  }
}

@media print, screen and (min-width: 781px) {
  .m-categoryTop_aboutNGK {
    padding-bottom: 120px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-categoryTop_aboutNGK {
    padding-bottom: 20.5128205128vw;
  }
}

.m-categoryTop_aboutNGK_list {
  display: grid;
}
@media print, screen and (min-width: 781px) {
  .m-categoryTop_aboutNGK_list {
    grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
    gap: 56px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-categoryTop_aboutNGK_list {
    grid-template-columns: 1fr;
    gap: 14.358974359vw;
  }
}

.m-categoryTop_aboutNGK_list_img {
  overflow: hidden;
}
@media print, screen and (min-width: 781px) {
  .m-categoryTop_aboutNGK_list_img {
    border-radius: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-categoryTop_aboutNGK_list_img {
    border-radius: 2.0512820513vw;
  }
}
.m-categoryTop_aboutNGK_list_img img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.m-categoryTop_aboutNGK_list_title_en {
  color: #0073C3;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 600;
}
@media print, screen and (min-width: 781px) {
  .m-categoryTop_aboutNGK_list_title_en {
    margin-top: 15px;
    font-size: 56px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-categoryTop_aboutNGK_list_title_en {
    margin-top: 2.5641025641vw;
    font-size: 12.3076923077vw;
  }
}

.m-categoryTop_aboutNGK_list_title_jp {
  position: relative;
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .m-categoryTop_aboutNGK_list_title_jp {
    margin-top: 10px;
    padding-left: 96px;
    font-size: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-categoryTop_aboutNGK_list_title_jp {
    margin-top: 2.0512820513vw;
    padding-left: 24.6153846154vw;
    font-size: 5.1282051282vw;
  }
}
.m-categoryTop_aboutNGK_list_title_jp::before {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #D9D9D9;
  content: "";
}
@media print, screen and (min-width: 781px) {
  .m-categoryTop_aboutNGK_list_title_jp::before {
    width: 80px;
    height: 1px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-categoryTop_aboutNGK_list_title_jp::before {
    width: 20.5128205128vw;
    height: 0.2564102564vw;
  }
}

@media print, screen and (min-width: 781px) {
  .m-categoryTop_aboutNGK_list_sub {
    margin-top: 50px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-categoryTop_aboutNGK_list_sub {
    margin-top: 7.6923076923vw;
  }
}

.m-categoryTop_aboutNGK_list_sub_link {
  display: grid;
  color: #000;
  text-decoration: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media print, screen and (min-width: 781px) {
  .m-categoryTop_aboutNGK_list_sub_link {
    grid-template-columns: 56px auto 40px;
    gap: 12px;
    padding: 16px;
    border-bottom: 1px solid #D9D9D9;
  }
}
@media print, screen and (max-width: 780px) {
  .m-categoryTop_aboutNGK_list_sub_link {
    grid-template-columns: 14.358974359vw auto 10.2564102564vw;
    gap: 3.0769230769vw;
    padding: 4.1025641026vw 0;
    border-bottom: 0.2564102564vw solid #D9D9D9;
  }
}
.m-categoryTop_aboutNGK_list_sub_link [data-icon]::after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #0073C3;
  border-radius: 50%;
  color: #0073C3;
}
@media print, screen and (min-width: 781px) {
  .m-categoryTop_aboutNGK_list_sub_link [data-icon]::after {
    width: 40px;
    height: 40px;
    font-size: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-categoryTop_aboutNGK_list_sub_link [data-icon]::after {
    width: 10.2564102564vw;
    height: 10.2564102564vw;
    font-size: 6.1538461538vw;
  }
}

.m-categoryTop_aboutNGK_list_sub_title {
  font-weight: 500;
  line-height: 1.44;
}
@media print, screen and (min-width: 781px) {
  .m-categoryTop_aboutNGK_list_sub_title {
    font-size: 18px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-categoryTop_aboutNGK_list_sub_title {
    font-size: 4.1025641026vw;
  }
}

.m-faq_list_item {
  background-color: #F7F7F7;
}
@media print, screen and (min-width: 781px) {
  .m-faq_list_item {
    border-radius: 16px;
    -webkit-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
    box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
  }
}
@media print, screen and (max-width: 780px) {
  .m-faq_list_item {
    border-radius: 2.0512820513vw;
    -webkit-box-shadow: 2.0512820513vw 2.0512820513vw 2.0512820513vw rgba(0, 0, 0, 0.16);
    box-shadow: 2.0512820513vw 2.0512820513vw 2.0512820513vw rgba(0, 0, 0, 0.16);
  }
}
@media print, screen and (min-width: 781px) {
  .m-faq_list_item + .m-faq_list_item {
    margin-top: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-faq_list_item + .m-faq_list_item {
    margin-top: 4.1025641026vw;
  }
}

.m-faq_list_question {
  position: relative;
  width: 100%;
  color: inherit;
  text-align: left;
  font-weight: 500;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
@media print, screen and (min-width: 781px) {
  .m-faq_list_question {
    padding: 40px 100px 40px 96px;
    font-size: 20px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-faq_list_question {
    padding: 7.6923076923vw 15.3846153846vw 7.6923076923vw;
    font-size: 3.8461538462vw;
  }
}
.m-faq_list_question::before {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: inline-block;
  -ms-flex-line-pack: center;
  align-content: center;
  border-radius: 50%;
  background-color: #0073C3;
  color: #fff;
  text-align: center;
  font-weight: 500;
  content: "Q";
}
@media print, screen and (min-width: 781px) {
  .m-faq_list_question::before {
    left: 40px;
    width: 40px;
    height: 40px;
    font-size: 22px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-faq_list_question::before {
    left: 5.1282051282vw;
    width: 8.2051282051vw;
    height: 8.2051282051vw;
    font-size: 5.1282051282vw;
  }
}
.m-faq_list_question [data-icon]::after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #0073C3;
  color: #fff;
}
@media print, screen and (min-width: 781px) {
  .m-faq_list_question [data-icon]::after {
    right: 40px;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    font-size: 22px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-faq_list_question [data-icon]::after {
    right: 5.1282051282vw;
    width: 8.2051282051vw;
    height: 8.2051282051vw;
    border-radius: 1.0256410256vw;
    font-size: 4.1025641026vw;
  }
}
.m-faq_list_question.is-open [data-icon]::after {
  content: "remove";
}

@media (any-hover: hover) {
  .m-faq_list_question:hover {
    color: #0073C3;
  }
}
.m-faq_list_answer {
  display: none;
  background-color: #fff;
}
@media print, screen and (min-width: 781px) {
  .m-faq_list_answer {
    padding: 40px 32px 40px 32px;
    border: 8px solid #F7F7F7;
    border-top: 0;
    border-radius: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-faq_list_answer {
    padding: 6.1538461538vw 5.1282051282vw;
    border: 0.5128205128vw solid #F7F7F7;
    border-radius: 2.0512820513vw;
  }
}

.m-faq_list_answer_title {
  position: relative;
  font-weight: 500;
  line-height: 1.5;
}
@media print, screen and (min-width: 781px) {
  .m-faq_list_answer_title {
    padding-left: 56px;
    font-size: 20px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-faq_list_answer_title {
    padding-left: 10.2564102564vw;
    font-size: 3.8461538462vw;
  }
}
.m-faq_list_answer_title::before {
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-table;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -ms-flex-line-pack: center;
  align-content: center;
  border-radius: 50%;
  border: 1px solid #0073C3;
  color: #0073C3;
  text-align: center;
  font-weight: 500;
  line-height: 1.6;
  content: "A";
}
@media print, screen and (min-width: 781px) {
  .m-faq_list_answer_title::before {
    width: 40px;
    height: 40px;
    font-size: 22px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-faq_list_answer_title::before {
    width: 8.2051282051vw;
    height: 8.2051282051vw;
    font-size: 4.6153846154vw;
  }
}

@media print, screen and (min-width: 781px) {
  .m-faq_list_answer_text {
    margin-top: 24px;
    padding-left: 56px;
    font-size: 18px;
    line-height: 2;
  }
}
@media print, screen and (max-width: 780px) {
  .m-faq_list_answer_text {
    margin-top: 4.1025641026vw;
    padding-left: 10.2564102564vw;
    font-size: 3.5897435897vw;
    line-height: 1.8;
  }
}

.m-categoryTop_hero {
  position: relative;
  background-color: #0091D4;
  overflow-x: clip;
  overflow-y: visible;
}
@media print, screen and (min-width: 781px) {
  .m-categoryTop_hero {
    min-height: calc(100vh - 120px);
  }
}
@media print, screen and (max-width: 780px) {
  .m-categoryTop_hero {
    min-height: 116.4102564103vw;
  }
}
.m-categoryTop_hero::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  content: "";
}
@media print, screen and (min-width: 781px) {
  .m-categoryTop_hero::before {
    height: 480px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-categoryTop_hero::before {
    height: 43.5897435897vw;
  }
}

@media print, screen and (min-width: 781px) {
  .m-categoryTop_hero_slider {
    width: 93%;
  }
}
@media print, screen and (max-width: 780px) {
  .m-categoryTop_hero_slider {
    margin-right: 5.1282051282vw;
  }
}
.m-categoryTop_hero_slider .splide__track {
  background-color: #fff;
}
@media print, screen and (min-width: 781px) {
  .m-categoryTop_hero_slider .splide__track {
    border-radius: 0 0 40px 0;
  }
}
@media print, screen and (max-width: 780px) {
  .m-categoryTop_hero_slider .splide__track {
    border-radius: 0 0 10.2564102564vw 0;
  }
}

.m-categoryTop_hero_img img {
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
  width: 100%;
}
@media print, screen and (min-width: 781px) {
  .m-categoryTop_hero_img img {
    min-height: calc(100vh - 285px);
    border-radius: 0 0 40px 0;
  }
}
@media print, screen and (max-width: 780px) {
  .m-categoryTop_hero_img img {
    height: 94.8717948718vw;
  }
}

.m-categoryTop_hero_circle {
  position: absolute;
  -webkit-animation: circle-rotate 11s linear infinite;
  animation: circle-rotate 11s linear infinite;
}
@media print, screen and (min-width: 781px) {
  .m-categoryTop_hero_circle {
    width: 15%;
    min-width: 160px;
    max-width: 235px;
    bottom: -100px;
    right: 90px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-categoryTop_hero_circle {
    width: 35.8974358974vw;
    bottom: -39.4871794872vw;
    right: -12.8205128205vw;
  }
}

.m-categoryTop_hero_title {
  position: relative;
  background-color: #fff;
}
@media print, screen and (min-width: 781px) {
  .m-categoryTop_hero_title {
    display: inline-block;
    max-width: 86%;
    margin-top: -120px;
    padding: 56px 80px 80px 48px;
    border-radius: 0 24px 24px 0;
    -webkit-box-shadow: 16px 16px 16px rgba(0, 0, 0, 0.16);
    box-shadow: 16px 16px 16px rgba(0, 0, 0, 0.16);
  }
}
@media print, screen and (max-width: 780px) {
  .m-categoryTop_hero_title {
    margin-right: 10.2564102564vw;
    margin-top: -30.7692307692vw;
    padding: 6.1538461538vw 5.1282051282vw 8.2051282051vw;
    border-radius: 0 4.1025641026vw 4.1025641026vw 0;
    -webkit-box-shadow: 4.1025641026vw 4.1025641026vw 4.1025641026vw rgba(0, 0, 0, 0.16);
    box-shadow: 4.1025641026vw 4.1025641026vw 4.1025641026vw rgba(0, 0, 0, 0.16);
  }
}

.m-categoryTop_hero_title_en {
  color: #0073C3;
  font-family: "Barlow Condensed", sans-serif;
}
@media print, screen and (min-width: 781px) {
  .m-categoryTop_hero_title_en {
    font-size: 80px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-categoryTop_hero_title_en {
    font-size: 10.2564102564vw;
    line-height: 1;
  }
}

.m-categoryTop_hero_title_content {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media print, screen and (min-width: 781px) {
  .m-categoryTop_hero_title_content {
    gap: 15px 40px;
    margin-top: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media print, screen and (max-width: 780px) {
  .m-categoryTop_hero_title_content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.5641025641vw;
    margin-top: 7.6923076923vw;
  }
}

.m-categoryTop_hero_title_jp {
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .m-categoryTop_hero_title_jp {
    font-size: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-categoryTop_hero_title_jp {
    font-size: 6.1538461538vw;
  }
}

.m-categoryTop_hero_title_sub {
  position: relative;
  color: #0073C3;
  font-family: "Barlow Condensed", sans-serif;
}
@media print, screen and (min-width: 781px) {
  .m-categoryTop_hero_title_sub {
    padding-left: 44px;
    font-size: 32px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-categoryTop_hero_title_sub {
    padding-left: 4.6153846154vw;
    font-size: 4.1025641026vw;
  }
}
.m-categoryTop_hero_title_sub::before {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #8ED1FF;
  content: "";
}
@media print, screen and (min-width: 781px) {
  .m-categoryTop_hero_title_sub::before {
    left: 0;
    width: 4px;
    height: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-categoryTop_hero_title_sub::before {
    left: 0;
    width: 0.5128205128vw;
    height: 2.0512820513vw;
  }
}

.m-bg-gray {
  background-color: #F7F7F7;
}

.m-text {
  line-height: 2;
}
@media print, screen and (min-width: 781px) {
  .m-text {
    font-size: 18px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-text {
    font-size: 16px;
  }
}

.m-pageNav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #0B2C4F;
}
@media print, screen and (min-width: 781px) {
  .m-pageNav {
    padding: 40px;
    border-radius: 16px;
    margin-bottom: 120px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1400px) {
  .m-pageNav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 10px 40px;
    max-width: 800px;
    margin: 0 auto;
  }
}
@media print, screen and (max-width: 780px) {
  .m-pageNav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1.2820512821vw 5.1282051282vw;
    border-radius: 2.0512820513vw;
  }
}

@media print, screen and (max-width: 1400px) {
  .m-pageNav_item {
    width: 100%;
  }
}
.m-pageNav_item + .m-pageNav_item {
  position: relative;
}
.m-pageNav_item + .m-pageNav_item:before {
  content: "";
  background-color: #fff;
  position: absolute;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media print, screen and (min-width: 781px) {
  .m-pageNav_item + .m-pageNav_item:before {
    height: 24px;
    width: 1px;
    left: 0;
    top: 50%;
  }
}
@media print, screen and (max-width: 1400px) {
  .m-pageNav_item + .m-pageNav_item:before {
    width: 100%;
    height: 1px;
    top: 0;
    left: 0;
  }
}
.m-pageNav_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  text-decoration: none;
  line-height: 1.45;
}
@media print, screen and (min-width: 781px) {
  .m-pageNav_link {
    gap: 24px;
    padding: 0 70px;
    font-size: 20px;
    text-align: center;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1600px) {
  .m-pageNav_link {
    padding: 0 30px;
    text-align: left;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1400px) {
  .m-pageNav_link {
    padding: 20px 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media print, screen and (max-width: 780px) {
  .m-pageNav_link {
    padding: 5.1282051282vw 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.m-pageNav_link::after {
  content: "arrow_downward";
  font-family: "Material Icons";
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #fff;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
@media print, screen and (min-width: 781px) {
  .m-pageNav_link::after {
    width: 40px;
    height: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-pageNav_link::after {
    font-style: 3.0769230769vw;
    width: 8.2051282051vw;
    height: 8.2051282051vw;
  }
}
.m-pageNav_link:hover::after {
  background-color: #fff;
  color: #0B2C4F;
}

.m-table_row:last-child .m-table_head {
  border-bottom: 1px solid #0073C3;
}
.m-table_row:last-child .m-table_data {
  border-bottom: 1px solid #D9D9D9;
}
@media print, screen and (max-width: 1200px) {
  .m-table_row {
    display: block;
    width: 100%;
  }
}
.m-table_head {
  font-weight: 500;
  text-align: left;
  border-top: 1px solid #0073C3;
  line-height: 2;
}
@media print, screen and (min-width: 781px) {
  .m-table_head {
    padding: 24px 16px 32px;
    font-size: 18px;
    width: 240px;
  }
}
@media print, screen and (max-width: 1200px) {
  .m-table_head {
    display: block;
    width: 100%;
  }
}
@media print, screen and (max-width: 780px) {
  .m-table_head {
    display: block;
    padding: 3.8461538462vw 0 2.5641025641vw;
    font-size: 4.1025641026vw;
  }
}

.m-table_data {
  border-top: 1px solid #D9D9D9;
  line-height: 2;
}
@media print, screen and (min-width: 781px) {
  .m-table_data {
    padding: 24px 16px 32px;
    font-size: 18px;
  }
}
@media print, screen and (max-width: 1200px) {
  .m-table_data {
    display: block;
    width: 100%;
  }
}
@media print, screen and (max-width: 780px) {
  .m-table_data {
    display: block;
    padding: 2.0512820513vw 0 8.2051282051vw;
    font-size: 4.1025641026vw;
  }
}

.m-table_list {
  list-style: decimal;
  padding-left: 1.2em;
}

@media print, screen and (max-width: 1400px) {
  .m-dataTableScroll {
    overflow-x: auto;
  }
}
.m-dataTable {
  width: 100%;
  table-layout: fixed;
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .m-dataTable {
    font-size: 18px;
  }
}
@media print, screen and (max-width: 1400px) {
  .m-dataTable {
    min-width: 1000px;
  }
}
.m-dataTable_thead {
  background-color: #0073C3;
  color: #fff;
}
.m-dataTable_tbody .m-dataTable_row:nth-child(odd) {
  background-color: #F7F7F7;
}

.m-dataTable_tbody .m-dataTable_data:first-child {
  text-align: left;
}

.m-dataTable_head {
  text-align: center;
  line-height: 1.6;
}
@media print, screen and (min-width: 781px) {
  .m-dataTable_head {
    padding: 20px 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-dataTable_head {
    padding: 3.0769230769vw 4.1025641026vw;
  }
}
.m-dataTable_head + .m-dataTable_head {
  border-left: 1px solid #fff;
}
@media print, screen and (min-width: 781px) {
  .m-dataTable_head:first-child {
    width: 330px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-dataTable_head:first-child {
    width: 58.9743589744vw;
  }
}

.m-dataTable_data {
  text-align: center;
  line-height: 1.6;
}
@media print, screen and (min-width: 781px) {
  .m-dataTable_data {
    padding: 20px 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-dataTable_data {
    padding: 3.0769230769vw 4.1025641026vw;
  }
}
.m-dataTable_data + .m-dataTable_data {
  border-left: 1px solid #767676;
}

.m-recruitStep {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media print, screen and (min-width: 781px) {
  .m-recruitStep {
    gap: 16px;
    margin-top: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-recruitStep {
    gap: 4.1025641026vw;
    margin-top: 7.1794871795vw;
  }
}

.m-recruitStep_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #F7F7F7;
}
@media print, screen and (min-width: 781px) {
  .m-recruitStep_item {
    padding: 4px;
    border-radius: 8px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1100px) {
  .m-recruitStep_item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media print, screen and (max-width: 780px) {
  .m-recruitStep_item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 2px;
    border-radius: 1.0256410256vw;
  }
}

.m-recruitStep_head {
  background-color: #0073C3;
  color: #fff;
  font-family: "Barlow Condensed";
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media print, screen and (min-width: 781px) {
  .m-recruitStep_head {
    font-size: 24px;
    border-radius: 4px 0 0 4px;
    width: 240px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1100px) {
  .m-recruitStep_head {
    width: 100%;
    border-radius: 4px 4px 0 0;
    padding: 20px 0;
  }
}
@media print, screen and (max-width: 780px) {
  .m-recruitStep_head {
    border-radius: 1.0256410256vw 1.0256410256vw 0 0;
    padding: 4.1025641026vw 0;
    font-size: 5.1282051282vw;
  }
}

@media print, screen and (min-width: 781px) {
  .m-recruitStep_content {
    padding: 24px 48px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-recruitStep_content {
    padding: 5.1282051282vw;
  }
}

.m-recruitStep_title {
  font-weight: 500;
  color: #0073C3;
}
@media print, screen and (min-width: 781px) {
  .m-recruitStep_title {
    font-size: 24px;
    margin-bottom: 1rem;
  }
}
@media print, screen and (max-width: 780px) {
  .m-recruitStep_title {
    font-size: 4.6153846154vw;
    margin-bottom: 0.7rem;
  }
}

.m-recruitStep_body {
  line-height: 1.8;
}
@media print, screen and (min-width: 781px) {
  .m-recruitStep_body {
    font-size: 18px;
  }
}
.m-back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media print, screen and (min-width: 781px) {
  .m-back {
    margin-top: 120px;
    padding-inline: 60px;
    margin-bottom: 120px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-back {
    margin-top: 14.358974359vw;
    padding-inline: 5.1282051282vw;
    margin-bottom: 20.5128205128vw;
  }
}

.m-back_button {
  line-height: 1.4;
  border: 1px solid #767676;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #000;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
@media print, screen and (min-width: 781px) {
  .m-back_button {
    font-size: 24px;
    gap: 24px;
    max-width: 640px;
    height: 140px;
    border-radius: 16px;
    width: 100%;
    padding-inline: 12px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1000px) {
  .m-back_button {
    font-size: 20px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-back_button {
    width: 100%;
    height: 20.5128205128vw;
    border-radius: 2.0512820513vw;
    gap: 2.0512820513vw;
  }
}
.m-back_button:hover {
  background-color: #767676;
  color: #fff;
}
.m-back_button:hover .m-back_button_icon {
  color: #fff;
}

.m-back_button_icon {
  color: #767676;
  margin-bottom: -0.3rem;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
@media print, screen and (min-width: 781px) {
  .m-back_button_icon {
    font-size: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-back_button_icon {
    font-size: 6.1538461538vw;
  }
}

.m-pageOverlap {
  background-color: #F7F7F7;
}
@media print, screen and (min-width: 781px) {
  .m-pageOverlap {
    padding-top: 264px;
    margin-top: -180px;
    padding-bottom: 120px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-pageOverlap {
    padding-top: 14.358974359vw;
    padding-bottom: 16.4102564103vw;
  }
}

.m-careerModel_item {
  background-color: #F7F7F7;
}
@media print, screen and (min-width: 781px) {
  .m-careerModel_item {
    margin-top: 96px;
    padding: 48px;
    border-radius: 16px;
    -webkit-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
    box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
  }
}
@media print, screen and (max-width: 780px) {
  .m-careerModel_item {
    margin-top: 10.2564102564vw;
    padding: 10.2564102564vw 5.1282051282vw;
    border-radius: 2.0512820513vw;
    -webkit-box-shadow: 2.0512820513vw 2.0512820513vw 2.0512820513vw rgba(0, 0, 0, 0.16);
    box-shadow: 2.0512820513vw 2.0512820513vw 2.0512820513vw rgba(0, 0, 0, 0.16);
  }
}

.m-careerModel_head {
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media print, screen and (min-width: 781px) {
  .m-careerModel_head {
    grid-template-columns: 140px auto;
    gap: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-careerModel_head {
    grid-template-columns: 24.6153846154vw auto;
    gap: 6.1538461538vw;
  }
}

.m-careerModel_head_title {
  display: inline-block;
  background-color: #0B2C4F;
  color: #fff;
  font-family: "Barlow Condensed", sans-serif;
  letter-spacing: 0.05em;
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .m-careerModel_head_title {
    padding: 10px 33px;
    border-radius: 4px;
    font-size: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-careerModel_head_title {
    padding: 1.2820512821vw 7.6923076923vw;
    border-radius: 1.0256410256vw;
    font-size: 5.1282051282vw;
  }
}

.m-careerModel_head_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media print, screen and (min-width: 781px) {
  .m-careerModel_head_info {
    gap: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-careerModel_head_info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 3.0769230769vw;
    gap: 2.0512820513vw;
  }
}

.m-careerModel_head_info_name {
  color: #0073C3;
  font-weight: 500;
  font-family: "Barlow Condensed", sans-serif;
  letter-spacing: 0.05em;
}
@media print, screen and (min-width: 781px) {
  .m-careerModel_head_info_name {
    font-size: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-careerModel_head_info_name {
    font-size: 7.1794871795vw;
  }
}

.m-careerModel_head_info_sub {
  line-height: 1.4;
}
@media print, screen and (min-width: 781px) {
  .m-careerModel_head_info_sub {
    font-size: 18px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-careerModel_head_info_sub {
    font-size: 4.1025641026vw;
  }
}

.m-careerModel_content {
  background-color: #fff;
}
@media print, screen and (min-width: 781px) {
  .m-careerModel_content {
    margin-top: 40px;
    padding: 48px;
    border-radius: 8px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-careerModel_content {
    margin-top: 6.1538461538vw;
    padding: 6.1538461538vw 5.1282051282vw;
    border-radius: 2.0512820513vw;
  }
}

.m-careerModel_list_item {
  position: relative;
  display: grid;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media print, screen and (min-width: 781px) {
  .m-careerModel_list_item {
    padding-bottom: 48px;
    grid-template-columns: 160px auto;
    gap: 32px;
  }
}
@media only screen and (max-width: 1100px) and (min-width: 781px) {
  .m-careerModel_list_item {
    grid-template-columns: 90px auto;
  }
}
@media print, screen and (max-width: 780px) {
  .m-careerModel_list_item {
    padding-bottom: 48px;
    grid-template-columns: 17.9487179487vw auto;
    gap: 5.1282051282vw;
  }
}
.m-careerModel_list_item::before {
  position: absolute;
  top: 0;
  height: 100%;
  border-left: 1px solid #0073C3;
  content: "";
}
@media print, screen and (min-width: 781px) {
  .m-careerModel_list_item::before {
    left: 80px;
    width: 1px;
  }
}
@media only screen and (max-width: 1100px) and (min-width: 781px) {
  .m-careerModel_list_item::before {
    left: 45px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-careerModel_list_item::before {
    left: 8.9743589744vw;
    width: 0.2564102564vw;
  }
}
.m-careerModel_list_item:last-child {
  padding-bottom: 0;
}
.m-careerModel_list_item:last-child::before {
  border-left: 1px dotted #0073C3;
}

.m-careerModel_list_title {
  position: relative;
  border: 1px solid;
  background-color: #fff;
  color: #0073C3;
  font-weight: 500;
  text-align: center;
  -ms-flex-line-pack: center;
  align-content: center;
}
@media print, screen and (min-width: 781px) {
  .m-careerModel_list_title {
    height: 48px;
    border-radius: 4px;
    font-size: 22px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-careerModel_list_title {
    height: 10.2564102564vw;
    border-radius: 1.0256410256vw;
    font-size: 4.1025641026vw;
  }
}

.m-careerModel_list_title_number {
  font-family: "Barlow Condensed", sans-serif;
}
@media print, screen and (min-width: 781px) {
  .m-careerModel_list_title_number {
    margin-right: 6px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-careerModel_list_title_number {
    margin-right: 1.0256410256vw;
    font-size: 4.6153846154vw;
  }
}

.m-careerModel_list_subtitle {
  color: #0073C3;
  font-weight: 500;
  line-height: 2;
}
@media print, screen and (min-width: 781px) {
  .m-careerModel_list_subtitle {
    font-size: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-careerModel_list_subtitle {
    font-size: 4.6153846154vw;
  }
}

@media print, screen and (min-width: 781px) {
  .m-careerModel_list_text {
    margin-top: 16px;
    font-size: 18px;
    line-height: 2;
  }
}
@media print, screen and (max-width: 780px) {
  .m-careerModel_list_text {
    margin-top: 4.1025641026vw;
    font-size: 4.1025641026vw;
    line-height: 2;
  }
}

.m-careerModel_box {
  background-color: #0073C3;
  color: #fff;
}
@media print, screen and (min-width: 781px) {
  .m-careerModel_box {
    margin-top: 48px;
    padding: 56px;
    border-radius: 8px;
  }
}
@media only screen and (max-width: 1100px) and (min-width: 781px) {
  .m-careerModel_box {
    padding: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-careerModel_box {
    margin-top: 6.1538461538vw;
    padding: 6.1538461538vw 5.1282051282vw;
    border-radius: 1.0256410256vw;
  }
}

.m-careerModel_box_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .m-careerModel_box_title {
    gap: 14px;
    font-size: 26px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-careerModel_box_title {
    gap: 1.7948717949vw;
    font-size: 5.1282051282vw;
  }
}
.m-careerModel_box_title [data-icon]::after {
  display: inline-block;
  -ms-flex-line-pack: center;
  align-content: center;
  border-radius: 50%;
  background-color: #fff;
  color: #0073C3;
  text-align: center;
}
@media print, screen and (min-width: 781px) {
  .m-careerModel_box_title [data-icon]::after {
    width: 40px;
    height: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-careerModel_box_title [data-icon]::after {
    width: 8.2051282051vw;
    height: 8.2051282051vw;
  }
}

.m-careerModel_box_text {
  line-height: 2;
}
@media print, screen and (min-width: 781px) {
  .m-careerModel_box_text {
    margin-top: 24px;
    font-size: 18px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-careerModel_box_text {
    margin-top: 4.1025641026vw;
    font-size: 4.1025641026vw;
  }
}

.m-related {
  position: relative;
  background-color: #fff;
}
@media print, screen and (min-width: 781px) {
  .m-related {
    margin-top: -120px;
    padding: 80px 100px;
    border-radius: 8px;
    -webkit-box-shadow: 16px 16px 16px rgba(0, 0, 0, 0.16);
    box-shadow: 16px 16px 16px rgba(0, 0, 0, 0.16);
  }
}
@media only screen and (max-width: 1200px) and (min-width: 781px) {
  .m-related {
    padding: 60px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-related {
    margin-top: -25.641025641vw;
    padding: 8.2051282051vw 5.1282051282vw;
    border-radius: 2.0512820513vw;
    -webkit-box-shadow: 4.1025641026vw 4.1025641026vw 4.1025641026vw rgba(0, 0, 0, 0.16);
    box-shadow: 4.1025641026vw 4.1025641026vw 4.1025641026vw rgba(0, 0, 0, 0.16);
  }
}

.m-related_title {
  color: #0073C3;
  line-height: 1.8;
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .m-related_title {
    font-size: 32px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-related_title {
    font-size: 5.1282051282vw;
  }
}

.m-card_list {
  display: grid;
}
@media print, screen and (min-width: 781px) {
  .m-card_list {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    margin-top: 48px;
  }
}
@media only screen and (max-width: 1350px) and (min-width: 1001px) {
  .m-card_list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 1000px) and (min-width: 781px) {
  .m-card_list {
    grid-template-columns: 1fr;
  }
}
@media print, screen and (max-width: 780px) {
  .m-card_list {
    gap: 6.1538461538vw;
    margin-top: 6.1538461538vw;
  }
}

.m-card_list_item {
  display: grid;
}

.m-card_list_link {
  border: 1px solid #D9D9D9;
  background-color: #F7F7F7;
  text-decoration: none;
}
@media print, screen and (min-width: 781px) {
  .m-card_list_link {
    display: grid;
    grid-template-rows: repeat(2, -webkit-max-content) 1fr -webkit-max-content;
    grid-template-rows: repeat(2, max-content) 1fr max-content;
    padding: 40px;
    border-radius: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-card_list_link {
    padding: 10.2564102564vw 5.1282051282vw 8.2051282051vw;
    border-radius: 2.0512820513vw;
  }
}

@media (any-hover: hover) {
  .m-card_list_link:hover img {
    scale: 1.1;
  }
}
.m-card_list_img {
  display: block;
  margin: auto;
  border-radius: 50%;
  overflow: hidden;
}
@media print, screen and (min-width: 781px) {
  .m-card_list_img {
    max-width: 200px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-card_list_img {
    max-width: 41.0256410256vw;
  }
}
.m-card_list_img img {
  -webkit-transition: scale 0.3s;
  transition: scale 0.3s;
}

.m-card_list_title {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: #0B2C4F;
  color: #fff;
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .m-card_list_title {
    margin-top: -21px;
    padding: 11px 16px;
    border-radius: 4px;
    font-size: 20px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-card_list_title {
    margin-top: -5.1282051282vw;
    border-radius: 1.0256410256vw;
    font-size: 4.1025641026vw;
    padding: 3.0769230769vw 4.1025641026vw;
  }
}

.m-card_list_text {
  color: #000;
}
@media print, screen and (min-width: 781px) {
  .m-card_list_text {
    margin-top: 16px;
    line-height: 2;
  }
}
@media print, screen and (max-width: 780px) {
  .m-card_list_text {
    margin-top: 4.1025641026vw;
    font-size: 3.5897435897vw;
    line-height: 1.8;
  }
}

.m-card_list_more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #000;
  font-weight: 500;
  line-height: 1.8;
  text-decoration: none;
}
@media print, screen and (min-width: 781px) {
  .m-card_list_more {
    gap: 8px;
    margin-top: 24px;
    font-size: 18px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-card_list_more {
    gap: 2.0512820513vw;
    margin-top: 6.1538461538vw;
    font-size: 4.1025641026vw;
  }
}
.m-card_list_more [data-icon]::after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #0073C3;
  border-radius: 50%;
  color: #0073C3;
}
@media print, screen and (min-width: 781px) {
  .m-card_list_more [data-icon]::after {
    width: 32px;
    height: 32px;
    font-size: 20px;
  }
}
@media print, screen and (max-width: 780px) {
  .m-card_list_more [data-icon]::after {
    width: 8.2051282051vw;
    height: 8.2051282051vw;
  }
}

@media print, screen and (min-width: 781px) {
  .p-base {
    padding-bottom: 120px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-base {
    padding-bottom: 20.5128205128vw;
  }
}

.p-base_img {
  background-color: #F7F7F7;
}
@media print, screen and (min-width: 781px) {
  .p-base_img {
    padding: 80px 100px;
    border-radius: 16px;
  }
}
@media only screen and (max-width: 1280px) and (min-width: 781px) {
  .p-base_img {
    padding: 80px 60px 100px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-base_img {
    padding: 10.2564102564vw 5.1282051282vw;
    border-radius: 2.0512820513vw;
  }
}

.p-base_item {
  position: relative;
  background-color: #F7F7F7;
}
@media print, screen and (min-width: 781px) {
  .p-base_item {
    padding: 80px 100px 100px;
    border-radius: 16px;
    -webkit-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
    box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
  }
}
@media only screen and (max-width: 1280px) and (min-width: 781px) {
  .p-base_item {
    padding: 80px 60px 100px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-base_item {
    padding: 10.2564102564vw 5.1282051282vw;
    border-radius: 2.0512820513vw;
    -webkit-box-shadow: 2.0512820513vw 2.0512820513vw 2.0512820513vw rgba(0, 0, 0, 0.16);
    box-shadow: 2.0512820513vw 2.0512820513vw 2.0512820513vw rgba(0, 0, 0, 0.16);
  }
}
@media print, screen and (min-width: 781px) {
  .p-base_item + .p-base_item {
    margin-top: 80px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-base_item + .p-base_item {
    margin-top: 10.2564102564vw;
  }
}
.p-base_item::before {
  position: absolute;
  top: 0;
  background-color: #0073C3;
  content: "";
}
@media print, screen and (min-width: 781px) {
  .p-base_item::before {
    left: 100px;
    width: 160px;
    height: 4px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-base_item::before {
    left: 5.1282051282vw;
    width: 16.4102564103vw;
    height: 0.5128205128vw;
  }
}

.p-base_lead {
  line-height: 2;
}
@media print, screen and (min-width: 781px) {
  .p-base_lead {
    max-width: 1280px;
    margin-inline: auto;
    margin-top: 80px;
    margin-bottom: 80px;
    font-size: 20px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-base_lead {
    margin-top: 8.2051282051vw;
    margin-bottom: 8.2051282051vw;
    font-size: 4.1025641026vw;
  }
}

.p-base_title {
  color: #0073C3;
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .p-base_title {
    font-size: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-base_title {
    font-size: 6.1538461538vw;
  }
}

.p-base_subtitle {
  color: #0B2C4F;
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .p-base_subtitle {
    margin-top: 32px;
    font-size: 24px;
    line-height: 2;
  }
}
@media print, screen and (max-width: 780px) {
  .p-base_subtitle {
    margin-top: 6.1538461538vw;
    font-size: 4.6153846154vw;
    line-height: 1.8;
  }
}

.p-base_text {
  line-height: 2;
}
@media print, screen and (min-width: 781px) {
  .p-base_text {
    margin-top: 40px;
    font-size: 18px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-base_text {
    margin-top: 6.1538461538vw;
    font-size: 4.1025641026vw;
  }
}

@media print, screen and (min-width: 781px) {
  .p-base_slider {
    margin-top: 64px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-base_slider {
    margin-top: 6.1538461538vw;
  }
}

.p-base_slider_item {
  overflow: hidden;
}
@media print, screen and (min-width: 781px) {
  .p-base_slider_item {
    border-radius: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-base_slider_item {
    border-radius: 4.1025641026vw;
  }
}
.p-base_slider_item img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.p-base_slider_arrows .splide__arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border: 2px solid;
  border-radius: 50%;
  background-color: #F7F7F7;
  color: #0073C3;
  cursor: pointer;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media print, screen and (min-width: 781px) {
  .p-base_slider_arrows .splide__arrow {
    width: 88px;
    height: 88px;
    font-size: 32px;
  }
}
@media only screen and (max-width: 1100px) and (min-width: 951px) {
  .p-base_slider_arrows .splide__arrow {
    width: 60px;
    height: 60px;
    font-size: 26px;
  }
}
@media only screen and (max-width: 950px) and (min-width: 781px) {
  .p-base_slider_arrows .splide__arrow {
    width: 40px;
    height: 40px;
    font-size: 20px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-base_slider_arrows .splide__arrow {
    width: 8.2051282051vw;
    height: 8.2051282051vw;
    font-size: 4.1025641026vw;
  }
}
.p-base_slider_arrows .splide__arrow.splide__arrow--prev {
  left: 0;
}
.p-base_slider_arrows .splide__arrow.splide__arrow--next {
  right: 0;
}
.p-base_slider_arrows [data-icon] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (any-hover: hover) {
  .p-base_slider_arrows button:hover {
    opacity: 0.7;
  }
}
@media print, screen and (min-width: 781px) {
  .p-base_slider_thumbnail {
    margin-top: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-base_slider_thumbnail {
    margin-top: 8.2051282051vw;
  }
}
.p-base_slider_thumbnail .splide__list {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.p-base_slider_thumbnail .splide__slide {
  border-radius: 50%;
}
.p-base_slider_thumbnail .splide__slide.is-active {
  border: 2px solid #0073C3;
}

.p-base_link_img {
  display: block;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media print, screen and (min-width: 781px) {
  .p-base_link_img {
    margin-top: 80px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-base_link_img {
    margin-top: 8.2051282051vw;
  }
}

@media (any-hover: hover) {
  .p-base_link_img:hover {
    opacity: 0.7;
  }
}
.p-alumni_mv {
  background-image: url("/recruit/_/media/page/career/alumni/mv_bg.jpg");
  background-size: cover;
  background-position: center;
  position: relative;
}
@media print, screen and (min-width: 781px) {
  .p-alumni_mv {
    padding-top: 170px;
    padding-bottom: 150px;
    min-height: 100vh;
  }
}
@media print, screen and (max-width: 780px) {
  .p-alumni_mv {
    padding-top: 6.4102564103vw;
    padding-bottom: 87.1794871795vw;
  }
}

.p-alumni_mv_video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: -1;
}
.p-alumni_mv_slide {
  overflow: hidden;
}
.p-alumni_mv_slide_track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media print, screen and (min-width: 781px) {
  .p-alumni_mv_slide_track {
    -webkit-animation: alumniMvSlide-pc 40s linear infinite;
    animation: alumniMvSlide-pc 40s linear infinite;
    gap: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-alumni_mv_slide_track {
    -webkit-animation: alumniMvSlide-sp 40s linear infinite;
    animation: alumniMvSlide-sp 40s linear infinite;
    gap: 12.8205128205vw;
  }
}

.p-alumni_mv_slide_item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -o-object-fit: cover;
  object-fit: cover;
}
@media print, screen and (min-width: 781px) {
  .p-alumni_mv_slide_item {
    width: 384px;
    height: auto;
  }
}
@media print, screen and (max-width: 780px) {
  .p-alumni_mv_slide_item {
    width: 64.1025641026vw;
    height: auto;
  }
}

@-webkit-keyframes alumniMvSlide-pc {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-3392px);
    transform: translateX(-3392px);
  }
}

@keyframes alumniMvSlide-pc {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-3392px);
    transform: translateX(-3392px);
  }
}
@-webkit-keyframes alumniMvSlide-sp {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(calc((100vw - 40px) * -8));
    transform: translateX(calc((100vw - 40px) * -8));
  }
}
@keyframes alumniMvSlide-sp {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(calc((100vw - 40px) * -8));
    transform: translateX(calc((100vw - 40px) * -8));
  }
}
.p-alumni_message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
}
@media print, screen and (min-width: 781px) {
  .p-alumni_message {
    margin-top: -50px;
    gap: 80px;
  }
}
@media print, screen and (max-width: 1530px) {
  .p-alumni_message {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.p-alumni_message_head {
  position: relative;
}
@media print, screen and (max-width: 780px) {
  .p-alumni_message_head {
    margin-top: -64.1025641026vw;
    margin-bottom: 8.2051282051vw;
  }
}

.p-alumni_message_head_label {
  font-weight: 700;
  color: #0073C3;
  font-family: "Barlow Condensed", sans-serif;
  opacity: 0.1;
  position: absolute;
  letter-spacing: 0.2rem;
}
@media print, screen and (min-width: 781px) {
  .p-alumni_message_head_label {
    font-size: 120px;
    top: -50px;
    left: -100px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-alumni_message_head_label {
    font-size: 16.4102564103vw;
    top: -7.6923076923vw;
  }
}

.p-alumni_message_head_title {
  font-weight: 700;
  color: #0073C3;
  line-height: 1.5;
}
@media print, screen and (min-width: 781px) {
  .p-alumni_message_head_title {
    font-size: 56px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-alumni_message_head_title {
    font-size: 8.2051282051vw;
  }
}

@media print, screen and (min-width: 781px) {
  .p-alumni_message_content {
    font-size: 20px;
    line-height: 2.4;
  }
}
@media print, screen and (max-width: 780px) {
  .p-alumni_message_content {
    line-height: 2;
  }
}

.p-alumni_box {
  background-color: #0073C3;
  background-image: url("/recruit/_/media/page/career/alumni/bg_noise.png");
  background-repeat: repeat;
  position: relative;
}
@media print, screen and (min-width: 781px) {
  .p-alumni_box {
    border-radius: 8px;
    padding: 64px 100px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1200px) {
  .p-alumni_box {
    padding: 64px 50px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-alumni_box {
    margin-left: -5.1282051282vw;
    margin-right: -5.1282051282vw;
    padding-left: 5.1282051282vw;
    padding-right: 5.1282051282vw;
    padding-top: 10.2564102564vw;
    padding-bottom: 10.2564102564vw;
  }
}
@media print, screen and (min-width: 781px) {
  .p-alumni_box + .p-alumni_box {
    margin-top: 80px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-alumni_box + .p-alumni_box {
    margin-top: 10.2564102564vw;
  }
}
.p-alumni_box::before {
  content: "";
  position: absolute;
  top: 0;
  background-color: #8ED1FF;
}
@media print, screen and (min-width: 781px) {
  .p-alumni_box::before {
    width: 120px;
    height: 4px;
    left: 100px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1200px) {
  .p-alumni_box::before {
    left: 50px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-alumni_box::before {
    width: 30.7692307692vw;
    height: 0.5128205128vw;
    left: 5.1282051282vw;
  }
}

.p-alumni_box_en {
  font-weight: 500;
  color: #fff;
  font-family: "Barlow Condensed", sans-serif;
}
@media print, screen and (min-width: 781px) {
  .p-alumni_box_en {
    font-size: 80px;
    margin-bottom: 32px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-alumni_box_en {
    font-size: 13.8461538462vw;
    margin-bottom: 4.1025641026vw;
  }
}

.p-alumni_box_title {
  color: #fff;
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .p-alumni_box_title {
    font-size: 32px;
    margin-bottom: 56px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-alumni_box_title {
    font-size: 6.1538461538vw;
    margin-bottom: 10.2564102564vw;
  }
}

.p-alumni_aboutbox {
  background-color: #fff;
}
@media print, screen and (min-width: 781px) {
  .p-alumni_aboutbox {
    padding: 48px;
    border-radius: 8px;
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  }
}
@media print, screen and (max-width: 780px) {
  .p-alumni_aboutbox {
    padding: 10.2564102564vw 5.1282051282vw;
    border-radius: 1.0256410256vw;
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  }
}
@media print, screen and (min-width: 781px) {
  .p-alumni_aboutbox + .p-alumni_aboutbox {
    margin-top: 32px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-alumni_aboutbox + .p-alumni_aboutbox {
    margin-top: 8.2051282051vw;
  }
}

.p-alumni_aboutbox_title {
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media print, screen and (min-width: 781px) {
  .p-alumni_aboutbox_title {
    font-size: 32px;
    gap: 16px;
    margin-bottom: 32px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-alumni_aboutbox_title {
    font-size: 5.1282051282vw;
    gap: 2.5641025641vw;
    margin-bottom: 4.1025641026vw;
  }
}
.p-alumni_aboutbox_title::before {
  content: "";
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-color: #0073C3;
  border-radius: 2px;
}
@media print, screen and (min-width: 781px) {
  .p-alumni_aboutbox_title::before {
    width: 10px;
    height: 10px;
    margin-top: 14px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-alumni_aboutbox_title::before {
    width: 2.5641025641vw;
    height: 2.5641025641vw;
    margin-top: 1.5384615385vw;
  }
}

.p-alumni_flowbox {
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.24);
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.24);
}
@media print, screen and (min-width: 781px) {
  .p-alumni_flowbox {
    border-radius: 8px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media print, screen and (max-width: 1320px) {
  .p-alumni_flowbox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media print, screen and (max-width: 780px) {
  .p-alumni_flowbox {
    padding: 10.7692307692vw 5.1282051282vw 0;
    border-radius: 2.0512820513vw;
  }
}
@media print, screen and (min-width: 781px) {
  .p-alumni_flowbox + .p-alumni_flowbox {
    margin-top: 56px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-alumni_flowbox + .p-alumni_flowbox {
    margin-top: 10.2564102564vw;
  }
}
.p-alumni_flowbox::before {
  content: "";
  background-color: #0073C3;
  position: absolute;
  top: 0;
}
@media print, screen and (min-width: 781px) {
  .p-alumni_flowbox::before {
    width: 160px;
    height: 4px;
    left: 48px;
  }
}
@media print, screen and (min-width: 781px) {
  .p-alumni_flowbox_content {
    padding: 64px 0 80px 48px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1320px) {
  .p-alumni_flowbox_content {
    padding-right: 48px;
  }
}
.p-alumni_flowbox_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media print, screen and (min-width: 781px) {
  .p-alumni_flowbox_head {
    margin-bottom: 48px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1000px) {
  .p-alumni_flowbox_head {
    zoom: 0.8;
  }
}
@media print, screen and (max-width: 780px) {
  .p-alumni_flowbox_head {
    margin-bottom: 6.1538461538vw;
  }
}

.p-alumni_flowbox_num {
  font-weight: 500;
  color: #0073C3;
  font-family: "Barlow Condensed", sans-serif;
}
@media print, screen and (min-width: 781px) {
  .p-alumni_flowbox_num {
    font-size: 80px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-alumni_flowbox_num {
    font-size: 10.2564102564vw;
  }
}

.p-alumni_flowbox_text {
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #0073C3;
  line-height: 1.3;
}
@media print, screen and (min-width: 781px) {
  .p-alumni_flowbox_text {
    font-size: 32px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-alumni_flowbox_text {
    font-size: 5.1282051282vw;
  }
}
.p-alumni_flowbox_text::before {
  content: "";
  background-color: #D9D9D9;
}
@media print, screen and (min-width: 781px) {
  .p-alumni_flowbox_text::before {
    width: 4px;
    height: 16px;
    margin-left: 40px;
    margin-right: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-alumni_flowbox_text::before {
    width: 0.5128205128vw;
    height: 4.1025641026vw;
    margin-left: 5.1282051282vw;
    margin-right: 5.1282051282vw;
  }
}

.p-alumni_flowbox_btn {
  background-color: #0073C3;
  font-weight: 700;
  color: #fff;
  text-decoration: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media print, screen and (min-width: 781px) {
  .p-alumni_flowbox_btn {
    border-radius: 4px;
    font-size: 20px;
    padding: 24px 48px;
    gap: 24px;
    margin-top: 32px;
    margin-bottom: 32px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-alumni_flowbox_btn {
    width: 100%;
    padding: 6.1538461538vw 12.3076923077vw;
    gap: 2.5641025641vw;
    border-radius: 1.0256410256vw;
    margin-top: 6.1538461538vw;
    margin-bottom: 4.1025641026vw;
  }
}

.p-alumni_flowbox_btn_icon {
  font-weight: 400;
}
@media print, screen and (min-width: 781px) {
  .p-alumni_flowbox_btn_icon {
    font-size: 24px;
  }
}
@media print, screen and (min-width: 781px) {
  .p-alumni_flowbox_image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 400px;
    -ms-flex-item-align: end;
    align-self: flex-end;
  }
}
@media print, screen and (max-width: 1320px) {
  .p-alumni_flowbox_image {
    margin: 0 auto;
    max-width: 400px;
    width: 100%;
  }
}
@media print, screen and (min-width: 781px) {
  .p-careerPath .m-containerNarrow:last-of-type {
    padding-bottom: 120px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-careerPath .m-containerNarrow:last-of-type {
    padding-bottom: 20.5128205128vw;
  }
}

.p-careerPath_link {
  display: block;
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .p-careerPath_link {
    margin-top: 24px;
    font-size: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-careerPath_link {
    margin-top: 4.1025641026vw;
    font-size: 3.8461538462vw;
  }
}
.p-careerPath_link [data-icon]::after {
  vertical-align: text-bottom;
}
@media print, screen and (min-width: 781px) {
  .p-careerPath_link [data-icon]::after {
    margin-left: 8px;
    font-size: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-careerPath_link [data-icon]::after {
    margin-left: 2.0512820513vw;
    font-size: 5.1282051282vw;
  }
}

@media print, screen and (min-width: 781px) {
  .p-careerPath_img {
    margin-top: 48px;
    border: 16px solid #F7F7F7;
    border-radius: 16px;
    -webkit-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
    box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
  }
}
@media print, screen and (max-width: 780px) {
  .p-careerPath_img {
    margin-top: 7.6923076923vw;
    border: 2.0512820513vw solid #F7F7F7;
    border-radius: 2.0512820513vw;
    -webkit-box-shadow: 2.0512820513vw 2.0512820513vw 2.0512820513vw rgba(0, 0, 0, 0.16);
    box-shadow: 2.0512820513vw 2.0512820513vw 2.0512820513vw rgba(0, 0, 0, 0.16);
  }
}

@media print, screen and (min-width: 781px) {
  .p-careerPath_slider {
    padding-left: 12.78%;
  }
}
@media only screen and (max-width: 1600px) and (min-width: 781px) {
  .p-careerPath_slider {
    padding-left: 52px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-careerPath_slider {
    padding-left: 5.1282051282vw;
  }
}

.p-careerPath_slider .splide__track {
  overflow-x: clip;
  overflow-y: visible;
}
.p-careerPath_slider_item {
  background-color: #F7F7F7;
  display: grid;
  grid-template-rows: repeat(2, -webkit-max-content) 1fr -webkit-max-content;
  grid-template-rows: repeat(2, max-content) 1fr max-content;
}
@media print, screen and (min-width: 781px) {
  .p-careerPath_slider_item {
    padding: 40px;
    border-radius: 16px;
    -webkit-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
    box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
  }
}
@media print, screen and (max-width: 780px) {
  .p-careerPath_slider_item {
    padding: 10.2564102564vw 5.1282051282vw;
    border-radius: 2.0512820513vw;
    -webkit-box-shadow: 2.0512820513vw 2.0512820513vw 2.0512820513vw rgba(0, 0, 0, 0.16);
    box-shadow: 2.0512820513vw 2.0512820513vw 2.0512820513vw rgba(0, 0, 0, 0.16);
  }
}

.p-careerPath_slide_title {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border: 1px solid #0B2C4F;
  text-align: center;
  overflow: hidden;
}
@media print, screen and (min-width: 781px) {
  .p-careerPath_slide_title {
    border-radius: 4px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-careerPath_slide_title {
    border-radius: 1.0256410256vw;
  }
}

.p-careerPath_slider_title_sub {
  background-color: #0B2C4F;
  color: #fff;
  -ms-flex-line-pack: center;
  align-content: center;
}
@media print, screen and (min-width: 781px) {
  .p-careerPath_slider_title_sub {
    height: 48px;
    font-size: 18px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-careerPath_slider_title_sub {
    height: 10.2564102564vw;
    font-size: 4.1025641026vw;
  }
}

.p-careerPath_slider_title_number {
  font-family: "Barlow Condensed", sans-serif;
}
@media print, screen and (min-width: 781px) {
  .p-careerPath_slider_title_number {
    margin-right: 6px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-careerPath_slider_title_number {
    margin-right: 1.5384615385vw;
  }
}

.p-careerPath_slider_title_main {
  background-color: #fff;
  color: #0073C3;
  -ms-flex-line-pack: center;
  align-content: center;
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .p-careerPath_slider_title_main {
    height: 48px;
    font-size: 20px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-careerPath_slider_title_main {
    height: 10.2564102564vw;
    font-size: 4.6153846154vw;
  }
}

.p-careerPath_slider_text {
  line-height: 1.8;
}
@media print, screen and (min-width: 781px) {
  .p-careerPath_slider_text {
    margin-top: 32px;
    font-size: 18px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-careerPath_slider_text {
    margin-top: 6.1538461538vw;
    font-size: 4.1025641026vw;
  }
}

.p-careerPath_slider_list {
  position: relative;
  border: 1px solid #D9D9D9;
  background-color: #fff;
}
@media print, screen and (min-width: 781px) {
  .p-careerPath_slider_list {
    margin-top: 32px;
    padding: 32px 24px;
    border-radius: 4px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-careerPath_slider_list {
    margin-top: 8.2051282051vw;
    padding: 5.1282051282vw;
    border-radius: 1.0256410256vw;
  }
}
.p-careerPath_slider_list::before {
  position: absolute;
  background-color: #0073C3;
  color: #fff;
  font-family: "Barlow Condensed", sans-serif;
  -ms-flex-line-pack: center;
  align-content: center;
  content: "POINT";
}
@media print, screen and (min-width: 781px) {
  .p-careerPath_slider_list::before {
    top: -16px;
    left: 24px;
    height: 32px;
    padding-inline: 30px;
    border-radius: 4px;
    font-size: 18px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-careerPath_slider_list::before {
    top: -4.1025641026vw;
    left: 5.1282051282vw;
    height: 8.2051282051vw;
    padding-inline: 7.6923076923vw;
    border-radius: 1.0256410256vw;
    font-size: 4.6153846154vw;
  }
}

.p-careerPath_slider_list_item {
  font-weight: 500;
  line-height: 2;
}
@media print, screen and (min-width: 781px) {
  .p-careerPath_slider_list_item {
    font-size: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-careerPath_slider_list_item {
    font-size: 3.8461538462vw;
  }
}
.p-careerPath_slider_list_item::before {
  content: "・";
}

.p-careerPath_splide_pager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media print, screen and (min-width: 781px) {
  .p-careerPath_splide_pager {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 48px;
    max-width: 948px;
    margin-top: 64px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-careerPath_splide_pager {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8.2051282051vw;
    margin-top: 10.2564102564vw;
  }
}

.p-careerPath_splide_progress {
  width: 100%;
  background-color: #F7F7F7;
  border: 1px solid #F7F7F7;
  border-radius: 4px;
}
.p-careerPath_splide_progress-bar {
  background: #0B2C4F;
  -webkit-transition: width 400ms ease;
  transition: width 400ms ease;
  border-radius: 4px;
  width: 0;
}
@media print, screen and (min-width: 781px) {
  .p-careerPath_splide_progress-bar {
    height: 6px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-careerPath_splide_progress-bar {
    height: 1.5384615385vw;
  }
}

.p-careerPath_splide_arrows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media print, screen and (min-width: 781px) {
  .p-careerPath_splide_arrows {
    gap: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-careerPath_splide_arrows {
    gap: 6.1538461538vw;
  }
}

.p-careerPath_splide_arrows button {
  border: 1px solid;
  border-radius: 50%;
  color: #0073C3;
  cursor: pointer;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media print, screen and (min-width: 781px) {
  .p-careerPath_splide_arrows button {
    width: 80px;
    height: 80px;
    font-size: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-careerPath_splide_arrows button {
    width: 18.4615384615vw;
    height: 18.4615384615vw;
    font-size: 5.1282051282vw;
  }
}

@media (any-hover: hover) {
  .p-careerPath_splide_arrows button:hover {
    opacity: 0.7;
  }
}
.p-careerPath_list_item {
  position: relative;
  background-color: #F7F7F7;
}
@media print, screen and (min-width: 781px) {
  .p-careerPath_list_item {
    padding: 64px 80px;
    border-radius: 8px;
    -webkit-box-shadow: 16px 16px 16px rgba(0, 0, 0, 0.16);
    box-shadow: 16px 16px 16px rgba(0, 0, 0, 0.16);
  }
}
@media only screen and (max-width: 1200px) and (min-width: 781px) {
  .p-careerPath_list_item {
    padding: 64px 50px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-careerPath_list_item {
    padding: 10.2564102564vw 5.1282051282vw;
    border-radius: 2.0512820513vw;
    -webkit-box-shadow: 2.0512820513vw 2.0512820513vw 2.0512820513vw rgba(0, 0, 0, 0.16);
    box-shadow: 2.0512820513vw 2.0512820513vw 2.0512820513vw rgba(0, 0, 0, 0.16);
  }
}
.p-careerPath_list_item::before {
  position: absolute;
  background-color: #0073C3;
  top: 0;
  content: "";
}
@media print, screen and (min-width: 781px) {
  .p-careerPath_list_item::before {
    left: 80px;
    width: 80px;
    height: 4px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-careerPath_list_item::before {
    left: 5.1282051282vw;
    width: 20.5128205128vw;
    height: 1.0256410256vw;
  }
}
@media print, screen and (min-width: 781px) {
  .p-careerPath_list_item + .p-careerPath_list_item {
    margin-top: 48px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-careerPath_list_item + .p-careerPath_list_item {
    margin-top: 12.3076923077vw;
  }
}

.p-careerPath_list_title {
  color: #0073C3;
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .p-careerPath_list_title {
    font-size: 32px;
    line-height: 1.44;
  }
}
@media print, screen and (max-width: 780px) {
  .p-careerPath_list_title {
    font-size: 5.641025641vw;
    line-height: 1.6;
  }
}

.p-careerPath_list_text {
  line-height: 2;
}
@media print, screen and (min-width: 781px) {
  .p-careerPath_list_text {
    margin-top: 40px;
    font-size: 20px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-careerPath_list_text {
    margin-top: 6.1538461538vw;
    font-size: 4.1025641026vw;
  }
}

.p-careerPath_list_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: #fff;
  border: 1px solid #D9D9D9;
}
@media print, screen and (min-width: 781px) {
  .p-careerPath_list_box {
    gap: 40px;
    margin-top: 40px;
    padding: 48px;
    border-radius: 16px;
  }
}
@media only screen and (max-width: 1100px) {
  .p-careerPath_list_box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media print, screen and (max-width: 780px) {
  .p-careerPath_list_box {
    gap: 6.1538461538vw;
    margin-top: 6.1538461538vw;
    padding: 6.1538461538vw 5.1282051282vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media print, screen and (min-width: 781px) {
  .p-careerPath_list_box_img {
    width: 156px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-careerPath_list_box_img {
    width: 41.0256410256vw;
  }
}

.p-careerPath_list_box_title {
  color: #0073C3;
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .p-careerPath_list_box_title {
    font-size: 22px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-careerPath_list_box_title {
    font-size: 5.1282051282vw;
  }
}
@media print, screen and (min-width: 781px) {
  .p-careerPath_list_box_title [data-icon]::after {
    margin-right: 14px;
    font-size: 28px;
    vertical-align: text-bottom;
  }
}
@media print, screen and (max-width: 780px) {
  .p-careerPath_list_box_title [data-icon]::after {
    margin-right: 2.5641025641vw;
    font-size: 5.641025641vw;
    vertical-align: top;
  }
}

.p-careerPath_list_box_text {
  line-height: 2;
}
@media print, screen and (min-width: 781px) {
  .p-careerPath_list_box_text {
    margin-top: 16px;
    font-size: 18px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-careerPath_list_box_text {
    margin-top: 4.1025641026vw;
    font-size: 3.8461538462vw;
  }
}

.p-referral_mv {
  position: relative;
  background-image: url("/recruit/_/media/page/career/referral/mv_bg.jpg");
  background-size: cover;
  background-position: center;
}
@media print, screen and (min-width: 781px) {
  .p-referral_mv {
    padding-top: 170px;
    padding-bottom: 150px;
    min-height: 100vh;
  }
}
@media print, screen and (max-width: 780px) {
  .p-referral_mv {
    padding-top: 6.4102564103vw;
    padding-bottom: 58.9743589744vw;
  }
}

.p-referral_mv_video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: -1;
}
.p-referral_introduction {
  position: relative;
}
@media print, screen and (min-width: 781px) {
  .p-referral_introduction {
    margin-top: -48px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-referral_introduction {
    margin-top: -33.3333333333vw;
  }
}

.p-referral_introduction_image {
  position: absolute;
  right: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
@media print, screen and (min-width: 781px) {
  .p-referral_introduction_image {
    top: -120px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1500px) {
  .p-referral_introduction_image {
    opacity: 0.3;
  }
}
@media print, screen and (max-width: 780px) {
  .p-referral_introduction_image {
    width: 43.5897435897vw;
    top: -17.9487179487vw;
  }
}

.p-referral_introduction_label {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500;
  color: #0073C3;
  letter-spacing: 0.2rem;
}
@media print, screen and (min-width: 781px) {
  .p-referral_introduction_label {
    font-size: 24px;
    margin-bottom: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-referral_introduction_label {
    font-size: 5.1282051282vw;
    margin-bottom: 6.1538461538vw;
  }
}

.p-referral_introduction_title {
  line-height: 1.6;
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .p-referral_introduction_title {
    font-size: 40px;
    margin-bottom: 32px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-referral_introduction_title {
    font-size: 6.6666666667vw;
    margin-bottom: 8.2051282051vw;
  }
}

.p-referral_introduction_lead {
  color: #103163;
  font-weight: 500;
  line-height: 1.6;
}
@media print, screen and (min-width: 781px) {
  .p-referral_introduction_lead {
    font-size: 28px;
    margin-bottom: 56px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-referral_introduction_lead {
    font-size: 5.1282051282vw;
    margin-bottom: 8.2051282051vw;
  }
}

.p-referral_introduction_body {
  line-height: 2;
}
@media print, screen and (min-width: 781px) {
  .p-referral_introduction_body {
    font-size: 20px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-referral_introduction_body {
    font-size: 3.8461538462vw;
  }
}

.p-referral_box {
  background-color: #0073C3;
  background-image: url("/recruit/_/media/page/career/alumni/bg_noise.png");
  background-repeat: repeat;
  position: relative;
}
@media print, screen and (min-width: 781px) {
  .p-referral_box {
    border-radius: 8px;
    padding: 64px 100px 100px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1200px) {
  .p-referral_box {
    padding: 64px 50px 80px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-referral_box {
    margin-left: -5.1282051282vw;
    margin-right: -5.1282051282vw;
    padding-left: 5.1282051282vw;
    padding-right: 5.1282051282vw;
    padding-top: 10.2564102564vw;
    padding-bottom: 10.2564102564vw;
  }
}
@media print, screen and (min-width: 781px) {
  .p-referral_box + .p-referral_box {
    margin-top: 80px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-referral_box + .p-referral_box {
    margin-top: 10.2564102564vw;
  }
}
.p-referral_box::before {
  content: "";
  position: absolute;
  top: 0;
  background-color: #8ED1FF;
}
@media print, screen and (min-width: 781px) {
  .p-referral_box::before {
    width: 120px;
    height: 4px;
    left: 100px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1200px) {
  .p-referral_box::before {
    left: 50px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-referral_box::before {
    width: 30.7692307692vw;
    height: 0.5128205128vw;
    left: 5.1282051282vw;
  }
}

.p-referral_box_en {
  font-weight: 500;
  color: #fff;
  font-family: "Barlow Condensed", sans-serif;
}
@media print, screen and (min-width: 781px) {
  .p-referral_box_en {
    font-size: 80px;
    margin-bottom: 32px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-referral_box_en {
    font-size: 13.8461538462vw;
    margin-bottom: 4.1025641026vw;
  }
}

.p-referral_box_title {
  color: #fff;
  font-weight: 500;
  line-height: 1.5;
}
@media print, screen and (min-width: 781px) {
  .p-referral_box_title {
    font-size: 32px;
    margin-bottom: 56px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-referral_box_title {
    font-size: 6.1538461538vw;
    margin-bottom: 10.2564102564vw;
  }
}

.p-referral_aboutbox {
  background-color: #fff;
}
@media print, screen and (min-width: 781px) {
  .p-referral_aboutbox {
    padding: 48px;
    border-radius: 8px;
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  }
}
@media print, screen and (max-width: 780px) {
  .p-referral_aboutbox {
    padding: 10.2564102564vw 5.1282051282vw;
    border-radius: 1.0256410256vw;
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  }
}
@media print, screen and (min-width: 781px) {
  .p-referral_aboutbox + .p-referral_aboutbox {
    margin-top: 32px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-referral_aboutbox + .p-referral_aboutbox {
    margin-top: 8.2051282051vw;
  }
}

.p-referral_aboutbox_title {
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.5;
}
@media print, screen and (min-width: 781px) {
  .p-referral_aboutbox_title {
    font-size: 32px;
    gap: 16px;
    margin-bottom: 32px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-referral_aboutbox_title {
    font-size: 5.1282051282vw;
    gap: 2.5641025641vw;
    margin-bottom: 4.1025641026vw;
  }
}
.p-referral_aboutbox_title::before {
  content: "";
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-color: #0073C3;
  border-radius: 2px;
}
@media print, screen and (min-width: 781px) {
  .p-referral_aboutbox_title::before {
    width: 10px;
    height: 10px;
    margin-top: 18px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-referral_aboutbox_title::before {
    width: 2.5641025641vw;
    height: 2.5641025641vw;
    margin-top: 2.5641025641vw;
  }
}

.p-referral_aboutbox_list {
  list-style-type: disc;
  margin-left: 1.5rem;
  line-height: 1.8;
}
@media print, screen and (min-width: 781px) {
  .p-referral_aboutbox_list {
    font-size: 18px;
  }
}
.p-referral_aboutbox_list_item + .p-referral_aboutbox_list_item {
  margin-top: 0.5rem;
}

.p-referral_box_point {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #F7F7F7;
}
@media print, screen and (min-width: 781px) {
  .p-referral_box_point {
    gap: 22px;
    padding: 48px;
    border-radius: 8px;
    -webkit-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
    box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
    margin-bottom: 40px;
  }
}
@media print, screen and (max-width: 1500px) {
  .p-referral_box_point {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media print, screen and (max-width: 780px) {
  .p-referral_box_point {
    gap: 4.1025641026vw;
    padding: 8.2051282051vw 5.1282051282vw;
    border-radius: 2.0512820513vw;
    -webkit-box-shadow: 2.0512820513vw 2.0512820513vw 2.0512820513vw rgba(0, 0, 0, 0.16);
    box-shadow: 2.0512820513vw 2.0512820513vw 2.0512820513vw rgba(0, 0, 0, 0.16);
    margin-bottom: 8.2051282051vw;
  }
}

.p-referral_box_point_item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 1px solid #D9D9D9;
}
@media print, screen and (min-width: 781px) {
  .p-referral_box_point_item {
    border-radius: 8px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-referral_box_point_item {
    border-radius: 2.0512820513vw;
  }
}

.p-referral_box_point_head {
  background-color: #0B2C4F;
  color: #fff;
  font-weight: 500;
  text-align: center;
  line-height: 1.5;
}
@media print, screen and (min-width: 781px) {
  .p-referral_box_point_head {
    padding-block: 24px 32px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-referral_box_point_head {
    padding-block: 6.1538461538vw 6.1538461538vw;
  }
}

.p-referral_box_point_head_num {
  font-family: "Barlow Condensed", sans-serif;
  display: block;
}
@media print, screen and (min-width: 781px) {
  .p-referral_box_point_head_num {
    font-size: 20px;
    margin-bottom: 8px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-referral_box_point_head_num {
    margin-bottom: 2.0512820513vw;
  }
}

.p-referral_box_point_head_text {
  display: block;
}
@media print, screen and (min-width: 781px) {
  .p-referral_box_point_head_text {
    font-size: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-referral_box_point_head_text {
    font-size: 4.6153846154vw;
  }
}

.p-referral_box_point_body {
  background-color: #fff;
  line-height: 1.8;
}
@media print, screen and (min-width: 781px) {
  .p-referral_box_point_body {
    height: 100%;
    padding: 32px 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-referral_box_point_body {
    padding: 6.1538461538vw 5.1282051282vw;
    font-size: 3.8461538462vw;
  }
}

.p-referral_box_step {
  background-color: #F7F7F7;
}
@media print, screen and (min-width: 781px) {
  .p-referral_box_step {
    padding: 48px;
    border-radius: 8px;
    -webkit-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
    box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
  }
}
@media print, screen and (max-width: 780px) {
  .p-referral_box_step {
    padding: 8.2051282051vw 5.1282051282vw;
    border-radius: 2.0512820513vw;
    -webkit-box-shadow: 2.0512820513vw 2.0512820513vw 2.0512820513vw rgba(0, 0, 0, 0.16);
    box-shadow: 2.0512820513vw 2.0512820513vw 2.0512820513vw rgba(0, 0, 0, 0.16);
  }
}

.p-referral_box_step_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media print, screen and (min-width: 781px) {
  .p-referral_box_step_item {
    margin-left: 48px;
  }
}
@media print, screen and (max-width: 1100px) {
  .p-referral_box_step_item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media print, screen and (min-width: 781px) {
  .p-referral_box_step_item + .p-referral_box_step_item {
    margin-top: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-referral_box_step_item + .p-referral_box_step_item {
    margin-top: 4.1025641026vw;
  }
}

.p-referral_box_step_head {
  background-color: #0B2C4F;
  color: #fff;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media print, screen and (min-width: 781px) {
  .p-referral_box_step_head {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 280px;
    min-height: 144px;
    border-radius: 8px 0 0 8px;
    padding-left: 72px;
    padding-right: 32px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1100px) {
  .p-referral_box_step_head {
    width: 100%;
    border-radius: 8px 8px 0 0;
  }
}
@media print, screen and (max-width: 780px) {
  .p-referral_box_step_head {
    border-radius: 2.0512820513vw 2.0512820513vw 0 0;
    padding: 2.5641025641vw;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 4.1025641026vw;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.p-referral_box_step_head_icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #4F6781;
}
@media print, screen and (min-width: 781px) {
  .p-referral_box_step_head_icon {
    position: absolute;
    width: 96px;
    height: 96px;
    border-radius: 16px;
    -webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.16);
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.16);
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 0;
  }
}
@media print, screen and (max-width: 780px) {
  .p-referral_box_step_head_icon {
    width: 14.358974359vw;
    height: 14.358974359vw;
    border-radius: 2.0512820513vw;
    -webkit-box-shadow: 1.0256410256vw 1.0256410256vw 1.0256410256vw rgba(0, 0, 0, 0.16);
    box-shadow: 1.0256410256vw 1.0256410256vw 1.0256410256vw rgba(0, 0, 0, 0.16);
  }
}
@media print, screen and (max-width: 780px) {
  .p-referral_box_step_head_icon img {
    width: 10.2564102564vw;
  }
}

.p-referral_box_step_head_main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.p-referral_box_step_head_num {
  font-family: "Barlow Condensed", sans-serif;
}
@media print, screen and (min-width: 781px) {
  .p-referral_box_step_head_num {
    margin-bottom: 0.5rem;
  }
}
@media print, screen and (max-width: 780px) {
  .p-referral_box_step_head_num {
    margin-bottom: 0.2rem;
  }
}

.p-referral_box_step_head_text {
  line-height: 1.6;
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .p-referral_box_step_head_text {
    font-size: 18px;
  }
}
.p-referral_box_step_body {
  background-color: #fff;
  border: 1px solid #D9D9D9;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1.8;
}
@media print, screen and (min-width: 781px) {
  .p-referral_box_step_body {
    min-height: 144px;
    border-radius: 0 8px 8px 0;
    padding: 24px 40px;
  }
}
@media print, screen and (min-width: 1101px) {
  .p-referral_box_step_body {
    border-left: 0;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1100px) {
  .p-referral_box_step_body {
    border-top: 0;
    width: 100%;
    border-radius: 0 0 8px 8px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-referral_box_step_body {
    border-radius: 0 0 2.0512820513vw 2.0512820513vw;
    padding: 6.1538461538vw 5.1282051282vw;
  }
}

.p-referral_box_entry {
  background-color: #0073C3;
  position: relative;
}
@media print, screen and (min-width: 781px) {
  .p-referral_box_entry {
    padding: 48px;
    border-radius: 8px;
    margin-top: 48px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-referral_box_entry {
    padding: 8.2051282051vw 5.1282051282vw;
    border-radius: 2.0512820513vw;
    margin-top: 8.2051282051vw;
  }
}
.p-referral_box_entry::before {
  content: "";
  background-color: #8ED1FF;
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media print, screen and (min-width: 781px) {
  .p-referral_box_entry::before {
    width: 80px;
    height: 4px;
    border-radius: 0 0 4px 4px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-referral_box_entry::before {
    width: 16.4102564103vw;
    height: 1.0256410256vw;
    border-radius: 0 0 1.0256410256vw 1.0256410256vw;
  }
}

.p-referral_box_entry_title {
  text-align: center;
  font-weight: 500;
  color: #fff;
  line-height: 1.5;
}
@media print, screen and (min-width: 781px) {
  .p-referral_box_entry_title {
    font-size: 24px;
    margin-bottom: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-referral_box_entry_title {
    margin-bottom: 6.1538461538vw;
  }
}

.p-referral_box_entry_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #fff;
  text-decoration: none;
  font-weight: 500;
  color: #000;
  -webkit-transition: scale 0.1s ease;
  transition: scale 0.1s ease;
  line-height: 1.5;
}
@media print, screen and (min-width: 781px) {
  .p-referral_box_entry_btn {
    max-width: 480px;
    width: 100%;
    min-height: 96px;
    gap: 16px;
    border-radius: 8px;
    font-size: 20px;
    margin-inline: auto;
    padding-inline: 16px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1300px) {
  .p-referral_box_entry_btn {
    font-size: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-referral_box_entry_btn {
    min-height: 16.4102564103vw;
    border-radius: 2.0512820513vw;
    font-size: 3.8461538462vw;
    padding-inline: 4.1025641026vw;
    position: relative;
  }
}
.p-referral_box_entry_btn:hover {
  scale: 1.05;
}

.p-referral_box_entry_btn_icon {
  color: #0073C3;
}
@media print, screen and (min-width: 781px) {
  .p-referral_box_entry_btn_icon {
    font-size: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-referral_box_entry_btn_icon {
    position: absolute;
    right: 4.1025641026vw;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

.p-referral_box_job {
  background-color: #F7F7F7;
}
@media print, screen and (min-width: 781px) {
  .p-referral_box_job {
    padding: 48px;
    border-radius: 8px;
    -webkit-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
    box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
    margin-top: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-referral_box_job {
    padding: 8.2051282051vw 5.1282051282vw;
    border-radius: 2.0512820513vw;
    -webkit-box-shadow: 2.0512820513vw 2.0512820513vw 2.0512820513vw rgba(0, 0, 0, 0.16);
    box-shadow: 2.0512820513vw 2.0512820513vw 2.0512820513vw rgba(0, 0, 0, 0.16);
    margin-top: 8.2051282051vw;
  }
}

.p-referral_box_job_list {
  display: grid;
}
@media print, screen and (min-width: 781px) {
  .p-referral_box_job_list {
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1500px) {
  .p-referral_box_job_list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1400px) {
  .p-referral_box_job_list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media print, screen and (max-width: 1100px) {
  .p-referral_box_job_list {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media print, screen and (max-width: 780px) {
  .p-referral_box_job_list {
    gap: 4.1025641026vw;
  }
}

.p-referral_box_job_list_item {
  background-color: #fff;
  border: 1px solid #0073C3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-decoration: none;
  color: #000;
  font-weight: 500;
  line-height: 1.5;
}
@media print, screen and (min-width: 781px) {
  .p-referral_box_job_list_item {
    border-radius: 8px;
    height: 80px;
    gap: 8px;
    font-size: 18px;
    padding: 12px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-referral_box_job_list_item {
    border-radius: 2.0512820513vw;
    height: 16.4102564103vw;
    gap: 2.0512820513vw;
    padding: 3.0769230769vw 4.1025641026vw;
  }
}
.p-referral_box_job_list_item:hover {
  background-color: #0073C3;
  color: #fff;
}
.p-referral_box_job_list_item:hover .p-referral_box_job_list_icon {
  color: #fff;
}

.p-referral_box_job_list_icon {
  color: #0073C3;
}
@media print, screen and (min-width: 781px) {
  .p-referral_box_job_list_icon {
    width: 20px;
  }
}
.p-referral_links {
  background-color: #0073C3;
  position: relative;
  background-color: #4F6781;
}
@media print, screen and (min-width: 781px) {
  .p-referral_links {
    padding: 56px 100px;
    border-radius: 16px;
    margin-top: 80px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1200px) {
  .p-referral_links {
    padding: 56px 50px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-referral_links {
    margin-top: 8.2051282051vw;
    margin-left: -5.1282051282vw;
    margin-right: -5.1282051282vw;
    padding: 10.2564102564vw 5.1282051282vw;
  }
}
.p-referral_links::before {
  content: "";
  background-color: #8ED1FF;
  position: absolute;
  top: 0;
}
@media print, screen and (min-width: 781px) {
  .p-referral_links::before {
    left: 100px;
    width: 120px;
    height: 4px;
    border-radius: 0 0 4px 4px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1200px) {
  .p-referral_links::before {
    left: 50px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-referral_links::before {
    left: 5.1282051282vw;
    width: 30.7692307692vw;
    height: 0.5128205128vw;
    border-radius: 0 0 1.0256410256vw 1.0256410256vw;
  }
}

.p-referral_links_title {
  color: #fff;
  line-height: 1.8;
}
@media print, screen and (min-width: 781px) {
  .p-referral_links_title {
    font-size: 32px;
    margin-bottom: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-referral_links_title {
    font-size: 6.1538461538vw;
    margin-bottom: 6.1538461538vw;
  }
}

.p-referral_links_btns {
  display: grid;
}
@media print, screen and (min-width: 781px) {
  .p-referral_links_btns {
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
  }
}
@media print, screen and (max-width: 1400px) {
  .p-referral_links_btns {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media print, screen and (max-width: 780px) {
  .p-referral_links_btns {
    gap: 4.1025641026vw;
  }
}

.p-referral_links_btn {
  background-color: #fff;
  position: relative;
}
@media print, screen and (min-width: 781px) {
  .p-referral_links_btn {
    border-radius: 8px;
    padding: 24px 94px 24px 32px;
    text-decoration: none;
  }
}
@media print, screen and (max-width: 780px) {
  .p-referral_links_btn {
    border-radius: 2.0512820513vw;
    padding: 6.1538461538vw 24.1025641026vw 6.1538461538vw 5.1282051282vw;
    text-decoration: none;
  }
}
.p-referral_links_btn::after {
  content: "chevron_right";
  font-family: "Material Icons";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #0073C3;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media print, screen and (min-width: 781px) {
  .p-referral_links_btn::after {
    width: 48px;
    height: 48px;
    right: 32px;
    font-size: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-referral_links_btn::after {
    width: 10.2564102564vw;
    height: 10.2564102564vw;
    right: 5.1282051282vw;
    font-size: 5.1282051282vw;
  }
}

.p-referral_links_btn_main {
  font-weight: 500;
  line-height: 1.5;
  display: block;
  color: #000;
}
@media print, screen and (min-width: 781px) {
  .p-referral_links_btn_main {
    font-size: 22px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-referral_links_btn_main {
    font-size: 5.1282051282vw;
  }
}

.p-referral_links_btn_en {
  display: block;
  font-family: "Barlow Condensed", sans-serif;
  color: #0073C3;
  letter-spacing: 0.1rem;
  margin-top: 0.5rem;
}
@media print, screen and (min-width: 781px) {
  .p-referral_links_btn_en {
    font-size: 18px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-referral_links_btn_en {
    font-size: 3.5897435897vw;
  }
}

.p-contractBase_tab {
  display: grid;
}
@media print, screen and (min-width: 781px) {
  .p-contractBase_tab {
    gap: 16px;
    margin-block: 80px;
    grid-template-columns: repeat(4, 1fr);
  }
}
@media print, screen and (max-width: 1200px) {
  .p-contractBase_tab {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media print, screen and (max-width: 780px) {
  .p-contractBase_tab {
    gap: 2.0512820513vw;
    margin-top: 10.2564102564vw;
    margin-bottom: 14.358974359vw;
  }
}

.p-contractBase_tab_item {
  text-decoration: none;
  background-color: #F7F7F7;
  border: 1px solid #DEDEDE;
  font-family: "Zen Kaku Gothic New", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", sans-serif;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  cursor: pointer;
}
@media print, screen and (min-width: 781px) {
  .p-contractBase_tab_item {
    border-radius: 16px;
    padding: 40px 20px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-contractBase_tab_item {
    border-radius: 2.0512820513vw;
    padding: 6.1538461538vw;
  }
}
.p-contractBase_tab_item.is-current, .p-contractBase_tab_item:hover {
  background-color: #0073C3;
  border-color: #0073C3;
  -webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.16);
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.16);
  color: #fff;
}
.p-contractBase_tab_item.is-current .p-contractBase_tab_icon, .p-contractBase_tab_item:hover .p-contractBase_tab_icon {
  border-color: #fff;
  color: #fff;
}
.p-contractBase_tab_item.is-current .p-contractBase_tab_name, .p-contractBase_tab_item:hover .p-contractBase_tab_name {
  color: #fff;
}

@media print, screen and (min-width: 781px) {
  .p-contractBase_tab_image {
    width: 100px;
    margin-bottom: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-contractBase_tab_image {
    width: 20.5128205128vw;
    margin-bottom: 2.0512820513vw;
  }
}

.p-contractBase_tab_name {
  font-weight: 500;
  color: #000;
}
@media print, screen and (min-width: 781px) {
  .p-contractBase_tab_name {
    font-size: 24px;
    margin-bottom: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-contractBase_tab_name {
    font-size: 4.1025641026vw;
    margin-bottom: 4.1025641026vw;
  }
}

.p-contractBase_tab_icon {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border: 1px solid #0073C3;
  color: #0073C3;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-inline: auto;
}
@media print, screen and (min-width: 781px) {
  .p-contractBase_tab_icon {
    width: 40px;
    height: 40px;
    font-size: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-contractBase_tab_icon {
    width: 10.2564102564vw;
    height: 10.2564102564vw;
    font-size: 4.1025641026vw;
  }
}

.p-contractBase_content {
  display: none;
}
.p-contractBase_content.is-active {
  display: block;
}

.p-contractBase_intro {
  background-color: #0073C3;
}
@media print, screen and (min-width: 781px) {
  .p-contractBase_intro {
    padding: 100px;
    border-radius: 24px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1000px) {
  .p-contractBase_intro {
    padding: 50px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-contractBase_intro {
    padding: 10.2564102564vw 5.1282051282vw;
    border-radius: 2.0512820513vw;
  }
}

.p-contractBase_intro_col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media print, screen and (min-width: 781px) {
  .p-contractBase_intro_col {
    gap: 80px;
  }
}
@media print, screen and (max-width: 1300px) {
  .p-contractBase_intro_col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.p-contractBase_intro_content {
  color: #fff;
}
@media print, screen and (min-width: 781px) {
  .p-contractBase_intro_content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1300px) {
  .p-contractBase_intro_content {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}
.p-contractBase_intro_content_title {
  font-weight: 700;
  line-height: 1.4;
}
@media print, screen and (min-width: 781px) {
  .p-contractBase_intro_content_title {
    font-size: 32px;
    margin-bottom: 32px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-contractBase_intro_content_title {
    font-size: 5.1282051282vw;
    margin-bottom: 6.1538461538vw;
  }
}

.p-contractBase_intro_content_lead {
  font-weight: 500;
  line-height: 1.8;
}
@media print, screen and (min-width: 781px) {
  .p-contractBase_intro_content_lead {
    font-size: 24px;
    margin-bottom: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-contractBase_intro_content_lead {
    font-size: 4.6153846154vw;
    margin-bottom: 6.1538461538vw;
  }
}

.p-contractBase_intro_content_body {
  line-height: 2;
}
@media print, screen and (min-width: 781px) {
  .p-contractBase_intro_content_body {
    font-size: 18px;
  }
}
@media print, screen and (min-width: 781px) {
  .p-contractBase_intro_slide {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    min-width: 380px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1300px) {
  .p-contractBase_intro_slide {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    min-width: auto;
  }
}
@media print, screen and (max-width: 780px) {
  .p-contractBase_intro_slide {
    margin-bottom: 10.2564102564vw;
  }
}
.p-contractBase_intro_slide .splide__track {
  overflow: hidden;
}
@media print, screen and (min-width: 781px) {
  .p-contractBase_intro_slide .splide__track {
    border-radius: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-contractBase_intro_slide .splide__track {
    border-radius: 2.0512820513vw;
  }
}

.p-contractBase_intro_slide_item img {
  width: 100%;
}
@media print, screen and (min-width: 781px) {
  .p-contractBase_intro_slide_item img {
    border-radius: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-contractBase_intro_slide_item img {
    border-radius: 2.0512820513vw;
  }
}

.p-contractBase_intro_slide_arrows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media print, screen and (min-width: 781px) {
  .p-contractBase_intro_slide_arrows {
    margin-top: 32px;
    gap: 32px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-contractBase_intro_slide_arrows {
    gap: 6.1538461538vw;
    margin-top: 4.1025641026vw;
  }
}

.p-contractBase_intro_slide_arrow {
  border: 1px solid #fff;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  -webkit-transition: scale 0.2s ease;
  transition: scale 0.2s ease;
  padding: 0;
}
@media print, screen and (min-width: 781px) {
  .p-contractBase_intro_slide_arrow {
    width: 80px;
    height: 40px;
    border-radius: 20px;
    font-size: 20px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-contractBase_intro_slide_arrow {
    width: 16.4102564103vw;
    height: 8.2051282051vw;
    border-radius: 4.1025641026vw;
  }
}
.p-contractBase_intro_slide_arrow:active {
  scale: 0.9;
}

.p-contractBase_intro_slide_pagination {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media print, screen and (min-width: 781px) {
  .p-contractBase_intro_slide_pagination {
    gap: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-contractBase_intro_slide_pagination {
    gap: 2.0512820513vw;
  }
}
.p-contractBase_intro_slide_pagination li button {
  border-radius: 50%;
  background-color: #fff;
  cursor: pointer;
  padding: 0;
  margin: 0;
}
@media print, screen and (min-width: 781px) {
  .p-contractBase_intro_slide_pagination li button {
    width: 16px;
    height: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-contractBase_intro_slide_pagination li button {
    width: 2.0512820513vw;
    height: 2.0512820513vw;
  }
}
.p-contractBase_intro_slide_pagination li button.is-active {
  background-color: #8ED1FF;
}

.p-contractBase_intro_data {
  -webkit-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
  box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
  background-color: #fff;
}
@media print, screen and (min-width: 781px) {
  .p-contractBase_intro_data {
    padding: 56px 48px 48px 48px;
    border-radius: 8px;
    margin-top: 80px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-contractBase_intro_data {
    margin-top: 8.2051282051vw;
    padding: 8.2051282051vw 5.1282051282vw;
    border-radius: 2.0512820513vw;
  }
}

.p-contractBase_intro_data_heading {
  color: #0073C3;
  line-height: 1.4;
  text-align: center;
  font-weight: 700;
}
@media print, screen and (min-width: 781px) {
  .p-contractBase_intro_data_heading {
    font-size: 28px;
    margin-bottom: 48px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-contractBase_intro_data_heading {
    font-size: 4.6153846154vw;
    margin-bottom: 6.1538461538vw;
  }
}

.p-contractBase_intro_data_col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media print, screen and (min-width: 781px) {
  .p-contractBase_intro_data_col {
    gap: 16px;
  }
}
@media print, screen and (max-width: 1366px) {
  .p-contractBase_intro_data_col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media print, screen and (max-width: 780px) {
  .p-contractBase_intro_data_col {
    gap: 4.1025641026vw;
  }
}

.p-contractBase_intro_data_item {
  background-color: #F7F7F7;
  border: 1px solid #DEDEDE;
  text-align: center;
}
@media print, screen and (min-width: 781px) {
  .p-contractBase_intro_data_item {
    border-radius: 8px;
    padding: 40px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}
@media print, screen and (max-width: 780px) {
  .p-contractBase_intro_data_item {
    padding: 6.1538461538vw;
    border-radius: 2.0512820513vw;
  }
}

.p-contractBase_intro_data_title {
  font-weight: 500;
  line-height: 1.6;
}
@media print, screen and (min-width: 781px) {
  .p-contractBase_intro_data_title {
    font-size: 24px;
  }
}
.p-contractBase_intro_data_title::after {
  content: "";
  background-color: #0073C3;
  display: block;
}
@media print, screen and (min-width: 781px) {
  .p-contractBase_intro_data_title::after {
    width: 64px;
    height: 4px;
    margin: 20px auto 28px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-contractBase_intro_data_title::after {
    width: 12.3076923077vw;
    height: 0.5128205128vw;
    margin: 5.1282051282vw auto 5.1282051282vw;
  }
}

.p-contractBase_product {
  background-color: #F7F7F7;
  -webkit-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
  box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media print, screen and (min-width: 781px) {
  .p-contractBase_product {
    padding: 80px 100px;
    border-radius: 16px;
    gap: 56px;
    margin-bottom: 56px;
  }
}
@media print, screen and (max-width: 1366px) {
  .p-contractBase_product {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1000px) {
  .p-contractBase_product {
    padding: 50px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-contractBase_product {
    padding: 8.2051282051vw 5.1282051282vw;
    border-radius: 2.0512820513vw;
    gap: 6.1538461538vw;
    margin-bottom: 6.1538461538vw;
  }
}

@media print, screen and (max-width: 1366px) {
  .p-contractBase_product_content {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}
.p-contractBase_product_title {
  font-weight: 500;
  color: #0073C3;
}
@media print, screen and (min-width: 781px) {
  .p-contractBase_product_title {
    font-size: 26px;
    margin-bottom: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-contractBase_product_title {
    font-size: 5.1282051282vw;
    margin-bottom: 4.1025641026vw;
  }
}

.p-contractBase_product_body {
  line-height: 2;
}
@media print, screen and (min-width: 781px) {
  .p-contractBase_product_body {
    font-size: 18px;
  }
}
@media print, screen and (min-width: 781px) {
  .p-contractBase_product_image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
}
@media print, screen and (max-width: 1366px) {
  .p-contractBase_product_image {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}
.p-contractBase_interview {
  display: grid;
}
@media print, screen and (min-width: 781px) {
  .p-contractBase_interview {
    grid-template-columns: 1fr 1fr;
    gap: 48px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1400px) {
  .p-contractBase_interview {
    grid-template-columns: 1fr;
  }
}
@media print, screen and (max-width: 780px) {
  .p-contractBase_interview {
    gap: 6.1538461538vw;
  }
}

.p-contractBase_interview_item {
  background-color: #0B2C4F;
  color: #fff;
  -webkit-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
  box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  position: relative;
}
@media print, screen and (min-width: 781px) {
  .p-contractBase_interview_item {
    border-radius: 8px;
    padding: 40px 100px 56px 40px;
    gap: 48px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media print, screen and (min-width: 1401px) and (max-width: 1920px) {
  .p-contractBase_interview_item {
    padding: 2.0833333333vw 5.2083333333vw 2.9166666667vw 2.0833333333vw;
    gap: 2.5vw;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1000px) {
  .p-contractBase_interview_item {
    padding: 4vw 10vw 5.6vw 4vw;
    gap: 4.8vw;
  }
}
@media print, screen and (max-width: 780px) {
  .p-contractBase_interview_item {
    padding: 8.2051282051vw 5.1282051282vw 12.8205128205vw;
    border-radius: 2.0512820513vw;
    gap: 6.1538461538vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.p-contractBase_interview_item::after {
  content: "chevron_right";
  font-family: "Material Icons";
  border: 1px solid #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  position: absolute;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
@media print, screen and (min-width: 781px) {
  .p-contractBase_interview_item::after {
    width: 48px;
    height: 48px;
    font-size: 24px;
    bottom: 40px;
    right: 40px;
  }
}
@media print, screen and (min-width: 1401px) and (max-width: 1920px) {
  .p-contractBase_interview_item::after {
    width: 2.5vw;
    height: 2.5vw;
    font-size: 1.25vw;
    bottom: 2.0833333333vw;
    right: 2.0833333333vw;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1000px) {
  .p-contractBase_interview_item::after {
    width: 4.8vw;
    height: 4.8vw;
    font-size: 2.4vw;
    bottom: 4vw;
    right: 4vw;
  }
}
@media print, screen and (max-width: 780px) {
  .p-contractBase_interview_item::after {
    width: 12.3076923077vw;
    height: 12.3076923077vw;
    font-size: 6.1538461538vw;
    bottom: 9.2307692308vw;
    right: 10.2564102564vw;
  }
}
.p-contractBase_interview_item:hover::after {
  background-color: #fff;
  color: #0B2C4F;
}

@media print, screen and (min-width: 781px) {
  .p-contractBase_interview_image {
    max-width: 196px;
  }
}
@media print, screen and (min-width: 1401px) and (max-width: 1920px) {
  .p-contractBase_interview_image {
    max-width: 10.2083333333vw;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1000px) {
  .p-contractBase_interview_image {
    max-width: 19.6vw;
  }
}
@media print, screen and (max-width: 780px) {
  .p-contractBase_interview_image {
    width: 35.8974358974vw;
    margin: 0 auto;
  }
}

.p-contractBase_interview_tag {
  background-color: #fff;
  color: #0073C3;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .p-contractBase_interview_tag {
    border-radius: 4px;
    margin-bottom: 16px;
    font-size: 18px;
    padding: 0.4rem 1.2rem 0.5rem;
  }
}
@media print, screen and (min-width: 1401px) and (max-width: 1920px) {
  .p-contractBase_interview_tag {
    font-size: 0.9375vw;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1000px) {
  .p-contractBase_interview_tag {
    font-size: 1.8vw;
  }
}
@media print, screen and (max-width: 780px) {
  .p-contractBase_interview_tag {
    border-radius: 1.0256410256vw;
    margin-bottom: 4.1025641026vw;
    padding: 0.6rem 1.2rem 0.7rem;
  }
}

.p-contractBase_interview_tag_child {
  border-left: 1px solid #D9D9D9;
  padding-left: 1rem;
  margin-left: 1rem;
}
.p-contractBase_interview_title {
  line-height: 1.6;
}
@media print, screen and (min-width: 781px) {
  .p-contractBase_interview_title {
    font-size: 24px;
  }
}
@media print, screen and (min-width: 1401px) and (max-width: 1920px) {
  .p-contractBase_interview_title {
    font-size: 1.25vw;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1000px) {
  .p-contractBase_interview_title {
    font-size: 2.4vw;
  }
}
@media print, screen and (max-width: 780px) {
  .p-contractBase_interview_title {
    font-size: 4.6153846154vw;
  }
}

.p-contractBase_interview_meta {
  margin-top: 1rem;
  line-height: 1.4;
}
@media print, screen and (min-width: 781px) {
  .p-contractBase_interview_meta {
    font-size: 18px;
  }
}
@media print, screen and (min-width: 1401px) and (max-width: 1920px) {
  .p-contractBase_interview_meta {
    font-size: 0.9375vw;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1000px) {
  .p-contractBase_interview_meta {
    font-size: 1.8vw;
  }
}
@media print, screen and (max-width: 780px) {
  .p-contractBase_interview_meta {
    margin-top: 6.1538461538vw;
  }
}

.p-contractBase_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  background-color: #F7F7F7;
  -webkit-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
  box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
}
@media print, screen and (min-width: 781px) {
  .p-contractBase_info {
    margin-top: 120px;
    padding: 100px;
    border-radius: 16px;
    gap: 80px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1600px) {
  .p-contractBase_info {
    padding: 50px;
    gap: 40px;
  }
}
@media print, screen and (max-width: 1200px) {
  .p-contractBase_info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media print, screen and (max-width: 780px) {
  .p-contractBase_info {
    margin-top: 12.3076923077vw;
    padding: 8.2051282051vw 5.1282051282vw;
    border-radius: 2.0512820513vw;
    gap: 6.1538461538vw;
  }
}
.p-contractBase_info::before {
  content: "";
  background-color: #0073C3;
  top: 0;
  position: absolute;
}
@media print, screen and (min-width: 781px) {
  .p-contractBase_info::before {
    width: 120px;
    height: 4px;
    left: 100px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-contractBase_info::before {
    width: 20.5128205128vw;
    height: 1.0256410256vw;
    left: 5.1282051282vw;
  }
}

@media print, screen and (min-width: 781px) {
  .p-contractBase_info_content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1200px) {
  .p-contractBase_info_content {
    width: 100%;
  }
}
.p-contractBase_info_title {
  font-weight: 500;
  line-height: 1.4;
}
@media print, screen and (min-width: 781px) {
  .p-contractBase_info_title {
    font-size: 28px;
    margin-bottom: 32px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-contractBase_info_title {
    font-size: 5.1282051282vw;
    margin-bottom: 6.1538461538vw;
  }
}

.p-contractBase_info_list_term {
  background-color: #0073C3;
  border-radius: 4px;
  color: #fff;
  font-weight: 500;
  padding: 0.7rem 1rem 0.9rem;
}
@media print, screen and (min-width: 781px) {
  .p-contractBase_info_list_term {
    font-size: 22px;
    margin-top: 32px;
    margin-bottom: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-contractBase_info_list_term {
    margin-top: 6.1538461538vw;
    margin-bottom: 4.1025641026vw;
  }
}

@media print, screen and (min-width: 781px) {
  .p-contractBase_info_list_def {
    line-height: 2;
  }
}
@media print, screen and (max-width: 780px) {
  .p-contractBase_info_list_def {
    font-size: 3.8461538462vw;
    line-height: 1.6;
  }
}

@media print, screen and (min-width: 781px) {
  .p-contractBase_info_map {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}
@media print, screen and (max-width: 1200px) {
  .p-contractBase_info_map {
    width: 100%;
  }
}
@media print, screen and (min-width: 781px) {
  .p-contractBase_info_map iframe {
    width: 100%;
    height: 450px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-contractBase_info_map iframe {
    width: 100%;
    height: 61.5384615385vw;
  }
}

.p-followUp_text {
  line-height: 2;
}
@media print, screen and (min-width: 781px) {
  .p-followUp_text {
    font-size: 18px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-followUp_text {
    font-size: 4.1025641026vw;
  }
}

.p-followUp_career_item {
  border-top: 1px solid #D9D9D9;
  display: grid;
}
@media print, screen and (min-width: 781px) {
  .p-followUp_career_item {
    gap: 80px;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    padding: 64px 0;
  }
}
@media print, screen and (max-width: 780px) {
  .p-followUp_career_item {
    gap: 6.1538461538vw;
    padding: 8.2051282051vw 0;
  }
}
.p-followUp_career_item:last-child {
  border-bottom: 1px solid #D9D9D9;
}
@media print, screen and (min-width: 781px) {
  .p-followUp_career_item:last-child {
    margin-bottom: 120px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-followUp_career_item:last-child {
    margin-bottom: 16.4102564103vw;
  }
}
.p-followUp_career_item .m-title_lv3 {
  margin-top: 0;
}

.p-followUp_career_list {
  position: relative;
  background-color: #F7F7F7;
}
@media print, screen and (min-width: 781px) {
  .p-followUp_career_list {
    margin-top: 60px;
    padding: 54px 40px;
    border-radius: 8px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-followUp_career_list {
    margin-top: 12.0512820513vw;
    padding: 8.2051282051vw 5.1282051282vw;
    border-radius: 2.0512820513vw;
  }
}

.p-followUp_career_list_title {
  position: absolute;
  left: 0;
  display: inline-block;
  background-color: #0073C3;
  color: #fff;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500;
  -ms-flex-line-pack: center;
  align-content: center;
}
@media print, screen and (min-width: 781px) {
  .p-followUp_career_list_title {
    top: -20px;
    height: 40px;
    padding-inline: 32px;
    font-size: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-followUp_career_list_title {
    top: -4.1025641026vw;
    height: 8.2051282051vw;
    padding-inline: 8.2051282051vw;
    font-size: 4.6153846154vw;
  }
}

.p-followUp_career_list_text {
  position: relative;
  color: #0073C3;
  padding-left: 1.2rem;
  font-weight: 500;
  line-height: 2;
}
@media print, screen and (min-width: 781px) {
  .p-followUp_career_list_text {
    font-size: 18px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-followUp_career_list_text {
    font-size: 3.8461538462vw;
  }
}
.p-followUp_career_list_text::before {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "・";
}

@media print, screen and (min-width: 781px) {
  .p-followUp_career_img {
    border-radius: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-followUp_career_img {
    border-radius: 2.0512820513vw;
  }
}

@media print, screen and (min-width: 781px) {
  .p-followUp_benefits {
    padding-bottom: 120px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-followUp_benefits {
    padding-bottom: 20.5128205128vw;
  }
}

.p-followUp_benefits_list {
  display: grid;
}
@media print, screen and (min-width: 781px) {
  .p-followUp_benefits_list {
    grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));
    gap: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-followUp_benefits_list {
    gap: 4.1025641026vw;
  }
}

.p-followUp_benefits_list_item {
  border: 1px solid #D9D9D9;
  background-color: #fff;
}
@media print, screen and (min-width: 781px) {
  .p-followUp_benefits_list_item {
    padding: 40px;
    border-radius: 8px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-followUp_benefits_list_item {
    padding: 8.2051282051vw 5.1282051282vw;
    border-radius: 2.0512820513vw;
  }
}

.p-followUp_benefits_list_title {
  color: #0073C3;
  font-weight: 700;
  line-height: 1.8;
}
@media print, screen and (min-width: 781px) {
  .p-followUp_benefits_list_title {
    margin-bottom: 16px;
    font-size: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-followUp_benefits_list_title {
    margin-bottom: 4.1025641026vw;
    font-size: 5.1282051282vw;
  }
}

.p-followUp_benefits_loop {
  overflow: hidden;
}

.p-followUp_benefits_loop_img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
@media print, screen and (min-width: 781px) {
  .p-followUp_benefits_loop_img {
    height: 350px;
    margin-top: 80px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-followUp_benefits_loop_img {
    height: 51.2820512821vw;
    margin-top: 12.3076923077vw;
  }
}
.p-followUp_benefits_loop_img img {
  width: auto;
  height: 100%;
}
.p-followUp_benefits_loop_img img:first-child {
  -webkit-animation: loop 40s -20s linear infinite;
  animation: loop 40s -20s linear infinite;
}
.p-followUp_benefits_loop_img img:last-child {
  -webkit-animation: loop2 40s linear infinite;
  animation: loop2 40s linear infinite;
}

@-webkit-keyframes loop {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

@keyframes loop {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@-webkit-keyframes loop2 {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-200%);
    transform: translateX(-200%);
  }
}
@keyframes loop2 {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-200%);
    transform: translateX(-200%);
  }
}
.p-followUp_link {
  display: block;
  margin-inline: auto;
  border: 1px solid #767676;
  color: #000;
  text-align: center;
  font-weight: 500;
  text-decoration: none;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media print, screen and (min-width: 781px) {
  .p-followUp_link {
    width: calc(100% - 80px);
    max-width: 640px;
    height: 140px;
    margin-top: 50px;
    border-radius: 16px;
    font-size: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-followUp_link {
    width: calc(100% - 20.5128205128vw);
    height: 20.5128205128vw;
    margin-top: 12.8205128205vw;
    border-radius: 2.0512820513vw;
    font-size: 4.1025641026vw;
  }
}
.p-followUp_link [data-icon]::after {
  color: #767676;
  vertical-align: text-top;
}
@media print, screen and (min-width: 781px) {
  .p-followUp_link [data-icon]::after {
    margin-right: 24px;
    font-size: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-followUp_link [data-icon]::after {
    margin-right: 2.0512820513vw;
    font-size: 6.1538461538vw;
  }
}

@media (any-hover: hover) {
  .p-followUp_link:hover {
    opacity: 0.7;
  }
}
.p-crosstalk_bg {
  background-color: #0B2C4F;
}
@media print, screen and (min-width: 781px) {
  .p-crosstalk_bg {
    margin-top: -320px;
    padding: 80px 0 120px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-crosstalk_bg {
    margin-top: -20.5128205128vw;
    padding-bottom: 20.5128205128vw;
  }
}

.p-crosstalk_head {
  position: relative;
  background-color: #fff;
}
@media print, screen and (min-width: 781px) {
  .p-crosstalk_head {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 1104px;
    margin-right: 48px;
    padding: 64px 120px 56px;
    border-radius: 0 24px 24px 0;
  }
}
@media print, screen and (max-width: 780px) {
  .p-crosstalk_head {
    margin-right: 5.1282051282vw;
    padding: 8.2051282051vw 5.1282051282vw 10.2564102564vw;
    border-radius: 0 4.1025641026vw 4.1025641026vw 0;
  }
}
.p-crosstalk_head::before {
  position: absolute;
  top: 0;
  background-color: #0073C3;
  content: "";
}
@media print, screen and (min-width: 781px) {
  .p-crosstalk_head::before {
    left: 120px;
    width: 120px;
    height: 4px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-crosstalk_head::before {
    left: 5.1282051282vw;
    width: 20.5128205128vw;
    height: 0.5128205128vw;
  }
}

.p-crosstalk_head_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.p-crosstalk_head_title_en {
  color: #0073C3;
  font-weight: 500;
  font-family: "Barlow Condensed", sans-serif;
}
@media print, screen and (min-width: 781px) {
  .p-crosstalk_head_title_en {
    font-size: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-crosstalk_head_title_en {
    font-size: 5.1282051282vw;
  }
}

.p-crosstalk_head_title_jp {
  color: #767676;
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .p-crosstalk_head_title_jp {
    margin-left: 24px;
    padding-left: 24px;
    border-left: 1px solid #D9D9D9;
    font-size: 24px;
    line-height: 1.45;
  }
}
@media print, screen and (max-width: 780px) {
  .p-crosstalk_head_title_jp {
    margin-left: 4.1025641026vw;
    padding-left: 4.1025641026vw;
    border-left: 0.2564102564vw solid #D9D9D9;
    font-size: 3.5897435897vw;
    line-height: 1.2;
  }
}

.p-crosstalk_head_label {
  display: inline-block;
  color: #0073C3;
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .p-crosstalk_head_label {
    margin-top: 24px;
    padding: 13px 24px;
    border: 1px solid;
    border-radius: 4px;
    font-size: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-crosstalk_head_label {
    margin-top: 3.0769230769vw;
    padding: 1.7948717949vw 4.1025641026vw;
    border: 0.2564102564vw solid;
    border-radius: 1.0256410256vw;
    font-size: 3.0769230769vw;
  }
}

.p-crosstalk_head_subtitle {
  font-weight: 500;
  line-height: 1.6;
}
@media print, screen and (min-width: 781px) {
  .p-crosstalk_head_subtitle {
    margin-top: 24px;
    font-size: 48px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-crosstalk_head_subtitle {
    margin-top: 4.1025641026vw;
    font-size: 5.1282051282vw;
  }
}

.p-crosstalk_intro_title {
  color: #0073C3;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.16em;
}
@media print, screen and (min-width: 781px) {
  .p-crosstalk_intro_title {
    margin-top: 120px;
    font-size: 56px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-crosstalk_intro_title {
    margin-top: 16.4102564103vw;
    font-size: 6.1538461538vw;
  }
}

.p-crosstalk_intro_text {
  color: #fff;
  text-align: center;
  line-height: 2;
}
@media print, screen and (min-width: 781px) {
  .p-crosstalk_intro_text {
    margin-top: 48px;
    font-size: 20px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-crosstalk_intro_text {
    margin-top: 6.1538461538vw;
    font-size: 4.1025641026vw;
  }
}

.p-crosstalk_profile {
  background-color: #0073C3;
}
@media print, screen and (min-width: 781px) {
  .p-crosstalk_profile {
    padding: 80px 0;
  }
}
@media print, screen and (max-width: 780px) {
  .p-crosstalk_profile {
    padding: 14.358974359vw 0;
  }
}

.p-crosstalk_profile_title {
  color: #fff;
  text-align: center;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500;
  letter-spacing: 0.16em;
}
@media print, screen and (min-width: 781px) {
  .p-crosstalk_profile_title {
    font-size: 48px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-crosstalk_profile_title {
    font-size: 6.1538461538vw;
  }
}

.p-crosstalk_profile_list {
  display: grid;
}
@media print, screen and (min-width: 781px) {
  .p-crosstalk_profile_list {
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    margin-top: 40px;
  }
}
@media only screen and (max-width: 1100px) and (min-width: 781px) {
  .p-crosstalk_profile_list {
    grid-template-columns: 1fr;
  }
}
@media print, screen and (max-width: 780px) {
  .p-crosstalk_profile_list {
    gap: 4.1025641026vw;
    margin-top: 6.1538461538vw;
  }
}

.p-crosstalk_profile_list_item {
  background-color: #fff;
}
@media print, screen and (min-width: 781px) {
  .p-crosstalk_profile_list_item {
    padding: 40px 48px;
    border-radius: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-crosstalk_profile_list_item {
    padding: 8.2051282051vw 5.1282051282vw;
    border-radius: 2.0512820513vw;
  }
}

.p-crosstalk_profile_list_wrapper {
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media print, screen and (min-width: 781px) {
  .p-crosstalk_profile_list_wrapper {
    grid-template-columns: 32% auto;
    gap: 40px;
  }
}
@media only screen and (max-width: 1100px) and (min-width: 781px) {
  .p-crosstalk_profile_list_wrapper {
    gap: 20px 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-crosstalk_profile_list_wrapper {
    grid-template-columns: 25.641025641vw auto;
    gap: 6.1538461538vw;
  }
}

.p-crosstalk_profile_list_name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #0073C3;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .p-crosstalk_profile_list_name {
    gap: 28px;
    font-size: 33px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-crosstalk_profile_list_name {
    gap: 4.1025641026vw;
    font-size: 7.1794871795vw;
  }
}

.p-crosstalk_profile_list_category {
  display: inline-block;
  background-color: #0B2C4F;
  color: #fff;
}
@media print, screen and (min-width: 781px) {
  .p-crosstalk_profile_list_category {
    padding: 4px 16px;
    border-radius: 4px;
    font-size: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-crosstalk_profile_list_category {
    padding: 1.0256410256vw 4.1025641026vw;
    border-radius: 1.0256410256vw;
    font-size: 3.0769230769vw;
  }
}

.p-crosstalk_profile_list_segment {
  font-weight: 500;
  line-height: 1.6;
}
@media print, screen and (min-width: 781px) {
  .p-crosstalk_profile_list_segment {
    margin-top: 8px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-crosstalk_profile_list_segment {
    margin-top: 2.0512820513vw;
  }
}

.p-crosstalk_profile_list_from {
  color: #767676;
  line-height: 1.46;
}
@media print, screen and (min-width: 781px) {
  .p-crosstalk_profile_list_from {
    margin-top: 8px;
    font-size: 15px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-crosstalk_profile_list_from {
    margin-top: 2.0512820513vw;
    font-size: 3.5897435897vw;
  }
}

@media print, screen and (min-width: 781px) {
  .p-crosstalk_profile_list_text {
    margin-top: 16px;
    line-height: 1.8;
  }
}

.p-crosstalk_profile_list_text-sp {
  line-height: 1.8;
}
@media print, screen and (max-width: 780px) {
  .p-crosstalk_profile_list_text-sp {
    margin-top: 6.1538461538vw;
    font-size: 3.0769230769vw;
  }
}

.p-crosstalk_profile_note {
  text-align: right;
  line-height: 1.8;
}
@media print, screen and (min-width: 781px) {
  .p-crosstalk_profile_note {
    margin-top: 16px;
    font-size: 14px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-crosstalk_profile_note {
    margin-top: 2.0512820513vw;
    font-size: 3.0769230769vw;
  }
}

.p-crosstalk_content_bg {
  background-color: #F7F7F7;
}
@media print, screen and (min-width: 781px) {
  .p-crosstalk_content_bg {
    padding-bottom: 120px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-crosstalk_content_bg {
    padding-bottom: 16.4102564103vw;
  }
}

.p-crosstalk_content {
  position: relative;
  background-color: #fff;
}
@media print, screen and (min-width: 781px) {
  .p-crosstalk_content {
    margin-top: -120px;
    margin-bottom: 120px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-crosstalk_content {
    margin-top: -25.641025641vw;
    margin-bottom: 14.358974359vw;
  }
}

.p-crosstalk_content_head {
  background-color: #0B2C4F;
  color: #fff;
  text-align: center;
}
@media print, screen and (min-width: 781px) {
  .p-crosstalk_content_head {
    padding: 80px 100px;
  }
}
@media only screen and (max-width: 1200px) and (min-width: 781px) {
  .p-crosstalk_content_head {
    padding: 60px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-crosstalk_content_head {
    padding: 10.2564102564vw 5.1282051282vw 14.358974359vw;
  }
}

.p-crosstalk_content_number {
  color: #8ED1FF;
  font-family: "Barlow Condensed", sans-serif;
  letter-spacing: 0.16em;
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .p-crosstalk_content_number {
    font-size: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-crosstalk_content_number {
    font-size: 4.1025641026vw;
  }
}

.p-crosstalk_content_head_title {
  position: relative;
  font-weight: 500;
  line-height: 1.8;
}
@media print, screen and (min-width: 781px) {
  .p-crosstalk_content_head_title {
    margin-top: 16px;
    padding-bottom: 28px;
    font-size: 32px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-crosstalk_content_head_title {
    margin-top: 2.0512820513vw;
    padding-bottom: 4.6153846154vw;
    font-size: 4.6153846154vw;
  }
}
.p-crosstalk_content_head_title::before {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #0073C3;
  content: "";
}
@media print, screen and (min-width: 781px) {
  .p-crosstalk_content_head_title::before {
    width: 80px;
    height: 4px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-crosstalk_content_head_title::before {
    width: 15.3846153846vw;
    height: 0.5128205128vw;
  }
}

.p-crosstalk_content_head_subtitle {
  display: block;
}
@media print, screen and (min-width: 781px) {
  .p-crosstalk_content_head_subtitle {
    font-size: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-crosstalk_content_head_subtitle {
    font-size: 3.5897435897vw;
  }
}

.p-crosstalk_content_head_question {
  font-weight: 500;
  line-height: 1.8;
}
@media print, screen and (min-width: 781px) {
  .p-crosstalk_content_head_question {
    margin-top: 48px;
    font-size: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-crosstalk_content_head_question {
    margin-top: 6.1538461538vw;
    font-size: 3.8461538462vw;
  }
}

@media print, screen and (min-width: 781px) {
  .p-crosstalk_content_wrapper {
    padding: 100px;
  }
}
@media only screen and (max-width: 1200px) and (min-width: 781px) {
  .p-crosstalk_content_wrapper {
    padding: 60px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-crosstalk_content_wrapper {
    padding: 12.3076923077vw 5.1282051282vw 10.2564102564vw;
  }
}

.p-crosstalk_content_lead {
  color: #0073C3;
  text-align: center;
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .p-crosstalk_content_lead {
    font-size: 24px;
    line-height: 1.8;
  }
}
@media print, screen and (max-width: 780px) {
  .p-crosstalk_content_lead {
    font-size: 4.1025641026vw;
    line-height: 1.6;
  }
}

.p-crosstalk_content_question {
  background-color: #0B2C4F;
  color: #fff;
  text-align: center;
}
@media print, screen and (min-width: 781px) {
  .p-crosstalk_content_question {
    width: calc(100% + 200px);
    margin: 100px 0 100px -100px;
    padding: 80px 100px;
    font-size: 24px;
  }
}
@media only screen and (max-width: 1200px) and (min-width: 781px) {
  .p-crosstalk_content_question {
    width: calc(100% + 120px);
    margin: 60px 0 60px -60px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-crosstalk_content_question {
    width: calc(100% + 10.2564102564vw);
    margin: 10.2564102564vw 0 10.2564102564vw -5.1282051282vw;
    padding: 8.2051282051vw 10.2564102564vw;
    font-size: 3.8461538462vw;
  }
}

.p-crosstalk_content_answer {
  display: grid;
}
@media print, screen and (min-width: 781px) {
  .p-crosstalk_content_answer {
    grid-template-columns: 100px auto;
    gap: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 56px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-crosstalk_content_answer {
    grid-template-columns: 10.2564102564vw auto;
    gap: 3.5897435897vw;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 8.2051282051vw;
  }
}
@media print, screen and (min-width: 781px) {
  .p-crosstalk_content_answer + .p-crosstalk_content_lead {
    margin-top: 80px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-crosstalk_content_answer + .p-crosstalk_content_lead {
    margin-top: 10.2564102564vw;
  }
}

.p-crosstalk_content_answer_speaker figcaption {
  color: #0073C3;
  font-family: "Barlow Condensed", sans-serif;
  text-align: center;
}
@media print, screen and (min-width: 781px) {
  .p-crosstalk_content_answer_speaker figcaption {
    margin-top: 4px;
    font-size: 20px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-crosstalk_content_answer_speaker figcaption {
    margin-top: 1.0256410256vw;
    font-size: 3.0769230769vw;
  }
}

.p-crosstalk_content_answer_text {
  line-height: 2;
}
@media print, screen and (min-width: 781px) {
  .p-crosstalk_content_answer_text {
    font-size: 18px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-crosstalk_content_answer_text {
    font-size: 3.8461538462vw;
  }
}

.p-crosstalk_content_comment {
  display: grid;
  background-color: #4F6781;
  color: #fff;
}
@media print, screen and (min-width: 781px) {
  .p-crosstalk_content_comment {
    grid-template-columns: auto 100px;
    gap: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 64px;
    padding: 64px 80px;
    border-radius: 8px;
  }
}
@media only screen and (max-width: 1200px) and (min-width: 781px) {
  .p-crosstalk_content_comment {
    padding: 40px 50px;
  }
}
@media only screen and (max-width: 1000px) {
  .p-crosstalk_content_comment {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-crosstalk_content_comment {
    gap: 4.1025641026vw;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 12.3076923077vw;
    padding: 8.2051282051vw 5.1282051282vw;
    border-radius: 1.0256410256vw;
  }
}

.p-crosstalk_content_comment_text {
  line-height: 2;
}
@media print, screen and (min-width: 781px) {
  .p-crosstalk_content_comment_text {
    font-size: 18px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-crosstalk_content_comment_text {
    font-size: 3.8461538462vw;
  }
}

.p-crosstalk_content_comment_speaker {
  text-align: center;
}
@media only screen and (max-width: 1000px) {
  .p-crosstalk_content_comment_speaker {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
}
@media print, screen and (max-width: 780px) {
  .p-crosstalk_content_comment_speaker img {
    width: 10.2564102564vw;
  }
}
@media print, screen and (min-width: 781px) {
  .p-crosstalk_content_comment_speaker figcaption {
    margin-top: 4px;
    line-height: 1.43;
  }
}
@media print, screen and (max-width: 780px) {
  .p-crosstalk_content_comment_speaker figcaption {
    margin-top: 1.0256410256vw;
    font-size: 2.5641025641vw;
  }
}

.p-crosstalk_comment {
  position: relative;
  background-color: #fff;
}
@media print, screen and (min-width: 781px) {
  .p-crosstalk_comment {
    margin-top: -120px;
    padding: 80px 100px;
    border-radius: 8px;
    -webkit-box-shadow: 16px 16px 16px rgba(0, 0, 0, 0.16);
    box-shadow: 16px 16px 16px rgba(0, 0, 0, 0.16);
  }
}
@media only screen and (max-width: 1200px) and (min-width: 781px) {
  .p-crosstalk_comment {
    padding: 60px;
  }
}
@media only screen and (max-width: 1000px) and (min-width: 781px) {
  .p-crosstalk_comment {
    padding-bottom: 0;
  }
}
@media print, screen and (max-width: 780px) {
  .p-crosstalk_comment {
    margin-top: -25.641025641vw;
    padding: 8.2051282051vw 5.1282051282vw 0;
    border-radius: 2.0512820513vw;
    -webkit-box-shadow: 4.1025641026vw 4.1025641026vw 4.1025641026vw rgba(0, 0, 0, 0.16);
    box-shadow: 4.1025641026vw 4.1025641026vw 4.1025641026vw rgba(0, 0, 0, 0.16);
  }
}

@media print, screen and (min-width: 781px) {
  .p-crosstalk_comment_wrapper {
    margin-right: 31%;
  }
}
@media only screen and (max-width: 1000px) {
  .p-crosstalk_comment_wrapper {
    margin-right: 0;
  }
}
.p-crosstalk_comment_title {
  color: #0073C3;
  line-height: 1.8;
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .p-crosstalk_comment_title {
    font-size: 32px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-crosstalk_comment_title {
    font-size: 5.1282051282vw;
  }
}

.p-crosstalk_comment_text {
  line-height: 2;
}
@media print, screen and (min-width: 781px) {
  .p-crosstalk_comment_text {
    margin-top: 24px;
    font-size: 18px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-crosstalk_comment_text {
    margin-top: 6.1538461538vw;
    font-size: 3.8461538462vw;
  }
}

.p-crosstalk_comment_name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .p-crosstalk_comment_name {
    gap: 24px;
    margin-top: 32px;
    font-size: 32px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-crosstalk_comment_name {
    gap: 4.1025641026vw;
    margin-top: 6.1538461538vw;
    font-size: 8.2051282051vw;
  }
}

.p-crosstalk_comment_segment {
  font-weight: 400;
}
@media print, screen and (min-width: 781px) {
  .p-crosstalk_comment_segment {
    font-size: 20px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-crosstalk_comment_segment {
    font-size: 3.8461538462vw;
    line-height: 1.46;
  }
}

@media print, screen and (min-width: 781px) {
  .p-crosstalk_comment_img {
    position: absolute;
    bottom: 0;
    width: 24%;
    right: 100px;
  }
}
@media only screen and (max-width: 1200px) and (min-width: 781px) {
  .p-crosstalk_comment_img {
    width: 30%;
    right: 30px;
  }
}
@media only screen and (max-width: 1000px) and (min-width: 781px) {
  .p-crosstalk_comment_img {
    position: relative;
    display: block;
    right: initial;
    width: 50%;
    margin-top: 40px;
    margin-inline: auto;
  }
}
@media print, screen and (max-width: 780px) {
  .p-crosstalk_comment_img {
    width: 70.5128205128vw;
    margin-inline: auto;
    margin-top: 4.1025641026vw;
  }
}

.p-crosstalk_box {
  background-color: #fff;
  -webkit-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
  box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
  position: relative;
}
@media print, screen and (min-width: 781px) {
  .p-crosstalk_box {
    padding: 40px 56px 64px;
    border-radius: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-crosstalk_box {
    padding: 8.2051282051vw 5.1282051282vw 12.3076923077vw;
    border-radius: 2.0512820513vw;
  }
}
.p-crosstalk_box::before {
  background-color: #0073C3;
  position: absolute;
  top: 0;
  content: "";
}
@media print, screen and (min-width: 781px) {
  .p-crosstalk_box::before {
    width: 160px;
    height: 4px;
    left: 56px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-crosstalk_box::before {
    width: 16.4102564103vw;
    height: 0.5128205128vw;
    left: 5.1282051282vw;
  }
}
@media print, screen and (min-width: 781px) {
  .p-crosstalk_box + .p-crosstalk_box {
    margin-top: 56px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-crosstalk_box + .p-crosstalk_box {
    margin-top: 6.1538461538vw;
  }
}

.p-crosstalk_box_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media print, screen and (min-width: 781px) {
  .p-crosstalk_box_head {
    margin-bottom: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-crosstalk_box_head {
    margin-bottom: 6.1538461538vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.p-crosstalk_box_head_num {
  font-weight: 500;
  font-family: "Barlow Condensed", sans-serif;
  color: #0073C3;
}
@media print, screen and (min-width: 781px) {
  .p-crosstalk_box_head_num {
    font-size: 64px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-crosstalk_box_head_num {
    font-size: 10.2564102564vw;
  }
}

.p-crosstalk_box_head_text {
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1.4;
}
@media print, screen and (min-width: 781px) {
  .p-crosstalk_box_head_text {
    font-size: 32px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-crosstalk_box_head_text {
    font-size: 5.1282051282vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.p-crosstalk_box_head_text::before {
  content: "";
  display: block;
  background-color: #D9D9D9;
}
@media print, screen and (min-width: 781px) {
  .p-crosstalk_box_head_text::before {
    height: 32px;
    width: 2px;
    margin: 0 38px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-crosstalk_box_head_text::before {
    height: 0.5128205128vw;
    width: 8.2051282051vw;
    margin: 5.1282051282vw 0;
  }
}

.p-crosstalk_box_col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media print, screen and (min-width: 781px) {
  .p-crosstalk_box_col {
    gap: 40px;
  }
}
@media print, screen and (max-width: 1200px) {
  .p-crosstalk_box_col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media print, screen and (max-width: 780px) {
  .p-crosstalk_box_col {
    gap: 8.2051282051vw;
  }
}

@media print, screen and (min-width: 781px) {
  .p-crosstalk_box_content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}
.p-crosstalk_box_label {
  font-weight: 500;
  background-color: #0B2C4F;
  color: #fff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1.5;
}
@media print, screen and (min-width: 781px) {
  .p-crosstalk_box_label {
    border-radius: 4px;
    padding: 1rem 1.8rem;
    margin-bottom: 32px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-crosstalk_box_label {
    border-radius: 1.0256410256vw;
    padding: 2.5641025641vw 3.0769230769vw;
    margin-bottom: 6.1538461538vw;
    font-size: 3.8461538462vw;
  }
}

.p-crosstalk_box_title {
  color: #0073C3;
  font-weight: 500;
  line-height: 1.6;
}
@media print, screen and (min-width: 781px) {
  .p-crosstalk_box_title {
    font-size: 28px;
    margin-bottom: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-crosstalk_box_title {
    font-size: 5.1282051282vw;
    margin-bottom: 4.1025641026vw;
  }
}

.p-crosstalk_box_body {
  line-height: 2;
}
@media print, screen and (min-width: 781px) {
  .p-crosstalk_box_body {
    font-size: 18px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-crosstalk_box_body {
    font-size: 3.8461538462vw;
  }
}

.p-crosstalk_box_link {
  color: #0073C3;
  font-weight: 500;
  text-decoration: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media print, screen and (min-width: 781px) {
  .p-crosstalk_box_link {
    font-size: 24px;
    margin-top: 48px;
    gap: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-crosstalk_box_link {
    font-size: 3.8461538462vw;
    margin-top: 6.1538461538vw;
    gap: 2.0512820513vw;
  }
}
.p-crosstalk_box_link:hover .p-crosstalk_box_link_icon {
  background-color: #0073C3;
  color: #fff;
}

.p-crosstalk_box_link_icon {
  border: 1px solid #0073C3;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #0073C3;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
@media print, screen and (min-width: 781px) {
  .p-crosstalk_box_link_icon {
    width: 40px;
    height: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-crosstalk_box_link_icon {
    width: 6.1538461538vw;
    height: 6.1538461538vw;
  }
}

@media print, screen and (min-width: 781px) {
  .p-crosstalk_box_image {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}
@media print, screen and (min-width: 781px) {
  .p-crosstalk_box_image img {
    border-radius: 8px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-crosstalk_box_image img {
    border-radius: 2.0512820513vw;
  }
}

.p-development_human {
  background-color: #0B2C4F;
  position: relative;
}
@media print, screen and (min-width: 781px) {
  .p-development_human {
    border-radius: 16px;
    padding: 48px;
    margin: 56px 0;
  }
}
@media print, screen and (max-width: 780px) {
  .p-development_human {
    padding: 8.2051282051vw 5.1282051282vw;
    margin: 6.1538461538vw 0;
  }
}
.p-development_human::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #8ED1FF;
}
@media print, screen and (min-width: 781px) {
  .p-development_human::before {
    width: 80px;
    height: 4px;
    border-radius: 0 0 4px 4px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-development_human::before {
    width: 16.4102564103vw;
    height: 1.0256410256vw;
    border-radius: 0 0 1.0256410256vw 1.0256410256vw;
  }
}

.p-development_human_title {
  color: #fff;
  font-weight: 500;
  text-align: center;
}
@media print, screen and (min-width: 781px) {
  .p-development_human_title {
    font-size: 24px;
    margin-bottom: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-development_human_title {
    font-size: 5.1282051282vw;
    margin-bottom: 6.1538461538vw;
  }
}

.p-development_human_col {
  display: grid;
}
@media print, screen and (min-width: 781px) {
  .p-development_human_col {
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1200px) {
  .p-development_human_col {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media print, screen and (max-width: 780px) {
  .p-development_human_col {
    grid-template-columns: repeat(1, 1fr);
    gap: 5.1282051282vw;
  }
}

.p-development_human_col_item {
  border: 1px solid #D9D9D9;
  font-weight: 700;
  line-height: 1.8;
  color: #0073C3;
  background-color: #fff;
  text-align: center;
}
@media print, screen and (min-width: 781px) {
  .p-development_human_col_item {
    font-size: 20px;
    padding: 40px 8px;
    border-radius: 8px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-development_human_col_item {
    font-size: 4.1025641026vw;
    padding: 6.1538461538vw 3.0769230769vw;
    border-radius: 2.0512820513vw;
  }
}

.p-development_nav {
  position: relative;
  background-color: #F7F7F7;
}
@media print, screen and (min-width: 781px) {
  .p-development_nav {
    margin-top: 80px;
    padding: 48px 0 80px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-development_nav {
    padding: 8.2051282051vw 0;
    margin: 6.1538461538vw 0 12.3076923077vw;
  }
}
.p-development_nav::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #8ED1FF;
}
@media print, screen and (min-width: 781px) {
  .p-development_nav::before {
    width: 80px;
    height: 4px;
    border-radius: 0 0 4px 4px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-development_nav::before {
    width: 16.4102564103vw;
    height: 1.0256410256vw;
    border-radius: 0 0 1.0256410256vw 1.0256410256vw;
  }
}

.p-development_nav_title {
  font-weight: 500;
  text-align: center;
  line-height: 1.5;
}
@media print, screen and (min-width: 781px) {
  .p-development_nav_title {
    font-size: 24px;
    margin-bottom: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-development_nav_title {
    font-size: 5.1282051282vw;
    margin-bottom: 6.1538461538vw;
  }
}

.p-development_nav_content {
  display: grid;
}
@media print, screen and (min-width: 781px) {
  .p-development_nav_content {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1420px) {
  .p-development_nav_content {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1000px) {
  .p-development_nav_content {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-development_nav_content {
    grid-template-columns: repeat(1, 1fr);
    gap: 5.1282051282vw;
  }
}

.p-development_nav_item {
  background-color: #fff;
  border: 1px solid #D9D9D9;
  text-decoration: none;
  position: relative;
}
@media print, screen and (min-width: 781px) {
  .p-development_nav_item {
    border-radius: 16px;
    padding: 32px 102px 32px 40px;
    -webkit-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
    box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
  }
}
@media print, screen and (max-width: 780px) {
  .p-development_nav_item {
    border-radius: 2.0512820513vw;
    padding: 6.1538461538vw 4.1025641026vw 6.1538461538vw 8.2051282051vw;
    -webkit-box-shadow: 2.0512820513vw 2.0512820513vw 2.0512820513vw rgba(0, 0, 0, 0.16);
    box-shadow: 2.0512820513vw 2.0512820513vw 2.0512820513vw rgba(0, 0, 0, 0.16);
  }
}
.p-development_nav_item::after {
  content: "chevron_right";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border: 1px solid #0073C3;
  border-radius: 50%;
  color: #0073C3;
  font-family: "Material Icons";
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
@media print, screen and (min-width: 781px) {
  .p-development_nav_item::after {
    right: 32px;
    width: 56px;
    height: 56px;
    font-size: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-development_nav_item::after {
    right: 6.1538461538vw;
    width: 10.2564102564vw;
    height: 10.2564102564vw;
    font-size: 6.1538461538vw;
  }
}
.p-development_nav_item:hover::after {
  background-color: #0073C3;
  color: #fff;
}
.p-development_nav_item.-external::after {
  content: "open_in_new";
  border: 0;
}
@media print, screen and (min-width: 781px) {
  .p-development_nav_item.-external::after {
    font-size: 32px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-development_nav_item.-external::after {
    font-size: 6.1538461538vw;
  }
}

.p-development_nav_text_label {
  font-weight: 500;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #0073C3;
  border-radius: 4px;
  border: 1px solid #0073C3;
  padding: 0.5rem 1rem;
}
@media print, screen and (min-width: 781px) {
  .p-development_nav_text_label {
    margin-bottom: 10px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-development_nav_text_label {
    margin-bottom: 2.5641025641vw;
    font-size: 3.8461538462vw;
  }
}

.p-development_nav_text_title {
  color: #000;
  font-weight: 500;
  display: block;
  line-height: 1.6;
}
@media print, screen and (min-width: 781px) {
  .p-development_nav_text_title {
    font-size: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-development_nav_text_title {
    font-size: 4.6153846154vw;
  }
}

.p-development_box {
  background-color: #F7F7F7;
  text-align: center;
}
@media print, screen and (min-width: 781px) {
  .p-development_box {
    padding: 56px;
    border-radius: 16px;
    margin-top: 56px;
    margin-bottom: 64px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1000px) {
  .p-development_box {
    padding: 20px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-development_box {
    padding: 5.1282051282vw;
    border-radius: 2.0512820513vw;
    margin-top: 6.1538461538vw;
    margin-bottom: 12.3076923077vw;
  }
}

.p-development_flow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media print, screen and (min-width: 781px) {
  .p-development_flow {
    gap: 48px;
    max-width: 980px;
    margin: 0 auto;
  }
}
@media print, screen and (max-width: 780px) {
  .p-development_flow {
    gap: 8.2051282051vw;
  }
}

.p-development_flow_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.8;
  position: relative;
}
@media print, screen and (min-width: 781px) {
  .p-development_flow_item {
    background-color: #fff;
  }
}
@media print, screen and (max-width: 780px) {
  .p-development_flow_item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.p-development_flow_item + .p-development_flow_item::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #758FA0 transparent transparent transparent;
}
@media print, screen and (min-width: 781px) {
  .p-development_flow_item + .p-development_flow_item::before {
    border-width: 18px 16px 0 16px;
    left: 44px;
    top: -32px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-development_flow_item + .p-development_flow_item::before {
    border-width: 4.6153846154vw 4.1025641026vw 0 4.1025641026vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -6.1538461538vw;
  }
}

.p-development_flow_title {
  background-color: #0073C3;
  color: #fff;
  font-weight: 700;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media print, screen and (min-width: 781px) {
  .p-development_flow_title {
    font-size: 22px;
    width: 120px;
    border-radius: 4px 0 0 4px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-development_flow_title {
    width: 100%;
    font-size: 5.1282051282vw;
    border-radius: 1.0256410256vw 1.0256410256vw 0 0;
  }
}

.p-development_flow_body {
  font-weight: 500;
  border: 1px solid #D9D9D9;
  text-align: left;
}
@media print, screen and (min-width: 781px) {
  .p-development_flow_body {
    font-size: 18px;
    padding: 24px 32px;
    border-left: 0;
    width: 100%;
  }
}
@media print, screen and (max-width: 780px) {
  .p-development_flow_body {
    padding: 4.1025641026vw 6.1538461538vw;
    background-color: #fff;
  }
}

.p-development_article {
  border-radius: 4px;
  border: 1px solid #D9D9D9;
}
@media print, screen and (min-width: 781px) {
  .p-development_article {
    padding: 32px 40px;
    margin-top: 32px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-development_article {
    padding: 4.1025641026vw 6.1538461538vw;
    margin-top: 6.1538461538vw;
  }
}

.p-development_article_title {
  color: #0073C3;
  line-height: 1.5;
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .p-development_article_title {
    font-size: 20px;
    margin-bottom: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-development_article_title {
    font-size: 4.6153846154vw;
    margin-bottom: 4.1025641026vw;
  }
}

.p-development_article_title2 {
  font-weight: 500;
  margin-bottom: 0.5rem;
}
@media print, screen and (min-width: 781px) {
  .p-development_article_title2 {
    font-size: 18px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-development_article_title2 {
    font-size: 4.1025641026vw;
  }
}

.p-development_program {
  background-color: #F7F7F7;
  border: 1px solid #F7F7F7;
}
@media print, screen and (min-width: 781px) {
  .p-development_program {
    border-radius: 16px;
    padding: 48px;
    margin-top: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-development_program {
    border-radius: 2.0512820513vw;
    padding: 6.1538461538vw 5.1282051282vw;
    margin-top: 6.1538461538vw;
  }
}

.p-development_program_title {
  font-weight: 500;
  color: #0073C3;
  line-height: 1.5;
}
@media print, screen and (min-width: 781px) {
  .p-development_program_title {
    font-size: 24px;
    margin-bottom: 32px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-development_program_title {
    font-size: 5.1282051282vw;
    margin-bottom: 6.1538461538vw;
  }
}

.p-development_program_box {
  border: 1px solid #D9D9D9;
  background-color: #fff;
}
@media print, screen and (min-width: 781px) {
  .p-development_program_box {
    border-radius: 8px;
    padding: 24px 40px;
    margin-top: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-development_program_box {
    border-radius: 2.0512820513vw;
    padding: 6.1538461538vw 5.1282051282vw;
    margin-top: 6.1538461538vw;
  }
}

.p-development_program_subtitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
  line-height: 1.5;
}
@media print, screen and (min-width: 781px) {
  .p-development_program_subtitle {
    gap: 16px;
    font-size: 18px;
    margin-bottom: 8px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-development_program_subtitle {
    gap: 2.0512820513vw;
    font-size: 4.1025641026vw;
    margin-bottom: 2.0512820513vw;
  }
}
.p-development_program_subtitle::before {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  content: "■";
  color: #0073C3;
}

.p-field_pagenav {
  display: grid;
}
@media print, screen and (min-width: 781px) {
  .p-field_pagenav {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-top: 80px;
    margin-bottom: 120px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-field_pagenav {
    margin-top: 8.2051282051vw;
    grid-template-columns: repeat(1, 1fr);
    gap: 2.0512820513vw;
    margin-top: 8.2051282051vw;
    margin-bottom: 14.358974359vw;
  }
}

.p-field_pagenav_item {
  color: #fff;
  background-color: #0073C3;
  text-decoration: none;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  line-height: 1.4;
}
@media print, screen and (min-width: 781px) {
  .p-field_pagenav_item {
    border-radius: 16px;
    font-size: 20px;
    padding: 24px;
    gap: 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
  }
}
@media print, screen and (max-width: 780px) {
  .p-field_pagenav_item {
    border-radius: 2.0512820513vw;
    font-size: 4.6153846154vw;
    padding: 4.1025641026vw;
    gap: 2.0512820513vw;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.p-field_pagenav_item:hover {
  background-color: #0082dd;
}

.p-field_pagenav_icon {
  border-radius: 50%;
  border: 1px solid #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media print, screen and (min-width: 781px) {
  .p-field_pagenav_icon {
    width: 40px;
    height: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-field_pagenav_icon {
    width: 8.2051282051vw;
    height: 8.2051282051vw;
  }
}

@media print, screen and (min-width: 781px) {
  .p-field_section {
    padding-bottom: 120px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-field_section {
    padding-bottom: 20.5128205128vw;
  }
}

.p-field_head {
  display: grid;
}
@media print, screen and (min-width: 781px) {
  .p-field_head {
    margin-bottom: 120px;
    grid-template-columns: 1fr 1fr;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1000px) {
  .p-field_head {
    grid-template-columns: 1fr;
  }
}
@media print, screen and (max-width: 780px) {
  .p-field_head {
    margin-bottom: 8.2051282051vw;
  }
}

.p-field_title {
  background-color: #0073C3;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media print, screen and (min-width: 781px) {
  .p-field_title {
    padding: 56px 56px 56px calc(56px + 2vw);
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1000px) {
  .p-field_title {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}
@media print, screen and (max-width: 780px) {
  .p-field_title {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    text-align: center;
    padding: 8.2051282051vw 4.1025641026vw;
  }
}

.p-field_title_jp {
  font-weight: 700;
  line-height: 1.4;
}
@media print, screen and (min-width: 781px) {
  .p-field_title_jp {
    font-size: 40px;
    margin-bottom: 1.3rem;
  }
}
@media print, screen and (max-width: 780px) {
  .p-field_title_jp {
    font-size: 5.641025641vw;
    margin-bottom: 0.7rem;
  }
}

.p-field_title_en {
  font-weight: 500;
  font-family: "Barlow Condensed", sans-serif;
  letter-spacing: 0.1rem;
}
@media print, screen and (min-width: 781px) {
  .p-field_title_en {
    font-size: 32px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1000px) {
  .p-field_picture {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}
@media print, screen and (max-width: 780px) {
  .p-field_picture {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

.p-field_picture_image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.p-field_link {
  text-decoration: none;
}
@media print, screen and (min-width: 781px) {
  .p-field_link {
    margin-top: 40px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.6;
  }
}
@media print, screen and (max-width: 780px) {
  .p-field_link {
    margin-top: 8.2051282051vw;
    display: inline-block;
    line-height: 1.4;
  }
}

.p-field_link_text {
  font-weight: 500;
  text-decoration: underline;
}
@media print, screen and (min-width: 781px) {
  .p-field_link_text {
    font-size: 18px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-field_link_text {
    font-size: 4.6153846154vw;
  }
}

.p-field_link_icon {
  font-weight: 400;
}
@media print, screen and (min-width: 781px) {
  .p-field_link_icon {
    font-size: 24px;
    margin-bottom: -0.3rem;
  }
}
@media print, screen and (max-width: 780px) {
  .p-field_link_icon {
    font-size: 6.1538461538vw;
    margin-bottom: -0.4rem;
    -webkit-transform: translateY(0.3rem);
    transform: translateY(0.3rem);
    margin-left: 0.5rem;
  }
}

.p-field_point {
  background-color: #F7F7F7;
}
@media print, screen and (min-width: 781px) {
  .p-field_point {
    margin-top: 80px;
    border-radius: 16px;
    padding: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-field_point {
    margin-top: 12.3076923077vw;
    padding: 6.1538461538vw 5.1282051282vw;
    border-radius: 4.1025641026vw;
  }
}

.p-field_point_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media print, screen and (min-width: 781px) {
  .p-field_point_title {
    margin-bottom: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-field_point_title {
    margin-bottom: 4.1025641026vw;
  }
}

.p-field_point_title_icon {
  color: #0073C3;
}
@media print, screen and (min-width: 781px) {
  .p-field_point_title_icon {
    font-size: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-field_point_title_icon {
    font-size: 8.2051282051vw;
  }
}

.p-field_point_title_text {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500;
  color: #0B2C4F;
}
@media print, screen and (min-width: 781px) {
  .p-field_point_title_text {
    font-size: 32px;
    margin-left: 8px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-field_point_title_text {
    font-size: 8.2051282051vw;
    margin-left: 2.0512820513vw;
  }
}

.p-field_point_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media print, screen and (min-width: 781px) {
  .p-field_point_list {
    gap: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-field_point_list {
    gap: 2.0512820513vw;
  }
}

.p-field_point_item {
  font-weight: 500;
  border: 1px solid #D9D9D9;
  background-color: #fff;
  padding: 0.6rem 1rem;
  line-height: 1.4;
}
@media print, screen and (min-width: 781px) {
  .p-field_point_item {
    border-radius: 20px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-field_point_item {
    border-radius: 5.1282051282vw;
  }
}

.p-field_video {
  display: grid;
}
@media print, screen and (min-width: 781px) {
  .p-field_video {
    margin-top: 80px;
    grid-template-columns: repeat(2, 1fr);
    gap: 80px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1200px) {
  .p-field_video {
    grid-template-columns: 1fr;
  }
}
@media print, screen and (max-width: 780px) {
  .p-field_video {
    margin-top: 12.3076923077vw;
    gap: 8.2051282051vw;
  }
}

.p-field_video_item iframe {
  width: 100%;
  height: 100%;
}
.p-field_video_item p {
  margin-top: 1rem;
  text-align: center;
}
@media print, screen and (min-width: 781px) {
  .p-field_video_item p {
    font-size: 18px;
    line-height: 1.8;
  }
}
@media print, screen and (max-width: 780px) {
  .p-field_video_item p {
    line-height: 1.5;
  }
}

.p-field_video_content {
  width: 100%;
  aspect-ratio: 16/9;
}
.p-field_related_col {
  display: grid;
}
@media print, screen and (min-width: 781px) {
  .p-field_related_col {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1200px) {
  .p-field_related_col {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1000px) {
  .p-field_related_col {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media print, screen and (max-width: 780px) {
  .p-field_related_col {
    gap: 8.2051282051vw;
  }
}

.p-field_related_col_item {
  background-color: #F7F7F7;
  border: 1px solid #D9D9D9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media print, screen and (min-width: 781px) {
  .p-field_related_col_item {
    border-radius: 16px;
    padding: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-field_related_col_item {
    border-radius: 4.1025641026vw;
    padding: 6.1538461538vw 5.1282051282vw;
  }
}

.p-field_related_image {
  text-align: center;
}
@media print, screen and (min-width: 781px) and (max-width: 1000px) {
  .p-field_related_image {
    text-align: left;
    margin-left: 48px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-field_related_image {
    width: 41.0256410256vw;
    margin: 0 auto;
  }
}

.p-field_related_label {
  background-color: #0B2C4F;
  color: #fff;
  font-weight: 500;
  padding: 0.7rem 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  border-radius: 4px;
}
@media print, screen and (min-width: 781px) {
  .p-field_related_label {
    font-size: 20px;
    margin-top: -24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-field_related_label {
    margin-top: -6.1538461538vw;
  }
}

.p-field_related_body {
  line-height: 2;
}
@media print, screen and (min-width: 781px) {
  .p-field_related_body {
    margin-top: 16px;
    margin-bottom: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-field_related_body {
    margin-top: 4.1025641026vw;
    margin-bottom: 6.1538461538vw;
  }
}

.p-field_related_btn {
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-left: auto;
  text-decoration: none;
  color: #000;
  margin-top: auto;
}
@media print, screen and (min-width: 781px) {
  .p-field_related_btn {
    font-size: 18px;
    gap: 8px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-field_related_btn {
    font-size: 4.6153846154vw;
    gap: 2.0512820513vw;
  }
}
.p-field_related_btn:hover .p-field_related_btn_icon {
  background-color: #0073C3;
  color: #fff;
}

.p-field_related_btn_icon {
  border-radius: 50%;
  border: 1px solid #0073C3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #0073C3;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
@media print, screen and (min-width: 781px) {
  .p-field_related_btn_icon {
    font-size: 20px;
    width: 32px;
    height: 32px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-field_related_btn_icon {
    font-size: 4.6153846154vw;
    width: 8.2051282051vw;
    height: 8.2051282051vw;
  }
}

.p-field_related_backbtn {
  border: 1px solid #767676;
  font-weight: 500;
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-decoration: none;
  line-height: 1.5;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
@media print, screen and (min-width: 781px) {
  .p-field_related_backbtn {
    margin-top: 80px;
    font-size: 18px;
    padding: 40px 96px;
    gap: 16px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-inline: auto;
    border-radius: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-field_related_backbtn {
    margin-top: 12.3076923077vw;
    font-size: 4.6153846154vw;
    padding: 6.1538461538vw;
    gap: 4.1025641026vw;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-inline: auto;
    border-radius: 4.1025641026vw;
  }
}
.p-field_related_backbtn:hover {
  background-color: #f7f7f7;
}
.p-field_related_backbtn:hover .p-field_related_backbtn_icon {
  background-color: #0073C3;
  color: #fff;
}

.p-field_related_backbtn_icon {
  border: 1px solid #0073C3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  color: #0073C3;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media print, screen and (min-width: 781px) {
  .p-field_related_backbtn_icon {
    width: 32px;
    height: 32px;
    font-size: 20px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-field_related_backbtn_icon {
    width: 8.2051282051vw;
    height: 8.2051282051vw;
    font-size: 4.6153846154vw;
  }
}

.p-global_network {
  background-color: #F7F7F7;
}
@media print, screen and (min-width: 781px) {
  .p-global_network {
    border-radius: 16px;
    padding: 80px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1000px) {
  .p-global_network {
    padding: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-global_network {
    padding: 5.1282051282vw;
  }
}

.p-global_network_map {
  text-align: center;
}
.p-global_network_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media print, screen and (min-width: 781px) {
  .p-global_network_info {
    margin-top: 40px;
    padding-left: 100px;
    padding-right: 30px;
    gap: 40px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1200px) {
  .p-global_network_info {
    padding-inline: 0;
  }
}
@media print, screen and (max-width: 780px) {
  .p-global_network_info {
    gap: 4.1025641026vw;
    margin-top: 6.1538461538vw;
  }
}

.p-global_network_info_number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media print, screen and (min-width: 781px) {
  .p-global_network_info_number {
    gap: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-global_network_info_number {
    gap: 2.0512820513vw;
  }
}

.p-global_col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media print, screen and (min-width: 781px) {
  .p-global_col {
    gap: 40px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1000px) {
  .p-global_col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media print, screen and (max-width: 780px) {
  .p-global_col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 6.1538461538vw;
  }
}

@media print, screen and (min-width: 781px) {
  .p-global_col_content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}
.p-global_content_title {
  line-height: 1.6;
  color: #0073C3;
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .p-global_content_title {
    font-size: 32px;
    margin-bottom: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-global_content_title {
    font-size: 5.1282051282vw;
    margin-bottom: 4.1025641026vw;
  }
}

.p-global_col_graph {
  background-color: #F7F7F7;
  text-align: center;
  border: 1px solid #DEDEDE;
}
@media print, screen and (min-width: 781px) {
  .p-global_col_graph {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-radius: 8px;
    padding: 40px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1000px) {
  .p-global_col_graph {
    width: 100%;
  }
}
@media print, screen and (max-width: 780px) {
  .p-global_col_graph {
    padding: 5.1282051282vw;
  }
}

.p-global_singleCol {
  background-color: #F7F7F7;
  text-align: center;
  border: 1px solid #DEDEDE;
}
@media print, screen and (min-width: 781px) {
  .p-global_singleCol {
    border-radius: 8px;
    padding: 40px;
    margin-top: 48px;
    margin-bottom: 80px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-global_singleCol {
    border-radius: 2.0512820513vw;
    padding: 5.1282051282vw;
    margin-top: 12.3076923077vw;
    margin-bottom: 20.5128205128vw;
  }
}

.p-global_overseas {
  display: grid;
}
@media print, screen and (min-width: 781px) {
  .p-global_overseas {
    grid-template-columns: 1fr 1fr;
    gap: 40px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1000px) {
  .p-global_overseas {
    grid-template-columns: 1fr;
  }
}
@media print, screen and (max-width: 780px) {
  .p-global_overseas {
    gap: 6.1538461538vw;
  }
}

.p-global_overseas_item {
  background-color: #F7F7F7;
}
@media print, screen and (min-width: 781px) {
  .p-global_overseas_item {
    border-radius: 16px;
    -webkit-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
    box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
    padding: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-global_overseas_item {
    border-radius: 2.0512820513vw;
    -webkit-box-shadow: 1.0256410256vw 1.0256410256vw 1.0256410256vw rgba(0, 0, 0, 0.16);
    box-shadow: 1.0256410256vw 1.0256410256vw 1.0256410256vw rgba(0, 0, 0, 0.16);
    padding: 5.1282051282vw;
  }
}

.p-global_overseas_from {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #0073C3;
  background-color: #fff;
}
@media print, screen and (min-width: 781px) {
  .p-global_overseas_from {
    border-radius: 4px;
    margin-bottom: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-global_overseas_from {
    border-radius: 1.0256410256vw;
    margin-bottom: 4.1025641026vw;
  }
}

.p-global_overseas_from_label {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500;
  background-color: #0073C3;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media print, screen and (min-width: 781px) {
  .p-global_overseas_from_label {
    font-size: 24px;
    padding: 14px 37px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-global_overseas_from_label {
    font-size: 5.1282051282vw;
    padding: 3.5897435897vw 5.1282051282vw;
  }
}

.p-global_overseas_from_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 500;
  line-height: 1.5;
}
@media print, screen and (min-width: 781px) {
  .p-global_overseas_from_title {
    padding: 16px 24px;
    font-size: 18px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-global_overseas_from_title {
    padding: 2.0512820513vw 4.1025641026vw;
    font-size: 4.1025641026vw;
  }
}

.p-global_overseas_image img {
  width: 100%;
}
@media print, screen and (min-width: 781px) {
  .p-global_overseas_image img {
    border-radius: 4px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-global_overseas_image img {
    border-radius: 1.0256410256vw;
  }
}

.p-global_overseas_label {
  background-color: #0B2C4F;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  line-height: 1.5;
}
@media print, screen and (min-width: 781px) {
  .p-global_overseas_label {
    font-size: 18px;
    border-radius: 4px;
    padding: 1rem 1.6rem;
    margin-left: 24px;
    margin-right: 24px;
    margin-top: -28px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media print, screen and (max-width: 780px) {
  .p-global_overseas_label {
    font-size: 3.8461538462vw;
    border-radius: 1.0256410256vw;
    padding: 2.0512820513vw 4.1025641026vw;
    margin-left: 2.0512820513vw;
    margin-right: 2.0512820513vw;
    margin-top: -5.1282051282vw;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}

.p-global_overseas_label_body {
  line-height: 2;
}
@media print, screen and (min-width: 781px) {
  .p-global_overseas_label_body {
    font-size: 18px;
    margin-top: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-global_overseas_label_body {
    font-size: 3.8461538462vw;
    margin-top: 4.1025641026vw;
  }
}

.p-group_recruitingInfo {
  position: relative;
}
@media print, screen and (min-width: 781px) {
  .p-group_recruitingInfo {
    padding-bottom: 120px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-group_recruitingInfo {
    padding-bottom: 20.5128205128vw;
  }
}
.p-group_recruitingInfo::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
  content: "";
}
@media print, screen and (min-width: 781px) {
  .p-group_recruitingInfo::before {
    height: 395px;
    background-image: url(/recruit/_/media/page/group/recruitingInfo_bg.jpg);
  }
}
@media print, screen and (max-width: 780px) {
  .p-group_recruitingInfo::before {
    height: 70.7692307692vw;
    background-image: url(/recruit/_/media/page/group/recruitingInfo_bg-sp.jpg);
  }
}
.p-group_recruitingInfo .m-title_lv2_jp::before {
  background-color: #8ED1FF;
}
.p-group_recruitingInfo .m-title_lv2_jp, .p-group_recruitingInfo .m-title_lv2.m-title_lv2--type2 .m-title_lv2_en {
  color: #fff;
}
.p-group_recruitingInfo .m-title_lv2.m-title_lv2--type2 .m-title_lv2_en::before {
  background-color: #fff;
}

.p-group_recruitingInfo_list {
  display: grid;
}
@media print, screen and (min-width: 781px) {
  .p-group_recruitingInfo_list {
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 64px 56px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-group_recruitingInfo_list {
    gap: 14.358974359vw;
  }
}

.p-group_recruitingInfo_list_link {
  text-decoration: none;
}

.p-group_recruitingInfo_list_img {
  overflow: hidden;
}
@media print, screen and (min-width: 781px) {
  .p-group_recruitingInfo_list_img {
    border-radius: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-group_recruitingInfo_list_img {
    border-radius: 4.1025641026vw;
  }
}
.p-group_recruitingInfo_list_img img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  -webkit-transition: scale 0.3s;
  transition: scale 0.3s;
}

@media (any-hover: hover) {
  .p-group_recruitingInfo_list_link:hover .p-group_recruitingInfo_list_img img {
    scale: 1.1;
  }
}
.p-group_recruitingInfo_list_title {
  position: relative;
  display: inline-block;
  color: #0073C3;
  font-weight: 500;
  line-height: 1.4;
  -ms-flex-line-pack: center;
  align-content: center;
}
@media print, screen and (min-width: 781px) {
  .p-group_recruitingInfo_list_title {
    min-height: 40px;
    margin-top: 40px;
    margin-bottom: 24px;
    padding-right: 64px;
    font-size: 26px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-group_recruitingInfo_list_title {
    min-height: 9.2307692308vw;
    margin-top: 6.1538461538vw;
    margin-bottom: 5.1282051282vw;
    padding-right: 12.8205128205vw;
    font-size: 5.1282051282vw;
  }
}
.p-group_recruitingInfo_list_title [data-icon]::after {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #0073C3;
  border-radius: 50%;
  color: #0073C3;
}
@media print, screen and (min-width: 781px) {
  .p-group_recruitingInfo_list_title [data-icon]::after {
    width: 40px;
    height: 40px;
    font-size: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-group_recruitingInfo_list_title [data-icon]::after {
    width: 9.2307692308vw;
    height: 9.2307692308vw;
  }
}

.p-group_recruitingInfo_list_tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media print, screen and (min-width: 781px) {
  .p-group_recruitingInfo_list_tag {
    gap: 8px;
    margin-bottom: 32px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-group_recruitingInfo_list_tag {
    gap: 2.0512820513vw;
    margin-bottom: 5.1282051282vw;
  }
}

.p-group_recruitingInfo_list_tag_sales, .p-group_recruitingInfo_list_tag_production {
  color: #fff;
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .p-group_recruitingInfo_list_tag_sales, .p-group_recruitingInfo_list_tag_production {
    padding: 7px 24px 8px;
    border-radius: 4px;
    font-size: 18px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-group_recruitingInfo_list_tag_sales, .p-group_recruitingInfo_list_tag_production {
    padding: 1.7948717949vw 6.1538461538vw 2.0512820513vw;
    border-radius: 1.0256410256vw;
    font-size: 3.8461538462vw;
  }
}

.p-group_recruitingInfo_list_tag_sales {
  background-color: #0073C3;
}

.p-group_recruitingInfo_list_tag_production {
  background-color: #0B2C4F;
}

@media print, screen and (min-width: 781px) {
  .p-group_recruitingInfo_list_table_item:not(:first-child) .p-group_recruitingInfo_list_table_title {
    margin-top: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-group_recruitingInfo_list_table_item:not(:first-child) .p-group_recruitingInfo_list_table_title {
    margin-top: 4.1025641026vw;
  }
}

.p-group_recruitingInfo_list_table_title {
  display: inline-block;
  border: 1px solid #0073C3;
  border-radius: 100px;
  color: #0073C3;
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .p-group_recruitingInfo_list_table_title {
    padding: 6px 33px;
    font-size: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-group_recruitingInfo_list_table_title {
    padding: 1.5384615385vw 8.4615384615vw;
    font-size: 3.5897435897vw;
  }
}

.p-group_recruitingInfo_list_table_text {
  display: block;
  line-height: 1.6;
}
@media print, screen and (min-width: 781px) {
  .p-group_recruitingInfo_list_table_text {
    margin-top: 9px;
    font-size: 18px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-group_recruitingInfo_list_table_text {
    margin-top: 2.0512820513vw;
    font-size: 3.8461538462vw;
  }
}

.p-group_recruitingInfo_list_table_map {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

@media (any-hover: hover) {
  .p-group_recruitingInfo_list_table_map:hover {
    opacity: 0.7;
  }
}
.p-harassment_information {
  border: 1px solid #D9D9D9;
  border-radius: 4px;
}
@media print, screen and (min-width: 781px) {
  .p-harassment_information {
    padding: 32px 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-harassment_information {
    padding: 1.2rem;
  }
}

.p-harassment_information_title {
  color: #0073C3;
  font-weight: 500;
  margin-bottom: 1rem;
  line-height: 1.5;
}
@media print, screen and (min-width: 781px) {
  .p-harassment_information_title {
    font-size: 22px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-harassment_information_title {
    font-size: 4.6153846154vw;
  }
}

.p-harassment_information_text {
  line-height: 2;
}
@media print, screen and (min-width: 781px) {
  .p-harassment_information_text {
    font-size: 18px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-harassment_information_text {
    font-size: 3.8461538462vw;
  }
}

.p-harassment_list {
  list-style-type: disc;
  padding-left: 1.6rem;
  line-height: 2;
}
.p-harassment_list_item + .p-harassment_list_item {
  margin-top: 0.5rem;
}

.p-historyFuture_head {
  background-size: cover;
}
@media print, screen and (min-width: 781px) {
  .p-historyFuture_head {
    background-image: url("/recruit/_/media/page/history-future/head_bg.jpg");
    background-position: center center;
    padding: 280px 0;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1300px) {
  .p-historyFuture_head {
    padding: 140px 0;
  }
}
@media print, screen and (max-width: 780px) {
  .p-historyFuture_head {
    background-image: url("/recruit/_/media/page/history-future/head_bg-sp.jpg");
  }
}

.p-historyFuture_head_content {
  color: #fff;
}
@media print, screen and (min-width: 781px) {
  .p-historyFuture_head_content {
    width: 50%;
    margin-left: auto;
    padding: 0 100px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1300px) {
  .p-historyFuture_head_content {
    width: 70%;
    padding: 0 50px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-historyFuture_head_content {
    padding: 87.1794871795vw 8.2051282051vw 30.7692307692vw;
  }
}

@media print, screen and (min-width: 781px) {
  .p-historyFuture_head_title {
    margin-bottom: 80px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-historyFuture_head_title {
    margin-bottom: 8.2051282051vw;
  }
}

.p-historyFuture_head_body {
  font-family: "Shippori Mincho B1", serif;
  line-height: 2.4;
}
@media print, screen and (min-width: 781px) {
  .p-historyFuture_head_body {
    font-size: 22px;
  }
}
.p-historyFuture_section {
  background: #12150C;
  color: #fff;
  background-repeat: no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #fff;
}
@media print, screen and (max-width: 1200px) {
  .p-historyFuture_section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media print, screen and (max-width: 780px) {
  .p-historyFuture_section {
    background-size: contain;
  }
}
.p-historyFuture_section.-section01 {
  background-image: url("/recruit/_/media/page/history-future/section_01_bg.png");
}
.p-historyFuture_section.-section02 {
  background-image: url("/recruit/_/media/page/history-future/section_02_bg.png");
}
.p-historyFuture_section.-section03 {
  background-image: url("/recruit/_/media/page/history-future/section_03_bg.png");
}

@media print, screen and (min-width: 781px) {
  .p-historyFuture_section_content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 240px 80px 160px 120px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1400px) {
  .p-historyFuture_section_content {
    padding: 120px 40px 80px 60px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-historyFuture_section_content {
    padding: 41.0256410256vw 8.2051282051vw 10.2564102564vw;
  }
}

.p-historyFuture_section_head {
  color: #DFB782;
  font-family: "Barlow Condensed", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media print, screen and (min-width: 781px) {
  .p-historyFuture_section_head {
    margin-bottom: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-historyFuture_section_head {
    margin-bottom: 6.1538461538vw;
  }
}

@media print, screen and (min-width: 781px) {
  .p-historyFuture_section_head_num {
    font-size: 56px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-historyFuture_section_head_num {
    font-size: 10.2564102564vw;
  }
}

.p-historyFuture_section_head_text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media print, screen and (min-width: 781px) {
  .p-historyFuture_section_head_text {
    font-size: 32px;
  }
}
.p-historyFuture_section_head_text::before {
  content: "";
  display: block;
  background-color: #DFB782;
}
@media print, screen and (min-width: 781px) {
  .p-historyFuture_section_head_text::before {
    width: 40px;
    height: 1px;
    margin: 0 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-historyFuture_section_head_text::before {
    width: 8.2051282051vw;
    height: 1px;
    margin: 0 6.1538461538vw;
  }
}

.p-historyFuture_section_title {
  font-family: "Shippori Mincho B1", serif;
  line-height: 1.5;
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .p-historyFuture_section_title {
    font-size: 40px;
    margin-bottom: 48px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-historyFuture_section_title {
    font-size: 6.1538461538vw;
    margin-bottom: 6.1538461538vw;
  }
}

.p-historyFuture_section_lead {
  font-weight: 500;
  line-height: 1.8;
}
@media print, screen and (min-width: 781px) {
  .p-historyFuture_section_lead {
    font-size: 28px;
    margin-bottom: 32px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-historyFuture_section_lead {
    font-size: 4.6153846154vw;
    margin-bottom: 6.1538461538vw;
  }
}

.p-historyFuture_section_body {
  line-height: 2;
}
@media print, screen and (min-width: 781px) {
  .p-historyFuture_section_body {
    font-size: 18px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-historyFuture_section_body {
    font-size: 3.8461538462vw;
  }
}

.p-historyFuture_section_image {
  position: relative;
}
@media print, screen and (min-width: 781px) {
  .p-historyFuture_section_image {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 240px 120px 160px 0;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1400px) {
  .p-historyFuture_section_image {
    padding: 120px 60px 80px 0;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1200px) {
  .p-historyFuture_section_image {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    padding: 0 60px 80px 60px;
    text-align: center;
  }
}
@media print, screen and (max-width: 780px) {
  .p-historyFuture_section_image {
    padding: 0 8.2051282051vw 20.5128205128vw;
  }
}
.p-historyFuture_section.-section01 .p-historyFuture_section_image {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
@media print, screen and (min-width: 781px) {
  .p-historyFuture_section.-section01 .p-historyFuture_section_image {
    background-image: url("/recruit/_/media/page/history-future/section_01_image_1.jpg");
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1200px) {
  .p-historyFuture_section.-section01 .p-historyFuture_section_image {
    height: 400px;
  }
}
.p-historyFuture_section.-section01 .p-historyFuture_section_image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #12150C;
  z-index: 1;
  background: -webkit-gradient(linear, left top, right top, from(#12150c), to(rgba(18, 21, 12, 0)));
  background: linear-gradient(90deg, #12150c 0%, rgba(18, 21, 12, 0) 100%);
}
@media print, screen and (min-width: 781px) {
  .p-historyFuture_section.-section01 .p-historyFuture_section_image::before {
    width: 320px;
    height: 100%;
  }
}
.p-historyFuture_challenge {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
@media print, screen and (min-width: 781px) {
  .p-historyFuture_challenge {
    background-image: url("/recruit/_/media/page/history-future/section_challenge_bg.png");
    padding: 200px 100px;
    text-align: center;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1200px) {
  .p-historyFuture_challenge {
    padding: 100px 50px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-historyFuture_challenge {
    background-image: url("/recruit/_/media/page/history-future/section_challenge_bg-sp.png");
    padding: 25.641025641vw 8.2051282051vw;
  }
}

.p-historyFuture_challenge_title {
  font-family: "Shippori Mincho B1", serif;
  color: #0073C3;
  font-weight: 600;
  line-height: 1.5;
}
@media print, screen and (min-width: 781px) {
  .p-historyFuture_challenge_title {
    font-size: 64px;
    margin-bottom: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-historyFuture_challenge_title {
    text-align: center;
    font-size: 10.2564102564vw;
    margin-bottom: 6.1538461538vw;
  }
}

.p-historyFuture_challenge_lead {
  line-height: 1.5;
  color: #0B2C4F;
}
@media print, screen and (min-width: 781px) {
  .p-historyFuture_challenge_lead {
    font-size: 32px;
    margin-bottom: 64px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-historyFuture_challenge_lead {
    text-align: center;
    font-size: 6.1538461538vw;
    margin-bottom: 10.2564102564vw;
  }
}

.p-historyFuture_challenge_body {
  line-height: 2;
}
@media print, screen and (min-width: 781px) {
  .p-historyFuture_challenge_body {
    font-size: 18px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1200px) {
  .p-historyFuture_challenge_body {
    text-align: left;
  }
}
@media print, screen and (max-width: 780px) {
  .p-historyFuture_challenge_body {
    font-size: 3.8461538462vw;
  }
}

.p-interview_filter {
  background-color: #758FA0;
}
@media print, screen and (min-width: 781px) {
  .p-interview_filter {
    padding: 325px 50px 120px;
    margin-top: -245px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_filter {
    padding: 16.4102564103vw 5.1282051282vw;
  }
}

.p-interview_filter_panel {
  background-color: #fff;
}
@media print, screen and (min-width: 781px) {
  .p-interview_filter_panel {
    max-width: 1160px;
    margin-inline: auto;
    padding: 64px 120px;
    border-radius: 8px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1470px) {
  .p-interview_filter_panel {
    padding: 64px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_filter_panel {
    padding: 6.1538461538vw 5.1282051282vw;
    border-radius: 2.0512820513vw;
  }
}

.p-interview_filter_btn {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}
@media print, screen and (min-width: 781px) {
  .p-interview_filter_btn {
    gap: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_filter_btn {
    gap: 4.1025641026vw;
  }
}
.p-interview_filter_btn:hover .p-interview_filter_btn_toggle {
  opacity: 0.7;
}

@media print, screen and (min-width: 781px) {
  .p-interview_filter_btn_icon {
    margin-top: 5px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_filter_btn_icon {
    width: 8.2051282051vw;
    height: auto;
  }
}

.p-interview_filter_btn_text {
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .p-interview_filter_btn_text {
    font-size: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_filter_btn_text {
    font-size: 4.6153846154vw;
  }
}

.p-interview_filter_btn_toggle {
  background-color: #0073C3;
  margin-left: auto;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
@media print, screen and (min-width: 781px) {
  .p-interview_filter_btn_toggle {
    width: 40px;
    height: 40px;
    border-radius: 4px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_filter_btn_toggle {
    width: 10.2564102564vw;
    height: 10.2564102564vw;
    border-radius: 1.0256410256vw;
    font-size: 5.641025641vw;
  }
}
.p-interview_filter_btn_toggle::before {
  content: "add";
  font-family: "Material Icons";
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
@media print, screen and (min-width: 781px) {
  .p-interview_filter_btn_toggle::before {
    font-size: 22px;
  }
}
.p-interview_filter_btn_toggle.is-open::before {
  content: "remove";
}

@media print, screen and (min-width: 781px) {
  .p-interview_filter_body {
    padding-top: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_filter_body {
    padding-top: 9.2307692308vw;
  }
}

.p-interview_filter_lead {
  line-height: 1.8;
}
@media print, screen and (max-width: 780px) {
  .p-interview_filter_lead {
    font-size: 3.8461538462vw;
  }
}

.p-interview_filter_notice {
  line-height: 1.8;
  color: #767676;
  margin-top: 0.5rem;
  text-indent: -1rem;
  padding-left: 1rem;
}
@media print, screen and (min-width: 781px) {
  .p-interview_filter_notice {
    font-size: 14px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_filter_notice {
    font-size: 3.5897435897vw;
  }
}

@media print, screen and (min-width: 781px) {
  .p-interview_filter_control {
    border-top: 4px solid #0073C3;
    margin-top: 32px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_filter_control {
    border-top: 1.0256410256vw solid #0073C3;
    margin-top: 8.2051282051vw;
  }
}

.p-interview_filter_control_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #D9D9D9;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media print, screen and (min-width: 781px) and (max-width: 1100px) {
  .p-interview_filter_control_row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_filter_control_row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.p-interview_filter_control_label {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media print, screen and (min-width: 781px) {
  .p-interview_filter_control_label {
    width: 160px;
    padding: 32px 0 24px;
    font-size: 18px;
    gap: 12px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1100px) {
  .p-interview_filter_control_label {
    padding: 32px 0 0;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_filter_control_label {
    padding-top: 6.1538461538vw;
    padding-bottom: 4.1025641026vw;
    gap: 4.1025641026vw;
  }
}
.p-interview_filter_control_label::before {
  content: "";
  border-radius: 50%;
  background-color: #0073C3;
}
@media print, screen and (min-width: 781px) {
  .p-interview_filter_control_label::before {
    width: 8px;
    height: 8px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_filter_control_label::before {
    width: 1.5384615385vw;
    height: 1.5384615385vw;
  }
}

@media print, screen and (min-width: 781px) {
  .p-interview_filter_control_content {
    padding: 24px 0;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_filter_control_content {
    padding-bottom: 6.1538461538vw;
  }
}

.p-interview_filter_control_btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media print, screen and (min-width: 781px) {
  .p-interview_filter_control_btns {
    gap: 8px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_filter_control_btns {
    gap: 2.0512820513vw;
  }
}

.p-interview_filter_control_btn {
  cursor: pointer;
  padding: 0;
  color: #0073C3;
  border: 1px solid #0073C3;
  background-color: #fff;
  font-weight: 700;
  line-height: 1;
  -webkit-transition: scale 0.15s ease;
  transition: scale 0.15s ease;
}
@media print, screen and (min-width: 781px) {
  .p-interview_filter_control_btn {
    font-size: 16px;
    padding: 11px 20px 9px;
    border-radius: 18px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_filter_control_btn {
    font-size: 3.3333333333vw;
    padding: 2.0512820513vw 2.8205128205vw 1.7948717949vw;
    border-radius: 3.8461538462vw;
  }
}
.p-interview_filter_control_btn:hover:not(.is-selected) {
  scale: 1.05;
}
.p-interview_filter_control_btn:active:not(.is-selected) {
  scale: 0.95;
}
.p-interview_filter_control_btn.is-selected {
  background-color: #0073C3;
  color: #fff;
}

@media print, screen and (min-width: 781px) {
  .p-interview_filter_control_btn-all {
    margin-bottom: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_filter_control_btn-all {
    margin-bottom: 4.1025641026vw;
  }
}

@media print, screen and (min-width: 781px) {
  .p-interview_filter_control_headingset + .p-interview_filter_control_headingset {
    margin-top: 30px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_filter_control_headingset + .p-interview_filter_control_headingset {
    margin-top: 6.1538461538vw;
  }
}

.p-interview_filter_control_heading {
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media print, screen and (min-width: 781px) {
  .p-interview_filter_control_heading {
    font-size: 18px;
    gap: 12px;
    margin-bottom: 16px;
    margin-top: 8px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_filter_control_heading {
    gap: 3.0769230769vw;
    margin-bottom: 4.1025641026vw;
    margin-top: 2.0512820513vw;
  }
}
.p-interview_filter_control_heading::before {
  content: "";
  display: block;
  background-color: #0073C3;
}
@media print, screen and (min-width: 781px) {
  .p-interview_filter_control_heading::before {
    width: 16px;
    height: 2px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_filter_control_heading::before {
    width: 2.5641025641vw;
    height: 0.5128205128vw;
  }
}

.p-interview_filter_clearbtn {
  background-color: #0B2C4F;
  padding: 0;
  color: #fff;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  line-height: 1;
  -webkit-transition: scale 0.15s ease;
  transition: scale 0.15s ease;
}
@media print, screen and (min-width: 781px) {
  .p-interview_filter_clearbtn {
    font-size: 18px;
    width: 200px;
    height: 64px;
    border-radius: 4px;
    gap: 16px;
    margin-inline: auto;
    margin-top: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_filter_clearbtn {
    font-size: 4.1025641026vw;
    width: 41.0256410256vw;
    height: 14.358974359vw;
    border-radius: 1.0256410256vw;
    gap: 2.0512820513vw;
    margin-inline: auto;
    margin-top: 8.2051282051vw;
  }
}
@media print, screen and (min-width: 781px) {
  .p-interview_filter_clearbtn [data-icon=cached] {
    font-size: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_filter_clearbtn [data-icon=cached] {
    font-size: 5.1282051282vw;
  }
}
.p-interview_filter_clearbtn:hover {
  scale: 1.05;
}
.p-interview_filter_clearbtn:active {
  scale: 0.95;
}

.p-interview_list {
  display: grid;
}
@media print, screen and (min-width: 781px) {
  .p-interview_list {
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 110px;
    padding: 120px 0;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1470px) {
  .p-interview_list {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 60px;
    padding: 120px 4.0816326531vw;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1100px) {
  .p-interview_list {
    grid-template-columns: repeat(1, 1fr);
    gap: 80px 60px;
    padding: 120px 10vw;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_list {
    padding: 20.5128205128vw 5.1282051282vw;
    gap: 10.2564102564vw;
  }
}

.p-interview_list_item {
  color: #000;
  text-decoration: none;
  position: relative;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.p-interview_list_item::after {
  content: "chevron_right";
  font-family: "Material Icons";
  line-height: 1;
  color: #0073C3;
  border: 1px solid #0073C3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  position: absolute;
  right: 0;
  bottom: 0;
}
@media print, screen and (min-width: 781px) {
  .p-interview_list_item::after {
    font-size: 24px;
    width: 48px;
    height: 48px;
    -webkit-transform: translateY(16px);
    transform: translateY(16px);
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_list_item::after {
    font-size: 6.1538461538vw;
    width: 12.3076923077vw;
    height: 12.3076923077vw;
    -webkit-transform: translateY(4.1025641026vw);
    transform: translateY(4.1025641026vw);
  }
}
.p-interview_list_item:hover {
  opacity: 0.7;
}

.p-interview_list_item_info {
  color: #fff;
  background-color: #0B2C4F;
  display: inline-block;
}
@media print, screen and (min-width: 781px) {
  .p-interview_list_item_info {
    font-size: 20px;
    border-radius: 8px;
    padding: 14px 16px;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_list_item_info {
    padding: 3.0769230769vw 4.1025641026vw;
    border-radius: 1.0256410256vw;
    -webkit-transform: translateY(-7.6923076923vw);
    transform: translateY(-7.6923076923vw);
  }
}

.p-interview_list_item_info_childCategory {
  border-left: 1px solid #fff;
  margin-left: 1rem;
  padding-left: 1rem;
}
.p-interview_list_item_title {
  font-weight: 500;
  line-height: 1.6;
}
@media print, screen and (min-width: 781px) {
  .p-interview_list_item_title {
    font-size: 26px;
    margin-top: -10px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_list_item_title {
    font-size: 4.6153846154vw;
    margin-top: -2.5641025641vw;
  }
}

.p-interview_list_item_segment {
  color: #767676;
}
@media print, screen and (min-width: 781px) {
  .p-interview_list_item_segment {
    font-size: 20px;
    margin-top: 36px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_list_item_segment {
    margin-top: 8.2051282051vw;
  }
}

.p-interview_record {
  text-decoration: none;
  color: #000;
  position: fixed;
  background-color: #0073C3;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
@media print, screen and (min-width: 781px) {
  .p-interview_record {
    border-radius: 8px;
    right: 50px;
    bottom: 50px;
    padding: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_record {
    border-radius: 2.0512820513vw;
    left: 3.0769230769vw;
    width: calc(100% - 6.1538461538vw);
    bottom: 3.0769230769vw;
    padding: 2.0512820513vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media (any-hover: hover) {
  .p-interview_record:hover {
    background-color: #0082dd;
  }
}

.p-interview_record_title {
  font-weight: 700;
  color: #fff;
}
@media print, screen and (min-width: 781px) {
  .p-interview_record_title {
    font-size: 18px;
    margin-bottom: 12px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_record_title {
    font-size: 4.6153846154vw;
    padding-left: 2.0512820513vw;
  }
}

.p-interview_record_result {
  background-color: #fff;
}
@media print, screen and (min-width: 781px) {
  .p-interview_record_result {
    padding: 10px;
    text-align: center;
    border-radius: 4px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_record_result {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2.0512820513vw 3.8461538462vw;
    gap: 5.1282051282vw;
    border-radius: 1.0256410256vw;
  }
}

.p-interview_record_result_title {
  font-weight: 700;
  color: #0073C3;
  display: inline-block;
}
@media print, screen and (min-width: 781px) {
  .p-interview_record_result_title {
    border-bottom: 2px solid #0073C3;
    padding-bottom: 5px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_record_result_title {
    border-bottom: 0.7692307692vw solid #0073C3;
    padding-top: 1.2820512821vw;
    padding-bottom: 1.2820512821vw;
  }
}

.p-interview_record_result_disp {
  font-weight: 700;
}
.p-interview_record_result_disp_num {
  color: #0073C3;
}
@media print, screen and (min-width: 781px) {
  .p-interview_record_result_disp_num {
    font-size: 50px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_record_result_disp_num {
    display: inline-block;
    font-size: 11.2820512821vw;
    width: 2.8rem;
  }
}

.p-interview_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media print, screen and (min-width: 781px) {
  .p-interview_head {
    margin-top: -34px;
    padding-bottom: 128px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1366px) {
  .p-interview_head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12.3076923077vw;
    margin-bottom: 10.2564102564vw;
    margin-top: 5.1282051282vw;
  }
}

.p-interview_head_title {
  font-weight: 500;
  line-height: 1.8;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media print, screen and (min-width: 781px) {
  .p-interview_head_title {
    font-size: 40px;
    padding-right: 64px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_head_title {
    font-size: 6.1538461538vw;
  }
}

.p-interview_head_profile {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media print, screen and (min-width: 781px) {
  .p-interview_head_profile {
    gap: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_head_profile {
    gap: 6.1538461538vw;
  }
}

.p-interview_head_profile_image {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media print, screen and (max-width: 780px) {
  .p-interview_head_profile_image {
    width: 24.6153846154vw;
  }
}

.p-interview_head_profile_category {
  background-color: #0B2C4F;
  color: #fff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .p-interview_head_profile_category {
    font-size: 20px;
    border-radius: 4px;
    padding: 0.7rem 1.2rem;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_head_profile_category {
    font-size: 3.0769230769vw;
    border-radius: 1.0256410256vw;
    padding: 0.4rem 1.2rem;
    margin-bottom: 2.5641025641vw;
  }
}

.p-interview_head_profile_category_separator {
  display: inline-block;
  width: 1px;
  height: 16px;
  background-color: #fff;
  margin: 0 1.2rem;
}

.p-interview_head_profile_segment {
  font-weight: 500;
  line-height: 1.6;
}
@media print, screen and (min-width: 781px) {
  .p-interview_head_profile_segment {
    font-size: 18px;
    margin-top: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_head_profile_segment {
    font-size: 3.5897435897vw;
  }
}

.p-interview_head_profile_from {
  line-height: 1.6;
}
@media print, screen and (min-width: 781px) {
  .p-interview_head_profile_from {
    margin-top: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_head_profile_from {
    font-size: 3.0769230769vw;
    margin-top: 1.2820512821vw;
  }
}

.p-interview_outline {
  background-color: #F7F7F7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media print, screen and (min-width: 781px) {
  .p-interview_outline {
    margin-left: 120px;
    border-radius: 40px 0 0 40px;
    padding: 400px 220px 80px 100px;
    margin-top: -320px;
    gap: 144px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1366px) {
  .p-interview_outline {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1000px) {
  .p-interview_outline {
    padding: 400px 120px 80px 50px;
    margin-left: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_outline {
    padding-top: 51.2820512821vw;
    margin-top: -41.0256410256vw;
    padding-inline: 10.2564102564vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 12.3076923077vw;
  }
}

.p-interview_outline_head {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media print, screen and (max-width: 780px) {
  .p-interview_outline_head {
    gap: 4.1025641026vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 6.1538461538vw;
  }
}

.p-interview_outline_head_title {
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .p-interview_outline_head_title {
    font-size: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_outline_head_title {
    font-size: 5.1282051282vw;
  }
}

.p-interview_outline_head_sub {
  font-family: "Barlow Condensed";
  font-weight: 500;
  color: #767676;
}
@media print, screen and (min-width: 781px) {
  .p-interview_outline_head_sub {
    font-size: 20px;
    margin-top: 0.7rem;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_outline_head_sub {
    font-size: 3.5897435897vw;
  }
}

.p-interview_outline_body {
  line-height: 2;
}
.p-interview_outline_list_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.8;
}
@media print, screen and (min-width: 781px) {
  .p-interview_outline_list_row {
    gap: 40px;
  }
}
.p-interview_outline_list_row + .p-interview_outline_list_row {
  margin-top: 0.5rem;
}

@media print, screen and (min-width: 781px) {
  .p-interview_outline_list_year {
    font-weight: 500;
  }
}
.p-interview_chapter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media print, screen and (min-width: 781px) {
  .p-interview_chapter {
    margin-top: 120px;
    gap: 80px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1366px) {
  .p-interview_chapter {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_chapter {
    margin-top: 14.358974359vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.p-interview_chapter.-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
@media print, screen and (min-width: 781px) and (max-width: 1366px) {
  .p-interview_chapter.-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_chapter.-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media print, screen and (min-width: 781px) {
  .p-interview_chapter.-reverse .p-interview_chapter_content {
    padding-left: 0;
    padding-right: 100px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1366px) {
  .p-interview_chapter.-reverse .p-interview_chapter_content {
    padding-right: 0;
  }
}
@media print, screen and (min-width: 781px) {
  .p-interview_chapter_content {
    padding-left: 100px;
    width: 45%;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1366px) {
  .p-interview_chapter_content {
    width: 100%;
    padding-left: 0;
  }
}
.p-interview_chapter_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media print, screen and (min-width: 781px) {
  .p-interview_chapter_head {
    margin-bottom: 48px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_chapter_head {
    margin-bottom: 8.2051282051vw;
  }
}

.p-interview_chapter_head_num {
  background-color: #0073C3;
  color: #fff;
  font-family: "Barlow Condensed";
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.05rem;
}
@media print, screen and (min-width: 781px) {
  .p-interview_chapter_head_num {
    width: 168px;
    border-radius: 4px;
    font-size: 20px;
    padding: 0.7rem 1.2rem;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_chapter_head_num {
    width: 33.3333333333vw;
    border-radius: 1.0256410256vw;
    font-size: 3.5897435897vw;
    padding: 0.5rem 1.2rem;
  }
}

.p-interview_chapter_head_ja {
  font-weight: 500;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media print, screen and (min-width: 781px) {
  .p-interview_chapter_head_ja {
    font-size: 22px;
    margin-left: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_chapter_head_ja {
    font-size: 4.1025641026vw;
    margin-left: 4.1025641026vw;
  }
}

.p-interview_chapter_head_en {
  font-family: "Barlow Condensed";
  letter-spacing: 0.05rem;
  color: #0073C3;
  border-left: 1px solid #D9D9D9;
  margin-left: 1rem;
  padding-left: 1rem;
}
@media print, screen and (min-width: 781px) {
  .p-interview_chapter_head_en {
    font-size: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_chapter_head_en {
    font-size: 4.6153846154vw;
  }
}

.p-interview_chapter_question {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
  color: #767676;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1.6;
}
@media print, screen and (min-width: 781px) {
  .p-interview_chapter_question {
    font-size: 22px;
    gap: 24px;
    margin-bottom: 8px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_chapter_question {
    gap: 4.1025641026vw;
    margin-bottom: 2.5641025641vw;
  }
}
.p-interview_chapter_question::before {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  content: "Q";
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  color: #fff;
  background-color: #767676;
  line-height: 1;
}
@media print, screen and (min-width: 781px) {
  .p-interview_chapter_question::before {
    font-size: 22px;
    width: 40px;
    height: 36px;
    padding-bottom: 4px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_chapter_question::before {
    width: 8.2051282051vw;
    height: 8.2051282051vw;
  }
}

.p-interview_chapter_answer {
  line-height: 1.6;
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .p-interview_chapter_answer {
    font-size: 32px;
    margin-bottom: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_chapter_answer {
    font-size: 5.641025641vw;
    margin-bottom: 6.1538461538vw;
  }
}

.p-interview_chapter_body {
  line-height: 2;
}
@media print, screen and (min-width: 781px) {
  .p-interview_chapter_body {
    font-size: 18px;
    margin-bottom: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_chapter_body {
    font-size: 3.8461538462vw;
    margin-bottom: 4.1025641026vw;
  }
}

@media print, screen and (min-width: 781px) {
  .p-interview_chapter_figure {
    max-width: 700px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1500px) {
  .p-interview_chapter_figure {
    max-width: 600px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1366px) {
  .p-interview_chapter_figure {
    margin: 0 auto;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_chapter_figure {
    margin-top: 4.1025641026vw;
  }
}

.p-interview_chapter_image {
  width: 100%;
}
@media print, screen and (min-width: 781px) {
  .p-interview_chapter_image {
    border-radius: 24px;
    -webkit-box-shadow: 8px 8px 8px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 8px 8px 8px 0 rgba(0, 0, 0, 0.16);
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_chapter_image {
    border-radius: 6.1538461538vw;
    -webkit-box-shadow: 2.0512820513vw 2.0512820513vw 2.0512820513vw 0 rgba(0, 0, 0, 0.16);
    box-shadow: 2.0512820513vw 2.0512820513vw 2.0512820513vw 0 rgba(0, 0, 0, 0.16);
  }
}

.p-interview_schedule {
  position: relative;
  background-color: #EEEFE5;
}
@media print, screen and (min-width: 781px) {
  .p-interview_schedule {
    padding: 80px 0 80px 72px;
    border-radius: 40px 0 0 40px;
    margin-top: 120px;
    margin-left: 48px;
    padding-right: 72px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_schedule {
    padding: 14.358974359vw 5.1282051282vw 14.358974359vw;
    margin-top: 16.4102564103vw;
  }
}

.p-interview_schedule_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media print, screen and (min-width: 781px) {
  .p-interview_schedule_head {
    gap: 16px;
    margin-bottom: 30px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1500px) {
  .p-interview_schedule_head {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_schedule_head {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 6.1538461538vw;
  }
}

.p-interview_schedule_head_icon {
  color: #0073C3;
}
@media print, screen and (min-width: 781px) {
  .p-interview_schedule_head_icon {
    font-size: 40px;
    margin-top: 5px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_schedule_head_icon {
    font-size: 6.1538461538vw;
    margin-top: 1.0256410256vw;
  }
}

.p-interview_schedule_head_text {
  font-weight: 500;
  margin-left: 0;
  margin-right: auto;
}
@media print, screen and (min-width: 781px) {
  .p-interview_schedule_head_text {
    font-size: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_schedule_head_text {
    font-size: 5.641025641vw;
    margin-left: 2.0512820513vw;
  }
}

.p-interview_schedule_head_en {
  font-weight: 500;
  font-family: "Barlow Condensed";
  color: #fff;
  letter-spacing: 0.05rem;
}
@media print, screen and (min-width: 781px) {
  .p-interview_schedule_head_en {
    font-size: 80px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1500px) {
  .p-interview_schedule_head_en {
    margin-left: auto;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_schedule_head_en {
    font-size: 6.1538461538vw;
    margin-top: 3.0769230769vw;
  }
}

@media print, screen and (min-width: 781px) {
  .p-interview_schedule_slider {
    margin-right: -72px;
  }
}
.p-interview_schedule_slider .splide__track {
  padding-bottom: 1rem;
}
.p-interview_schedule_slider_splide_pager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media print, screen and (min-width: 781px) {
  .p-interview_schedule_slider_splide_pager {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 48px;
    max-width: 948px;
    margin-top: 64px;
    padding-right: 72px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_schedule_slider_splide_pager {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8.2051282051vw;
    margin-top: 14.358974359vw;
  }
}

.p-interview_schedule_slider_splide_progress {
  width: 100%;
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF;
  border-radius: 4px;
}
.p-interview_schedule_slider_splide_progress-bar {
  background: #0B2C4F;
  -webkit-transition: width 400ms ease;
  transition: width 400ms ease;
  border-radius: 4px;
  width: 0;
}
@media print, screen and (min-width: 781px) {
  .p-interview_schedule_slider_splide_progress-bar {
    height: 6px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_schedule_slider_splide_progress-bar {
    height: 1.5384615385vw;
  }
}

.p-interview_schedule_slider_splide_arrows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media print, screen and (min-width: 781px) {
  .p-interview_schedule_slider_splide_arrows {
    gap: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_schedule_slider_splide_arrows {
    gap: 6.1538461538vw;
  }
}

.p-interview_schedule_slider_splide_arrows button {
  border: 1px solid #0073C3;
  border-radius: 50%;
  color: #0073C3;
  cursor: pointer;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media print, screen and (min-width: 781px) {
  .p-interview_schedule_slider_splide_arrows button {
    width: 80px;
    height: 80px;
    font-size: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_schedule_slider_splide_arrows button {
    width: 18.4615384615vw;
    height: 18.4615384615vw;
    font-size: 5.1282051282vw;
  }
}

@media (any-hover: hover) {
  .p-interview_schedule_slider_splide_arrows button:hover {
    opacity: 0.7;
  }
}
.p-interview_schedule_slider_item {
  background-color: #fff;
  border-radius: 8px;
  -webkit-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
  box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
}
@media print, screen and (min-width: 781px) {
  .p-interview_schedule_slider_item {
    padding: 40px 32px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_schedule_slider_item {
    padding: 10.2564102564vw 4.1025641026vw;
  }
}

.p-interview_schedule_slider_day {
  font-family: "Barlow Condensed";
  font-weight: 500;
  letter-spacing: 0.05rem;
  color: #0073C3;
  border-bottom: 2px solid #0073C3;
  display: inline-block;
}
@media print, screen and (min-width: 781px) {
  .p-interview_schedule_slider_day {
    font-size: 40px;
    margin-bottom: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_schedule_slider_day {
    font-size: 8.2051282051vw;
    margin-bottom: 4.1025641026vw;
  }
}
.p-interview_schedule_slider_day.-weekend {
  color: #FF6127;
  border-color: #FF6127;
}

.p-interview_schedule_slider_title {
  font-weight: 500;
  line-height: 1.5;
}
@media print, screen and (min-width: 781px) {
  .p-interview_schedule_slider_title {
    font-size: 24px;
    margin-bottom: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_schedule_slider_title {
    font-size: 5.1282051282vw;
    margin-bottom: 4.1025641026vw;
  }
}

.p-interview_schedule_slider_body {
  line-height: 1.8;
}
@media print, screen and (max-width: 780px) {
  .p-interview_schedule_slider_body {
    font-size: 3.8461538462vw;
  }
}

.p-interview_schedule_features {
  background-color: #0073C3;
}
@media print, screen and (min-width: 781px) {
  .p-interview_schedule_features {
    border-radius: 20px;
    padding: 40px;
    max-width: 1280px;
    margin-inline: auto;
    margin-top: 80px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_schedule_features {
    margin-top: 10.2564102564vw;
    padding: 6.1538461538vw;
    border-radius: 4.1025641026vw;
  }
}

.p-interview_schedule_features_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media print, screen and (min-width: 781px) {
  .p-interview_schedule_features_head {
    margin-bottom: 16px;
    gap: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_schedule_features_head {
    gap: 2.0512820513vw;
    margin-bottom: 4.1025641026vw;
  }
}

.p-interview_schedule_features_head_icon {
  color: #8ED1FF;
}
@media print, screen and (min-width: 781px) {
  .p-interview_schedule_features_head_icon {
    font-size: 40px;
    margin-top: 5px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_schedule_features_head_icon {
    font-size: 6.1538461538vw;
    margin-top: 0.7692307692vw;
  }
}

.p-interview_schedule_features_head_text {
  font-family: "Barlow Condensed";
  font-weight: 500;
  color: #fff;
  letter-spacing: 0.05rem;
}
@media print, screen and (min-width: 781px) {
  .p-interview_schedule_features_head_text {
    font-size: 32px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_schedule_features_head_text {
    font-size: 6.6666666667vw;
  }
}

.p-interview_schedule_features_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media print, screen and (min-width: 781px) {
  .p-interview_schedule_features_list {
    gap: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_schedule_features_list {
    gap: 2.0512820513vw;
  }
}

.p-interview_schedule_features_list_item {
  background-color: #fff;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media print, screen and (min-width: 781px) {
  .p-interview_schedule_features_list_item {
    height: 40px;
    border-radius: 20px;
    padding: 0 1rem;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_schedule_features_list_item {
    font-size: 3.5897435897vw;
    padding: 2.0512820513vw 4.1025641026vw;
    border-radius: 5.1282051282vw;
    line-height: 1.5;
  }
}

.p-interview_schedule_image {
  overflow: hidden;
}
@media print, screen and (min-width: 781px) {
  .p-interview_schedule_image {
    margin-top: 80px;
    margin-left: -120px;
    margin-right: -72px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_schedule_image {
    margin-top: 10.2564102564vw;
    margin-left: -5.1282051282vw;
    margin-right: -5.1282051282vw;
  }
}

.p-interview_schedule_image_track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media print, screen and (min-width: 781px) {
  .p-interview_schedule_image_track {
    -webkit-animation: marquee-scroll-pc 30s linear infinite;
    animation: marquee-scroll-pc 30s linear infinite;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_schedule_image_track {
    -webkit-animation: marquee-scroll-sp 30s linear infinite;
    animation: marquee-scroll-sp 30s linear infinite;
  }
}

.p-interview_schedule_image_item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -o-object-fit: cover;
  object-fit: cover;
}
@media print, screen and (min-width: 781px) {
  .p-interview_schedule_image_item {
    width: 400px;
    height: auto;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_schedule_image_item {
    width: calc(100vw - 40px);
    height: auto;
  }
}

@-webkit-keyframes marquee-scroll-pc {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes marquee-scroll-pc {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@-webkit-keyframes marquee-scroll-sp {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(calc((100vw - 40px) * -5));
    transform: translateX(calc((100vw - 40px) * -5));
  }
}
@keyframes marquee-scroll-sp {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(calc((100vw - 40px) * -5));
    transform: translateX(calc((100vw - 40px) * -5));
  }
}
.p-interview_offtime {
  background-size: cover;
  background-position: center center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media print, screen and (min-width: 781px) {
  .p-interview_offtime {
    margin-top: 80px;
    padding: 80px 100px;
    background-image: url("/recruit/_/media/page/interview/offtime_bg.png");
    gap: 104px;
    border-radius: 20px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1366px) {
  .p-interview_offtime {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1000px) {
  .p-interview_offtime {
    padding: 40px 50px;
    gap: 52px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_offtime {
    background-image: url("/recruit/_/media/page/interview/offtime_bg-sp.png");
    margin-top: 12.3076923077vw;
    padding: 10.2564102564vw 5.1282051282vw;
    border-radius: 2.0512820513vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 6.1538461538vw;
  }
}

.p-interview_offtime_info_label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: "Barlow Condensed";
  font-weight: 500;
  color: #0073C3;
  letter-spacing: 0.05rem;
  background-color: #fff;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media print, screen and (min-width: 781px) {
  .p-interview_offtime_info_label {
    font-size: 20px;
    height: 40px;
    width: 145px;
    border-radius: 4px;
    margin-bottom: 56px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_offtime_info_label {
    font-size: 3.5897435897vw;
    height: 7.6923076923vw;
    width: 28.4615384615vw;
    border-radius: 1.0256410256vw;
    margin-bottom: 8.2051282051vw;
  }
}

.p-interview_offtime_info_q {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 500;
  color: #fff;
  line-height: 1.5;
}
@media print, screen and (min-width: 781px) {
  .p-interview_offtime_info_q {
    gap: 16px;
    font-size: 22px;
    margin-bottom: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_offtime_info_q {
    gap: 4.1025641026vw;
    margin-bottom: 4.1025641026vw;
  }
}

.p-interview_offtime_info_q_icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 500;
  color: #0073C3;
  line-height: 1;
  background-color: #fff;
  border-radius: 50%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media print, screen and (min-width: 781px) {
  .p-interview_offtime_info_q_icon {
    font-size: 22px;
    width: 40px;
    height: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_offtime_info_q_icon {
    width: 8.2051282051vw;
    height: 8.2051282051vw;
    font-size: 4.1025641026vw;
  }
}
.p-interview_offtime_info_q_icon::before {
  content: "Q";
  margin-top: -0.3rem;
}
.p-interview_offtime_info_a {
  font-weight: 500;
  line-height: 1.6;
  color: #fff;
}
@media print, screen and (min-width: 781px) {
  .p-interview_offtime_info_a {
    font-size: 32px;
    margin-bottom: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_offtime_info_a {
    font-size: 5.641025641vw;
    margin-bottom: 6.1538461538vw;
  }
}

.p-interview_offtime_info_body {
  color: #fff;
  line-height: 2;
}
@media print, screen and (min-width: 781px) {
  .p-interview_offtime_info_body {
    font-size: 18px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_offtime_info_body {
    font-size: 3.8461538462vw;
  }
}

@media print, screen and (min-width: 781px) {
  .p-interview_offtime_image {
    min-width: 50%;
    text-align: right;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1366px) {
  .p-interview_offtime_image {
    text-align: center;
  }
}
.p-interview_myself {
  background-size: cover;
  background-position: center center;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media print, screen and (min-width: 781px) {
  .p-interview_myself {
    margin-top: 80px;
    padding: 80px 100px;
    background-image: url("/recruit/_/media/page/interview/offtime_bg.png");
    gap: 56px 104px;
    border-radius: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1366px) {
  .p-interview_myself {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-template-columns: none;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1000px) {
  .p-interview_myself {
    padding: 40px 50px;
    gap: 52px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_myself {
    background-image: url("/recruit/_/media/page/interview/offtime_bg-sp.png");
    margin-top: 12.3076923077vw;
    padding: 10.2564102564vw 5.1282051282vw;
    border-radius: 2.0512820513vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 6.1538461538vw;
    grid-template-columns: none;
  }
}

.p-interview_myself_info_body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-weight: 500;
  color: #fff;
  line-height: 1.5;
}
@media print, screen and (min-width: 781px) {
  .p-interview_myself_info_body {
    gap: 16px;
    font-size: 40px;
    margin-bottom: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_myself_info_body {
    gap: 16px;
    font-size: 5.641025641vw;
    margin-bottom: 4.1025641026vw;
  }
}

.p-interview_myself_info_a {
  font-weight: 500;
  line-height: 1.6;
  color: #fff;
}
@media print, screen and (min-width: 781px) {
  .p-interview_myself_info_a {
    font-size: 32px;
    margin-bottom: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_myself_info_a {
    font-size: 5.641025641vw;
    margin-bottom: 6.1538461538vw;
  }
}

.p-interview_myself_info_text {
  color: #fff;
  line-height: 2;
}
@media print, screen and (min-width: 781px) {
  .p-interview_myself_info_text {
    font-size: 18px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1366px) {
  .p-interview_myself_info_text {
    font-size: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_myself_info_text {
    font-size: 4.1025641026vw;
  }
}

@media print, screen and (min-width: 781px) {
  .p-interview_myself_image {
    min-width: 50%;
    text-align: right;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1366px) {
  .p-interview_myself_image {
    text-align: center;
  }
}
.p-interview_myself_episode {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column: 1/-1;
  background-color: #fff;
  border-radius: 20px;
  gap: 64px;
}
@media print, screen and (min-width: 781px) {
  .p-interview_myself_episode {
    padding-top: 64px;
    padding-left: 48px;
    padding-right: 56px;
    padding-bottom: 62px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1366px) {
  .p-interview_myself_episode {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_myself_episode {
    padding: 5.1282051282vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5.1282051282vw;
    padding: 10.2564102564vw 5.1282051282vw;
  }
}

.p-interview_myself_episode_left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 45px;
}
@media print, screen and (max-width: 780px) {
  .p-interview_myself_episode_left {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 5.1282051282vw;
  }
}

.p-interview_myself_episode_icon {
  width: 143px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media print, screen and (min-width: 781px) and (max-width: 1366px) {
  .p-interview_myself_episode_icon {
    width: 143px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_myself_episode_icon {
    width: 20.2564102564vw;
  }
}

.p-interview_myself_episode_icon img {
  display: block;
  width: 100%;
  height: auto;
}

.p-interview_myself_episode_title {
  color: #0073C3;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
}
@media print, screen and (max-width: 780px) {
  .p-interview_myself_episode_title {
    font-size: 4.1025641026vw;
  }
}

.p-interview_myself_episode_right {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.p-interview_myself_episode_right p {
  line-height: 2;
}
@media print, screen and (max-width: 780px) {
  .p-interview_myself_episode_right p {
    font-size: 3.8461538462vw;
  }
}

.p-interview_comment_container {
  margin-top: 80px;
}

.p-interview_comment_body {
  width: 90%;
  max-width: 1280px;
  margin: 0 auto;
}
@media print, screen and (max-width: 780px) {
  .p-interview_comment_body {
    width: 100%;
  }
}

.p-interview_comment_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #F7F7F7;
  position: relative;
  overflow: visible;
}
@media print, screen and (min-width: 781px) {
  .p-interview_comment_box {
    border-radius: 20px;
    -webkit-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
    box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1366px) {
  .p-interview_comment_box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_comment_box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
  }
}

.p-interview_comment_box::before {
  content: "";
  position: absolute;
  top: 0;
  background: #0073C3;
}
@media print, screen and (min-width: 781px) {
  .p-interview_comment_box::before {
    left: 56px;
    width: 120px;
    height: 4px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_comment_box::before {
    left: 3.8461538462vw;
    width: 20.5128205128vw;
    height: 1.0256410256vw;
  }
}

.p-interview_comment_box_inner_left {
  padding-top: 80px;
  padding-bottom: 80px;
  padding-left: 56px;
  width: 68%;
}
@media print, screen and (min-width: 781px) and (max-width: 1366px) {
  .p-interview_comment_box_inner_left {
    width: 100%;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_comment_box_inner_left {
    width: 100%;
    margin: 0 auto;
    padding: 14.358974359vw 5.1282051282vw 5.1282051282vw 6.1538461538vw;
  }
}

.p-interview_comment_box_inner_title {
  font-size: 40px;
  font-weight: 500;
  margin-bottom: 40px;
}
@media print, screen and (max-width: 780px) {
  .p-interview_comment_box_inner_title {
    font-size: 5.641025641vw;
    margin-bottom: 6.1538461538vw;
  }
}

.p-interview_comment_box_inner_text {
  font-size: 18px;
  line-height: 2;
}
@media print, screen and (max-width: 780px) {
  .p-interview_comment_box_inner_text {
    font-size: 3.8461538462vw;
  }
}

.p-interview_comment_box_inner_right {
  position: relative;
  width: 32%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media print, screen and (min-width: 781px) and (max-width: 1366px) {
  .p-interview_comment_box_inner_right {
    width: 100%;
    position: static;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_comment_box_inner_right {
    width: 100%;
    position: static;
  }
}

.p-interview_comment_box_inner_right img {
  position: absolute;
  bottom: 0;
}
@media print, screen and (min-width: 781px) {
  .p-interview_comment_box_inner_right img {
    right: 56px;
    width: 300px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1366px) {
  .p-interview_comment_box_inner_right img {
    position: static;
    right: auto;
    bottom: auto;
    display: block;
    -webkit-transform: none;
    transform: none;
    margin: 0 auto;
  }
}
@media print, screen and (max-width: 780px) {
  .p-interview_comment_box_inner_right img {
    position: static;
    right: auto;
    bottom: auto;
    display: block;
    -webkit-transform: none;
    transform: none;
    margin: 0 auto;
    width: 61.5384615385vw;
    margin-bottom: -10.2564102564vw;
  }
}

.p-message_filter {
  background-color: #758FA0;
}
@media print, screen and (min-width: 781px) {
  .p-message_filter {
    padding: 325px 50px 120px;
    margin-top: -245px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-message_filter {
    padding: 16.4102564103vw 5.1282051282vw;
  }
}

.p-message_filter_panel {
  background-color: #fff;
}
@media print, screen and (min-width: 781px) {
  .p-message_filter_panel {
    max-width: 1160px;
    margin-inline: auto;
    padding: 64px 120px;
    border-radius: 8px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1470px) {
  .p-message_filter_panel {
    padding: 64px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-message_filter_panel {
    padding: 6.1538461538vw 5.1282051282vw;
    border-radius: 2.0512820513vw;
  }
}

.p-message_filter_btn {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  cursor: pointer;
}
@media print, screen and (min-width: 781px) {
  .p-message_filter_btn {
    gap: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-message_filter_btn {
    gap: 4.1025641026vw;
  }
}
.p-message_filter_btn:hover .p-message_filter_btn_toggle {
  opacity: 0.7;
}

@media print, screen and (min-width: 781px) {
  .p-message_filter_btn_icon {
    margin-top: 5px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-message_filter_btn_icon {
    width: 8.2051282051vw;
    height: auto;
  }
}

.p-message_filter_btn_text {
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .p-message_filter_btn_text {
    font-size: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-message_filter_btn_text {
    font-size: 4.6153846154vw;
  }
}

.p-message_filter_btn_toggle {
  background-color: #0073C3;
  margin-left: auto;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
@media print, screen and (min-width: 781px) {
  .p-message_filter_btn_toggle {
    width: 40px;
    height: 40px;
    border-radius: 4px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-message_filter_btn_toggle {
    width: 10.2564102564vw;
    height: 10.2564102564vw;
    border-radius: 1.0256410256vw;
    font-size: 5.641025641vw;
  }
}
.p-message_filter_btn_toggle::before {
  content: "remove";
  font-family: "Material Icons";
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
@media print, screen and (min-width: 781px) {
  .p-message_filter_btn_toggle::before {
    font-size: 22px;
  }
}
.p-message_filter_btn_toggle.is-open::before {
  content: "add";
}

.p-message_filter_body {
  display: none;
}
@media print, screen and (min-width: 781px) {
  .p-message_filter_body {
    padding-top: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-message_filter_body {
    padding-top: 9.2307692308vw;
  }
}

.p-message_filter_lead {
  line-height: 1.8;
}
@media print, screen and (max-width: 780px) {
  .p-message_filter_lead {
    font-size: 3.8461538462vw;
  }
}

.p-message_filter_notice {
  line-height: 1.8;
  color: #767676;
  margin-top: 0.5rem;
  text-indent: -1rem;
  padding-left: 1rem;
}
@media print, screen and (min-width: 781px) {
  .p-message_filter_notice {
    font-size: 14px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-message_filter_notice {
    font-size: 3.5897435897vw;
  }
}

@media print, screen and (min-width: 781px) {
  .p-message_filter_control {
    border-top: 4px solid #0073C3;
    margin-top: 32px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-message_filter_control {
    border-top: 1.0256410256vw solid #0073C3;
    margin-top: 8.2051282051vw;
  }
}

.p-message_filter_control_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #D9D9D9;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media print, screen and (min-width: 781px) and (max-width: 1100px) {
  .p-message_filter_control_row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media print, screen and (max-width: 780px) {
  .p-message_filter_control_row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.p-message_filter_control_label {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media print, screen and (min-width: 781px) {
  .p-message_filter_control_label {
    width: 160px;
    padding: 32px 0 24px;
    font-size: 18px;
    gap: 12px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1100px) {
  .p-message_filter_control_label {
    padding: 32px 0 0;
  }
}
@media print, screen and (max-width: 780px) {
  .p-message_filter_control_label {
    padding-top: 6.1538461538vw;
    padding-bottom: 4.1025641026vw;
    gap: 4.1025641026vw;
  }
}
.p-message_filter_control_label::before {
  content: "";
  border-radius: 50%;
  background-color: #0073C3;
}
@media print, screen and (min-width: 781px) {
  .p-message_filter_control_label::before {
    width: 8px;
    height: 8px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-message_filter_control_label::before {
    width: 1.5384615385vw;
    height: 1.5384615385vw;
  }
}

@media print, screen and (min-width: 781px) {
  .p-message_filter_control_content {
    padding: 24px 0;
  }
}
@media print, screen and (max-width: 780px) {
  .p-message_filter_control_content {
    padding-bottom: 6.1538461538vw;
  }
}

.p-message_filter_control_btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media print, screen and (min-width: 781px) {
  .p-message_filter_control_btns {
    gap: 8px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-message_filter_control_btns {
    gap: 2.0512820513vw;
  }
}

.p-message_filter_control_btn {
  cursor: pointer;
  padding: 0;
  color: #0073C3;
  border: 1px solid #0073C3;
  background-color: #fff;
  font-weight: 700;
  line-height: 1;
  -webkit-transition: scale 0.15s ease;
  transition: scale 0.15s ease;
}
@media print, screen and (min-width: 781px) {
  .p-message_filter_control_btn {
    font-size: 16px;
    padding: 11px 20px 9px;
    border-radius: 18px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-message_filter_control_btn {
    font-size: 3.3333333333vw;
    padding: 2.0512820513vw 2.8205128205vw 1.7948717949vw;
    border-radius: 3.8461538462vw;
  }
}
.p-message_filter_control_btn:hover:not(.is-selected) {
  scale: 1.05;
}
.p-message_filter_control_btn:active:not(.is-selected) {
  scale: 0.95;
}
.p-message_filter_control_btn.is-selected {
  background-color: #0073C3;
  color: #fff;
}

@media print, screen and (min-width: 781px) {
  .p-message_filter_control_btn-all {
    margin-bottom: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-message_filter_control_btn-all {
    margin-bottom: 4.1025641026vw;
  }
}

@media print, screen and (min-width: 781px) {
  .p-message_filter_control_headingset + .p-message_filter_control_headingset {
    margin-top: 30px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-message_filter_control_headingset + .p-message_filter_control_headingset {
    margin-top: 6.1538461538vw;
  }
}

.p-message_filter_control_heading {
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media print, screen and (min-width: 781px) {
  .p-message_filter_control_heading {
    font-size: 18px;
    gap: 12px;
    margin-bottom: 16px;
    margin-top: 8px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-message_filter_control_heading {
    gap: 3.0769230769vw;
    margin-bottom: 4.1025641026vw;
    margin-top: 2.0512820513vw;
  }
}
.p-message_filter_control_heading::before {
  content: "";
  display: block;
  background-color: #0073C3;
}
@media print, screen and (min-width: 781px) {
  .p-message_filter_control_heading::before {
    width: 16px;
    height: 2px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-message_filter_control_heading::before {
    width: 2.5641025641vw;
    height: 0.5128205128vw;
  }
}

.p-message_filter_clearbtn {
  background-color: #0B2C4F;
  padding: 0;
  color: #fff;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  line-height: 1;
  -webkit-transition: scale 0.15s ease;
  transition: scale 0.15s ease;
}
@media print, screen and (min-width: 781px) {
  .p-message_filter_clearbtn {
    font-size: 18px;
    width: 200px;
    height: 64px;
    border-radius: 4px;
    gap: 16px;
    margin-inline: auto;
    margin-top: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-message_filter_clearbtn {
    font-size: 4.1025641026vw;
    width: 41.0256410256vw;
    height: 14.358974359vw;
    border-radius: 1.0256410256vw;
    gap: 2.0512820513vw;
    margin-inline: auto;
    margin-top: 8.2051282051vw;
  }
}
@media print, screen and (min-width: 781px) {
  .p-message_filter_clearbtn [data-icon=cached] {
    font-size: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-message_filter_clearbtn [data-icon=cached] {
    font-size: 5.1282051282vw;
  }
}
.p-message_filter_clearbtn:hover {
  scale: 1.05;
}
.p-message_filter_clearbtn:active {
  scale: 0.95;
}

.p-message_list {
  display: grid;
}
@media print, screen and (min-width: 781px) {
  .p-message_list {
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 110px;
    padding: 120px 0;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1470px) {
  .p-message_list {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 60px;
    padding: 120px 4.0816326531vw;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1100px) {
  .p-message_list {
    grid-template-columns: repeat(1, 1fr);
    gap: 80px 60px;
    padding: 120px 10vw;
  }
}
@media print, screen and (max-width: 780px) {
  .p-message_list {
    padding: 20.5128205128vw 5.1282051282vw;
    gap: 10.2564102564vw;
  }
}

.p-message_list_item {
  color: #000;
  text-decoration: none;
  position: relative;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.p-message_list_item::after {
  content: "chevron_right";
  font-family: "Material Icons";
  line-height: 1;
  color: #0073C3;
  border: 1px solid #0073C3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  position: absolute;
  right: 0;
  bottom: 0;
}
@media print, screen and (min-width: 781px) {
  .p-message_list_item::after {
    font-size: 24px;
    width: 48px;
    height: 48px;
    -webkit-transform: translateY(16px);
    transform: translateY(16px);
  }
}
@media print, screen and (max-width: 780px) {
  .p-message_list_item::after {
    font-size: 6.1538461538vw;
    width: 12.3076923077vw;
    height: 12.3076923077vw;
    -webkit-transform: translateY(4.1025641026vw);
    transform: translateY(4.1025641026vw);
  }
}
.p-message_list_item:hover {
  opacity: 0.7;
}

.p-message_list_item_info {
  color: #fff;
  background-color: #0B2C4F;
  display: inline-block;
}
@media print, screen and (min-width: 781px) {
  .p-message_list_item_info {
    font-size: 20px;
    border-radius: 8px;
    padding: 14px 16px;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
}
@media print, screen and (max-width: 780px) {
  .p-message_list_item_info {
    padding: 3.0769230769vw 4.1025641026vw;
    border-radius: 1.0256410256vw;
    -webkit-transform: translateY(-7.6923076923vw);
    transform: translateY(-7.6923076923vw);
  }
}

.p-message_list_item_info_childCategory {
  border-left: 1px solid #fff;
  margin-left: 1rem;
  padding-left: 1rem;
}
.p-message_list_item_title {
  font-weight: 500;
  line-height: 1.6;
}
@media print, screen and (min-width: 781px) {
  .p-message_list_item_title {
    font-size: 26px;
    margin-top: -10px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-message_list_item_title {
    font-size: 4.6153846154vw;
    margin-top: -2.5641025641vw;
  }
}

.p-message_list_item_segment {
  color: #767676;
}
@media print, screen and (min-width: 781px) {
  .p-message_list_item_segment {
    font-size: 20px;
    margin-top: 36px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-message_list_item_segment {
    margin-top: 8.2051282051vw;
  }
}

.p-message_record {
  text-decoration: none;
  color: #000;
  position: fixed;
  background-color: #0073C3;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
@media print, screen and (min-width: 781px) {
  .p-message_record {
    border-radius: 8px;
    right: 50px;
    bottom: 50px;
    padding: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-message_record {
    border-radius: 2.0512820513vw;
    left: 3.0769230769vw;
    width: calc(100% - 6.1538461538vw);
    bottom: 3.0769230769vw;
    padding: 2.0512820513vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media (any-hover: hover) {
  .p-message_record:hover {
    background-color: #0082dd;
  }
}

.p-message_record_title {
  font-weight: 700;
  color: #fff;
}
@media print, screen and (min-width: 781px) {
  .p-message_record_title {
    font-size: 18px;
    margin-bottom: 12px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-message_record_title {
    font-size: 4.6153846154vw;
    padding-left: 2.0512820513vw;
  }
}

.p-message_record_result {
  background-color: #fff;
}
@media print, screen and (min-width: 781px) {
  .p-message_record_result {
    padding: 10px;
    text-align: center;
    border-radius: 4px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-message_record_result {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2.0512820513vw 3.8461538462vw;
    gap: 5.1282051282vw;
    border-radius: 1.0256410256vw;
  }
}

.p-message_record_result_title {
  font-weight: 700;
  color: #0073C3;
  display: inline-block;
}
@media print, screen and (min-width: 781px) {
  .p-message_record_result_title {
    border-bottom: 2px solid #0073C3;
    padding-bottom: 5px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-message_record_result_title {
    border-bottom: 0.7692307692vw solid #0073C3;
    padding-top: 1.2820512821vw;
    padding-bottom: 1.2820512821vw;
  }
}

.p-message_record_result_disp {
  font-weight: 700;
}
.p-message_record_result_disp_num {
  color: #0073C3;
}
@media print, screen and (min-width: 781px) {
  .p-message_record_result_disp_num {
    font-size: 50px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-message_record_result_disp_num {
    display: inline-block;
    font-size: 11.2820512821vw;
    width: 2.8rem;
  }
}

.m-pagekv {
  position: relative;
}
@media print, screen and (max-width: 780px) {
  .m-pagekv {
    width: 100%;
  }
}

@media print, screen and (max-width: 780px) {
  .m-pagekv_image {
    width: 100%;
    border-radius: 0;
  }
}

.p-message_overlay {
  position: relative;
  border-radius: 0 24px 24px 0;
  background: #fff;
}
@media print, screen and (min-width: 781px) {
  .p-message_overlay {
    padding: 64px 64px 64px 120px;
    max-width: 1024px;
    margin-top: -240px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1440px) {
  .p-message_overlay {
    padding: 64px 64px 64px 80px;
    max-width: none;
    margin-right: 240px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1000px) {
  .p-message_overlay {
    padding: 50px 50px 50px 70px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1000px) {
  .p-message_overlay {
    margin-right: 50px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-message_overlay {
    padding: 8.2051282051vw 5.1282051282vw 10.2564102564vw 5.1282051282vw;
    max-width: 94.8717948718vw;
    margin-top: -80px;
  }
}

.p-message_overlay_body {
  position: relative;
}
.p-message_overlay::before {
  content: "";
  position: absolute;
  top: 0;
  background: #0073C3;
}
@media print, screen and (min-width: 781px) {
  .p-message_overlay::before {
    left: 120px;
    width: 120px;
    height: 4px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1440px) {
  .p-message_overlay::before {
    left: 80px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1024px) {
  .p-message_overlay::before {
    left: 70px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-message_overlay::before {
    left: 5.1282051282vw;
    width: 20.5128205128vw;
    height: 0.5128205128vw;
  }
}

.p-message_overlay_text {
  color: #0073C3;
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .p-message_overlay_text {
    font-size: 40px;
    line-height: 1.6;
  }
}
@media print, screen and (max-width: 780px) {
  .p-message_overlay_text {
    font-size: 5.641025641vw;
    line-height: 1.8;
  }
}

@media (max-width: 1124px) {
  .bp-1124 {
    display: none;
  }
}
.p-message_overlay_position {
  margin-top: 26px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media print, screen and (min-width: 781px) {
  .p-message_overlay_position {
    font-size: 18px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-message_overlay_position {
    font-size: 3.5897435897vw;
  }
}

.p-message_overlay_name {
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .p-message_overlay_name {
    font-size: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-message_overlay_name {
    font-size: 5.1282051282vw;
  }
}

.p-message_outline {
  background-color: #0B2C4F;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media print, screen and (min-width: 781px) {
  .p-message_outline {
    padding: 454px 220px 80px 220px;
    margin-top: -360px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1366px) {
  .p-message_outline {
    padding: 454px 120px 80px 120px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px;
    margin-top: -360px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-message_outline {
    padding-top: 51.2820512821vw;
    padding-inline: 5.1282051282vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 12.3076923077vw;
    margin-top: -41.0256410256vw;
  }
}

.p-message_outline_head {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media print, screen and (max-width: 780px) {
  .p-message_outline_head {
    gap: 4.1025641026vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 6.1538461538vw;
  }
}

.p-message_outline_head_title {
  font-weight: 500;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: Barlow Condensed;
  letter-spacing: 0.05em;
}
@media print, screen and (min-width: 781px) {
  .p-message_outline_head_title {
    font-size: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-message_outline_head_title {
    font-size: 6.1538461538vw;
  }
}

.p-message_profile_separator {
  display: inline-block;
  width: 1px;
  height: 96px;
  background-color: #fff;
  margin: 0 80px 0 79px;
}
@media print, screen and (min-width: 781px) and (max-width: 1366px) {
  .p-message_profile_separator {
    display: none;
  }
}

.p-message_outline_body {
  line-height: 2;
  color: #fff;
  font-weight: normal;
}
@media print, screen and (min-width: 781px) {
  .p-message_outline_body {
    font-size: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-message_outline_body {
    font-size: 3.8461538462vw;
  }
}

.p-message_chapter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media print, screen and (min-width: 781px) {
  .p-message_chapter {
    margin-top: 120px;
    gap: 80px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1366px) {
  .p-message_chapter {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-message_chapter {
    margin-top: 14.358974359vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.p-message_chapter.-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
@media print, screen and (min-width: 781px) and (max-width: 1366px) {
  .p-message_chapter.-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-message_chapter.-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media print, screen and (min-width: 781px) {
  .p-message_chapter.-reverse .p-message_chapter_content {
    padding-left: 0;
    padding-right: 100px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1366px) {
  .p-message_chapter.-reverse .p-message_chapter_content {
    padding-right: 0;
  }
}
@media print, screen and (min-width: 781px) {
  .p-message_chapter_content {
    padding-left: 100px;
    width: 45%;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1366px) {
  .p-message_chapter_content {
    width: 100%;
    padding-left: 0;
  }
}
.p-message_chapter_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media print, screen and (min-width: 781px) {
  .p-message_chapter_head {
    margin-bottom: 48px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-message_chapter_head {
    margin-bottom: 8.2051282051vw;
  }
}

.p-message_chapter_head_num {
  background-color: #0073C3;
  color: #fff;
  font-family: "Barlow Condensed";
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.05rem;
}
@media print, screen and (min-width: 781px) {
  .p-message_chapter_head_num {
    width: 168px;
    border-radius: 4px;
    font-size: 20px;
    padding: 0.7rem 1.2rem;
  }
}
@media print, screen and (max-width: 780px) {
  .p-message_chapter_head_num {
    width: 33.3333333333vw;
    border-radius: 1.0256410256vw;
    font-size: 3.5897435897vw;
    padding: 0.5rem 1.2rem;
  }
}

.p-message_chapter_head_ja {
  font-weight: 500;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media print, screen and (min-width: 781px) {
  .p-message_chapter_head_ja {
    font-size: 22px;
    margin-left: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-message_chapter_head_ja {
    font-size: 4.1025641026vw;
    margin-left: 4.1025641026vw;
  }
}

.p-message_chapter_head_en {
  font-family: "Barlow Condensed";
  letter-spacing: 0.05rem;
  color: #0073C3;
  border-left: 1px solid #D9D9D9;
  margin-left: 1rem;
  padding-left: 1rem;
}
@media print, screen and (min-width: 781px) {
  .p-message_chapter_head_en {
    font-size: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-message_chapter_head_en {
    font-size: 4.6153846154vw;
  }
}

.p-message_chapter_question {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
  color: #767676;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1.6;
}
@media print, screen and (min-width: 781px) {
  .p-message_chapter_question {
    font-size: 22px;
    gap: 24px;
    margin-bottom: 8px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-message_chapter_question {
    gap: 4.1025641026vw;
    margin-bottom: 2.5641025641vw;
  }
}
.p-message_chapter_question::before {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  content: "Q";
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  color: #fff;
  background-color: #767676;
  line-height: 1;
}
@media print, screen and (min-width: 781px) {
  .p-message_chapter_question::before {
    font-size: 22px;
    width: 40px;
    height: 36px;
    padding-bottom: 4px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-message_chapter_question::before {
    width: 8.2051282051vw;
    height: 8.2051282051vw;
  }
}

.p-message_chapter_answer {
  line-height: 1.6;
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .p-message_chapter_answer {
    font-size: 32px;
    margin-bottom: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-message_chapter_answer {
    font-size: 5.641025641vw;
    margin-bottom: 6.1538461538vw;
  }
}

.p-message_chapter_body {
  line-height: 2;
}
@media print, screen and (min-width: 781px) {
  .p-message_chapter_body {
    font-size: 18px;
    margin-bottom: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-message_chapter_body {
    font-size: 3.8461538462vw;
    margin-bottom: 4.1025641026vw;
  }
}

@media print, screen and (min-width: 781px) {
  .p-message_chapter_video {
    max-width: 700px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1500px) {
  .p-message_chapter_video {
    max-width: 600px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1366px) {
  .p-message_chapter_video {
    margin: 0 auto;
  }
}
@media print, screen and (max-width: 780px) {
  .p-message_chapter_video {
    margin-top: 4.1025641026vw;
  }
}

.p-message_chapter_image {
  width: 100%;
  vertical-align: middle;
}
@media print, screen and (min-width: 781px) {
  .p-message_chapter_image {
    border-radius: 24px;
    -webkit-box-shadow: 8px 8px 8px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 8px 8px 8px 0 rgba(0, 0, 0, 0.16);
  }
}
@media print, screen and (max-width: 780px) {
  .p-message_chapter_image {
    border-radius: 6.1538461538vw;
    -webkit-box-shadow: 2.0512820513vw 2.0512820513vw 2.0512820513vw 0 rgba(0, 0, 0, 0.16);
    box-shadow: 2.0512820513vw 2.0512820513vw 2.0512820513vw 0 rgba(0, 0, 0, 0.16);
  }
}

.p-message_fresh-episode {
  width: 100%;
  background: #758FA0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media print, screen and (min-width: 781px) {
  .p-message_fresh-episode {
    margin-top: 120px;
    margin-bottom: 120px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-message_fresh-episode {
    margin-top: 12.8205128205vw;
    margin-bottom: 16.4102564103vw;
  }
}

.p-message_fresh-episode_body {
  margin: 0 auto;
  background: #fff;
  border-radius: 16px;
  -webkit-box-shadow: 8px 8px 8px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 8px 8px 8px 0 rgba(0, 0, 0, 0.16);
}
@media print, screen and (min-width: 781px) {
  .p-message_fresh-episode_body {
    margin: min(80px, 4.6511627907vw) min(120px, 6.976744186vw);
  }
}
@media print, screen and (max-width: 780px) {
  .p-message_fresh-episode_body {
    margin: 14.358974359vw 5.1282051282vw;
  }
}

.p-message_fresh-episode_body_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media print, screen and (min-width: 781px) {
  .p-message_fresh-episode_body_inner {
    padding: min(80px, 4.1666666667vw) min(100px, 5.2083333333vw);
    gap: 56px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1366px) {
  .p-message_fresh-episode_body_inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
@media print, screen and (max-width: 780px) {
  .p-message_fresh-episode_body_inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin: 10.2564102564vw 5.1282051282vw;
  }
}

.p-message_fresh-episode_right {
  max-width: 904px;
}
@media print, screen and (min-width: 781px) {
  .p-message_fresh-episode_right {
    margin-top: 2.3255813953vw;
  }
}
.p-message_fresh-episode_image {
  width: 320px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media print, screen and (min-width: 781px) and (max-width: 1366px) {
  .p-message_fresh-episode_image {
    margin: 0 auto;
  }
}
@media print, screen and (max-width: 780px) {
  .p-message_fresh-episode_image {
    width: 61.5384615385vw;
    margin: 0 auto;
    margin-top: 6.1538461538vw;
  }
}

.p-message_fresh-episode_image img {
  width: 100%;
  height: auto;
  border-radius: 8px;
}

.p-message_fresh-episode_title {
  color: #0073C3;
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .p-message_fresh-episode_title {
    font-size: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-message_fresh-episode_title {
    font-size: 4.1025641026vw;
  }
}

.p-message_fresh-episode_text {
  line-height: 2;
}
@media print, screen and (min-width: 781px) {
  .p-message_fresh-episode_text {
    font-size: 16px;
    margin-top: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-message_fresh-episode_text {
    font-size: 3.8461538462vw;
    margin-top: 6.1538461538vw;
  }
}

.p-message_up_figure {
  margin: 0 auto;
}
@media print, screen and (min-width: 781px) {
  .p-message_up_figure {
    max-width: 1480px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-message_up_figure {
    margin-left: -5.1282051282vw;
    margin-right: -5.1282051282vw;
  }
}

.p-message_up_image {
  width: 100%;
  height: auto;
}
@media print, screen and (min-width: 781px) {
  .p-message_up_image {
    border-radius: 24px;
    -webkit-box-shadow: 8px 8px 8px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 8px 8px 8px 0 rgba(0, 0, 0, 0.16);
    margin-top: 120px;
    margin-bottom: 120px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-message_up_image {
    margin-top: 16.4102564103vw;
    margin-bottom: 20.5128205128vw;
  }
}

.p-movie_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
  -webkit-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
  box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media print, screen and (min-width: 781px) {
  .p-movie_box {
    padding: 80px 100px;
    border-radius: 16px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1000px) {
  .p-movie_box {
    padding: 40px 50px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-movie_box {
    border-radius: 2.0512820513vw;
  }
}

.p-movie_box_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media print, screen and (min-width: 781px) {
  .p-movie_box_item {
    gap: 40px;
  }
}
@media print, screen and (max-width: 1400px) {
  .p-movie_box_item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media print, screen and (max-width: 780px) {
  .p-movie_box_item {
    padding: 6.1538461538vw 5.1282051282vw 8.2051282051vw;
    gap: 6.1538461538vw;
  }
}
.p-movie_box_item + .p-movie_box_item {
  border-top: 1px solid #D9D9D9;
}
@media print, screen and (min-width: 781px) {
  .p-movie_box_item + .p-movie_box_item {
    margin-top: 80px;
    padding-top: 80px;
  }
}
.p-movie_box_video {
  width: 100%;
  aspect-ratio: 16/9;
}
@media print, screen and (min-width: 781px) {
  .p-movie_box_video {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}
.p-movie_box_video_player {
  width: 100%;
  height: 100%;
}
@media print, screen and (min-width: 781px) {
  .p-movie_box_content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}
.p-movie_box_title {
  color: #0073C3;
  font-weight: 500;
  line-height: 1.5;
}
@media print, screen and (min-width: 781px) {
  .p-movie_box_title {
    font-size: 28px;
    margin-bottom: 32px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-movie_box_title {
    font-size: 5.1282051282vw;
    margin-bottom: 6.1538461538vw;
  }
}

.p-movie_box_text {
  line-height: 2;
}
@media print, screen and (min-width: 781px) {
  .p-movie_box_text {
    font-size: 18px;
  }
}
.p-movie_box_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media print, screen and (min-width: 781px) {
  .p-movie_box_info {
    gap: 40px;
    margin-top: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-movie_box_info {
    gap: 6.1538461538vw;
    margin-top: 6.1538461538vw;
  }
}

.p-movie_box_info_set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media print, screen and (min-width: 781px) {
  .p-movie_box_info_set {
    gap: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-movie_box_info_set {
    gap: 2.0512820513vw;
  }
}

.p-movie_box_info_head {
  color: #0B2C4F;
  border: 1px solid #0B2C4F;
}
@media print, screen and (min-width: 781px) {
  .p-movie_box_info_head {
    font-size: 18px;
    border-radius: 4px;
    padding: 0.5rem 1rem;
  }
}
@media print, screen and (max-width: 780px) {
  .p-movie_box_info_head {
    font-size: 3.5897435897vw;
    padding: 0.3rem 0.7rem;
    border-radius: 0.7692307692vw;
  }
}

@media print, screen and (min-width: 781px) {
  .p-movie_box_info_data {
    font-size: 20px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-movie_box_info_data {
    font-size: 3.8461538462vw;
  }
}

.p-movie_more {
  background-color: #0B2C4F;
  -webkit-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
  box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
}
@media print, screen and (min-width: 781px) {
  .p-movie_more {
    border-radius: 8px;
    margin-top: 120px;
    padding: 80px 100px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1000px) {
  .p-movie_more {
    padding: 40px 50px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-movie_more {
    margin-top: 16.4102564103vw;
    padding: 10.2564102564vw 8.2051282051vw;
    border-radius: 2.0512820513vw;
  }
}

.p-movie_more_title {
  color: #fff;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
}
@media print, screen and (min-width: 781px) {
  .p-movie_more_title {
    font-size: 24px;
    margin-bottom: 32px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-movie_more_title {
    font-size: 4.6153846154vw;
    margin-bottom: 6.1538461538vw;
  }
}

.p-movie_more_content {
  background-color: #fff;
  position: relative;
}
@media print, screen and (min-width: 781px) {
  .p-movie_more_content {
    padding: 64px;
    border-radius: 8px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1000px) {
  .p-movie_more_content {
    padding: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-movie_more_content {
    padding: 8.2051282051vw 5.1282051282vw;
    border-radius: 1.0256410256vw;
  }
}
.p-movie_more_content::before {
  position: absolute;
  content: "";
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #0073C3;
}
@media print, screen and (min-width: 781px) {
  .p-movie_more_content::before {
    width: 80px;
    height: 4px;
    border-radius: 0 0 4px 4px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-movie_more_content::before {
    width: 20.5128205128vw;
    height: 1.0256410256vw;
    border-radius: 0 0 1.0256410256vw 1.0256410256vw;
  }
}

.p-movie_more_btn {
  font-weight: 500;
  background-color: #0073C3;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-decoration: none;
  position: relative;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  line-height: 1.5;
}
@media print, screen and (min-width: 781px) {
  .p-movie_more_btn {
    font-size: 20px;
    max-width: 500px;
    width: 100%;
    border-radius: 8px;
    margin: 0 auto;
    padding: 34px 64px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-movie_more_btn {
    font-size: 4.1025641026vw;
    width: 100%;
    border-radius: 1.0256410256vw;
    padding: 6.1538461538vw 8.2051282051vw;
  }
}
.p-movie_more_btn:hover {
  background-color: #0064aa;
}

.p-movie_more_btn_icon {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media print, screen and (min-width: 781px) {
  .p-movie_more_btn_icon {
    font-size: 24px;
    right: 36px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-movie_more_btn_icon {
    font-size: 4.6153846154vw;
    right: 6.1538461538vw;
  }
}

.p-movie_more_remark {
  line-height: 1.6;
  text-align: center;
}
@media print, screen and (min-width: 781px) {
  .p-movie_more_remark {
    font-size: 14px;
    margin-top: 1.5rem;
  }
}
@media print, screen and (max-width: 780px) {
  .p-movie_more_remark {
    font-size: 3.5897435897vw;
    margin-top: 3.0769230769vw;
  }
}

@media print, screen and (min-width: 781px) {
  .p-numbers_container {
    padding-top: 8px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-numbers_container {
    margin-top: -8px;
  }
}
.p-numbers_container.--flex {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media print, screen and (min-width: 781px) {
  .p-numbers_container.--ratio {
    margin-top: 22px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-numbers_container.--ratio {
    margin-top: 2.0512820513vw;
  }
}

.p-numbers_container_body {
  margin: 0 auto;
  background: #f7f7f7;
  outline: 1px solid #d7d7d7;
  text-align: center;
  overflow: hidden;
}
@media print, screen and (min-width: 781px) {
  .p-numbers_container_body {
    border-radius: 16px;
    max-width: 1280px;
    width: 100%;
  }
}
@media print, screen and (max-width: 780px) {
  .p-numbers_container_body {
    border-radius: 8px;
    max-width: 89.7435897436vw;
    width: 100%;
  }
}
.p-numbers_container_body.--full {
  grid-column: 1/-1;
  width: 100%;
}
@media print, screen and (max-width: 780px) {
  .p-numbers_container_body.--full:last-child {
    margin-top: 8px;
  }
}

.p-numbers_grid_container {
  display: grid;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: auto;
}
@media print, screen and (min-width: 781px) {
  .p-numbers_grid_container {
    gap: 40px;
  }
}
@media print, screen and (min-width: 781px) {
  .p-numbers_grid_container.--corporate {
    max-width: 1120px;
    padding-top: 64px;
    padding-bottom: 64px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1536px) {
  .p-numbers_grid_container.--corporate {
    grid-template-columns: 1fr;
    margin-inline: clamp(40px, 4.16vw, 80px);
  }
}
@media print, screen and (max-width: 780px) {
  .p-numbers_grid_container.--corporate {
    max-width: 79.4871794872vw;
    margin-top: 4.1025641026vw;
    margin-bottom: 4.1025641026vw;
    gap: 2.0512820513vw;
  }
}
@media print, screen and (min-width: 781px) {
  .p-numbers_grid_container.--business {
    max-width: 1280px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1536px) {
  .p-numbers_grid_container.--business {
    grid-template-columns: 1fr;
  }
}
@media print, screen and (max-width: 780px) {
  .p-numbers_grid_container.--business {
    max-width: 89.7435897436vw;
    gap: 4.1025641026vw;
  }
}
@media print, screen and (min-width: 781px) {
  .p-numbers_grid_container.--3col {
    max-width: 1121px;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 32px;
    margin-bottom: 32px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1535px) {
  .p-numbers_grid_container.--3col {
    grid-template-columns: 1fr;
    margin-inline: clamp(40px, 4.16vw, 80px);
  }
}
@media print, screen and (max-width: 780px) {
  .p-numbers_grid_container.--3col {
    margin-top: 6.1538461538vw;
    margin-bottom: 4.1025641026vw;
    grid-template-columns: 1fr;
    gap: 4.1025641026vw;
  }
}
@media print, screen and (min-width: 781px) {
  .p-numbers_grid_container.--workstyle {
    max-width: 1280px;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1536px) {
  .p-numbers_grid_container.--workstyle {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1280px) {
  .p-numbers_grid_container.--workstyle {
    grid-template-columns: 1fr;
  }
}
@media print, screen and (max-width: 780px) {
  .p-numbers_grid_container.--workstyle {
    gap: 4.1025641026vw;
    grid-template-columns: 1fr;
  }
}

.p-numbers_item {
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.p-numbers_item.--white {
  background: #fff;
  outline: 1px solid #d7d7d7;
  overflow: hidden;
}
@media print, screen and (min-width: 781px) {
  .p-numbers_item.--white {
    border-radius: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-numbers_item.--white {
    width: 79.4871794872vw;
    border-radius: 2.0512820513vw;
  }
}
@media print, screen and (min-width: 781px) {
  .p-numbers_item.--corporate {
    max-width: 540px;
    width: 100%;
    padding-top: 40px;
    padding-bottom: 56px;
    min-width: 0;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1536px) {
  .p-numbers_item.--corporate {
    margin: auto;
    max-width: none;
  }
}
@media print, screen and (max-width: 780px) {
  .p-numbers_item.--corporate {
    padding-top: 8.2051282051vw;
    padding-bottom: 8.2051282051vw;
  }
}
.p-numbers_item.--column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media print, screen and (min-width: 781px) and (max-width: 1535px) {
  .p-numbers_item.--column {
    margin: auto;
  }
}
@media print, screen and (min-width: 781px) {
  .p-numbers_item.--column.--440 {
    width: 440px;
  }
}
@media print, screen and (min-width: 781px) {
  .p-numbers_item.--column.--460 {
    max-width: 460px;
    padding: 56px 32px 80px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-numbers_item.--column.--460 {
    padding: 8.2051282051vw 5.1282051282vw;
  }
}
@media print, screen and (min-width: 781px) {
  .p-numbers_item.--column.--347 {
    max-width: 347px;
    padding-top: 24px;
    padding-bottom: 32px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-numbers_item.--column.--347 {
    padding-top: 6.1538461538vw;
    padding-bottom: 6.1538461538vw;
    margin-inline: auto;
  }
}
@media print, screen and (min-width: 781px) {
  .p-numbers_item.--column.--347.--workstyle {
    padding-top: 28px;
    padding-bottom: 40px;
  }
}
@media print, screen and (min-width: 781px) {
  .p-numbers_item.--column.--400 {
    width: 400px;
    padding-bottom: 56px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-numbers_item.--column.--400 {
    padding-bottom: 8.2051282051vw;
  }
}
@media print, screen and (min-width: 781px) {
  .p-numbers_item.--flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 80px 100px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 40px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1535px) {
  .p-numbers_item.--flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1080px) {
  .p-numbers_item.--flex {
    padding-block: 80px;
    padding-inline: 0;
    margin-inline: auto;
  }
}
@media print, screen and (max-width: 780px) {
  .p-numbers_item.--flex {
    margin-top: 6.1538461538vw;
    padding: 8.2051282051vw 5.1282051282vw;
  }
}
.p-numbers_item.--ratio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media print, screen and (min-width: 781px) {
  .p-numbers_item.--spacer {
    margin-inline: clamp(40px, 4.16vw, 80px);
    margin-top: 32px;
    margin-bottom: 64px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-numbers_item.--spacer {
    margin-inline: 5.1282051282vw;
    margin-top: 6.1538461538vw;
    margin-bottom: 4.1025641026vw;
  }
}
@media print, screen and (max-width: 780px) {
  .p-numbers_item.--spacer-sm {
    margin-inline: 5.1282051282vw;
  }
}

@media print, screen and (max-width: 780px) {
  .p-numbers_icon {
    width: 8.2051282051vw;
    margin-inline: auto;
  }
}
.p-numbers_icon.--spacer {
  margin-top: 40px;
}

.p-numbers_box_item_label {
  color: #0073C3;
  font-weight: bold;
  white-space: nowrap;
}
@media print, screen and (min-width: 781px) {
  .p-numbers_box_item_label {
    font-size: 20px;
    margin-top: 12px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-numbers_box_item_label {
    font-size: 4.6153846154vw;
    margin-top: 2.0512820513vw;
  }
}

.p-numbers_amount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 8px;
}
@media print, screen and (min-width: 781px) {
  .p-numbers_amount {
    margin-top: 32px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-numbers_amount {
    margin-top: 4.1025641026vw;
  }
}
@media print, screen and (min-width: 781px) {
  .p-numbers_amount.--spacer {
    padding-top: 20px;
  }
}
.p-numbers_amount.--no-margin {
  margin-top: 0;
}

.number {
  font-family: "Barlow Condensed", sans-serif;
  color: #0073C3;
  font-weight: 500;
  line-height: 0.7;
}
@media print, screen and (min-width: 781px) {
  .number.--fz100 {
    font-size: 100px;
  }
}
@media print, screen and (max-width: 780px) {
  .number.--fz100 {
    font-size: 20.5128205128vw;
  }
}
@media print, screen and (min-width: 781px) {
  .number.--fz80 {
    font-size: 80px;
  }
}
@media print, screen and (max-width: 780px) {
  .number.--fz80 {
    font-size: 20.5128205128vw;
  }
}
@media print, screen and (min-width: 781px) {
  .number.--members {
    font-size: 64px;
  }
}
@media print, screen and (max-width: 780px) {
  .number.--members {
    font-size: 16.4102564103vw;
  }
}

.unit {
  font-family: Zenkaku Gothic New, sans-serif;
  font-weight: bold;
  line-height: 1;
  white-space: nowrap;
  gap: 8px;
}
@media print, screen and (min-width: 781px) {
  .unit {
    font-size: 40px;
    color: #000;
  }
}
@media print, screen and (max-width: 780px) {
  .unit {
    font-size: 6.1538461538vw;
  }
}
@media print, screen and (min-width: 781px) {
  .unit.--members {
    font-size: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .unit.--members {
    font-size: 10.2564102564vw;
  }
}
.unit.--slash {
  position: relative;
  padding-right: 0.6em;
}
@media print, screen and (min-width: 781px) {
  .unit.--slash {
    margin-right: 8px;
  }
}
@media print, screen and (max-width: 780px) {
  .unit.--slash {
    margin-right: 1.5384615385vw;
  }
}
.unit.--slash::after {
  content: "";
  position: absolute;
  top: 55%;
  right: 0;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  width: 0;
  height: 1.2em;
  border-left: clamp(2px, 0.39vw, 3px) solid #000;
}

.unit_gl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}
@media print, screen and (min-width: 781px) {
  .unit_gl {
    gap: 10px;
  }
}
@media print, screen and (max-width: 780px) {
  .unit_gl {
    gap: 1.2820512821vw;
  }
}

.p-numbers_amount_note {
  margin-top: 8px;
  line-height: 1.8;
}
@media print, screen and (min-width: 781px) {
  .p-numbers_amount_note {
    font-size: 18px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-numbers_amount_note {
    font-size: 4.1025641026vw;
  }
}
@media print, screen and (max-width: 780px) {
  .p-numbers_amount_note:first-of-type {
    padding-bottom: 2.0512820513vw;
  }
}

@media print, screen and (min-width: 781px) {
  .graph {
    width: 100%;
  }
}
@media print, screen and (max-width: 780px) {
  .graph {
    margin-top: 8.2051282051vw;
    width: 69.2307692308vw;
  }
}
@media print, screen and (min-width: 781px) {
  .graph.--revenue {
    margin-top: 32px;
  }
}
@media print, screen and (max-width: 780px) {
  .graph.--revenue {
    margin-top: 4.1025641026vw;
    margin-inline: auto;
    margin-bottom: -2.0512820513vw;
  }
}
@media print, screen and (min-width: 781px) {
  .graph.--salesmix {
    margin-top: 52px;
  }
}
@media print, screen and (max-width: 780px) {
  .graph.--salesmix {
    margin-top: 4.1025641026vw;
    margin-inline: auto;
    margin-bottom: -2.0512820513vw;
  }
}

@media print, screen and (max-width: 780px) {
  .p-numbers_global_presence {
    margin-top: 8.2051282051vw;
  }
}

.punctuation {
  font-weight: bold;
  font-size: 32px;
  width: 32px;
}

.p-numbers_box_item_caption {
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .p-numbers_box_item_caption {
    font-size: 20px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-numbers_box_item_caption {
    font-size: 4.1025641026vw;
  }
}

.p-numbers_box_item_subtitle {
  font-weight: 500;
  line-height: 1.6;
}
@media print, screen and (min-width: 781px) {
  .p-numbers_box_item_subtitle {
    font-size: 20px;
    margin-top: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-numbers_box_item_subtitle {
    margin-top: 6.1538461538vw;
    font-size: 4.1025641026vw;
    margin-bottom: -2.0512820513vw;
  }
}
@media print, screen and (min-width: 781px) {
  .p-numbers_box_item_subtitle.--ratio {
    margin-top: 36px;
    margin-bottom: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-numbers_box_item_subtitle.--ratio {
    margin-top: 4.1025641026vw;
    margin-bottom: 2.0512820513vw;
  }
}

.p-numbers_text {
  text-align: left;
}
@media print, screen and (min-width: 781px) {
  .p-numbers_text {
    font-size: 18px;
    line-height: 1.8;
    margin-top: 40px;
    max-width: 440px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-numbers_text {
    font-size: 3.8461538462vw;
    line-height: 1.8;
    width: 69.2307692308vw;
    margin-top: 6.1538461538vw;
  }
}

.p-numbers_feature_text {
  line-height: 1.8;
}
@media print, screen and (min-width: 781px) {
  .p-numbers_feature_text {
    margin-top: 32px;
    font-size: 18px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-numbers_feature_text {
    margin-top: 4.1025641026vw;
    font-size: 3.8461538462vw;
  }
}

.product_grid_box {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
@media print, screen and (min-width: 781px) {
  .product_grid_box {
    row-gap: 24px;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
  }
}
@media print, screen and (max-width: 780px) {
  .product_grid_box {
    margin-top: 6.1538461538vw;
  }
}

@media print, screen and (min-width: 781px) {
  .product_grid_item {
    max-width: 210px;
  }
}
@media print, screen and (max-width: 780px) {
  .product_grid_item {
    max-width: 33.3333333333vw;
  }
}

.product_grid_item img {
  width: 100%;
  height: auto;
}

.product_grid_item p {
  text-align: left;
}
@media print, screen and (min-width: 781px) {
  .product_grid_item p {
    font-size: 16px;
    line-height: 1.4;
    margin-top: 12px;
  }
}
@media print, screen and (max-width: 780px) {
  .product_grid_item p {
    font-size: 3.0769230769vw;
    line-height: 1.4;
    margin-top: 1.0256410256vw;
  }
}

.p-numbers_box_country_list {
  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;
  gap: 8px;
  margin: auto;
}
@media print, screen and (min-width: 781px) {
  .p-numbers_box_country_list {
    max-width: 375px;
    margin-top: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-numbers_box_country_list {
    width: 69.2307692308vw;
    margin-top: 6.1538461538vw;
  }
}

.p-numbers_box_country_list_item {
  background: #0B2C4F;
  color: #fff;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media print, screen and (min-width: 781px) {
  .p-numbers_box_country_list_item {
    padding: 8px 12px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-numbers_box_country_list_item {
    padding: 1.5384615385vw 2.0512820513vw;
  }
}

.p-numbers_note {
  text-align: right;
  margin-inline: auto;
}
@media print, screen and (min-width: 781px) {
  .p-numbers_note {
    max-width: 1280px;
    font-size: 18px;
    margin-top: 56px;
    margin-bottom: 120px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-numbers_note {
    max-width: 89.7435897436vw;
    font-size: 4.1025641026vw;
    margin-top: 4.1025641026vw;
    margin-bottom: 16.4102564103vw;
  }
}

.p-officetour_mv {
  position: relative;
  background: url(/recruit/_/media/page/officetour-nagoya/mv_bg.jpg) center center/cover no-repeat;
}
@media print, screen and (min-width: 781px) {
  .p-officetour_mv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: clamp(500px, 100dvh, 1000px);
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1024px) {
  .p-officetour_mv {
    background: url(/recruit/_/media/page/officetour-nagoya/mv_bg-sp.jpg);
    display: block;
    height: clamp(1024px, 100vh, 1080px);
  }
}
@media print, screen and (max-width: 780px) {
  .p-officetour_mv {
    overflow: hidden;
    height: 176.1538461538vw;
    max-height: none;
  }
}

@media print, screen and (min-width: 781px) {
  .p-officetour_mv_row-group {
    width: 50%;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1024px) {
  .p-officetour_mv_row-group {
    width: 100%;
  }
}

@media print, screen and (min-width: 781px) {
  .p-officetour_mv_row-group--ttl {
    padding-left: min(120px, 6.25vw);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1024px) {
  .p-officetour_mv_row-group--ttl {
    padding: 15.625vw 0 0 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-officetour_mv_row-group--ttl {
    padding: 10.7692307692vw 5.1282051282vw;
  }
}

.p-officetour_ttl {
  display: grid;
}

.p-officetour_ttl--en {
  font-family: Barlow Condensed;
  font-weight: 600;
  color: #fff;
}
@media print, screen and (min-width: 781px) {
  .p-officetour_ttl--en {
    margin-bottom: min(20px, 1.0416666667vw);
    font-size: min(140px, 7.2916666667vw);
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1024px) {
  .p-officetour_ttl--en {
    margin-bottom: 3.0769230769vw;
    font-size: 15.3645833333vw;
  }
}
@media print, screen and (max-width: 780px) {
  .p-officetour_ttl--en {
    margin-bottom: 3.5897435897vw;
    font-size: 20vw;
  }
}

.p-officetour_ttl-row-group {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media print, screen and (min-width: 781px) {
  .p-officetour_ttl-row-group {
    gap: min(28px, 1.4583333333vw);
    margin-bottom: min(80px, 4.1666666667vw);
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1024px) {
  .p-officetour_ttl-row-group {
    gap: 3.125vw;
  }
}
@media print, screen and (max-width: 780px) {
  .p-officetour_ttl-row-group {
    gap: 4.1025641026vw;
    margin-bottom: 8.2051282051vw;
  }
}

.p-officetour_ttl--jp {
  font-size: min(38px, 1.9791666667vw);
  font-weight: 700;
  color: #fff;
}
@media print, screen and (min-width: 781px) and (max-width: 1024px) {
  .p-officetour_ttl--jp {
    font-size: 3.90625vw;
  }
}
@media print, screen and (max-width: 780px) {
  .p-officetour_ttl--jp {
    font-size: 5.1282051282vw;
  }
}

.p-officetour_ttl--sub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #0073C3;
  background: #fff;
  font-weight: 700;
}
@media print, screen and (min-width: 781px) {
  .p-officetour_ttl--sub {
    height: min(60px, 3.125vw);
    padding-inline: min(35px, 1.8229166667vw);
    font-size: min(30px, 1.5625vw);
    border-radius: 8px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1024px) {
  .p-officetour_ttl--sub {
    height: 7.2916666667vw;
    padding-inline: 30px;
    font-size: 3.6458333333vw;
  }
}
@media print, screen and (max-width: 780px) {
  .p-officetour_ttl--sub {
    height: 8.7179487179vw;
    padding-inline: 5.8974358974vw;
    font-size: 4.6153846154vw;
    border-radius: 1.0256410256vw;
  }
}

.p-officetour_read {
  position: relative;
  z-index: 2;
}

.p-officetour_read-txt {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #fff;
  background: #0B2C4F;
  font-weight: 500;
  line-height: 1.46;
}
@media print, screen and (min-width: 781px) {
  .p-officetour_read-txt {
    padding: min(12px, 0.625vw) min(16px, 0.8333333333vw);
    font-size: min(26px, 1.3541666667vw);
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1024px) {
  .p-officetour_read-txt {
    padding: 12px;
    font-size: 2.5vw;
  }
}
@media print, screen and (max-width: 780px) {
  .p-officetour_read-txt {
    padding: 2.0512820513vw;
    font-size: 4.1025641026vw;
  }
}

#js-p-officetour_mv_slide--01,
#js-p-officetour_mv_slide--01 .splide__track,
#js-p-officetour_mv_slide--02,
#js-p-officetour_mv_slide--02 .splide__track {
  -ms-touch-action: none;
  touch-action: none;
}
@media print, screen and (min-width: 781px) {
  #js-p-officetour_mv_slide--01,
  #js-p-officetour_mv_slide--01 .splide__track,
  #js-p-officetour_mv_slide--02,
  #js-p-officetour_mv_slide--02 .splide__track {
    height: 100%;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1024px) {
  #js-p-officetour_mv_slide--01,
  #js-p-officetour_mv_slide--01 .splide__track,
  #js-p-officetour_mv_slide--02,
  #js-p-officetour_mv_slide--02 .splide__track {
    height: auto;
  }
}
@media print, screen and (max-width: 780px) {
  #js-p-officetour_mv_slide--01,
  #js-p-officetour_mv_slide--01 .splide__track,
  #js-p-officetour_mv_slide--02,
  #js-p-officetour_mv_slide--02 .splide__track {
    height: auto;
  }
}

#js-p-officetour_mv_slide--01 .splide__slide,
#js-p-officetour_mv_slide--02 .splide__slide {
  overflow: hidden;
}
@media print, screen and (min-width: 781px) {
  #js-p-officetour_mv_slide--01 .splide__slide,
  #js-p-officetour_mv_slide--02 .splide__slide {
    border-radius: 16px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1024px) {
  #js-p-officetour_mv_slide--01 .splide__slide,
  #js-p-officetour_mv_slide--02 .splide__slide {
    height: min(300px, 15.625vw);
  }
}
@media print, screen and (max-width: 780px) {
  #js-p-officetour_mv_slide--01 .splide__slide,
  #js-p-officetour_mv_slide--02 .splide__slide {
    height: 20.5128205128vw !important;
    border-radius: 2.0512820513vw;
  }
}

#js-p-officetour_mv_slide--01 .splide__slide picture,
#js-p-officetour_mv_slide--01 .splide__slide img,
#js-p-officetour_mv_slide--02 .splide__slide picture,
#js-p-officetour_mv_slide--02 .splide__slide img {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.p-officetour_mv_row-group--slide {
  overflow: hidden;
  z-index: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}
@media print, screen and (min-width: 781px) {
  .p-officetour_mv_row-group--slide {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: min(59px, 3.0729166667vw);
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1024px) {
  .p-officetour_mv_row-group--slide {
    position: absolute;
    top: min(550px, 65.1041666667vw);
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media print, screen and (max-width: 780px) {
  .p-officetour_mv_row-group--slide {
    margin: -15.3846153846vw;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    gap: 5.3846153846vw;
  }
}

.p-officetour_navigator {
  position: absolute;
  bottom: 0;
}
@media print, screen and (min-width: 781px) {
  .p-officetour_navigator {
    right: min(50px, 2.6041666667vw);
  }
}
@media print, screen and (max-width: 780px) {
  .p-officetour_navigator {
    right: 5.1282051282vw;
  }
}

@media print, screen and (min-width: 781px) {
  .p-officetour_navigator img {
    height: min(493px, 25.6770833333vw);
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1024px) {
  .p-officetour_navigator img {
    height: min(640px, 33.3333333333vw);
  }
}
@media print, screen and (max-width: 780px) {
  .p-officetour_navigator img {
    height: 71.7948717949vw;
  }
}

.p-officetour_navigator-txt-container {
  position: absolute;
  bottom: 0;
  background: #0B2C4F;
}
@media print, screen and (min-width: 781px) {
  .p-officetour_navigator-txt-container {
    right: min(70px, 3.6458333333vw);
    padding: 22px min(18px, 0.9375vw);
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1024px) {
  .p-officetour_navigator-txt-container {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: auto;
  }
}
@media print, screen and (max-width: 780px) {
  .p-officetour_navigator-txt-container {
    right: 30.7692307692vw;
    width: 58.9743589744vw;
    padding: 5.3846153846vw 5.1282051282vw;
  }
}
.p-officetour_navigator-txt-container::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: min(18px, 0.9375vw);
  background: #B5DF0C;
}
@media print, screen and (min-width: 781px) {
  .p-officetour_navigator-txt-container::before {
    width: min(56px, 2.9166666667vw);
    height: 2px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-officetour_navigator-txt-container::before {
    width: 14.358974359vw;
    height: 0.5128205128vw;
    left: 5.1282051282vw;
  }
}

.p-officetour_navigator-txt--message {
  color: #fff;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
}
@media print, screen and (min-width: 781px) {
  .p-officetour_navigator-txt--message {
    font-size: min(24px, 1.25vw);
    margin-bottom: 16px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1024px) {
  .p-officetour_navigator-txt--message {
    font-size: 18px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-officetour_navigator-txt--message {
    font-size: 4.358974359vw;
    margin-bottom: 3.0769230769vw;
  }
}

.p-officetour_navigator-txt--profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #0073C3;
  background: #fff;
  font-weight: 700;
  white-space: nowrap;
}
@media print, screen and (min-width: 781px) {
  .p-officetour_navigator-txt--profile {
    font-size: min(16px, 1.0416666667vw);
    padding: 8px 20px;
    border-radius: 4px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1024px) {
  .p-officetour_navigator-txt--profile {
    font-size: 14px;
    padding: 8px 20px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media print, screen and (max-width: 780px) {
  .p-officetour_navigator-txt--profile {
    padding: 1.7948717949vw 2.5641025641vw;
    font-size: 3.0769230769vw;
    border-radius: 1.0256410256vw;
  }
}

.p-officetour_about {
  line-height: 2;
}
@media print, screen and (min-width: 781px) {
  .p-officetour_about {
    padding: min(120px, 6.25vw) min(220px, 11.4583333333vw);
    font-size: 20px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1024px) {
  .p-officetour_about {
    font-size: 18px;
    padding-inline: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-officetour_about {
    padding: 16.4102564103vw 5.1282051282vw;
    font-size: 4.1025641026vw;
  }
}

.p-officetour_intro_inner {
  position: relative;
}
@media print, screen and (min-width: 781px) {
  .p-officetour_intro_inner {
    padding-bottom: 40px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1200px) {
  .p-officetour_intro_inner {
    padding-bottom: 180px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-officetour_intro_inner {
    padding-bottom: 95.8974358974vw;
  }
}

@media print, screen and (min-width: 781px) and (max-width: 1024px) {
  .p-officetour_intro--divers .p-officetour_intro_inner {
    padding-bottom: 350px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-officetour_intro--divers .p-officetour_intro_inner {
    padding-bottom: 95.8974358974vw;
  }
}

@media print, screen and (min-width: 781px) and (max-width: 1024px) {
  .p-officetour_intro--entrance .p-officetour_intro_inner {
    padding-bottom: 380px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-officetour_intro--entrance .p-officetour_intro_inner {
    padding-bottom: 100vw;
  }
}

@media print, screen and (min-width: 781px) and (max-width: 1024px) {
  .p-officetour_intro--working-space .p-officetour_intro_inner {
    padding-bottom: 430px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-officetour_intro--working-space .p-officetour_intro_inner {
    padding-bottom: 115.3846153846vw;
  }
}

@media print, screen and (min-width: 781px) and (max-width: 1024px) {
  .p-officetour_intro--refresh-space .p-officetour_intro_inner {
    padding-bottom: 380px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-officetour_intro--refresh-space .p-officetour_intro_inner {
    padding-bottom: 100vw;
  }
}

.p-officetour_intro_txt-group {
  position: absolute;
  background: #fff;
}
@media print, screen and (min-width: 781px) {
  .p-officetour_intro_txt-group {
    bottom: -4.1666666667vw;
    left: 50%;
    width: min(1480px, 77.0833333333vw);
    margin: 0 auto;
    padding: min(80px, 4.1666666667vw) min(100px, 5.2083333333vw) min(56px, 2.9166666667vw);
    padding-right: min(440px, 22.9166666667vw);
    border: 2px solid #0073C3;
    border-radius: 24px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
    box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1200px) {
  .p-officetour_intro_txt-group {
    padding: 60px min(480px, 25vw) min(56px, 2.9166666667vw) min(80px, 4.1666666667vw);
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1024px) {
  .p-officetour_intro_txt-group {
    left: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-inline: min(120px, 6.25vw);
    padding-top: 6.25vw;
    padding-right: min(100px, 5.2083333333vw);
    padding-bottom: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@media print, screen and (max-width: 780px) {
  .p-officetour_intro_txt-group {
    bottom: -16.4102564103vw;
    left: 0;
    margin-inline: 5.1282051282vw;
    padding: 11.5384615385vw 5.1282051282vw 0;
    border: 0.2564102564vw solid #0073C3;
    border-radius: 2.0512820513vw;
    -webkit-box-shadow: 2.0512820513vw 2.0512820513vw 2.0512820513vw rgba(0, 0, 0, 0.16);
    box-shadow: 2.0512820513vw 2.0512820513vw 2.0512820513vw rgba(0, 0, 0, 0.16);
  }
}
.p-officetour_intro_txt-group::after {
  content: "";
  display: block;
}
@media print, screen and (min-width: 781px) {
  .p-officetour_intro_txt-group::after {
    position: absolute;
    bottom: 0;
    right: min(76px, 3.9583333333vw);
    width: min(440px, 22.9166666667vw);
    height: min(440px, 22.9166666667vw);
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1400px) {
  .p-officetour_intro_txt-group::after {
    zoom: 0.85;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1200px) {
  .p-officetour_intro_txt-group::after {
    zoom: 0.95;
    right: min(50px, 2.6041666667vw);
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1024px) {
  .p-officetour_intro_txt-group::after {
    zoom: 1;
    right: 0;
    position: static;
    margin: 0 auto;
  }
}
@media print, screen and (max-width: 780px) {
  .p-officetour_intro_txt-group::after {
    width: 66.6666666667vw;
    height: 58.9743589744vw;
    margin: 0 auto;
  }
}

@media print, screen and (min-width: 781px) {
  .p-officetour_intro--divers .p-officetour_intro_txt-group::after {
    background: url(/recruit/_/media/page/officetour-nagoya/intro_divers_navigator_01.png) center center/cover no-repeat;
  }
}
@media print, screen and (max-width: 780px) {
  .p-officetour_intro--divers .p-officetour_intro_txt-group::after {
    background: url(/recruit/_/media/page/officetour-nagoya/intro_divers_navigator_01-sp.png) center center/cover no-repeat;
  }
}

@media print, screen and (min-width: 781px) {
  .p-officetour_intro--entrance .p-officetour_intro_txt-group::after {
    background: url(/recruit/_/media/page/officetour-nagoya/intro_entrance_navigator_01.png) center center/cover no-repeat;
  }
}
@media print, screen and (max-width: 780px) {
  .p-officetour_intro--entrance .p-officetour_intro_txt-group::after {
    background: url(/recruit/_/media/page/officetour-nagoya/intro_entrance_navigator_01-sp.png) center center/cover no-repeat;
  }
}

@media print, screen and (min-width: 781px) {
  .p-officetour_intro--working-space .p-officetour_intro_txt-group::after {
    background: url(/recruit/_/media/page/officetour-nagoya/intro_working-space_navigator_01.png) center center/cover no-repeat;
  }
}
@media print, screen and (max-width: 780px) {
  .p-officetour_intro--working-space .p-officetour_intro_txt-group::after {
    background: url(/recruit/_/media/page/officetour-nagoya/intro_working-space_navigator_01-sp.png) center center/cover no-repeat;
  }
}

@media print, screen and (min-width: 781px) {
  .p-officetour_intro--refresh-space .p-officetour_intro_txt-group::after {
    background: url(/recruit/_/media/page/officetour-nagoya/intro_refresh-space_navigator_01.png) center center/cover no-repeat;
  }
}
@media print, screen and (max-width: 780px) {
  .p-officetour_intro--refresh-space .p-officetour_intro_txt-group::after {
    background: url(/recruit/_/media/page/officetour-nagoya/intro_refresh-space_navigator_01-sp.png) center center/cover no-repeat;
  }
}

.p-officetour_intro_ttl {
  color: #0073C3;
  font-weight: 700;
}
@media print, screen and (min-width: 781px) {
  .p-officetour_intro_ttl {
    margin-bottom: 25px;
    font-size: min(40px, 2.0833333333vw);
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1024px) {
  .p-officetour_intro_ttl {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto 25px;
    font-size: 30px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-officetour_intro_ttl {
    text-align: center;
    margin-bottom: 6.1538461538vw;
    font-size: 5.641025641vw;
  }
}

.p-officetour_intro_ttl .visible-sp {
  display: none;
}
@media print, screen and (min-width: 781px) and (max-width: 900px) {
  .p-officetour_intro_ttl .visible-sp {
    display: block;
  }
}

.p-officetour_intro_ttl--under-line {
  display: inline-block;
  position: relative;
  z-index: 1;
  display: inline-block;
}
.p-officetour_intro_ttl--under-line::before {
  position: absolute;
  bottom: 0;
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), color-stop(50%, #B5DF0C));
  background: linear-gradient(to bottom, #fff 50%, #B5DF0C 50%);
  z-index: -1;
}
@media print, screen and (min-width: 781px) {
  .p-officetour_intro_ttl--under-line::before {
    bottom: -10px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-officetour_intro_ttl--under-line::before {
    bottom: -1.2820512821vw;
  }
}

.p-officetour_intro_ttl--2line .p-officetour_intro_ttl--under-line::before {
  height: 80%;
}
@media print, screen and (min-width: 781px) {
  .p-officetour_intro_ttl--2line .p-officetour_intro_ttl--under-line::before {
    bottom: -5px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-officetour_intro_ttl--2line .p-officetour_intro_ttl--under-line::before {
    bottom: -0.7692307692vw;
  }
}

.p-officetour_intro_ttl--2line {
  line-height: 1.2;
}
@media print, screen and (min-width: 781px) and (max-width: 1024px) {
  .p-officetour_intro_ttl--2line {
    text-align: center;
  }
}

.p-officetour_intro_txt {
  line-height: 2;
}
@media print, screen and (min-width: 781px) {
  .p-officetour_intro_txt {
    font-size: 18px;
    max-width: 880px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1200px) {
  .p-officetour_intro_txt {
    margin-bottom: 0;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1024px) {
  .p-officetour_intro_txt {
    margin-bottom: 20px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-officetour_intro_txt {
    font-size: 3.8461538462vw;
    margin-bottom: 4.1025641026vw;
  }
}

.p-officetour_intro_txt--en {
  position: absolute;
  color: #fff;
  background: #0073C3;
  font-family: Barlow Condensed;
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .p-officetour_intro_txt--en {
    top: -35px;
    left: min(100px, 5.2083333333vw);
    padding: min(20px, 1.0416666667vw) min(32px, 1.6666666667vw);
    font-size: min(32px, 1.6666666667vw);
    border-radius: 8px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1500px) {
  .p-officetour_intro_txt--en {
    top: -20px;
    font-size: 24px;
    padding: 12px 28px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-officetour_intro_txt--en {
    top: -4.1025641026vw;
    left: 5.1282051282vw;
    padding: 2.5641025641vw 4.1025641026vw;
    font-size: 4.1025641026vw;
    border-radius: 1.0256410256vw;
  }
}
.p-officetour_intro_txt--en::before {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  content: "";
  display: block;
  background: url(/recruit/_/media/page/officetour-nagoya/intro_point_speech-balloon_deco.svg) center center/cover no-repeat;
}
@media print, screen and (min-width: 781px) {
  .p-officetour_intro_txt--en::before {
    bottom: -15px;
    width: 16px;
    height: 16px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1024px) {
  .p-officetour_intro_txt--en::before {
    bottom: -9px;
    width: 10px;
    height: 10px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-officetour_intro_txt--en::before {
    bottom: -2.3076923077vw;
    width: 2.5641025641vw;
    height: 2.5641025641vw;
  }
}

.p-officetour_intro_img {
  width: 100%;
}

@media print, screen and (min-width: 781px) {
  .p-officetour_intro_point {
    margin-block: min(80px, 4.1666666667vw) min(120px, 6.25vw);
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1024px) {
  .p-officetour_intro_point {
    padding-block: 20px 56px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-officetour_intro_point {
    margin-block: 4.1025641026vw 20.5128205128vw;
  }
}

.p-officetour_intro_point_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media print, screen and (min-width: 781px) {
  .p-officetour_intro_point_inner {
    background: url(/recruit/_/media/page/officetour-nagoya/intro_point_bg.jpg) center center/cover no-repeat;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: min(80px, 4.1666666667vw);
    width: min(1480px, 77.0833333333vw);
    min-height: 276px;
    margin: 0 auto;
    padding: min(48px, 2.5vw) min(100px, 5.2083333333vw);
    border-radius: 24px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1024px) {
  .p-officetour_intro_point_inner {
    width: 100%;
    border-radius: 0;
  }
}
@media print, screen and (max-width: 780px) {
  .p-officetour_intro_point_inner {
    background: url(/recruit/_/media/page/officetour-nagoya/intro_point_bg-sp.jpg) center center/cover no-repeat;
    gap: 5.641025641vw;
    padding: 10.2564102564vw 5.1282051282vw;
  }
}
.p-officetour_intro_point_inner::before {
  content: "";
  display: block;
}
@media print, screen and (min-width: 781px) {
  .p-officetour_intro_point_inner::before {
    background: url(/recruit/_/media/page/officetour-nagoya/intro_divers_navigator_02.png) center center/cover no-repeat;
    width: 180px;
    height: 180px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 180px;
    flex: 0 0 180px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1200px) {
  .p-officetour_intro_point_inner::before {
    zoom: 0.7;
  }
}
@media print, screen and (max-width: 780px) {
  .p-officetour_intro_point_inner::before {
    background: url(/recruit/_/media/page/officetour-nagoya/intro_divers_navigator_02-sp.png) center center/cover no-repeat;
    width: 20.5128205128vw;
    height: 20.5128205128vw;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20.5128205128vw;
    flex: 0 0 20.5128205128vw;
  }
}

@media print, screen and (min-width: 781px) {
  .p-officetour_intro_point_inner--divers::before {
    background: url(/recruit/_/media/page/officetour-nagoya/intro_divers_navigator_02.png) center center/cover no-repeat;
  }
}
@media print, screen and (max-width: 780px) {
  .p-officetour_intro_point_inner--divers::before {
    background: url(/recruit/_/media/page/officetour-nagoya/intro_divers_navigator_02-sp.png) center center/cover no-repeat;
  }
}

@media print, screen and (min-width: 781px) {
  .p-officetour_intro_point_inner--entrance::before {
    background: url(/recruit/_/media/page/officetour-nagoya/intro_entrance_navigator_02.png) center center/cover no-repeat;
  }
}
@media print, screen and (max-width: 780px) {
  .p-officetour_intro_point_inner--entrance::before {
    background: url(/recruit/_/media/page/officetour-nagoya/intro_entrance_navigator_02-sp.png) center center/cover no-repeat;
  }
}

@media print, screen and (min-width: 781px) {
  .p-officetour_intro_point_inner--working-space::before {
    background: url(/recruit/_/media/page/officetour-nagoya/intro_working-space_navigator_02.png) center center/cover no-repeat;
  }
}
@media print, screen and (max-width: 780px) {
  .p-officetour_intro_point_inner--working-space::before {
    background: url(/recruit/_/media/page/officetour-nagoya/intro_working-space_navigator_02-sp.png) center center/cover no-repeat;
  }
}

@media print, screen and (min-width: 781px) {
  .p-officetour_intro_point_inner--refresh-space::before {
    background: url(/recruit/_/media/page/officetour-nagoya/intro_refresh-space_navigator_02.png) center center/cover no-repeat;
  }
}
@media print, screen and (max-width: 780px) {
  .p-officetour_intro_point_inner--refresh-space::before {
    background: url(/recruit/_/media/page/officetour-nagoya/intro_refresh-space_navigator_02-sp.png) center center/cover no-repeat;
  }
}

.p-officetour_intro_point_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: Barlow Condensed;
  color: #B5DF0C;
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .p-officetour_intro_point_head {
    gap: 20px;
    margin-bottom: 20px;
    font-size: 40px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1024px) {
  .p-officetour_intro_point_head {
    zoom: 0.8;
  }
}
@media print, screen and (max-width: 780px) {
  .p-officetour_intro_point_head {
    gap: 4.1025641026vw;
    margin: 2.0512820513vw 0 4.1025641026vw 2.5641025641vw;
    font-size: 5.1282051282vw;
  }
}
.p-officetour_intro_point_head::before, .p-officetour_intro_point_head::after {
  content: "";
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
@media print, screen and (min-width: 781px) {
  .p-officetour_intro_point_head::before, .p-officetour_intro_point_head::after {
    background: url(/recruit/_/media/page/officetour-nagoya/intro_point_head_deco.svg) center center/cover no-repeat;
    width: 7px;
    height: 42px;
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }
}
@media print, screen and (max-width: 780px) {
  .p-officetour_intro_point_head::before, .p-officetour_intro_point_head::after {
    background: url(/recruit/_/media/page/officetour-nagoya/intro_point_head_deco-sp.svg) center center/cover no-repeat;
    width: 1.2820512821vw;
    height: 8.9743589744vw;
    -webkit-transform: translateY(0.5128205128vw);
    transform: translateY(0.5128205128vw);
  }
}
.p-officetour_intro_point_head::before {
  -webkit-transform: rotate(-15deg);
  transform: rotate(-15deg);
}
.p-officetour_intro_point_head::after {
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg);
}

.p-officetour_intro_point_txt {
  color: #fff;
  line-height: 2;
}
@media print, screen and (min-width: 781px) {
  .p-officetour_intro_point_txt {
    font-size: 18px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-officetour_intro_point_txt {
    font-size: 3.8461538462vw;
  }
}

.p_officetour_closing {
  text-align: center;
}
.p_officetour_closing::before {
  content: "";
  display: block;
  width: 100%;
}
@media print, screen and (min-width: 781px) {
  .p_officetour_closing::before {
    background: url(/recruit/_/media/page/officetour-nagoya/closing_01.jpg) center center/cover no-repeat;
    height: min(300px, 15.625vw);
  }
}
@media print, screen and (max-width: 780px) {
  .p_officetour_closing::before {
    background: url(/recruit/_/media/page/officetour-nagoya/closing_01-sp.jpg) center center/cover no-repeat;
    height: 17.4358974359vw;
  }
}

@media print, screen and (min-width: 781px) {
  .p_officetour_closing_inner {
    padding: min(80px, 4.1666666667vw) min(220px, 11.4583333333vw) min(120px, 6.25vw);
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1024px) {
  .p_officetour_closing_inner {
    padding: 120px 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p_officetour_closing_inner {
    padding: 16.4102564103vw 5.1282051282vw;
  }
}

.p_officetour_closing_head .visible-sp {
  display: none;
}
@media print, screen and (min-width: 781px) and (max-width: 1500px) {
  .p_officetour_closing_head .visible-sp {
    display: block;
  }
}
@media print, screen and (max-width: 780px) {
  .p_officetour_closing_head .visible-sp {
    display: block;
  }
}

.p_officetour_closing_head {
  color: #0073C3;
  font-weight: 700;
}
@media print, screen and (min-width: 781px) {
  .p_officetour_closing_head {
    margin-bottom: 48px;
    font-size: 40px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1500px) {
  .p_officetour_closing_head {
    line-height: 1.4;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1024px) {
  .p_officetour_closing_head {
    margin-bottom: 28px;
    font-size: 32px;
  }
}
@media print, screen and (max-width: 780px) {
  .p_officetour_closing_head {
    line-height: 1.4;
    margin-bottom: 6.1538461538vw;
    font-size: 6.1538461538vw;
  }
}

.p_officetour_closing_txt {
  line-height: 2;
}
@media print, screen and (min-width: 781px) {
  .p_officetour_closing_txt {
    font-size: 18px;
  }
}
@media print, screen and (max-width: 780px) {
  .p_officetour_closing_txt {
    font-size: 3.8461538462vw;
  }
}

.p-cprojectStory_bg {
  background-color: #0B2C4F;
}
@media print, screen and (min-width: 781px) {
  .p-cprojectStory_bg {
    margin-top: -320px;
    padding: 80px 0 120px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-cprojectStory_bg {
    margin-top: -20.5128205128vw;
    padding-bottom: 20.5128205128vw;
  }
}

.p-cprojectStory_head {
  position: relative;
  background-color: #fff;
  z-index: 1;
}
@media print, screen and (min-width: 781px) {
  .p-cprojectStory_head {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-right: 48px;
    padding: 64px 120px 83px;
    border-radius: 0 24px 24px 0;
  }
}
@media print, screen and (max-width: 780px) {
  .p-cprojectStory_head {
    margin-right: 5.1282051282vw;
    padding: 8.2051282051vw 5.1282051282vw 10.2564102564vw;
    border-radius: 0 4.1025641026vw 4.1025641026vw 0;
  }
}
.p-cprojectStory_head::before {
  position: absolute;
  top: 0;
  background-color: #0073C3;
  content: "";
}
@media print, screen and (min-width: 781px) {
  .p-cprojectStory_head::before {
    left: 120px;
    width: 120px;
    height: 4px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-cprojectStory_head::before {
    left: 5.1282051282vw;
    width: 20.5128205128vw;
    height: 0.5128205128vw;
  }
}

.p-cprojectStory_head_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.p-cprojectStory_head_title_en {
  color: #0073C3;
  font-weight: 500;
  font-family: "Barlow Condensed", sans-serif;
}
@media print, screen and (min-width: 781px) {
  .p-cprojectStory_head_title_en {
    font-size: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-cprojectStory_head_title_en {
    font-size: 5.1282051282vw;
  }
}

.p-cprojectStory_head_title_jp {
  color: #767676;
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .p-cprojectStory_head_title_jp {
    margin-left: 24px;
    padding-left: 24px;
    border-left: 1px solid #D9D9D9;
    font-size: 24px;
    line-height: 1.45;
  }
}
@media print, screen and (max-width: 780px) {
  .p-cprojectStory_head_title_jp {
    margin-left: 4.1025641026vw;
    padding-left: 4.1025641026vw;
    border-left: 0.2564102564vw solid #D9D9D9;
    font-size: 3.5897435897vw;
    line-height: 1.2;
  }
}

.p-cprojectStory_head_subtitle {
  font-weight: 500;
  line-height: 1.6;
}
@media print, screen and (min-width: 781px) {
  .p-cprojectStory_head_subtitle {
    margin-top: 24px;
    font-size: 48px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-cprojectStory_head_subtitle {
    margin-top: 4.1025641026vw;
    font-size: 5.1282051282vw;
  }
}

.p-cprojectStory_intro {
  position: relative;
}
@media print, screen and (min-width: 781px) {
  .p-cprojectStory_intro {
    padding-top: 120px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-cprojectStory_intro {
    padding-top: 38.4615384615vw;
  }
}

.p-cprojectStory_intro_img {
  position: absolute;
  right: 0;
}
@media print, screen and (min-width: 781px) {
  .p-cprojectStory_intro_img {
    top: -125px;
    width: 32.7%;
    min-width: 400px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-cprojectStory_intro_img {
    top: 0;
    width: 41.0256410256vw;
  }
}

.p-cprojectStory_intro_title {
  position: relative;
  color: #0073C3;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.16em;
}
@media print, screen and (min-width: 781px) {
  .p-cprojectStory_intro_title {
    font-size: 56px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-cprojectStory_intro_title {
    font-size: 6.1538461538vw;
  }
}

.p-cprojectStory_intro_text {
  color: #fff;
  text-align: center;
  line-height: 2;
}
@media print, screen and (min-width: 781px) {
  .p-cprojectStory_intro_text {
    margin-top: 48px;
    font-size: 20px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-cprojectStory_intro_text {
    margin-top: 6.1538461538vw;
    font-size: 4.1025641026vw;
  }
}

.p-cprojectStory_chapter {
  position: relative;
  overflow-x: clip;
}

.p-cprojectStory_about_img {
  position: absolute;
}
@media print, screen and (min-width: 781px) {
  .p-cprojectStory_about_img {
    width: 13.1%;
    min-width: 170px;
    top: -170px;
    left: 48px;
  }
}
@media only screen and (max-width: 1350px) and (min-width: 781px) {
  .p-cprojectStory_about_img {
    top: -120px;
    min-width: 130px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-cprojectStory_about_img {
    top: -18.4615384615vw;
    left: 5.1282051282vw;
    width: 25.1282051282vw;
  }
}

.p-cprojectStory_about_img02 {
  position: absolute;
}
@media print, screen and (min-width: 781px) {
  .p-cprojectStory_about_img02 {
    top: -58px;
    right: 120px;
    width: 14.3%;
    min-width: 140px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-cprojectStory_about_img02 {
    display: none;
  }
}

.p-cprojectStory_mission_img {
  position: absolute;
  z-index: -1;
}
@media print, screen and (min-width: 781px) {
  .p-cprojectStory_mission_img {
    width: 22.2%;
    min-width: 310px;
    top: -14px;
    right: 48px;
  }
}
@media only screen and (max-width: 900px) and (min-width: 781px) {
  .p-cprojectStory_mission_img {
    right: -50px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-cprojectStory_mission_img {
    top: -14px;
    right: -1.7948717949vw;
    width: 35.1282051282vw;
  }
}

.p-cprojectStory_mission_img02 {
  position: absolute;
  z-index: -1;
}
@media print, screen and (min-width: 781px) {
  .p-cprojectStory_mission_img02 {
    width: 15.4%;
    top: -100px;
    left: -11.40625vw;
  }
}
@media print, screen and (max-width: 780px) {
  .p-cprojectStory_mission_img02 {
    display: none;
  }
}

.p-cprojectStory_job_img {
  position: absolute;
}
@media print, screen and (min-width: 781px) {
  .p-cprojectStory_job_img {
    width: 22.26%;
    min-width: 310px;
    top: -20px;
    right: 48px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-cprojectStory_job_img {
    top: 10.2564102564vw;
    right: -7.9487179487vw;
    width: 35.8974358974vw;
  }
}

.p-cprojectStory_job_img02 {
  position: absolute;
}
@media print, screen and (min-width: 781px) {
  .p-cprojectStory_job_img02 {
    top: 531px;
    right: -180px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-cprojectStory_job_img02 {
    display: none;
  }
}

.p-cprojectStory_job_img03 {
  position: absolute;
  z-index: -1;
}
@media print, screen and (min-width: 781px) {
  .p-cprojectStory_job_img03 {
    top: -214px;
    left: -172px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-cprojectStory_job_img03 {
    display: none;
  }
}

.p-cprojectStory_job_img04 {
  position: absolute;
  z-index: -1;
}
@media print, screen and (min-width: 781px) {
  .p-cprojectStory_job_img04 {
    top: -168px;
    right: -220px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-cprojectStory_job_img04 {
    display: none;
  }
}

.p-cprojectStory_job_img05 {
  position: absolute;
  z-index: -1;
}
@media print, screen and (min-width: 781px) {
  .p-cprojectStory_job_img05 {
    top: -141px;
    left: -172px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-cprojectStory_job_img05 {
    display: none;
  }
}

.p-cprojectStory_message_img {
  position: absolute;
}
@media print, screen and (min-width: 781px) {
  .p-cprojectStory_message_img {
    width: 18.3%;
    min-width: 250px;
    top: 80px;
    right: 39px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-cprojectStory_message_img {
    top: 15.3846153846vw;
    right: 5.1282051282vw;
    width: 25.641025641vw;
  }
}

.p-cprojectStory_message_img02 {
  position: relative;
}
@media print, screen and (min-width: 781px) {
  .p-cprojectStory_message_img02 {
    width: 86.1%;
    margin-top: 144px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-cprojectStory_message_img02 {
    width: 102.5641025641vw;
    max-width: none;
    left: -11.5384615385vw;
    margin-top: 10.2564102564vw;
  }
}

@media print, screen and (min-width: 781px) {
  .p-cprojectStory_chapter_title {
    padding-top: 120px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-cprojectStory_chapter_title {
    padding-top: 30.7692307692vw;
  }
}

.p-cprojectStory_chapter_title_en {
  position: relative;
  color: #0073C3;
  font-family: "Barlow Condensed", sans-serif;
}
@media print, screen and (min-width: 781px) {
  .p-cprojectStory_chapter_title_en {
    padding-left: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-cprojectStory_chapter_title_en {
    padding-left: 6.1538461538vw;
  }
}
.p-cprojectStory_chapter_title_en::before {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 50%;
  background-color: #0B2C4F;
  content: "";
}
@media print, screen and (min-width: 781px) {
  .p-cprojectStory_chapter_title_en::before {
    width: 8px;
    height: 8px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-cprojectStory_chapter_title_en::before {
    width: 2.0512820513vw;
    height: 2.0512820513vw;
  }
}

.p-cprojectStory_chapter_title_en_chap {
  font-weight: 500;
  letter-spacing: 0.16em;
}
@media print, screen and (min-width: 781px) {
  .p-cprojectStory_chapter_title_en_chap {
    font-size: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-cprojectStory_chapter_title_en_chap {
    font-size: 4.6153846154vw;
  }
}

.p-cprojectStory_chapter_title_en_ttl {
  position: relative;
  letter-spacing: 0.05em;
}
@media print, screen and (min-width: 781px) {
  .p-cprojectStory_chapter_title_en_ttl {
    padding-left: 34px;
    font-size: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-cprojectStory_chapter_title_en_ttl {
    padding-left: 8.7179487179vw;
    font-size: 4.6153846154vw;
  }
}
.p-cprojectStory_chapter_title_en_ttl::before {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #8ED1FF;
  content: "";
}
@media print, screen and (min-width: 781px) {
  .p-cprojectStory_chapter_title_en_ttl::before {
    left: 16px;
    width: 2px;
    height: 8px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-cprojectStory_chapter_title_en_ttl::before {
    left: 4.1025641026vw;
    width: 0.5128205128vw;
    height: 2.0512820513vw;
  }
}

.p-cprojectStory_chapter_title_jp {
  font-weight: 500;
  line-height: 1.6;
}
@media print, screen and (min-width: 781px) {
  .p-cprojectStory_chapter_title_jp {
    margin-top: 16px;
    font-size: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-cprojectStory_chapter_title_jp {
    margin-top: 4.1025641026vw;
    font-size: 5.1282051282vw;
  }
}

.p-cprojectStory_chapter_subtitle {
  position: relative;
  line-height: 1.6;
}
@media print, screen and (min-width: 781px) {
  .p-cprojectStory_chapter_subtitle {
    margin-top: 80px;
    margin-bottom: 48px;
    padding-top: 36px;
    font-size: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-cprojectStory_chapter_subtitle {
    margin-top: 12.3076923077vw;
    margin-bottom: 6.1538461538vw;
    padding-top: 9.2307692308vw;
    font-size: 5.641025641vw;
  }
}
.p-cprojectStory_chapter_subtitle::before {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #0073c3;
  content: "";
}
@media print, screen and (min-width: 781px) {
  .p-cprojectStory_chapter_subtitle::before {
    width: 120px;
    height: 4px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-cprojectStory_chapter_subtitle::before {
    width: 20.5128205128vw;
    height: 1.0256410256vw;
  }
}

.p-cprojectStory_chapter_lead {
  line-height: 2;
}
@media print, screen and (min-width: 781px) {
  .p-cprojectStory_chapter_lead {
    font-size: 18px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-cprojectStory_chapter_lead {
    font-size: 3.8461538462vw;
  }
}

.p-cprojectStory_chapter_content {
  position: relative;
  background-color: #0073C3;
}
@media print, screen and (min-width: 781px) {
  .p-cprojectStory_chapter_content {
    margin-top: 80px;
    padding: 48px;
    border-radius: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-cprojectStory_chapter_content {
    margin-top: 10.2564102564vw;
    padding: 10.2564102564vw 5.1282051282vw;
    border-radius: 2.0512820513vw;
  }
}
@media print, screen and (min-width: 781px) {
  .p-cprojectStory_chapter_content + .p-cprojectStory_chapter_content {
    margin-top: 48px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-cprojectStory_chapter_content + .p-cprojectStory_chapter_content {
    margin-top: 10.2564102564vw;
  }
}

.p-cprojectStory_chapter_content--gray {
  background-color: #F7F7F7;
}

.p-cprojectStory_chapter_content--border {
  position: relative;
}
.p-cprojectStory_chapter_content--border::before {
  position: absolute;
  top: 0;
  background-color: #0073C3;
  content: "";
}
@media print, screen and (min-width: 781px) {
  .p-cprojectStory_chapter_content--border::before {
    left: 48px;
    width: 120px;
    height: 4px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-cprojectStory_chapter_content--border::before {
    left: 5.1282051282vw;
    width: 20.5128205128vw;
    height: 1.0256410256vw;
  }
}

.p-cprojectStory_chapter_content_title {
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .p-cprojectStory_chapter_content_title {
    padding-top: 8px;
    font-size: 32px;
    line-height: 1.8;
  }
}
@media print, screen and (max-width: 780px) {
  .p-cprojectStory_chapter_content_title {
    font-size: 5.1282051282vw;
    line-height: 1.6;
  }
}

.p-cprojectStory_chapter_content_title--white {
  color: #fff;
}

.p-cprojectStory_chapter_about_list {
  display: grid;
}
@media print, screen and (min-width: 781px) {
  .p-cprojectStory_chapter_about_list {
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
  }
}
@media only screen and (max-width: 1249px) and (min-width: 781px) {
  .p-cprojectStory_chapter_about_list {
    grid-template-columns: 1fr;
  }
}
@media print, screen and (max-width: 780px) {
  .p-cprojectStory_chapter_about_list {
    gap: 4.1025641026vw;
  }
}

.p-cprojectStory_chapter_about_list_item {
  background-color: #fff;
  text-align: center;
}
@media print, screen and (min-width: 781px) {
  .p-cprojectStory_chapter_about_list_item {
    padding: 32px 20px 47px;
    border-radius: 8px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-cprojectStory_chapter_about_list_item {
    padding: 4.1025641026vw 5.1282051282vw 8.2051282051vw;
    border-radius: 1.0256410256vw;
  }
}

@media print, screen and (max-width: 780px) {
  .p-cprojectStory_chapter_about_list_img {
    width: 14.358974359vw;
  }
}

.p-cprojectStory_chapter_about_list_title {
  color: #767676;
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .p-cprojectStory_chapter_about_list_title {
    margin-top: 4px;
    font-size: 20px;
  }
}
.p-cprojectStory_chapter_about_list_number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 700;
}
@media print, screen and (min-width: 781px) {
  .p-cprojectStory_chapter_about_list_number {
    margin-top: 24px;
    gap: 8px;
    font-size: 40px;
  }
}
@media only screen and (max-width: 1450px) and (min-width: 1250px) {
  .p-cprojectStory_chapter_about_list_number {
    font-size: 30px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-cprojectStory_chapter_about_list_number {
    margin-top: 4.1025641026vw;
    gap: 2.0512820513vw;
    font-size: 8.2051282051vw;
  }
}

.p-cprojectStory_chapter_about_list_number_large {
  color: #0073C3;
}
@media print, screen and (min-width: 781px) {
  .p-cprojectStory_chapter_about_list_number_large {
    font-size: 100px;
  }
}
@media only screen and (max-width: 1450px) and (min-width: 1250px) {
  .p-cprojectStory_chapter_about_list_number_large {
    font-size: 70px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-cprojectStory_chapter_about_list_number_large {
    font-size: 20.5128205128vw;
  }
}

.p-cprojectStory_chapter_mission_list {
  border: 1px solid #D9D9D9;
  background-color: #fff;
}
@media print, screen and (min-width: 781px) {
  .p-cprojectStory_chapter_mission_list {
    margin-top: 40px;
    padding: 40px;
    border-radius: 8px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-cprojectStory_chapter_mission_list {
    margin-top: 4.1025641026vw;
    padding: 10.2564102564vw 4.1025641026vw;
    border-radius: 1.0256410256vw;
  }
}

.p-cprojectStory_chapter_mission_list_item {
  position: relative;
  counter-increment: cnt;
}
@media print, screen and (min-width: 781px) {
  .p-cprojectStory_chapter_mission_list_item {
    padding-left: 112px;
  }
}
.p-cprojectStory_chapter_mission_list_item::before {
  position: absolute;
  display: block;
  left: 0;
  background-image: url(/recruit/_/media/page/project-story/plant-construction/mission_list_bg.png);
  background-size: contain;
  background-repeat: no-repeat;
  color: #fff;
  font-weight: 600;
  font-family: "Barlow Condensed", sans-serif;
  text-align: center;
  -ms-flex-line-pack: center;
  align-content: center;
  content: counter(cnt, decimal-leading-zero);
}
@media print, screen and (min-width: 781px) {
  .p-cprojectStory_chapter_mission_list_item::before {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 80px;
    height: 80px;
    font-size: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-cprojectStory_chapter_mission_list_item::before {
    top: 0;
    width: 8.2051282051vw;
    height: 8.2051282051vw;
    border-radius: 1.0256410256vw;
    font-size: 4.6153846154vw;
  }
}
@media print, screen and (min-width: 781px) {
  .p-cprojectStory_chapter_mission_list_item + .p-cprojectStory_chapter_mission_list_item {
    margin-top: 65px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-cprojectStory_chapter_mission_list_item + .p-cprojectStory_chapter_mission_list_item {
    margin-top: 16.6666666667vw;
  }
}
.p-cprojectStory_chapter_mission_list_item + .p-cprojectStory_chapter_mission_list_item::after {
  position: absolute;
  left: 0;
  width: 100%;
  background-color: #D9D9D9;
  content: "";
}
@media print, screen and (min-width: 781px) {
  .p-cprojectStory_chapter_mission_list_item + .p-cprojectStory_chapter_mission_list_item::after {
    top: -33px;
    height: 1px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-cprojectStory_chapter_mission_list_item + .p-cprojectStory_chapter_mission_list_item::after {
    top: -8.4615384615vw;
    height: 0.2564102564vw;
  }
}

.p-cprojectStory_chapter_mission_list_title {
  color: #0073c3;
  font-weight: 700;
  line-height: 1.8;
}
@media print, screen and (min-width: 781px) {
  .p-cprojectStory_chapter_mission_list_title {
    font-size: 26px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-cprojectStory_chapter_mission_list_title {
    padding-left: 10.2564102564vw;
    font-size: 4.6153846154vw;
  }
}

.p-cprojectStory_chapter_mission_list_text {
  line-height: 1.8;
}
@media print, screen and (min-width: 781px) {
  .p-cprojectStory_chapter_mission_list_text {
    font-size: 18px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-cprojectStory_chapter_mission_list_text {
    margin-top: 16px;
    font-size: 3.8461538462vw;
  }
}

.p-cprojectStory_chapter_missionJob_list {
  display: grid;
}
@media print, screen and (min-width: 781px) {
  .p-cprojectStory_chapter_missionJob_list {
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
    margin-top: 40px;
  }
}
@media only screen and (max-width: 1249px) and (min-width: 781px) {
  .p-cprojectStory_chapter_missionJob_list {
    grid-template-columns: 1fr;
  }
}
@media print, screen and (max-width: 780px) {
  .p-cprojectStory_chapter_missionJob_list {
    gap: 4.1025641026vw;
    margin-top: 4.1025641026vw;
  }
}

.p-cprojectStory_chapter_missionJob_list_item {
  border: 1px solid #D9D9D9;
  background-color: white;
  text-align: center;
  -ms-flex-line-pack: center;
  align-content: center;
}
@media print, screen and (min-width: 781px) {
  .p-cprojectStory_chapter_missionJob_list_item {
    padding: 20px;
    min-height: 285px;
    border-radius: 8px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-cprojectStory_chapter_missionJob_list_item {
    padding: 4.1025641026vw 6.1538461538vw 6.1538461538vw;
    border-radius: 1.0256410256vw;
  }
}

.p-cprojectStory_chapter_missionJob_list_title {
  font-weight: 500;
  line-height: 1.6;
  -ms-flex-line-pack: center;
  align-content: center;
}
@media print, screen and (min-width: 781px) {
  .p-cprojectStory_chapter_missionJob_list_title {
    margin-top: 29px;
    min-height: 3.2em;
    font-size: 20px;
  }
}
@media print, screen and (min-width: 781px) {
  .p-cprojectStory_slider {
    margin-top: 173px;
    margin-bottom: 60px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-cprojectStory_slider {
    margin-top: 36.9230769231vw;
  }
}
.p-cprojectStory_slider .splide__track {
  overflow-x: clip;
  overflow-y: visible;
}

@media print, screen and (min-width: 781px) {
  .p-cprojectStory_slider_img:nth-child(odd) {
    width: 340px;
    margin-top: -93px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-cprojectStory_slider_img:nth-child(odd) {
    width: 61.5384615385vw;
    margin-top: -20vw;
  }
}

@media print, screen and (min-width: 781px) {
  .p-cprojectStory_slider_img:nth-child(even) {
    width: 380px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-cprojectStory_slider_img:nth-child(even) {
    width: 61.5384615385vw;
  }
}

.p-cprojectStory_chapter_job_category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  line-height: 1.8;
}
@media print, screen and (min-width: 781px) {
  .p-cprojectStory_chapter_job_category {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
    margin-top: 16px;
    font-size: 20px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-cprojectStory_chapter_job_category {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 5.1282051282vw;
    margin-top: 6.1538461538vw;
    font-size: 3.8461538462vw;
  }
}

.p-cprojectStory_chapter_job_category span {
  background-color: #8ED1FF;
  color: #0B2C4F;
  font-weight: 500;
  line-height: 1.8;
  white-space: nowrap;
}
@media print, screen and (min-width: 781px) {
  .p-cprojectStory_chapter_job_category span {
    padding: 6px 22px;
    border-radius: 4px;
    font-size: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-cprojectStory_chapter_job_category span {
    padding: 1.5384615385vw 5.641025641vw;
    border-radius: 1.0256410256vw;
    font-size: 3.5897435897vw;
  }
}

.p-cprojectStory_chapter_job_content {
  position: relative;
  background-color: white;
}
@media print, screen and (min-width: 781px) {
  .p-cprojectStory_chapter_job_content {
    margin-top: 40px;
    padding: 48px;
    border-radius: 8px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-cprojectStory_chapter_job_content {
    margin-top: 10.2564102564vw;
    padding: 8.2051282051vw 4.1025641026vw;
    border-radius: 1.0256410256vw;
  }
}

.p-cprojectStory_chapter_job_title {
  color: #0073C3;
  font-weight: 700;
  line-height: 2;
}
@media print, screen and (min-width: 781px) {
  .p-cprojectStory_chapter_job_title {
    margin-bottom: 16px;
    font-size: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-cprojectStory_chapter_job_title {
    font-size: 4.6153846154vw;
  }
}
@media print, screen and (min-width: 781px) {
  .p-cprojectStory_chapter_job_title:not(:first-child) {
    margin-top: 48px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-cprojectStory_chapter_job_title:not(:first-child) {
    margin-top: 8.2051282051vw;
  }
}

.p-cprojectStory_chapter_job_text {
  line-height: 2;
}
@media print, screen and (max-width: 780px) {
  .p-cprojectStory_chapter_job_text {
    font-size: 3.8461538462vw;
  }
}

.p-cprojectStory_chapter_job_list_item {
  position: relative;
}
@media print, screen and (min-width: 781px) {
  .p-cprojectStory_chapter_job_list_item {
    padding-left: 16px;
    line-height: 2;
  }
}
@media print, screen and (max-width: 780px) {
  .p-cprojectStory_chapter_job_list_item {
    padding-left: 3.5897435897vw;
    line-height: 1.6;
  }
}
@media print, screen and (min-width: 781px) {
  .p-cprojectStory_chapter_job_list_item + .p-cprojectStory_chapter_job_list_item {
    margin-top: 8px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-cprojectStory_chapter_job_list_item + .p-cprojectStory_chapter_job_list_item {
    margin-top: 4.1025641026vw;
  }
}
.p-cprojectStory_chapter_job_list_item::before {
  position: absolute;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #0073C3;
  content: "";
}
@media print, screen and (min-width: 781px) {
  .p-cprojectStory_chapter_job_list_item::before {
    top: 50%;
    width: 8px;
    height: 8px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-cprojectStory_chapter_job_list_item::before {
    top: 0.5lh;
    width: 1.5384615385vw;
    height: 1.5384615385vw;
  }
}

.p-cprojectStory_chapter_job_table {
  line-height: 1.8;
  width: 100%;
}
.p-cprojectStory_chapter_job_table_item {
  width: 100%;
  display: inline-table;
}

.p-cprojectStory_chapter_job_table_title {
  background-color: #0073c3;
  color: white;
  vertical-align: middle;
  text-align: left;
  font-weight: 700;
}
@media print, screen and (min-width: 781px) {
  .p-cprojectStory_chapter_job_table_title {
    padding: 24px;
    width: 240px;
  }
}
@media only screen and (max-width: 1180px) {
  .p-cprojectStory_chapter_job_table_title {
    display: block;
    width: 100%;
  }
}
@media print, screen and (max-width: 780px) {
  .p-cprojectStory_chapter_job_table_title {
    padding: 4.1025641026vw;
  }
}

.p-cprojectStory_chapter_job_table_item:not(:first-child) .p-cprojectStory_chapter_job_table_title {
  border-top: 2px solid #fff;
}
.p-cprojectStory_chapter_job_table_item:not(:first-child) .p-cprojectStory_chapter_job_table_text {
  border-top: 2px solid #fff;
}

@media print, screen and (min-width: 781px) {
  .p-cprojectStory_chapter_job_table_item:first-child .p-cprojectStory_chapter_job_table_title {
    border-radius: 10px 0 0 0;
  }
}
@media only screen and (max-width: 1180px) and (min-width: 781px) {
  .p-cprojectStory_chapter_job_table_item:first-child .p-cprojectStory_chapter_job_table_title {
    border-radius: 10px 10px 0 0;
  }
}
@media print, screen and (max-width: 780px) {
  .p-cprojectStory_chapter_job_table_item:first-child .p-cprojectStory_chapter_job_table_title {
    border-radius: 1.0256410256vw 1.0256410256vw 0 0;
  }
}
@media print, screen and (min-width: 781px) {
  .p-cprojectStory_chapter_job_table_item:first-child .p-cprojectStory_chapter_job_table_text {
    border-radius: 0 10px 0 0;
  }
}
@media only screen and (max-width: 1180px) {
  .p-cprojectStory_chapter_job_table_item:first-child .p-cprojectStory_chapter_job_table_text {
    border-radius: 0;
  }
}

@media print, screen and (min-width: 781px) {
  .p-cprojectStory_chapter_job_table_item:last-child .p-cprojectStory_chapter_job_table_title {
    border-radius: 0 0 0 10px;
  }
}
@media only screen and (max-width: 1180px) {
  .p-cprojectStory_chapter_job_table_item:last-child .p-cprojectStory_chapter_job_table_title {
    border-radius: 0;
  }
}
@media print, screen and (min-width: 781px) {
  .p-cprojectStory_chapter_job_table_item:last-child .p-cprojectStory_chapter_job_table_text {
    border-radius: 0 0 10px 0;
  }
}
@media only screen and (max-width: 1180px) and (min-width: 781px) {
  .p-cprojectStory_chapter_job_table_item:last-child .p-cprojectStory_chapter_job_table_text {
    border-radius: 0 0 10px 10px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-cprojectStory_chapter_job_table_item:last-child .p-cprojectStory_chapter_job_table_text {
    border-radius: 0 0 1.0256410256vw 1.0256410256vw;
  }
}

.p-cprojectStory_chapter_job_table_text {
  background-color: #F7F7F7;
  line-height: 1.6;
}
@media print, screen and (min-width: 781px) {
  .p-cprojectStory_chapter_job_table_text {
    width: calc(100% - 240px);
    padding: 24px;
  }
}
@media only screen and (max-width: 1180px) {
  .p-cprojectStory_chapter_job_table_text {
    display: block;
    width: 100%;
  }
}
@media print, screen and (max-width: 780px) {
  .p-cprojectStory_chapter_job_table_text {
    padding: 4.1025641026vw;
    font-size: 3.8461538462vw;
  }
}

.p-cprojectStory_chapter_message {
  position: relative;
}
@media print, screen and (min-width: 781px) {
  .p-cprojectStory_chapter_message {
    padding-bottom: 175px;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(50%, #EFFFFA), to(#EBF9FF));
    background: linear-gradient(180deg, #FFFFFF, #EFFFFA 50%, #EBF9FF 100%);
  }
}
@media print, screen and (max-width: 780px) {
  .p-cprojectStory_chapter_message {
    padding-bottom: 27.9487179487vw;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(70%, #FFFFFF), to(#EBF9FF));
    background: linear-gradient(180deg, #FFFFFF, #FFFFFF 70%, #EBF9FF 100%);
  }
}

.p-plant_bg {
  background-color: #0B2C4F;
}
@media print, screen and (min-width: 781px) {
  .p-plant_bg {
    margin-top: -320px;
    padding: 80px 0 120px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_bg {
    margin-top: -20.5128205128vw;
    padding-bottom: 20.5128205128vw;
  }
}

.p-plant_head {
  position: relative;
  background-color: #fff;
}
@media print, screen and (min-width: 781px) {
  .p-plant_head {
    max-width: 950px;
    padding: 64px min(6.25vw, 120px) 80px;
    border-radius: 0 24px 24px 0;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1280px) {
  .p-plant_head {
    margin-right: 60px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1000px) {
  .p-plant_head {
    margin-right: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_head {
    margin-right: 5.1282051282vw;
    padding: 8.2051282051vw 5.1282051282vw 10.2564102564vw;
    border-radius: 0 4.1025641026vw 4.1025641026vw 0;
  }
}
.p-plant_head::before {
  position: absolute;
  top: 0;
  background-color: #0073C3;
  content: "";
}
@media print, screen and (min-width: 781px) {
  .p-plant_head::before {
    left: 120px;
    width: 120px;
    height: 4px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_head::before {
    left: 5.1282051282vw;
    width: 20.5128205128vw;
    height: 0.5128205128vw;
  }
}

@media print, screen and (min-width: 781px) {
  .p-plant_head_inner {
    max-width: 672px;
    width: 100%;
  }
}

.p-plant_head_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.p-plant_head_title_en {
  color: #0073C3;
  font-weight: 500;
  font-family: "Barlow Condensed", sans-serif;
}
@media print, screen and (min-width: 781px) {
  .p-plant_head_title_en {
    font-size: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_head_title_en {
    font-size: 5.1282051282vw;
  }
}

.p-plant_head_title_jp {
  color: #767676;
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .p-plant_head_title_jp {
    margin-left: 24px;
    padding-left: 24px;
    border-left: 1px solid #D9D9D9;
    font-size: 24px;
    line-height: 1.45;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_head_title_jp {
    margin-left: 4.1025641026vw;
    padding-left: 4.1025641026vw;
    border-left: 0.2564102564vw solid #D9D9D9;
    font-size: 3.5897435897vw;
    line-height: 1.2;
  }
}

.p-plant_head_label {
  display: inline-block;
  color: #0073C3;
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .p-plant_head_label {
    margin-top: 24px;
    padding: 13px 24px;
    border: 1px solid;
    border-radius: 4px;
    font-size: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_head_label {
    margin-top: 3.0769230769vw;
    padding: 1.7948717949vw 4.1025641026vw;
    border: 0.2564102564vw solid;
    border-radius: 1.0256410256vw;
    font-size: 3.0769230769vw;
  }
}

.p-plant_head_profile_category {
  background-color: #0B2C4F;
  color: #fff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .p-plant_head_profile_category {
    font-size: 16px;
    border-radius: 4px;
    padding: 4px 24px;
    margin-top: 24px;
    gap: 10px;
    line-height: 2;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_head_profile_category {
    font-size: 3.0769230769vw;
    border-radius: 1.0256410256vw;
    padding: 1.0256410256vw 2.0512820513vw 1.7948717949vw;
    margin-bottom: 2.5641025641vw;
    margin-top: 4.1025641026vw;
    gap: 1.5384615385vw;
    line-height: 1.4;
  }
}

.p-plant_head_profile_category_separator {
  display: inline-block;
  width: 1px;
  height: 16px;
  background-color: #fff;
}

.p-plant_head_subtitle {
  font-weight: 500;
  line-height: 1.6;
}
@media print, screen and (min-width: 781px) {
  .p-plant_head_subtitle {
    margin-top: 24px;
    font-size: 48px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_head_subtitle {
    margin-top: 4.1025641026vw;
    font-size: 5.8974358974vw;
  }
}

.p-plant_head_subtitle_text {
  line-height: 1.6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .p-plant_head_subtitle_text::before {
    content: "";
    width: 144px;
    height: 2px;
    background-color: #d9d9d9;
    margin-right: 24px;
    display: block;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_head_subtitle_text::before {
    content: "";
    width: 10.2564102564vw;
    height: 1px;
    background-color: #d9d9d9;
    margin-right: 3.0769230769vw;
    display: block;
  }
}
@media print, screen and (min-width: 781px) {
  .p-plant_head_subtitle_text {
    font-size: 28px;
    margin-top: 8px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_head_subtitle_text {
    font-size: 3.8461538462vw;
  }
}

.p-plant_intro_title {
  color: #0073C3;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.16em;
}
@media print, screen and (min-width: 781px) {
  .p-plant_intro_title {
    margin-top: 120px;
    font-size: 56px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_intro_title {
    margin-top: 16.4102564103vw;
    font-size: 6.1538461538vw;
  }
}

.p-plant_intro_text {
  color: #fff;
  text-align: center;
  line-height: 2;
}
@media print, screen and (min-width: 781px) {
  .p-plant_intro_text {
    margin-top: 48px;
    font-size: 20px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_intro_text {
    margin-top: 6.1538461538vw;
    font-size: 4.1025641026vw;
  }
}

.p-plant_outline_bg {
  position: relative;
}

.p-plant_outline_bg img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
}
@media print, screen and (min-width: 781px) {
  .p-plant_outline_bg img {
    min-height: 540px;
  }
}

.p-plant_outline_content {
  position: absolute;
  left: 50%;
  top: 22%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: center;
}
@media print, screen and (min-width: 781px) {
  .p-plant_outline_content {
    padding-bottom: 100px;
  }
}

.p-plant_outline_title {
  color: #fff;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500;
  white-space: nowrap;
}
@media print, screen and (min-width: 781px) {
  .p-plant_outline_title {
    font-size: 80px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_outline_title {
    font-size: 11.2820512821vw;
  }
}

.p-plant_outline_lead {
  color: #fff;
  margin-top: 8px;
  font-weight: bold;
  line-height: 1.6;
}
@media print, screen and (min-width: 781px) {
  .p-plant_outline_lead {
    font-size: 32px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_outline_lead {
    font-size: 5.1282051282vw;
  }
}

.p-plant_project_bg {
  background: #f7f7f7;
}
@media print, screen and (min-width: 781px) {
  .p-plant_project_bg {
    padding-bottom: 120px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_project_bg {
    padding-bottom: 14.358974359vw;
  }
}

.p-plant_project_wrapper {
  position: relative;
  background: #fff;
}
@media print, screen and (min-width: 781px) {
  .p-plant_project_wrapper {
    border-radius: 16px;
    margin-top: -185px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_project_wrapper {
    border-radius: 2.0512820513vw;
    margin-top: -26.4102564103vw;
  }
}

@media print, screen and (min-width: 781px) {
  .p-plant_project_inner {
    padding: 5.2083333333vw;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_project_inner {
    padding: 9.2307692308vw 5.1282051282vw 10.2564102564vw;
  }
}

.p-plant_project_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media print, screen and (min-width: 781px) {
  .p-plant_project_info {
    gap: 30px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1536px) {
  .p-plant_project_info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_project_info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 6.1538461538vw;
  }
}

@media print, screen and (min-width: 781px) {
  .p-plant_project_info_left {
    max-width: 600px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1600px) {
  .p-plant_project_info_left {
    max-width: none;
  }
}

.p-plant_project_info_title {
  color: #0073C3;
  font-weight: 500;
  line-height: 1.6;
}
@media print, screen and (min-width: 781px) {
  .p-plant_project_info_title {
    font-size: 24px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1536px) {
  .p-plant_project_info_title {
    text-align: center;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_project_info_title {
    font-size: 3.8461538462vw;
  }
}

.p-plant_project_info_summary {
  line-height: 1.6;
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .p-plant_project_info_summary {
    font-size: 32px;
    margin-top: 24px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1536px) {
  .p-plant_project_info_summary {
    text-align: center;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_project_info_summary {
    font-size: 6.1538461538vw;
    margin-top: 2.0512820513vw;
  }
}

@media print, screen and (min-width: 781px) and (max-width: 1536px) {
  .bp-1536 {
    display: none;
  }
}

.p-plant_project_info_details {
  line-height: 2;
}
@media print, screen and (min-width: 781px) {
  .p-plant_project_info_details {
    font-size: 18px;
    margin-top: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_project_info_details {
    font-size: 3.8461538462vw;
    margin-top: 6.1538461538vw;
  }
}

.p-plant_project_image {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media print, screen and (min-width: 781px) {
  .p-plant_project_image {
    border-radius: 16px;
    min-width: 600px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1536px) {
  .p-plant_project_image {
    min-width: none;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_project_image {
    border-radius: 2.0512820513vw;
  }
}

@media print, screen and (min-width: 781px) and (max-width: 1536px) {
  .p-plant_project_info_right {
    margin: auto;
  }
}

.p-plant_project_info_right_text {
  text-align: center;
}
@media print, screen and (min-width: 781px) {
  .p-plant_project_info_right_text {
    font-size: 18px;
    margin-top: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_project_info_right_text {
    font-size: 3.3333333333vw;
    margin-top: 2.0512820513vw;
  }
}

.p-plant_project_schedule_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media print, screen and (min-width: 781px) {
  .p-plant_project_schedule_head {
    gap: 16px;
    margin-top: 90px;
    margin-bottom: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_project_schedule_head {
    gap: 3.0769230769vw;
    margin-top: 10.2564102564vw;
    margin-bottom: 4.1025641026vw;
  }
}

.p-plant_project_schedule_head_icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  border-radius: 50%;
  background: #0073C3;
}
@media print, screen and (min-width: 781px) {
  .p-plant_project_schedule_head_icon {
    font-size: 24px;
    width: 56px;
    height: 56px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_project_schedule_head_icon {
    font-size: 4.1025641026vw;
    width: 8.2051282051vw;
    height: 8.2051282051vw;
  }
}

.p-plant_project_schedule_head_text {
  color: #0073C3;
  font-weight: bold;
}
@media print, screen and (min-width: 781px) {
  .p-plant_project_schedule_head_text {
    font-size: 32px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_project_schedule_head_text {
    font-size: 4.6153846154vw;
  }
}

.p-plant_project_schedule_content {
  background: #758FA0;
}
@media print, screen and (min-width: 781px) {
  .p-plant_project_schedule_content {
    border-radius: 16px;
    padding: 2.9166666667vw;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_project_schedule_content {
    border-radius: 2.0512820513vw;
    padding: 2.0512820513vw;
  }
}

.p-plant_project_schedule_calendar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background: #fff;
}
@media print, screen and (min-width: 781px) {
  .p-plant_project_schedule_calendar {
    padding-right: 6.25vw;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1280px) {
  .p-plant_project_schedule_calendar {
    padding-right: 4.6875vw;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_project_schedule_calendar {
    padding-right: 2.0512820513vw;
  }
}

.p-plant_project_schedule_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
@media print, screen and (min-width: 781px) {
  .p-plant_project_schedule_row {
    gap: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_project_schedule_row {
    gap: 4.1025641026vw;
  }
}
.p-plant_project_schedule_row:not(:last-child) .p-plant_project_schedule_year::after {
  display: block;
}
.p-plant_project_schedule_row.flat .p-plant_project_schedule_year::after {
  display: none !important;
}
.p-plant_project_schedule_row:nth-child(odd) .p-plant_project_schedule_year,
.p-plant_project_schedule_row:nth-child(odd) .p-plant_project_schedule_month {
  background-color: #0073C3;
}
.p-plant_project_schedule_row:nth-child(odd) .p-plant_project_schedule_year::after {
  background-color: #0073C3;
}
.p-plant_project_schedule_row:nth-child(odd) .p-plant_project_schedule_marker {
  color: #0073C3;
  background-color: #0073C3;
}
.p-plant_project_schedule_row:nth-child(odd) .p-plant_project_schedule_marker::before {
  background-color: #0073C3;
}
.p-plant_project_schedule_row:nth-child(even) .p-plant_project_schedule_year,
.p-plant_project_schedule_row:nth-child(even) .p-plant_project_schedule_month {
  background-color: #0B2C4F;
}
.p-plant_project_schedule_row:nth-child(even) .p-plant_project_schedule_year::after {
  background-color: #0B2C4F;
}
.p-plant_project_schedule_row:nth-child(even) .p-plant_project_schedule_marker {
  color: #0B2C4F;
  background-color: #0B2C4F;
}
.p-plant_project_schedule_row:nth-child(even) .p-plant_project_schedule_marker::before {
  background-color: #0B2C4F;
}

.p-plant_project_schedule_year {
  width: 140px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 500;
  font-family: "Barlow Condensed", sans-serif;
  color: #fff;
  position: relative;
}
.p-plant_project_schedule_year::after {
  content: "";
  position: absolute;
  top: calc(100% - 1px);
  left: 0;
  width: 100%;
  height: 24px;
  background-color: inherit;
  z-index: 10;
  display: none;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 2px, 50% 24px, 0% 2px);
  clip-path: polygon(0% 0%, 100% 0%, 100% 2px, 50% 24px, 0% 2px);
}
@media print, screen and (min-width: 781px) {
  .p-plant_project_schedule_year {
    font-size: 40px;
    padding: 60px 38px;
    min-width: 140px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1280px) {
  .p-plant_project_schedule_year {
    padding: 60px 19px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1080px) {
  .p-plant_project_schedule_year {
    font-size: 32px;
    min-width: 96px;
    width: 96px;
    padding: 44px 22px 54px;
  }
  .p-plant_project_schedule_year::after {
    height: 15px;
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 2px, 50% 15px, 0% 2px);
    clip-path: polygon(0% 0%, 100% 0%, 100% 2px, 50% 15px, 0% 2px);
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_project_schedule_year {
    font-size: 4.1025641026vw;
    width: 12.3076923077vw;
    min-width: 12.3076923077vw;
    padding: 7.6923076923vw 2.8205128205vw 19.7435897436vw;
  }
  .p-plant_project_schedule_year::after {
    height: 2.5641025641vw;
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 1px, 50% 2.5641025641vw, 0% 1px);
    clip-path: polygon(0% 0%, 100% 0%, 100% 1px, 50% 2.5641025641vw, 0% 1px);
  }
}

.p-plant_project_schedule_body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
@media print, screen and (max-width: 780px) {
  .p-plant_project_schedule_body.spacer {
    margin-top: 6.1538461538vw;
  }
}
@media print, screen and (min-width: 781px) {
  .p-plant_project_schedule_body {
    gap: 16px;
    margin-block: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_project_schedule_body {
    gap: 2.0512820513vw;
    margin-block: 4.1025641026vw;
  }
}

.p-plant_project_schedule_unit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 4px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  width: 100%;
  position: relative;
}
@media print, screen and (min-width: 781px) {
  .p-plant_project_schedule_unit {
    -webkit-box-shadow: 6px 10px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 6px 10px 10px rgba(0, 0, 0, 0.2);
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1080px) {
  .p-plant_project_schedule_unit {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_project_schedule_unit {
    -webkit-box-shadow: 6px 8px 12px rgba(0, 0, 0, 0.1);
    box-shadow: 6px 8px 12px rgba(0, 0, 0, 0.1);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.p-plant_project_schedule_marker {
  position: absolute;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 8;
  width: 28px;
  height: 2px;
}
@media print, screen and (min-width: 781px) {
  .p-plant_project_schedule_marker {
    left: -24px;
    top: 45%;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1080px) {
  .p-plant_project_schedule_marker {
    top: 20px;
    width: 28px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_project_schedule_marker {
    left: -4.1025641026vw;
    top: 3.8461538462vw;
    width: 7.1794871795vw;
  }
}
.p-plant_project_schedule_marker::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: inherit;
  z-index: 2;
}
.p-plant_project_schedule_marker::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  z-index: -1;
}
@media print, screen and (min-width: 781px) {
  .p-plant_project_schedule_marker::before {
    -webkit-box-shadow: 0 0 0 2px #fff;
    box-shadow: 0 0 0 2px #fff;
    width: 12px;
    height: 12px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_project_schedule_marker::before {
    -webkit-box-shadow: 0 0 0 1px #fff;
    box-shadow: 0 0 0 1px #fff;
    width: 10px;
    height: 10px;
  }
}

.p-plant_project_schedule_month {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  font-weight: bold;
  line-height: 1.6;
  text-align: center;
}
@media print, screen and (min-width: 781px) {
  .p-plant_project_schedule_month {
    font-size: 22px;
    max-width: 119px;
    width: 100%;
    padding-block: 26.5px;
    border-radius: 4px 0 0 4px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1080px) {
  .p-plant_project_schedule_month {
    max-width: none;
    padding-block: 6px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_project_schedule_month {
    font-size: 4.1025641026vw;
    padding-block: 0.7692307692vw;
    border-radius: 1.0256410256vw 1.0256410256vw 0vw 0vw;
  }
}

.p-plant_project_schedule_event {
  background: #f7f7f7;
  font-weight: 500;
  line-height: 1.5;
  border: 1px solid #d9d9d9;
  border-left: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media print, screen and (min-width: 781px) {
  .p-plant_project_schedule_event {
    font-size: 18px;
    padding-block: 15px;
    padding-inline: 32px;
    border-radius: 0 4px 4px 0;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_project_schedule_event {
    font-size: 3.0769230769vw;
    padding-block: 2.0512820513vw;
    padding-left: 3.0769230769vw;
    border-radius: 0vw 0vw 1.0256410256vw 1.0256410256vw;
  }
}

.p-plant_project_schedule_toggle_btn {
  cursor: pointer;
  width: 100%;
  height: 100%;
  background: #0B2C4F;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 24px;
}
@media print, screen and (min-width: 781px) {
  .p-plant_project_schedule_toggle_btn {
    border-radius: 16px;
    padding-top: 33px;
    padding-bottom: 27px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_project_schedule_toggle_btn {
    border-radius: 2.0512820513vw;
    padding-top: 5.1282051282vw;
    padding-bottom: 5.641025641vw;
  }
}
.p-plant_project_schedule_toggle_btn:hover {
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
  opacity: 0.7;
  cursor: pointer;
}
.p-plant_project_schedule_toggle_btn.close {
  display: none;
}

.p-plant_project_schedule_btn_icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  border-radius: 4px;
  background: #0073C3;
}
@media print, screen and (min-width: 781px) {
  .p-plant_project_schedule_btn_icon {
    width: 40px;
    height: 40px;
    font-size: 22px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_project_schedule_btn_icon {
    width: 6.1538461538vw;
    height: 6.1538461538vw;
    font-size: 3.5897435897vw;
  }
}

.p-plant_project_schedule_toggle_btn_text {
  color: #fff;
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .p-plant_project_schedule_toggle_btn_text {
    font-size: 24px;
    margin-right: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_project_schedule_toggle_btn_text {
    font-size: 3.8461538462vw;
    margin-right: 2.0512820513vw;
  }
}

.p-plant_profile {
  background-color: #0073C3;
}
@media print, screen and (min-width: 781px) {
  .p-plant_profile {
    padding: 80px 0;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_profile {
    padding: 14.358974359vw 0;
  }
}

.p-plant_project_schedule_about {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media print, screen and (min-width: 781px) {
  .p-plant_project_schedule_about {
    margin-block: 80px;
    gap: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_project_schedule_about {
    padding-top: 14.358974359vw;
    padding-bottom: 6.1538461538vw;
    gap: 4.1025641026vw;
  }
}

.p-plant_project_schedule_about_text {
  line-height: 2;
}
@media print, screen and (min-width: 781px) {
  .p-plant_project_schedule_about_text {
    font-size: 18px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_project_schedule_about_text {
    font-size: 3.8461538462vw;
  }
}

.p-plant_project_schedule_slideshow_wrapper {
  position: relative;
  margin: auto;
}
@media print, screen and (min-width: 781px) {
  .p-plant_project_schedule_slideshow_wrapper {
    max-width: 890px;
    width: 100%;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_project_schedule_slideshow_wrapper {
    max-width: 79.4871794872vw;
  }
}

.p-plant_project_schedule_slideshow_track {
  position: relative;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 89/50;
}
.p-plant_project_schedule_slideshow_track_item {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  display: none !important;
}
.p-plant_project_schedule_slideshow_track_item.is-active {
  display: block !important;
}
.p-plant_project_schedule_slideshow_track_item img {
  width: 100%;
  max-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.p-plant_project_schedule_slideshow_btn {
  position: absolute;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  will-change: transform;
}
.p-plant_project_schedule_slideshow_btn:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  cursor: pointer;
}
@media print, screen and (min-width: 781px) {
  .p-plant_project_schedule_slideshow_btn {
    top: 16px;
    right: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_project_schedule_slideshow_btn {
    top: 2.0512820513vw;
    right: 2.0512820513vw;
  }
}

.p-plant_project_schedule_slideshow_btn_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  border-radius: 999px;
  border: 1px solid #0073C3;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media print, screen and (min-width: 781px) {
  .p-plant_project_schedule_slideshow_btn_content {
    gap: 8px;
    padding-right: 5px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_project_schedule_slideshow_btn_content {
    gap: 2.0512820513vw;
    padding-right: 1.2820512821vw;
  }
}

.p-plant_project_schedule_slideshow_btn_icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  border-radius: 50%;
  background: #0073C3;
}
@media print, screen and (min-width: 781px) {
  .p-plant_project_schedule_slideshow_btn_icon {
    padding: 7px;
    font-size: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_project_schedule_slideshow_btn_icon {
    padding: 1.2820512821vw;
    font-size: 3.0769230769vw;
  }
}

.p-plant_project_schedule_slideshow_btn_text {
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .p-plant_project_schedule_slideshow_btn_text {
    padding-block: 8px;
    padding-left: 10px;
    font-size: 15px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_project_schedule_slideshow_btn_text {
    padding-block: 2.0512820513vw;
    padding-left: 2.5641025641vw;
    font-size: 3.0769230769vw;
  }
}

.p-plant_profile_title {
  color: #fff;
  text-align: center;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500;
  letter-spacing: 0.16em;
}
@media print, screen and (min-width: 781px) {
  .p-plant_profile_title {
    font-size: 48px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_profile_title {
    font-size: 6.1538461538vw;
  }
}

.p-plant_profile_list {
  display: grid;
}
@media print, screen and (min-width: 781px) {
  .p-plant_profile_list {
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    margin-top: 40px;
  }
}
@media only screen and (max-width: 1100px) and (min-width: 781px) {
  .p-plant_profile_list {
    grid-template-columns: 1fr;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_profile_list {
    gap: 4.1025641026vw;
    margin-top: 6.1538461538vw;
  }
}

.p-plant_profile_list_item {
  background-color: #fff;
}
@media print, screen and (min-width: 781px) {
  .p-plant_profile_list_item {
    padding: 40px 48px;
    border-radius: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_profile_list_item {
    padding: 8.2051282051vw 5.1282051282vw;
    border-radius: 2.0512820513vw;
  }
}

.p-plant_profile_list_wrapper {
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media print, screen and (min-width: 781px) {
  .p-plant_profile_list_wrapper {
    grid-template-columns: 32% auto;
    gap: 40px;
  }
}
@media only screen and (max-width: 1100px) and (min-width: 781px) {
  .p-plant_profile_list_wrapper {
    gap: 20px 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_profile_list_wrapper {
    grid-template-columns: 25.641025641vw auto;
    gap: 6.1538461538vw;
  }
}

.p-plant_profile_list_name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #0073C3;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .p-plant_profile_list_name {
    gap: 28px;
    font-size: 33px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_profile_list_name {
    gap: 4.1025641026vw;
    font-size: 7.1794871795vw;
  }
}

.p-plant_profile_list_category {
  display: inline-block;
  background-color: #0B2C4F;
  color: #fff;
}
@media print, screen and (min-width: 781px) {
  .p-plant_profile_list_category {
    padding: 4px 16px;
    border-radius: 4px;
    font-size: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_profile_list_category {
    padding: 1.0256410256vw 4.1025641026vw;
    border-radius: 1.0256410256vw;
    font-size: 3.0769230769vw;
  }
}

.p-plant_profile_list_segment {
  font-weight: 500;
  line-height: 1.6;
}
@media print, screen and (min-width: 781px) {
  .p-plant_profile_list_segment {
    margin-top: 8px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_profile_list_segment {
    margin-top: 2.0512820513vw;
  }
}

.p-plant_profile_list_from {
  color: #767676;
  line-height: 1.46;
}
@media print, screen and (min-width: 781px) {
  .p-plant_profile_list_from {
    margin-top: 8px;
    font-size: 15px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_profile_list_from {
    margin-top: 2.0512820513vw;
    font-size: 3.5897435897vw;
  }
}

@media print, screen and (min-width: 781px) {
  .p-plant_profile_list_text {
    margin-top: 16px;
    line-height: 1.8;
    font-size: 15px;
  }
}
@media print, screen and (min-width: 781px) {
  .p-plant_profile_list_text.pc {
    font-size: 15px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_profile_list_text.sp {
    margin-top: 6.1538461538vw;
    font-size: 3.0769230769vw;
  }
}

@media print, screen and (max-width: 780px) {
  .p-plant_profile_list_text-sp {
    font-size: 3.0769230769vw;
    margin-top: 6.1538461538vw;
    line-height: 1.8;
  }
}

.p-plant_profile_note {
  text-align: right;
  line-height: 1.8;
}
@media print, screen and (min-width: 781px) {
  .p-plant_profile_note {
    margin-top: 16px;
    font-size: 14px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_profile_note {
    margin-top: 2.0512820513vw;
    font-size: 3.0769230769vw;
  }
}

.p-plant_content_bg {
  background-color: #F7F7F7;
}
@media print, screen and (min-width: 781px) {
  .p-plant_content_bg {
    padding-bottom: 120px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_content_bg {
    padding-bottom: 16.4102564103vw;
  }
}

.p-plant_content_img img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
}

.p-plant_content {
  position: relative;
  background-color: #fff;
}
@media print, screen and (min-width: 781px) {
  .p-plant_content {
    margin-top: -120px;
    margin-bottom: 120px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_content {
    margin-top: -25.641025641vw;
    margin-bottom: 14.358974359vw;
  }
}

.p-plant_content_head {
  background-color: #0B2C4F;
  color: #fff;
  text-align: center;
}
@media print, screen and (min-width: 781px) {
  .p-plant_content_head {
    padding: 80px 100px;
  }
}
@media only screen and (max-width: 1200px) and (min-width: 781px) {
  .p-plant_content_head {
    padding: 60px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_content_head {
    padding: 10.2564102564vw 5.1282051282vw 14.358974359vw;
  }
}

.p-plant_content_number {
  color: #8ED1FF;
  font-family: "Barlow Condensed", sans-serif;
  letter-spacing: 0.16em;
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .p-plant_content_number {
    font-size: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_content_number {
    font-size: 4.1025641026vw;
  }
}

.p-plant_content_head_title {
  position: relative;
  font-weight: 500;
  line-height: 1.8;
}
@media print, screen and (min-width: 781px) {
  .p-plant_content_head_title {
    margin-top: 16px;
    padding-bottom: 28px;
    font-size: 32px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_content_head_title {
    margin-top: 2.0512820513vw;
    padding-bottom: 4.6153846154vw;
    font-size: 4.6153846154vw;
  }
}
.p-plant_content_head_title::before {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #0073C3;
  content: "";
}
@media print, screen and (min-width: 781px) {
  .p-plant_content_head_title::before {
    width: 80px;
    height: 4px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_content_head_title::before {
    width: 15.3846153846vw;
    height: 0.5128205128vw;
  }
}

.p-plant_content_head_subtitle {
  display: block;
}
@media print, screen and (min-width: 781px) {
  .p-plant_content_head_subtitle {
    font-size: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_content_head_subtitle {
    font-size: 3.5897435897vw;
  }
}

.p-plant_content_head_question {
  font-weight: 500;
  line-height: 1.8;
}
@media print, screen and (min-width: 781px) {
  .p-plant_content_head_question {
    margin-top: 48px;
    font-size: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_content_head_question {
    margin-top: 6.1538461538vw;
    font-size: 3.8461538462vw;
  }
}

.p-plant_content_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media print, screen and (min-width: 781px) {
  .p-plant_content_wrapper {
    padding: 100px;
    gap: 56px;
  }
}
@media only screen and (max-width: 1200px) and (min-width: 781px) {
  .p-plant_content_wrapper {
    padding: 60px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_content_wrapper {
    padding: 12.3076923077vw 5.1282051282vw 10.2564102564vw;
    gap: 12.3076923077vw;
  }
}

.p-plant_content_lead {
  color: #0073C3;
  text-align: center;
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .p-plant_content_lead {
    font-size: 24px;
    line-height: 1.8;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_content_lead {
    font-size: 4.1025641026vw;
    line-height: 1.6;
  }
}

.p-plant_content_question {
  background-color: #0B2C4F;
  color: #fff;
  text-align: center;
}
@media print, screen and (min-width: 781px) {
  .p-plant_content_question {
    width: calc(100% + 200px);
    margin: 100px 0 100px -100px;
    padding: 80px 100px;
    font-size: 24px;
  }
}
@media only screen and (max-width: 1200px) and (min-width: 781px) {
  .p-plant_content_question {
    width: calc(100% + 120px);
    margin: 60px 0 60px -60px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_content_question {
    width: calc(100% + 10.2564102564vw);
    margin: 10.2564102564vw 0 10.2564102564vw -5.1282051282vw;
    padding: 8.2051282051vw 10.2564102564vw;
    font-size: 3.8461538462vw;
  }
}

.p-plant_content_answer {
  display: grid;
}
@media print, screen and (min-width: 781px) {
  .p-plant_content_answer {
    grid-template-columns: 100px auto;
    gap: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_content_answer {
    grid-template-columns: 10.2564102564vw auto;
    gap: 3.5897435897vw;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
@media print, screen and (min-width: 781px) {
  .p-plant_content_answer + .p-plant_content_lead {
    margin-top: 80px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_content_answer + .p-plant_content_lead {
    margin-top: 10.2564102564vw;
  }
}

.p-plant_content_answer_speaker figcaption {
  color: #0073C3;
  font-family: "Barlow Condensed", sans-serif;
  text-align: center;
}
@media print, screen and (min-width: 781px) {
  .p-plant_content_answer_speaker figcaption {
    margin-top: 4px;
    font-size: 20px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_content_answer_speaker figcaption {
    margin-top: 1.0256410256vw;
    font-size: 3.0769230769vw;
  }
}

.p-plant_content_answer_title {
  color: #0073C3;
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .p-plant_content_answer_title {
    line-height: 2;
    font-size: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_content_answer_title {
    line-height: 1.6;
    font-size: 4.1025641026vw;
  }
}

.p-plant_content_answer_text {
  line-height: 2;
}
@media print, screen and (min-width: 781px) {
  .p-plant_content_answer_text {
    font-size: 18px;
    margin-top: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_content_answer_text {
    font-size: 3.8461538462vw;
    margin-top: 2.0512820513vw;
  }
}

.p-plant_content_comment {
  display: grid;
  background-color: #4F6781;
  color: #fff;
}
@media print, screen and (min-width: 781px) {
  .p-plant_content_comment {
    grid-template-columns: auto 100px;
    gap: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 64px;
    padding: 64px 80px;
    border-radius: 8px;
  }
}
@media only screen and (max-width: 1200px) and (min-width: 781px) {
  .p-plant_content_comment {
    padding: 40px 50px;
  }
}
@media only screen and (max-width: 1000px) {
  .p-plant_content_comment {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_content_comment {
    gap: 4.1025641026vw;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 12.3076923077vw;
    padding: 8.2051282051vw 5.1282051282vw;
    border-radius: 1.0256410256vw;
  }
}

.p-plant_content_comment_text {
  line-height: 2;
}
@media print, screen and (min-width: 781px) {
  .p-plant_content_comment_text {
    font-size: 18px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_content_comment_text {
    font-size: 3.8461538462vw;
  }
}

.p-plant_content_comment_speaker {
  text-align: center;
}
@media only screen and (max-width: 1000px) {
  .p-plant_content_comment_speaker {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_content_comment_speaker img {
    width: 10.2564102564vw;
  }
}
@media print, screen and (min-width: 781px) {
  .p-plant_content_comment_speaker figcaption {
    margin-top: 4px;
    line-height: 1.43;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_content_comment_speaker figcaption {
    margin-top: 1.0256410256vw;
    font-size: 2.5641025641vw;
  }
}

.p-plant_comment {
  position: relative;
  background-color: #fff;
}
@media print, screen and (min-width: 781px) {
  .p-plant_comment {
    margin-top: -120px;
    padding: 80px 100px;
    border-radius: 8px;
    -webkit-box-shadow: 16px 16px 16px rgba(0, 0, 0, 0.16);
    box-shadow: 16px 16px 16px rgba(0, 0, 0, 0.16);
  }
}
@media only screen and (max-width: 1200px) and (min-width: 781px) {
  .p-plant_comment {
    padding: 60px;
  }
}
@media only screen and (max-width: 1000px) and (min-width: 781px) {
  .p-plant_comment {
    padding-bottom: 0;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_comment {
    margin-top: -25.641025641vw;
    padding: 8.2051282051vw 5.1282051282vw 0;
    border-radius: 2.0512820513vw;
    -webkit-box-shadow: 4.1025641026vw 4.1025641026vw 4.1025641026vw rgba(0, 0, 0, 0.16);
    box-shadow: 4.1025641026vw 4.1025641026vw 4.1025641026vw rgba(0, 0, 0, 0.16);
  }
}

@media print, screen and (min-width: 781px) {
  .p-plant_comment_wrapper {
    margin-right: 31%;
  }
}
@media only screen and (max-width: 1000px) {
  .p-plant_comment_wrapper {
    margin-right: 0;
  }
}
.p-plant_comment_title {
  color: #0073C3;
  line-height: 1.8;
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .p-plant_comment_title {
    font-size: 32px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_comment_title {
    font-size: 5.1282051282vw;
  }
}

.p-plant_comment_text {
  line-height: 2;
}
@media print, screen and (min-width: 781px) {
  .p-plant_comment_text {
    margin-top: 24px;
    font-size: 18px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_comment_text {
    margin-top: 6.1538461538vw;
    font-size: 3.8461538462vw;
  }
}

.p-plant_comment_name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .p-plant_comment_name {
    gap: 24px;
    margin-top: 32px;
    font-size: 32px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_comment_name {
    gap: 4.1025641026vw;
    margin-top: 6.1538461538vw;
    font-size: 8.2051282051vw;
  }
}

.p-plant_comment_segment {
  font-weight: 400;
}
@media print, screen and (min-width: 781px) {
  .p-plant_comment_segment {
    font-size: 20px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_comment_segment {
    font-size: 3.8461538462vw;
    line-height: 1.46;
  }
}

@media print, screen and (min-width: 781px) {
  .p-plant_comment_img {
    position: absolute;
    bottom: 0;
    width: 24%;
    right: 100px;
  }
}
@media only screen and (max-width: 1200px) and (min-width: 781px) {
  .p-plant_comment_img {
    width: 30%;
    right: 30px;
  }
}
@media only screen and (max-width: 1000px) and (min-width: 781px) {
  .p-plant_comment_img {
    position: relative;
    display: block;
    right: initial;
    width: 50%;
    margin-top: 40px;
    margin-inline: auto;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_comment_img {
    width: 70.5128205128vw;
    margin-inline: auto;
    margin-top: 4.1025641026vw;
  }
}

.p-plant_content_answer_note {
  text-align: right;
}
@media print, screen and (min-width: 781px) {
  .p-plant_content_answer_note {
    font-size: 14px;
    margin-bottom: 120px;
    margin-top: -98px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-plant_content_answer_note {
    font-size: 3.0769230769vw;
    margin-bottom: 14.358974359vw;
    margin-top: -10.2564102564vw;
  }
}

.js-hide-target {
  display: none;
}

.p-projectStory_box {
  background-color: #fff;
  -webkit-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
  box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
  position: relative;
}
@media print, screen and (min-width: 781px) {
  .p-projectStory_box {
    padding: 40px 56px 64px;
    border-radius: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-projectStory_box {
    padding: 8.2051282051vw 5.1282051282vw 12.3076923077vw;
    border-radius: 2.0512820513vw;
  }
}
.p-projectStory_box::before {
  background-color: #0073C3;
  position: absolute;
  top: 0;
  content: "";
}
@media print, screen and (min-width: 781px) {
  .p-projectStory_box::before {
    width: 160px;
    height: 4px;
    left: 56px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-projectStory_box::before {
    width: 16.4102564103vw;
    height: 0.5128205128vw;
    left: 5.1282051282vw;
  }
}
@media print, screen and (min-width: 781px) {
  .p-projectStory_box + .p-projectStory_box {
    margin-top: 56px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-projectStory_box + .p-projectStory_box {
    margin-top: 6.1538461538vw;
  }
}

.p-projectStory_box_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media print, screen and (min-width: 781px) {
  .p-projectStory_box_head {
    margin-bottom: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-projectStory_box_head {
    margin-bottom: 6.1538461538vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.p-projectStory_box_head_num {
  font-weight: 500;
  font-family: "Barlow Condensed", sans-serif;
  color: #0073C3;
}
@media print, screen and (min-width: 781px) {
  .p-projectStory_box_head_num {
    font-size: 64px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-projectStory_box_head_num {
    font-size: 10.2564102564vw;
  }
}

.p-projectStory_box_head_text {
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1.4;
}
@media print, screen and (min-width: 781px) {
  .p-projectStory_box_head_text {
    font-size: 32px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-projectStory_box_head_text {
    font-size: 5.1282051282vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.p-projectStory_box_head_text::before {
  content: "";
  display: block;
  background-color: #D9D9D9;
}
@media print, screen and (min-width: 781px) {
  .p-projectStory_box_head_text::before {
    height: 32px;
    width: 2px;
    margin: 0 38px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-projectStory_box_head_text::before {
    height: 0.5128205128vw;
    width: 8.2051282051vw;
    margin: 5.1282051282vw 0;
  }
}

.p-projectStory_box_col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media print, screen and (min-width: 781px) {
  .p-projectStory_box_col {
    gap: 40px;
  }
}
@media print, screen and (max-width: 1200px) {
  .p-projectStory_box_col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media print, screen and (max-width: 780px) {
  .p-projectStory_box_col {
    gap: 8.2051282051vw;
  }
}

@media print, screen and (min-width: 781px) {
  .p-projectStory_box_content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}
.p-projectStory_box_label {
  font-weight: 500;
  background-color: #0B2C4F;
  color: #fff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1.5;
}
@media print, screen and (min-width: 781px) {
  .p-projectStory_box_label {
    border-radius: 4px;
    padding: 1rem 1.8rem;
    margin-bottom: 32px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-projectStory_box_label {
    border-radius: 1.0256410256vw;
    padding: 2.5641025641vw 3.0769230769vw;
    margin-bottom: 6.1538461538vw;
    font-size: 3.8461538462vw;
  }
}

.p-projectStory_box_title {
  color: #0073C3;
  font-weight: 500;
  line-height: 1.6;
}
@media print, screen and (min-width: 781px) {
  .p-projectStory_box_title {
    font-size: 28px;
    margin-bottom: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-projectStory_box_title {
    font-size: 5.1282051282vw;
    margin-bottom: 4.1025641026vw;
  }
}

.p-projectStory_box_body {
  line-height: 2;
}
@media print, screen and (min-width: 781px) {
  .p-projectStory_box_body {
    font-size: 18px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-projectStory_box_body {
    font-size: 3.8461538462vw;
  }
}

.p-projectStory_box_link {
  color: #0073C3;
  font-weight: 500;
  text-decoration: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media print, screen and (min-width: 781px) {
  .p-projectStory_box_link {
    font-size: 24px;
    margin-top: 48px;
    gap: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-projectStory_box_link {
    font-size: 3.8461538462vw;
    margin-top: 6.1538461538vw;
    gap: 2.0512820513vw;
  }
}
.p-projectStory_box_link:hover .p-projectStory_box_link_icon {
  background-color: #0073C3;
  color: #fff;
}

.p-projectStory_box_link_icon {
  border: 1px solid #0073C3;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #0073C3;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
@media print, screen and (min-width: 781px) {
  .p-projectStory_box_link_icon {
    width: 40px;
    height: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-projectStory_box_link_icon {
    width: 6.1538461538vw;
    height: 6.1538461538vw;
  }
}

@media print, screen and (min-width: 781px) {
  .p-projectStory_box_image {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}
@media print, screen and (min-width: 781px) {
  .p-projectStory_box_image img {
    border-radius: 8px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-projectStory_box_image img {
    border-radius: 2.0512820513vw;
  }
}

.p-projectStory_highlight {
  border: 1px solid #D9D9D9;
  background-color: #F7F7F7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media print, screen and (min-width: 781px) {
  .p-projectStory_highlight {
    border-radius: 8px;
    margin-top: 80px;
    gap: 24px;
  }
}
@media print, screen and (max-width: 1200px) {
  .p-projectStory_highlight {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media print, screen and (max-width: 780px) {
  .p-projectStory_highlight {
    border-radius: 2.0512820513vw;
    margin-top: 14.358974359vw;
  }
}

@media print, screen and (min-width: 781px) {
  .p-projectStory_highlight_content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 48px 0 48px 48px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1200px) {
  .p-projectStory_highlight_content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 32px 32px 0 32px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-projectStory_highlight_content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 8.2051282051vw 5.1282051282vw 2.5641025641vw 5.1282051282vw;
  }
}

.p-projectStory_highlight_label {
  font-weight: 500;
  background-color: #0073C3;
  color: #fff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1.5;
}
@media print, screen and (min-width: 781px) {
  .p-projectStory_highlight_label {
    font-size: 14px;
    border-radius: 4px;
    padding: 0.7rem 1.5rem;
    margin-bottom: 32px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-projectStory_highlight_label {
    border-radius: 1.0256410256vw;
    padding: 2.5641025641vw 3.0769230769vw;
    margin-bottom: 6.1538461538vw;
    font-size: 3.8461538462vw;
  }
}

.p-projectStory_highlight_title {
  font-weight: 500;
  line-height: 1.5;
}
@media print, screen and (min-width: 781px) {
  .p-projectStory_highlight_title {
    font-size: 28px;
    margin-bottom: 8px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-projectStory_highlight_title {
    font-size: 5.641025641vw;
    margin-bottom: 2.0512820513vw;
  }
}

.p-projectStory_highlight_titleEn {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500;
  color: #0073C3;
}
@media print, screen and (min-width: 781px) {
  .p-projectStory_highlight_titleEn {
    font-size: 18px;
    margin-bottom: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-projectStory_highlight_titleEn {
    margin-bottom: 8.2051282051vw;
  }
}

.p-projectStory_highlight_body {
  line-height: 2;
}
@media print, screen and (min-width: 781px) {
  .p-projectStory_highlight_body {
    font-size: 18px;
  }
}
@media print, screen and (min-width: 781px) {
  .p-projectStory_highlight_image {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}
.p-top_hero {
  position: relative;
  overflow: hidden;
}
@media print, screen and (min-width: 781px) {
  .p-top_hero {
    height: 100vh;
  }
}
@media print, screen and (max-width: 780px) {
  .p-top_hero {
    height: 163.3333333333vw;
  }
}

.p-top_hero_video {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.p-top_hero_title {
  position: absolute;
}
@media print, screen and (min-width: 781px) {
  .p-top_hero_title {
    bottom: 88px;
    right: 6.25vw;
    width: 37.2vw;
    min-width: 480px;
  }
}
@media only screen and (max-width: 1150px) and (min-width: 781px) {
  .p-top_hero_title {
    min-width: 400px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-top_hero_title {
    width: 76.9230769231vw;
    bottom: 16.4102564103vw;
    right: 0;
  }
}
.p-top_hero_title img {
  width: 100%;
}

/* 円の軌道（ラッパーの2倍のサイズ）*/
.p-top_hero_circle {
  position: absolute;
  bottom: -120vw;
  left: 0vw;
  width: calc((100vw - 200px) * 2);
  height: 200vw;
}
@media print, screen and (min-width: 781px) {
  .p-top_hero_circle {
    --image-size: 25vw;
    --spacing: 75px;
  }
}
@media only screen and (max-width: 1150px) and (min-width: 781px) {
  .p-top_hero_circle {
    left: -10vw;
  }
}
@media print, screen and (max-width: 780px) {
  .p-top_hero_circle {
    top: -80vw;
    left: -180vw;
    width: 600vw;
    height: 600vw;
    --image-size: 61.5vw;
    --spacing: 45px;
  }
}

.p-top_hero_circle_item {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 25vw;
  height: 25vw;
  margin: -12.5vw 0 0 -12.5vw;
  -webkit-animation: orbit 80s linear infinite;
  animation: orbit 80s linear infinite;
  -webkit-animation-delay: calc(-4.7058823529s * var(--index));
  animation-delay: calc(-4.7058823529s * var(--index));
}
@media print, screen and (max-width: 780px) {
  .p-top_hero_circle_item {
    width: 61.5384615385vw;
    max-width: 300px;
    height: 61.5384615385vw;
    max-height: 300px;
    margin: calc(-61.5384615385vw / 2) 0 0 calc(-61.5384615385vw / 2);
  }
}

@-webkit-keyframes orbit {
  from {
    -webkit-transform: rotate(0deg) translateX(calc((var(--image-size) + var(--spacing)) * 17 / 6.28318)) rotate(0deg);
    transform: rotate(0deg) translateX(calc((var(--image-size) + var(--spacing)) * 17 / 6.28318)) rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg) translateX(calc((var(--image-size) + var(--spacing)) * 17 / 6.28318)) rotate(-360deg);
    transform: rotate(360deg) translateX(calc((var(--image-size) + var(--spacing)) * 17 / 6.28318)) rotate(-360deg);
  }
}

@keyframes orbit {
  from {
    -webkit-transform: rotate(0deg) translateX(calc((var(--image-size) + var(--spacing)) * 17 / 6.28318)) rotate(0deg);
    transform: rotate(0deg) translateX(calc((var(--image-size) + var(--spacing)) * 17 / 6.28318)) rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg) translateX(calc((var(--image-size) + var(--spacing)) * 17 / 6.28318)) rotate(-360deg);
    transform: rotate(360deg) translateX(calc((var(--image-size) + var(--spacing)) * 17 / 6.28318)) rotate(-360deg);
  }
}
.p-top_hero_circle_item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
}

@media print, screen and (min-width: 781px) {
  .p-top_recruit {
    padding-bottom: 120px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-top_recruit {
    padding-bottom: 16.4102564103vw;
  }
}

.p-top_recruit_list {
  display: grid;
}
@media print, screen and (min-width: 781px) {
  .p-top_recruit_list {
    grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
    gap: 59px 56px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-top_recruit_list {
    grid-template-columns: 1fr;
  }
}

@media print, screen and (max-width: 780px) {
  .p-top_recruit_list_item {
    padding: 4.1025641026vw 0;
    border-top: 1px solid #D9D9D9;
  }
  .p-top_recruit_list_item:last-child {
    border-bottom: 1px solid #D9D9D9;
  }
}

.p-top_recruit_list_link {
  text-decoration: none;
}
@media print, screen and (max-width: 780px) {
  .p-top_recruit_list_link {
    display: grid;
    grid-template-columns: 24.6153846154vw auto;
    gap: 4.1025641026vw;
  }
}

@media (any-hover: hover) {
  .p-top_recruit_list_link:hover .p-top_recruit_list_img img {
    scale: 1.1;
  }
}
.p-top_recruit_list_img {
  display: block;
  overflow: hidden;
}
@media print, screen and (min-width: 781px) {
  .p-top_recruit_list_img {
    border-radius: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-top_recruit_list_img {
    border-radius: 2.0512820513vw;
  }
}
.p-top_recruit_list_img img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: scale 0.3s;
  transition: scale 0.3s;
}

.p-top_recruit_list_content {
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media print, screen and (min-width: 781px) {
  .p-top_recruit_list_content {
    grid-template-columns: auto 80px;
    gap: 10px;
    margin-top: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-top_recruit_list_content {
    grid-template-columns: auto 10.2564102564vw;
    gap: 2.5641025641vw;
  }
}
.p-top_recruit_list_content [data-icon]::after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #0073C3;
  border-radius: 50%;
  color: #0073C3;
}
@media print, screen and (min-width: 781px) {
  .p-top_recruit_list_content [data-icon]::after {
    width: 80px;
    height: 80px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-top_recruit_list_content [data-icon]::after {
    width: 10.2564102564vw;
    height: 10.2564102564vw;
  }
}

.p-top_recruit_list_title {
  color: #000;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.45;
}
@media print, screen and (min-width: 781px) {
  .p-top_recruit_list_title {
    font-size: 28px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-top_recruit_list_title {
    font-size: 5.1282051282vw;
  }
}

.p-top_recruit_list_title_en {
  color: #0073C3;
  font-family: "Barlow Condensed", sans-serif;
  letter-spacing: 0.05em;
  line-height: 1.2;
}
@media print, screen and (min-width: 781px) {
  .p-top_recruit_list_title_en {
    margin-top: 8px;
    font-size: 20px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-top_recruit_list_title_en {
    margin-top: 0.5128205128vw;
    font-size: 3.5897435897vw;
  }
}

.p-top_pickup {
  background-color: #0073C3;
}
@media print, screen and (min-width: 781px) {
  .p-top_pickup {
    padding-bottom: 120px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-top_pickup {
    padding-bottom: 14.358974359vw;
  }
}

.p-top_pickup .m-title_lv2_jp {
  color: #fff;
}
.p-top_pickup .m-title_lv2_jp::before {
  background-color: #8ED1FF;
}

.p-top_pickup .m-title_lv2:not(.m-title_lv2--type2) .m-title_lv2_en {
  color: rgba(255, 255, 255, 0.1);
}

@media print, screen and (max-width: 780px) {
  .p-top_pickup_slider .splide__track {
    margin-left: 5.1282051282vw;
  }
}

.p-top_pickup_link {
  text-decoration: none;
}

.p-top_pickup_img {
  border-radius: 50%;
  overflow: hidden;
}
@media print, screen and (min-width: 781px) {
  .p-top_pickup_img {
    -webkit-box-shadow: 16px 16px 16px rgba(0, 0, 0, 0.16);
    box-shadow: 16px 16px 16px rgba(0, 0, 0, 0.16);
  }
}
@media print, screen and (max-width: 780px) {
  .p-top_pickup_img {
    -webkit-box-shadow: 2.0512820513vw 2.0512820513vw 2.0512820513vw rgba(0, 0, 0, 0.08);
    box-shadow: 2.0512820513vw 2.0512820513vw 2.0512820513vw rgba(0, 0, 0, 0.08);
  }
}
.p-top_pickup_img img {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media (any-hover: hover) {
  .p-top_pickup_link:hover img {
    scale: 1.1;
  }
}
.p-top_pickup_title {
  display: inline-block;
  position: relative;
  background-color: #fff;
  color: #0073C3;
  font-weight: 500;
  -ms-flex-line-pack: center;
  align-content: center;
}
@media print, screen and (min-width: 781px) {
  .p-top_pickup_title {
    height: 42px;
    margin-top: -21px;
    padding: 0 16px;
    border-radius: 4px;
    font-size: 20px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-top_pickup_title {
    height: 10.7692307692vw;
    margin-top: -5.3846153846vw;
    padding: 0 4.1025641026vw;
    border-radius: 1.0256410256vw;
    font-size: 4.6153846154vw;
  }
}

.p-top_pickup_text {
  color: #fff;
  line-height: 1.8;
}
@media print, screen and (min-width: 781px) {
  .p-top_pickup_text {
    margin-top: 24px;
    font-size: 18px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-top_pickup_text {
    margin-top: 4.1025641026vw;
    font-size: 3.8461538462vw;
  }
}

.p-top_pickup_more {
  color: #fff;
  line-height: 1.8;
  font-weight: 500;
  text-align: right;
}
@media print, screen and (min-width: 781px) {
  .p-top_pickup_more {
    margin-top: 40px;
    font-size: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-top_pickup_more {
    margin-top: 6.1538461538vw;
    font-size: 4.1025641026vw;
  }
}
.p-top_pickup_more [data-icon]::after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #fff;
  border-radius: 50%;
  color: #fff;
  font-weight: 400;
}
@media print, screen and (min-width: 781px) {
  .p-top_pickup_more [data-icon]::after {
    width: 40px;
    height: 40px;
    margin-left: 16px;
    font-size: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-top_pickup_more [data-icon]::after {
    width: 8.2051282051vw;
    height: 8.2051282051vw;
    margin-left: 4.1025641026vw;
    font-size: 5.1282051282vw;
  }
}

.p-top_pickup_splide_pager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media print, screen and (min-width: 781px) {
  .p-top_pickup_splide_pager {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 48px;
    max-width: 948px;
    margin-top: 64px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-top_pickup_splide_pager {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8.2051282051vw;
    margin-top: 14.358974359vw;
  }
}

.p-top_pickup_splide_progress {
  width: 100%;
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF;
  border-radius: 4px;
}
.p-top_pickup_splide_progress-bar {
  background: #0B2C4F;
  -webkit-transition: width 400ms ease;
  transition: width 400ms ease;
  border-radius: 4px;
  width: 0;
}
@media print, screen and (min-width: 781px) {
  .p-top_pickup_splide_progress-bar {
    height: 6px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-top_pickup_splide_progress-bar {
    height: 1.5384615385vw;
  }
}

.p-top_pickup_splide_arrows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media print, screen and (min-width: 781px) {
  .p-top_pickup_splide_arrows {
    gap: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-top_pickup_splide_arrows {
    gap: 6.1538461538vw;
  }
}

.p-top_pickup_splide_arrows button {
  border: 1px solid;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media print, screen and (min-width: 781px) {
  .p-top_pickup_splide_arrows button {
    width: 80px;
    height: 80px;
    font-size: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-top_pickup_splide_arrows button {
    width: 18.4615384615vw;
    height: 18.4615384615vw;
    font-size: 5.1282051282vw;
  }
}

@media (any-hover: hover) {
  .p-top_pickup_splide_arrows button:hover {
    opacity: 0.7;
  }
}
@media print, screen and (min-width: 781px) {
  .p-top_about {
    padding-bottom: 120px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-top_about {
    padding-bottom: 14.358974359vw;
  }
}

@media print, screen and (min-width: 781px) {
  .p-top_about_list_item + .p-top_about_list_item {
    margin-top: 80px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-top_about_list_item + .p-top_about_list_item {
    margin-top: 14.358974359vw;
  }
}

.p-top_about_list_title {
  position: relative;
}

.p-top_about_list_title_bg {
  display: block;
  position: absolute;
  z-index: -1;
  overflow: hidden;
}
@media print, screen and (min-width: 781px) {
  .p-top_about_list_title_bg {
    width: calc(100% - 24px);
    max-width: 1428px;
    height: 400px;
    border-radius: 0 24px 24px 0;
  }
}
@media print, screen and (max-width: 780px) {
  .p-top_about_list_title_bg {
    height: 61.5384615385vw;
  }
}

@media print, screen and (min-width: 781px) {
  .p-top_about_list_item:nth-child(even) .p-top_about_list_title_bg {
    border-radius: 24px 0 0 24px;
    right: 0;
  }
}

.p-top_about_list_title_bg img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.p-top_about_list_title_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media print, screen and (min-width: 781px) {
  .p-top_about_list_title_inner {
    padding-top: 72px;
    padding-bottom: 32px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-top_about_list_title_inner {
    padding-top: 10.2564102564vw;
    padding-bottom: 6.1538461538vw;
  }
}

@media print, screen and (min-width: 781px) {
  .p-top_about_list_item:nth-child(even) .p-top_about_list_title_inner {
    max-width: 1396px;
    margin-right: 0;
  }
}
@media print, screen and (min-width: 781px) {
  .p-top_about_list_title_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-shadow: 8px 8px 16px rgba(0, 0, 0, 0.4);
  }
}
@media print, screen and (max-width: 780px) {
  .p-top_about_list_title_wrapper {
    padding-left: 6.1538461538vw;
  }
}

@media print, screen and (min-width: 781px) {
  .p-top_about_list_title_icon {
    width: 120px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-top_about_list_title_icon {
    width: 20.5128205128vw;
  }
}

.p-top_about_list_title_en {
  color: #fff;
  font-weight: 600;
  font-family: "Barlow Condensed", sans-serif;
  line-height: 1.2;
}
@media print, screen and (min-width: 781px) {
  .p-top_about_list_title_en {
    padding-left: 32px;
    font-size: 80px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-top_about_list_title_en {
    font-size: 10.2564102564vw;
  }
}

.p-top_about_list_title_jp {
  position: relative;
  color: #fff;
  font-weight: 500;
  line-height: 1.44;
}
@media print, screen and (min-width: 781px) {
  .p-top_about_list_title_jp {
    padding-left: 144px;
    font-size: 28px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-top_about_list_title_jp {
    margin-top: 1.2820512821vw;
    padding-left: 14.358974359vw;
    font-size: 4.6153846154vw;
  }
}
.p-top_about_list_title_jp::before {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 1px;
  background-color: #fff;
  content: "";
}
@media print, screen and (min-width: 781px) {
  .p-top_about_list_title_jp::before {
    left: 40px;
    width: 80px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-top_about_list_title_jp::before {
    left: 0;
    width: 10.2564102564vw;
  }
}

@media only screen and (max-width: 980px) {
  .p-top_about_list_sub_slider.m-container {
    padding-right: 0;
  }
}

@media only screen and (min-width: 981px) {
  .p-top_about_list_sub_slider .splide__list {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);
    gap: 48px;
  }
}
@media only screen and (min-width: 981px) and (max-width: 1400px) {
  .p-top_about_list_sub_slider .splide__list {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (min-width: 981px) {
  .p-top_about_list_sub_slider .splide__track {
    overflow: visible;
  }
}
@media only screen and (max-width: 980px) {
  .p-top_about_list_sub_slider .splide__track {
    overflow-x: clip;
    overflow-y: visible;
  }
}

@media only screen and (min-width: 981px) {
  .p-top_about_splide_progress {
    display: none;
  }
}
@media only screen and (max-width: 980px) {
  .p-top_about_splide_progress {
    width: calc(100% - 48px);
    margin-top: 33px;
    background-color: #D9D9D9;
    border-radius: 4px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-top_about_splide_progress {
    width: calc(100% - 5.1282051282vw);
    margin-top: 8.4615384615vw;
    border-radius: 1.0256410256vw;
  }
}

@media only screen and (max-width: 980px) {
  .p-top_about_list_sub_splide_progress-bar {
    background: #0B2C4F;
    border-radius: 3px;
    height: 6px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-top_about_list_sub_splide_progress-bar {
    border-radius: 0.7692307692vw;
    height: 1.5384615385vw;
  }
}

.p-top_about_list_sub_link {
  display: block;
  position: relative;
  overflow: hidden;
  -webkit-box-shadow: 16px 16px 16px rgba(0, 0, 0, 0.16);
  box-shadow: 16px 16px 16px rgba(0, 0, 0, 0.16);
}
@media print, screen and (min-width: 781px) {
  .p-top_about_list_sub_link {
    border-radius: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-top_about_list_sub_link {
    border-radius: 4.1025641026vw;
  }
}

.p-top_about_list_sub_img {
  width: 100%;
  -webkit-transition: scale 0.3s;
  transition: scale 0.3s;
}

@media (any-hover: hover) {
  .p-top_about_list_sub_link:hover .p-top_about_list_sub_img {
    scale: 1.1;
  }
}
.p-top_about_list_sub_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: absolute;
  bottom: 0;
  width: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgb(0, 0, 0)));
  background: linear-gradient(rgba(0, 0, 0, 0), rgb(0, 0, 0));
  color: #fff;
  font-weight: 700;
  line-height: 1.45;
}
@media print, screen and (min-width: 781px) {
  .p-top_about_list_sub_title {
    height: 100px;
    padding: 0 20px;
    font-size: 20px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-top_about_list_sub_title {
    height: 17.9487179487vw;
    padding: 0 5.1282051282vw;
    font-size: 4.1025641026vw;
  }
}
.p-top_about_list_sub_title [data-icon]::after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #fff;
  border-radius: 50%;
  color: #fff;
  font-weight: initial;
}
@media print, screen and (min-width: 781px) {
  .p-top_about_list_sub_title [data-icon]::after {
    width: 40px;
    height: 40px;
    font-size: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-top_about_list_sub_title [data-icon]::after {
    width: 7.6923076923vw;
    height: 7.6923076923vw;
    font-size: 6.1538461538vw;
  }
}

.p-university_hero {
  position: relative;
  overflow: hidden;
}
@media print, screen and (min-width: 781px) {
  .p-university_hero {
    min-height: 100vh;
    display: grid;
    grid-template-rows: 1fr -webkit-max-content;
    grid-template-rows: 1fr max-content;
    padding-bottom: 100px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-university_hero {
    padding-bottom: 16.4102564103vw;
  }
}

.p-university_hero_video {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: -1;
}

.p-university_hero_slider {
  position: relative;
}
@media print, screen and (min-width: 781px) {
  .p-university_hero_slider {
    width: 93%;
  }
}
@media print, screen and (max-width: 780px) {
  .p-university_hero_slider {
    margin-right: 5.1282051282vw;
  }
}
.p-university_hero_slider .splide__track {
  height: 100%;
}

.p-university_hero_img img {
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
  width: 100%;
}
@media print, screen and (min-width: 781px) {
  .p-university_hero_img img {
    border-radius: 0 0 40px 0;
  }
}
@media print, screen and (max-width: 780px) {
  .p-university_hero_img img {
    border-radius: 0 0 10.2564102564vw 0;
  }
}

.p-university_hero_circle {
  position: absolute;
  -webkit-animation: circle-rotate 11s linear infinite;
  animation: circle-rotate 11s linear infinite;
}
@media print, screen and (min-width: 781px) {
  .p-university_hero_circle {
    width: 15%;
    min-width: 160px;
    max-width: 235px;
    bottom: -100px;
    right: 90px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-university_hero_circle {
    width: 35.8974358974vw;
    bottom: -15.3846153846vw;
    right: -17.9487179487vw;
  }
}

@-webkit-keyframes circle-rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes circle-rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@media print, screen and (min-width: 781px) {
  .p-university_hero_title {
    width: 93%;
    padding-left: 48px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-university_hero_title {
    padding-left: 5.1282051282vw;
  }
}

.p-university_hero_title_en {
  color: #0073C3;
  font-family: "Barlow Condensed", sans-serif;
}
@media print, screen and (min-width: 781px) {
  .p-university_hero_title_en {
    max-width: 70%;
    margin-top: 20px;
    font-size: 120px;
  }
}
@media only screen and (max-width: 1100px) and (min-width: 781px) {
  .p-university_hero_title_en {
    font-size: 100px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-university_hero_title_en {
    margin-top: 4.1025641026vw;
    font-size: 14.358974359vw;
    line-height: 1;
  }
}

.p-university_hero_title_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media print, screen and (min-width: 781px) {
  .p-university_hero_title_content {
    gap: 15px 40px;
    margin-top: 25px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media print, screen and (max-width: 780px) {
  .p-university_hero_title_content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.5641025641vw;
    margin-top: 7.6923076923vw;
  }
}

.p-university_hero_title_jp {
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .p-university_hero_title_jp {
    font-size: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-university_hero_title_jp {
    font-size: 6.1538461538vw;
  }
}

.p-university_hero_title_sub {
  position: relative;
  color: #0073C3;
  font-family: "Barlow Condensed", sans-serif;
}
@media print, screen and (min-width: 781px) {
  .p-university_hero_title_sub {
    padding-left: 44px;
    font-size: 32px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-university_hero_title_sub {
    padding-left: 4.6153846154vw;
    font-size: 4.1025641026vw;
  }
}
.p-university_hero_title_sub::before {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #8ED1FF;
  content: "";
}
@media print, screen and (min-width: 781px) {
  .p-university_hero_title_sub::before {
    left: 0;
    width: 4px;
    height: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-university_hero_title_sub::before {
    left: 0;
    width: 0.5128205128vw;
    height: 2.0512820513vw;
  }
}

@media print, screen and (min-width: 781px) {
  .p-university_pickup {
    background-image: url(/recruit/_/media/page/university/pickup_bg.jpg);
  }
}
@media print, screen and (max-width: 780px) {
  .p-university_pickup {
    background-image: url(/recruit/_/media/page/university/pickup_bg-sp.jpg);
  }
}

.p-career_hero {
  position: relative;
  overflow-x: clip;
  overflow-y: visible;
}
@media print, screen and (min-width: 781px) {
  .p-career_hero {
    height: 100vh;
  }
}
@media print, screen and (max-width: 780px) {
  .p-career_hero {
    height: 163.5897435897vw;
  }
}

.p-career_hero_video {
  width: 100%;
  height: 100%;
}
.p-career_hero_video video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  vertical-align: middle;
}

.p-career_hero_title {
  position: absolute;
  color: #fff;
}
@media print, screen and (min-width: 781px) {
  .p-career_hero_title {
    bottom: 100px;
    width: 93%;
    padding-left: 48px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-career_hero_title {
    bottom: 16.4102564103vw;
    padding-left: 5.1282051282vw;
  }
}

.p-career_hero_title_en {
  font-family: "Barlow Condensed", sans-serif;
}
@media print, screen and (min-width: 781px) {
  .p-career_hero_title_en {
    max-width: 70%;
    margin-top: 20px;
    font-size: 120px;
  }
}
@media only screen and (max-width: 1100px) and (min-width: 781px) {
  .p-career_hero_title_en {
    font-size: 100px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-career_hero_title_en {
    font-size: 14.358974359vw;
    line-height: 1;
  }
}

.p-career_hero_title_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media print, screen and (min-width: 781px) {
  .p-career_hero_title_content {
    gap: 15px 40px;
    margin-top: 25px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media print, screen and (max-width: 780px) {
  .p-career_hero_title_content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.5641025641vw;
    margin-top: 7.6923076923vw;
  }
}

.p-career_hero_title_jp {
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .p-career_hero_title_jp {
    font-size: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-career_hero_title_jp {
    font-size: 6.1538461538vw;
  }
}

.p-career_hero_title_sub {
  position: relative;
  font-family: "Barlow Condensed", sans-serif;
}
@media print, screen and (min-width: 781px) {
  .p-career_hero_title_sub {
    padding-left: 44px;
    font-size: 32px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-career_hero_title_sub {
    padding-left: 4.6153846154vw;
    font-size: 4.1025641026vw;
  }
}
.p-career_hero_title_sub::before {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #8ED1FF;
  content: "";
}
@media print, screen and (min-width: 781px) {
  .p-career_hero_title_sub::before {
    left: 0;
    width: 4px;
    height: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-career_hero_title_sub::before {
    left: 0;
    width: 0.5128205128vw;
    height: 2.0512820513vw;
  }
}

.p-career_hero_circle {
  position: absolute;
  -webkit-animation: circle-rotate 11s linear infinite;
  animation: circle-rotate 11s linear infinite;
}
@media print, screen and (min-width: 781px) {
  .p-career_hero_circle {
    width: 15%;
    min-width: 160px;
    max-width: 235px;
    bottom: -100px;
    right: 90px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-career_hero_circle {
    width: 35.8974358974vw;
    bottom: -17.9487179487vw;
    right: -17.9487179487vw;
  }
}

@media print, screen and (min-width: 781px) {
  .p-career_pickup {
    background-image: url(/recruit/_/media/page/career/pickup_bg.jpg);
  }
}
@media print, screen and (max-width: 780px) {
  .p-career_pickup {
    background-image: url(/recruit/_/media/page/career/pickup_bg-sp.jpg);
  }
}

.p-career_pickup .m-categoryTop_pickup_splide_progress-bar, .p-career_people .m-categoryTop_people_splide_progress-bar {
  background: #0073C3;
}

.p-highschool_message {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom center;
  color: #fff;
}
@media print, screen and (min-width: 781px) {
  .p-highschool_message {
    background-image: url(/recruit/_/media/page/highschool/message_bg.jpg);
    padding-bottom: 120px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-highschool_message {
    background-image: url(/recruit/_/media/page/highschool/message_bg-sp.jpg);
    padding-bottom: 20.5128205128vw;
  }
}
.p-highschool_message .m-title_lv2_jp {
  color: #fff;
}
.p-highschool_message .m-title_lv2_jp::before {
  background-color: #8ED1FF;
}
.p-highschool_message .m-title_lv2:not(.m-title_lv2--type2) .m-title_lv2_en {
  color: rgba(255, 255, 255, 0.1);
}
.p-highschool_message .m-containerNarrow {
  display: grid;
}
@media print, screen and (min-width: 781px) {
  .p-highschool_message .m-containerNarrow {
    gap: 80px;
    grid-template-columns: auto 31%;
    margin-top: 80px;
  }
}
@media only screen and (max-width: 1200px) and (min-width: 781px) {
  .p-highschool_message .m-containerNarrow {
    grid-template-columns: 1fr;
  }
}
@media print, screen and (max-width: 780px) {
  .p-highschool_message .m-containerNarrow {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10.2564102564vw;
    margin-top: 8.2051282051vw;
  }
}

@media print, screen and (min-width: 781px) {
  .p-highschool_message_text {
    font-size: 20px;
    line-height: 2.4;
  }
}
@media print, screen and (max-width: 780px) {
  .p-highschool_message_text {
    font-size: 4.1025641026vw;
    line-height: 2.2;
  }
}
@media print, screen and (min-width: 781px) {
  .p-highschool_message_text + .p-highschool_message_text {
    margin-top: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-highschool_message_text + .p-highschool_message_text {
    margin-top: 6.1538461538vw;
  }
}

.p-highschool_message_text_large {
  position: relative;
  display: inline-block;
  font-weight: 700;
}
@media print, screen and (min-width: 781px) {
  .p-highschool_message_text_large {
    font-size: 32px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-highschool_message_text_large {
    font-size: 6.1538461538vw;
  }
}
.p-highschool_message_text_large::before {
  position: absolute;
  left: 0;
  width: 100%;
  background-color: #0073C3;
  z-index: -1;
  content: "";
}
@media print, screen and (min-width: 781px) {
  .p-highschool_message_text_large::before {
    bottom: 15px;
    height: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-highschool_message_text_large::before {
    bottom: 2.0512820513vw;
    height: 4.1025641026vw;
  }
}

@media print, screen and (min-width: 781px) {
  .p-highschool_message_img img {
    border-radius: 40px;
    -webkit-box-shadow: 16px 16px 0 #0073C3;
    box-shadow: 16px 16px 0 #0073C3;
  }
}
@media print, screen and (max-width: 780px) {
  .p-highschool_message_img img {
    width: 61.5384615385vw;
    margin-left: 5.1282051282vw;
    border-radius: 8.2051282051vw;
    -webkit-box-shadow: 2.0512820513vw 2.0512820513vw 0 #0073C3;
    box-shadow: 2.0512820513vw 2.0512820513vw 0 #0073C3;
  }
}

.p-highschool_about {
  background-color: #F7F9FF;
  background-image: url(/recruit/_/media/page/highschool/about.png);
  background-repeat: no-repeat;
  background-position: top right;
}
@media print, screen and (min-width: 781px) {
  .p-highschool_about {
    padding-bottom: 120px;
    background-size: max(550px, 42.5%) auto;
  }
}
@media only screen and (max-width: 1279px) and (min-width: 781px) {
  .p-highschool_about {
    padding-top: 300px;
    background-position: top -120px right;
    background-size: max(650px, 42.5%) auto;
  }
}
@media print, screen and (max-width: 780px) {
  .p-highschool_about {
    padding-top: 69.2307692308vw;
    padding-bottom: 20.5128205128vw;
    background-size: 100%;
  }
}
.p-highschool_about .m-containerNarrow {
  display: grid;
}
@media print, screen and (min-width: 781px) {
  .p-highschool_about .m-containerNarrow {
    grid-template-columns: 1fr 1fr;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 80px;
  }
}
@media only screen and (max-width: 1279px) and (min-width: 781px) {
  .p-highschool_about .m-containerNarrow {
    grid-template-columns: 1fr;
  }
}
@media print, screen and (max-width: 780px) {
  .p-highschool_about .m-containerNarrow {
    gap: 6.1538461538vw;
  }
}

.p-highschool_about_title {
  display: inline;
  background: #0073C3;
  color: #fff;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  font-weight: 700;
}
@media print, screen and (min-width: 781px) {
  .p-highschool_about_title {
    padding: 5px 16px;
    border-radius: 8px;
    font-size: 28px;
    line-height: 2;
  }
}
@media print, screen and (max-width: 780px) {
  .p-highschool_about_title {
    padding: 1.0256410256vw 4.1025641026vw;
    border-radius: 1.0256410256vw;
    font-size: 4.6153846154vw;
    line-height: 2.1;
  }
}
@media print, screen and (min-width: 781px) {
  .p-highschool_about_title + .p-highschool_about_text {
    margin-top: 56px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-highschool_about_title + .p-highschool_about_text {
    margin-top: 10.2564102564vw;
  }
}

.p-highschool_about_text {
  line-height: 2;
}
@media print, screen and (min-width: 781px) {
  .p-highschool_about_text {
    font-size: 18px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-highschool_about_text {
    font-size: 3.8461538462vw;
  }
}
@media print, screen and (min-width: 781px) {
  .p-highschool_about_text + .p-highschool_about_text {
    margin-top: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-highschool_about_text + .p-highschool_about_text {
    margin-top: 6.1538461538vw;
  }
}

@media print, screen and (min-width: 781px) {
  .p-highschool_jobcategory {
    padding-bottom: 120px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-highschool_jobcategory {
    padding-bottom: 22.5641025641vw;
  }
}

.p-highschool_jobcategory_slider_content {
  -ms-flex-line-pack: center;
  align-content: center;
}
@media print, screen and (min-width: 781px) {
  .p-highschool_jobcategory_slider_content {
    margin-top: 150px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-highschool_jobcategory_slider_content {
    margin-top: 28.2051282051vw;
    padding-inline: 5.1282051282vw;
  }
}

.p-highschool_jobcategory_slider .splide__track {
  overflow-x: clip;
  overflow-y: visible;
  anchor-name: --tooltip-anchor;
}

.p-highschool_jobcategory_item {
  position: relative;
}
.p-highschool_jobcategory_item.is-active {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
@media print, screen and (min-width: 781px) {
  .p-highschool_jobcategory_item.is-active {
    width: 736px !important;
  }
}
.p-highschool_jobcategory_item.is-active .p-highschool_jobcategory_content {
  display: inline-block;
  background-color: #0073C3;
  text-align: center;
}
@media print, screen and (min-width: 781px) {
  .p-highschool_jobcategory_item.is-active .p-highschool_jobcategory_content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    min-height: var(--card-max-height, 400px);
    width: 480px;
    border-radius: 40px;
    padding: 0 48px 64px;
    -webkit-box-shadow: 16px 16px 16px rgba(0, 0, 0, 0.16);
    box-shadow: 16px 16px 16px rgba(0, 0, 0, 0.16);
  }
}
@media print, screen and (min-width: 781px) {
  .p-highschool_jobcategory_item.is-active .p-highschool_jobcategory_img {
    position: relative;
    margin-inline: auto;
    border-radius: 50%;
    border-radius: 50%;
    width: 240px;
    margin-top: -120px;
    border: 8px solid #fff;
    -webkit-box-shadow: 16px 16px 16px rgba(0, 0, 0, 0.16);
    box-shadow: 16px 16px 16px rgba(0, 0, 0, 0.16);
  }
}
.p-highschool_jobcategory_item.is-active .p-highschool_jobcategory_img::before {
  position: absolute;
  background-image: url(/recruit/_/media/page/highschool/jobcategory_active.svg);
  background-size: contain;
  content: "";
}
@media print, screen and (min-width: 781px) {
  .p-highschool_jobcategory_item.is-active .p-highschool_jobcategory_img::before {
    top: 0;
    right: -30px;
    width: 50px;
    height: 54px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-highschool_jobcategory_item.is-active .p-highschool_jobcategory_img::before {
    top: 0;
    right: -2.5641025641vw;
    width: 5.8974358974vw;
    height: 6.4102564103vw;
  }
}
@media print, screen and (min-width: 781px) {
  .p-highschool_jobcategory_item.is-active .p-highschool_jobcategory_title {
    display: inline-block;
    margin-top: 30px;
    padding: 10px 32px;
    border-radius: 50px;
    background-color: #fff;
  }
}
.p-highschool_jobcategory_item.is-active .p-highschool_jobcategory_text {
  max-height: initial;
  visibility: visible;
  opacity: 1;
}
@media print, screen and (min-width: 781px) {
  .p-highschool_jobcategory_item.is-active .p-highschool_jobcategory_text {
    margin-top: 30px;
    font-size: 18px;
  }
}

.p-highschool_jobcategory_content {
  color: #fff;
  text-align: center;
  line-height: 2;
}
@media print, screen and (max-width: 780px) {
  .p-highschool_jobcategory_content {
    display: grid;
    grid-template-rows: -webkit-max-content -webkit-max-content auto;
    grid-template-rows: max-content max-content auto;
    height: 100%;
    padding: 0vw 5.1282051282vw 10.2564102564vw;
    border-radius: 4.1025641026vw;
    background-color: #0073C3;
  }
}

@media print, screen and (max-width: 780px) {
  .p-highschool_jobcategory_img {
    position: relative;
    margin-inline: auto;
    border-radius: 50%;
    border-radius: 50%;
    width: 38.4615384615vw;
    margin-top: -17.9487179487vw;
    border: 1.0256410256vw solid #fff;
    -webkit-box-shadow: 4.1025641026vw 4.1025641026vw 4.1025641026vw rgba(0, 0, 0, 0.16);
    box-shadow: 4.1025641026vw 4.1025641026vw 4.1025641026vw rgba(0, 0, 0, 0.16);
  }
}

.p-highschool_jobcategory_title {
  font-weight: 700;
}
@media print, screen and (min-width: 781px) {
  .p-highschool_jobcategory_title {
    margin-top: 16px;
    color: #0073C3;
    font-size: 24px;
    line-height: 1.6;
  }
}
@media print, screen and (max-width: 780px) {
  .p-highschool_jobcategory_title {
    display: inline-block;
    margin-top: 8.2051282051vw;
    padding: 1.0256410256vw 8.2051282051vw;
    border-radius: 7.6923076923vw;
    background-color: #fff;
    color: #0073C3;
    font-size: 5.641025641vw;
    line-height: 1.8;
  }
}

.p-highschool_jobcategory_text {
  text-align: left;
}
@media print, screen and (min-width: 781px) {
  .p-highschool_jobcategory_text {
    visibility: hidden;
    max-height: 0;
    opacity: 0;
  }
}
@media print, screen and (max-width: 780px) {
  .p-highschool_jobcategory_text {
    margin-top: 6.1538461538vw;
    font-size: 3.8461538462vw;
  }
}

@media print, screen and (max-width: 780px) {
  .p-highschool_jobcategory_splide_pager {
    position: relative;
    margin-top: 14.358974359vw;
  }
}

.p-highschool_jobcategory_splide_arrows button {
  position: absolute;
  border: 1px solid;
  border-radius: 50%;
  background-color: #fff;
  color: #0073C3;
  cursor: pointer;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media print, screen and (min-width: 781px) {
  .p-highschool_jobcategory_splide_arrows button {
    width: 80px;
    height: 80px;
    font-size: 24px;
    position-anchor: --tooltip-anchor;
    top: anchor(center);
    left: calc(anchor(center) - 368px);
  }
  .p-highschool_jobcategory_splide_arrows button:last-child {
    right: calc(anchor(center) - 368px);
    left: auto;
  }
}
@media print, screen and (max-width: 780px) {
  .p-highschool_jobcategory_splide_arrows button {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 16.4102564103vw;
    height: 16.4102564103vw;
    font-size: 6.1538461538vw;
  }
  .p-highschool_jobcategory_splide_arrows button.splide__arrow--prev {
    left: 0;
  }
  .p-highschool_jobcategory_splide_arrows button.splide__arrow--next {
    right: 0;
  }
}

@media (any-hover: hover) {
  .p-highschool_jobcategory_splide_arrows button:hover {
    opacity: 0.7;
  }
}
.p-highschool_jobcategory-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media print, screen and (min-width: 781px) {
  .p-highschool_jobcategory-pagination {
    gap: 24px;
    margin-top: 48px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-highschool_jobcategory-pagination {
    gap: 2.0512820513vw;
  }
}
.p-highschool_jobcategory-pagination .splide__pagination__page {
  border: 1px solid #0073C3;
  border-radius: 50%;
}
@media print, screen and (min-width: 781px) {
  .p-highschool_jobcategory-pagination .splide__pagination__page {
    width: 24px;
    height: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-highschool_jobcategory-pagination .splide__pagination__page {
    width: 4.1025641026vw;
    aspect-ratio: 1/1;
  }
}
.p-highschool_jobcategory-pagination .splide__pagination__page.is-active {
  background-color: #0073C3;
}

.p-highschool_training {
  background-color: #F7F7F7;
}
@media print, screen and (min-width: 781px) {
  .p-highschool_training {
    padding-bottom: 120px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-highschool_training {
    padding-bottom: 16.4102564103vw;
  }
}

.p-highschool_training_img {
  background-color: #fff;
  text-align: center;
}
@media print, screen and (min-width: 781px) {
  .p-highschool_training_img {
    padding: 64px;
    border-radius: 16px;
    -webkit-box-shadow: 16px 16px 16px rgba(0, 0, 0, 0.16);
    box-shadow: 16px 16px 16px rgba(0, 0, 0, 0.16);
  }
}
@media print, screen and (max-width: 780px) {
  .p-highschool_training_img {
    padding: 8.2051282051vw 2.5641025641vw 8.2051282051vw 5.1282051282vw;
    border-radius: 2.0512820513vw;
    -webkit-box-shadow: 2.0512820513vw 2.0512820513vw 2.0512820513vw rgba(0, 0, 0, 0.08);
    box-shadow: 2.0512820513vw 2.0512820513vw 2.0512820513vw rgba(0, 0, 0, 0.08);
  }
}

.p-highschool_training_table {
  width: 100%;
}
@media print, screen and (min-width: 781px) {
  .p-highschool_training_table {
    margin-top: 64px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-highschool_training_table {
    margin-top: 10.2564102564vw;
  }
}

.p-highschool_training_table_item {
  border-bottom: 2px solid #F7F7F7;
}
@media print, screen and (min-width: 781px) {
  .p-highschool_training_table_item:first-child .p-highschool_training_table_title {
    border-radius: 8px 0 0 0;
  }
  .p-highschool_training_table_item:first-child .p-highschool_training_table_text {
    border-radius: 0 8px 0 0;
  }
  .p-highschool_training_table_item:last-child .p-highschool_training_table_title {
    border-radius: 0 0 0 8px;
  }
  .p-highschool_training_table_item:last-child .p-highschool_training_table_text {
    border-radius: 0 0 8px 0;
  }
}
@media print, screen and (max-width: 780px) {
  .p-highschool_training_table_item:first-child .p-highschool_training_table_title {
    border-radius: 2.0512820513vw 2.0512820513vw 0 0;
  }
  .p-highschool_training_table_item:last-child .p-highschool_training_table_text {
    border-radius: 0 0 2.0512820513vw 2.0512820513vw;
  }
}

.p-highschool_training_table_title {
  background-color: #0073C3;
  color: #fff;
  font-weight: 700;
  text-align: left;
  -ms-flex-line-pack: center;
  align-content: center;
}
@media print, screen and (min-width: 781px) {
  .p-highschool_training_table_title {
    min-width: 240px;
    padding: 32px 24px;
    border-right: 2px solid #F7F7F7;
    font-size: 18px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-highschool_training_table_title {
    display: block;
    padding: 5.1282051282vw;
    font-size: 4.1025641026vw;
  }
}

.p-highschool_training_table_text {
  background-color: #fff;
  font-weight: 500;
  line-height: 1.6;
  -ms-flex-line-pack: center;
  align-content: center;
}
@media print, screen and (min-width: 781px) {
  .p-highschool_training_table_text {
    padding: 24px;
    font-size: 18px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-highschool_training_table_text {
    display: block;
    padding: 5.1282051282vw;
    font-size: 4.1025641026vw;
  }
}

@media print, screen and (min-width: 781px) {
  .p-highschool_faq {
    padding-bottom: 120px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-highschool_faq {
    padding-bottom: 16.4102564103vw;
  }
}

.p-highschool_requirement {
  background-color: #F7F7F7;
}
@media print, screen and (min-width: 781px) {
  .p-highschool_requirement {
    padding-bottom: 120px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-highschool_requirement {
    padding-bottom: 16.4102564103vw;
  }
}

@media print, screen and (max-width: 780px) {
  .m-container .p-highschool_requirement_content {
    margin-left: -5.1282051282vw;
    margin-right: -5.1282051282vw;
  }
}

.p-highschool_requirement_content {
  background-color: #fff;
}
@media print, screen and (min-width: 781px) {
  .p-highschool_requirement_content {
    padding: 80px;
    border-radius: 16px;
    -webkit-box-shadow: 16px 16px 16px rgba(0, 0, 0, 0.16);
    box-shadow: 16px 16px 16px rgba(0, 0, 0, 0.16);
  }
}
@media print, screen and (max-width: 780px) {
  .p-highschool_requirement_content {
    padding: 20.5128205128vw 5.1282051282vw;
    -webkit-box-shadow: 2.0512820513vw 2.0512820513vw 2.0512820513vw rgba(0, 0, 0, 0.08);
    box-shadow: 2.0512820513vw 2.0512820513vw 2.0512820513vw rgba(0, 0, 0, 0.08);
  }
}
@media print, screen and (min-width: 781px) {
  .p-highschool_requirement_content .m-table {
    max-width: 1384px;
    margin-inline: auto;
  }
}
.p-highschool_requirement_table_list {
  list-style: auto;
}
@media print, screen and (min-width: 781px) {
  .p-highschool_requirement_table_list {
    padding-left: 1.5rem;
  }
}
@media print, screen and (max-width: 780px) {
  .p-highschool_requirement_table_list {
    padding-left: 1.3rem;
  }
}

@media print, screen and (min-width: 781px) {
  .p-highschool_requirement_text {
    margin-top: 48px;
    line-height: 2;
  }
}
@media print, screen and (max-width: 780px) {
  .p-highschool_requirement_text {
    margin-top: 6.1538461538vw;
    line-height: 1.8;
    font-size: 3.8461538462vw;
  }
}

.p-highschool_requirement_link {
  display: inline-block;
  line-height: 1.4;
}
@media print, screen and (min-width: 781px) {
  .p-highschool_requirement_link {
    margin-top: 8px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-highschool_requirement_link {
    margin-top: 2.0512820513vw;
  }
}

.p-challenged_message {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom center;
  color: #fff;
}
@media print, screen and (min-width: 781px) {
  .p-challenged_message {
    background-image: url(/recruit/_/media/page/challenged/message_bg.jpg);
    padding-bottom: 120px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-challenged_message {
    background-image: url(/recruit/_/media/page/challenged/message_bg-sp.jpg);
    padding-bottom: 20.5128205128vw;
  }
}
.p-challenged_message .m-title_lv2_jp {
  color: #fff;
}
.p-challenged_message .m-title_lv2_jp::before {
  background-color: #8ED1FF;
}
.p-challenged_message .m-title_lv2:not(.m-title_lv2--type2) .m-title_lv2_en {
  color: rgba(255, 255, 255, 0.1);
}

.p-challenged_message_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media print, screen and (min-width: 781px) {
  .p-challenged_message_content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    gap: 80px;
  }
}
@media only screen and (max-width: 1199px) {
  .p-challenged_message_content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media print, screen and (max-width: 780px) {
  .p-challenged_message_content {
    gap: 6.1538461538vw;
  }
}

.p-challenged_message_title {
  position: relative;
}
@media only screen and (min-width: 1200px) {
  .p-challenged_message_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.p-challenged_message_title_jp {
  position: relative;
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .p-challenged_message_title_jp {
    margin-right: 6%;
    font-size: 48px;
    line-height: 1.7;
    letter-spacing: 0.17em;
  }
}
@media only screen and (min-width: 1200px) {
  .p-challenged_message_title_jp {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
  }
}
@media print, screen and (max-width: 780px) {
  .p-challenged_message_title_jp {
    margin-top: 4.1025641026vw;
    font-size: 6.6666666667vw;
    line-height: 1.4;
    letter-spacing: 0.05em;
  }
}

.p-challenged_message_title_en {
  color: #8ED1FF;
  font-family: "Barlow Condensed", sans-serif;
}
@media print, screen and (min-width: 781px) {
  .p-challenged_message_title_en {
    margin-right: 25.33%;
    font-size: 28px;
  }
}
@media only screen and (min-width: 1200px) {
  .p-challenged_message_title_en {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
  }
}
@media only screen and (max-width: 1480px) and (min-width: 1200px) {
  .p-challenged_message_title_en {
    margin-right: 10%;
  }
}
@media print, screen and (max-width: 780px) {
  .p-challenged_message_title_en {
    font-size: 5.1282051282vw;
  }
}

@media print, screen and (min-width: 781px) {
  .p-challenged_message_title_img {
    width: 38.5%;
    max-width: 231px;
    margin-top: auto;
  }
}
@media only screen and (max-width: 1199px) {
  .p-challenged_message_title_img {
    position: absolute;
    bottom: 150px;
    right: 0;
    width: 150px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-challenged_message_title_img {
    bottom: 0;
    width: 23.0769230769vw;
  }
}

@media print, screen and (min-width: 781px) {
  .p-challenged_message_wrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}
@media only screen and (max-width: 1480px) and (min-width: 1200px) {
  .p-challenged_message_wrapper {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 60%;
  }
}
.p-challenged_message_lead {
  position: relative;
  display: inline-block;
  font-weight: 700;
}
@media print, screen and (min-width: 781px) {
  .p-challenged_message_lead {
    margin-bottom: 50px;
    font-size: 32px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-challenged_message_lead {
    margin-bottom: 8.9743589744vw;
    font-size: 6.1538461538vw;
  }
}
.p-challenged_message_lead::after {
  position: absolute;
  left: 0;
  width: 100%;
  background-color: #0073C3;
  z-index: -1;
  content: "";
}
@media print, screen and (min-width: 781px) {
  .p-challenged_message_lead::after {
    bottom: -8px;
    height: 16px;
    border-radius: 4px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-challenged_message_lead::after {
    bottom: -2.0512820513vw;
    height: 4.1025641026vw;
    border-radius: 1.0256410256vw;
  }
}

.p-challenged_message_text {
  font-weight: 500;
  line-height: 2.2;
}
@media print, screen and (min-width: 781px) {
  .p-challenged_message_text {
    font-size: 20px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-challenged_message_text {
    font-size: 4.1025641026vw;
  }
}
@media print, screen and (min-width: 781px) {
  .p-challenged_message_text + .p-challenged_message_text {
    margin-top: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-challenged_message_text + .p-challenged_message_text {
    margin-top: 4.1025641026vw;
  }
}

.p-challenged_lead {
  line-height: 1.8;
}
@media print, screen and (min-width: 781px) {
  .p-challenged_lead {
    margin-bottom: 56px;
    font-size: 20px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-challenged_lead {
    margin-bottom: 10.2564102564vw;
    font-size: 4.1025641026vw;
  }
}

.p-challenged_interview {
  background-color: #F7F9FF;
}
@media print, screen and (min-width: 781px) {
  .p-challenged_interview {
    padding-bottom: 120px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-challenged_interview {
    padding-bottom: 16.4102564103vw;
  }
}
@media print, screen and (max-width: 780px) {
  .p-challenged_interview .p-challenged_lead {
    margin-bottom: 5.1282051282vw;
  }
}

@media print, screen and (min-width: 781px) {
  .p-challenged_interview_img {
    border-radius: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-challenged_interview_img {
    border-radius: 2.0512820513vw;
  }
}

@media print, screen and (min-width: 781px) {
  .p-challenged_interview_link {
    margin-top: 40px;
    margin-left: auto;
  }
}
@media print, screen and (max-width: 780px) {
  .p-challenged_interview_link {
    margin-top: 10.2564102564vw;
  }
}

@media print, screen and (min-width: 781px) {
  .p-challenged_environment {
    padding-bottom: 120px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-challenged_environment {
    padding-bottom: 16.4102564103vw;
  }
}

.p-challenged_environment_list {
  display: grid;
}
@media print, screen and (min-width: 781px) {
  .p-challenged_environment_list {
    gap: 80px;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    margin-bottom: 64px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-challenged_environment_list {
    gap: 10.2564102564vw;
    margin-bottom: 10.2564102564vw;
  }
}

@media print, screen and (min-width: 781px) {
  .p-challenged_environment_list_img {
    border-radius: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-challenged_environment_list_img {
    border-radius: 2.0512820513vw;
  }
}

.p-challenged_environment_list_title {
  color: #0073C3;
  font-weight: 700;
  line-height: 1.8;
}
@media print, screen and (min-width: 781px) {
  .p-challenged_environment_list_title {
    margin-top: 24px;
    font-size: 32px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-challenged_environment_list_title {
    margin-top: 4.1025641026vw;
    font-size: 5.1282051282vw;
  }
}

.p-challenged_environment_list_text {
  line-height: 2;
}
@media print, screen and (min-width: 781px) {
  .p-challenged_environment_list_text {
    margin-top: 8px;
    font-size: 18px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-challenged_environment_list_text {
    margin-top: 2.0512820513vw;
    font-size: 3.8461538462vw;
  }
}

@media print, screen and (min-width: 781px) {
  .p-challenged_environment_table {
    margin-top: 32px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-challenged_environment_table {
    margin-top: 2.0512820513vw;
  }
}

.p-challenged_environment_table_item {
  border-bottom: 2px solid #fff;
}
@media print, screen and (min-width: 781px) {
  .p-challenged_environment_table_item:first-child .p-challenged_environment_table_title {
    border-radius: 8px 0 0 0;
  }
  .p-challenged_environment_table_item:first-child .p-challenged_environment_table_text {
    border-radius: 0 8px 0 0;
  }
  .p-challenged_environment_table_item:last-child .p-challenged_environment_table_title {
    border-radius: 0 0 0 8px;
  }
  .p-challenged_environment_table_item:last-child .p-challenged_environment_table_text {
    border-radius: 0 0 8px 0;
  }
}
@media print, screen and (max-width: 780px) {
  .p-challenged_environment_table_item:first-child .p-challenged_environment_table_title {
    border-radius: 2.0512820513vw 2.0512820513vw 0 0;
  }
  .p-challenged_environment_table_item:last-child .p-challenged_environment_table_text {
    border-radius: 0 0 2.0512820513vw 2.0512820513vw;
  }
}

.p-challenged_environment_table_title {
  background-color: #0073C3;
  color: #fff;
  font-weight: 700;
  text-align: left;
  -ms-flex-line-pack: center;
  align-content: center;
}
@media print, screen and (min-width: 781px) {
  .p-challenged_environment_table_title {
    min-width: 240px;
    padding: 32px 24px;
    border-right: 2px solid #fff;
    font-size: 18px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-challenged_environment_table_title {
    display: block;
    padding: 5.1282051282vw;
    font-size: 4.1025641026vw;
  }
}

.p-challenged_environment_table_text {
  background-color: #F7F7F7;
  font-weight: 500;
  line-height: 1.6;
  -ms-flex-line-pack: center;
  align-content: center;
}
@media print, screen and (min-width: 781px) {
  .p-challenged_environment_table_text {
    padding: 24px;
    font-size: 18px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-challenged_environment_table_text {
    display: block;
    padding: 5.1282051282vw;
  }
}

.p-challenged_environment_table_note {
  font-weight: 400;
}
@media print, screen and (min-width: 781px) {
  .p-challenged_environment_table_note {
    font-size: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-challenged_environment_table_note {
    font-size: 3.5897435897vw;
  }
}

.p-challenged_record {
  background-color: #0073C3;
}
@media print, screen and (min-width: 781px) {
  .p-challenged_record {
    padding-bottom: 120px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-challenged_record {
    padding-bottom: 16.4102564103vw;
  }
}
.p-challenged_record .m-title_lv2_jp {
  color: #fff;
}
.p-challenged_record .m-title_lv2_jp::before {
  background-color: #8ED1FF;
}
.p-challenged_record .m-title_lv2:not(.m-title_lv2--type2) .m-title_lv2_en {
  color: rgba(255, 255, 255, 0.1);
}
.p-challenged_record .m-containerNarrow {
  color: #fff;
}

.p-challenged_record_content {
  background-color: #fff;
  text-align: center;
}
@media print, screen and (min-width: 781px) {
  .p-challenged_record_content {
    padding: 56px 48px 48px;
    -webkit-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
    box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
    border-radius: 8px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-challenged_record_content {
    padding: 10.2564102564vw 5.1282051282vw 8.2051282051vw;
    -webkit-box-shadow: 2.0512820513vw 2.0512820513vw 2.0512820513vw rgba(0, 0, 0, 0.16);
    box-shadow: 2.0512820513vw 2.0512820513vw 2.0512820513vw rgba(0, 0, 0, 0.16);
    border-radius: 2.0512820513vw;
  }
}
.p-challenged_record_content + .p-challenged_record_content {
  margin-top: 6.1538461538vw;
}
@media print, screen and (min-width: 781px) {
  .p-challenged_record_content:first-of-type .p-challenged_record_list_item:first-child {
    grid-column: span 2;
  }
}
@media only screen and (max-width: 1000px) {
  .p-challenged_record_content:first-of-type .p-challenged_record_list_item:first-child {
    grid-column: auto;
  }
}

.p-challenged_record_title {
  color: #0073C3;
  font-weight: 700;
}
@media print, screen and (min-width: 781px) {
  .p-challenged_record_title {
    font-size: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-challenged_record_title {
    font-size: 5.1282051282vw;
  }
}

.p-challenged_record_list {
  display: grid;
}
@media print, screen and (min-width: 781px) {
  .p-challenged_record_list {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    margin-top: 40px;
  }
}
@media only screen and (max-width: 1000px) and (min-width: 781px) {
  .p-challenged_record_list {
    grid-template-columns: 1fr;
  }
}
@media print, screen and (max-width: 780px) {
  .p-challenged_record_list {
    gap: 4.1025641026vw;
    margin-top: 4.1025641026vw;
  }
}

.p-challenged_record_list_item {
  background-color: #F7F7F7;
}
@media print, screen and (min-width: 781px) {
  .p-challenged_record_list_item {
    padding: 40px 45px 48px;
    border: 1px solid #D9D9D9;
    border-radius: 8px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-challenged_record_list_item {
    padding: 6.1538461538vw 4.8717948718vw 8.2051282051vw;
    border: 0.2564102564vw solid #D9D9D9;
    border-radius: 2.0512820513vw;
  }
}

.p-challenged_record_list_title {
  color: #0B2C4F;
  font-weight: 500;
  line-height: 2;
}
@media print, screen and (min-width: 781px) {
  .p-challenged_record_list_title {
    margin-bottom: 24px;
    font-size: 20px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-challenged_record_list_title {
    margin-bottom: 2.0512820513vw;
    font-size: 4.6153846154vw;
  }
}

.p-challenged_record_list_sub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 700px;
  margin-inline: auto;
}
@media print, screen and (min-width: 781px) {
  .p-challenged_record_list_sub {
    gap: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-challenged_record_list_sub {
    gap: 2.0512820513vw;
  }
}

.p-challenged_record_list_sub_item {
  background-color: #fff;
  color: #0073C3;
  font-weight: 500;
  border-radius: 100px;
}
@media print, screen and (min-width: 781px) {
  .p-challenged_record_list_sub_item {
    padding: 9px 16px;
    border: 1px solid #0073C3;
  }
}
@media print, screen and (max-width: 780px) {
  .p-challenged_record_list_sub_item {
    padding: 1.0256410256vw 2.5641025641vw 1.5384615385vw;
    border: 0.2564102564vw solid #0073C3;
    font-size: 3.5897435897vw;
  }
}

.p-challenged_record_list_sub_text {
  color: #000;
  font-weight: 500;
}
@media print, screen and (max-width: 780px) {
  .p-challenged_record_list_sub_text {
    font-size: 3.5897435897vw;
  }
}

@media print, screen and (min-width: 781px) {
  .p-challenged_record_list_img img {
    -webkit-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.08);
    box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.08);
  }
}
@media print, screen and (max-width: 780px) {
  .p-challenged_record_list_img img {
    -webkit-box-shadow: 2.0512820513vw 2.0512820513vw 2.0512820513vw rgba(0, 0, 0, 0.08);
    box-shadow: 2.0512820513vw 2.0512820513vw 2.0512820513vw rgba(0, 0, 0, 0.08);
  }
}

.p-challenged_record_note {
  color: #000;
  text-align: right;
  line-height: 2;
}
@media print, screen and (min-width: 781px) {
  .p-challenged_record_note {
    margin-top: 8px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-challenged_record_note {
    margin-top: 2.0512820513vw;
    font-size: 3.5897435897vw;
  }
}

.p-challenged_requirements {
  background-color: #F7F7F7;
}
@media print, screen and (min-width: 781px) {
  .p-challenged_requirements {
    padding-bottom: 120px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-challenged_requirements {
    padding-bottom: 16.4102564103vw;
  }
}

.p-challenged_requirements_content {
  position: relative;
  background-color: #0B2C4F;
  text-align: center;
}
@media print, screen and (min-width: 781px) {
  .p-challenged_requirements_content {
    padding: 48px 40px 56px;
    border-radius: 8px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-challenged_requirements_content {
    padding: 10.2564102564vw 5.1282051282vw;
    border-radius: 2.0512820513vw;
  }
}
.p-challenged_requirements_content ::before {
  position: absolute;
  background-color: #8ED1FF;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  content: "";
}
@media print, screen and (min-width: 781px) {
  .p-challenged_requirements_content ::before {
    width: 80px;
    height: 4px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-challenged_requirements_content ::before {
    width: 20.5128205128vw;
    height: 1.0256410256vw;
  }
}

.p-challenged_requirements_title {
  color: #fff;
  font-weight: 500;
  line-height: 2;
}
@media print, screen and (min-width: 781px) {
  .p-challenged_requirements_title {
    font-size: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-challenged_requirements_title {
    font-size: 5.1282051282vw;
  }
}

.p-challenged_requirements_link {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 490px;
  background-color: #fff;
  color: #000;
  text-decoration: none;
  -ms-flex-line-pack: center;
  align-content: center;
  font-weight: 500;
  letter-spacing: 0.05em;
}
@media print, screen and (min-width: 781px) {
  .p-challenged_requirements_link {
    height: 96px;
    margin-top: 24px;
    border-radius: 8px;
    font-size: 20px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-challenged_requirements_link {
    height: 22.5641025641vw;
    margin-top: 6.1538461538vw;
    padding-inline: 5.1282051282vw;
    border-radius: 2.0512820513vw;
    font-size: 4.1025641026vw;
    text-align: left;
  }
}
.p-challenged_requirements_link [data-icon]::after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #0073C3;
  border-radius: 50%;
  color: #0073C3;
  font-weight: 400;
}
@media print, screen and (min-width: 781px) {
  .p-challenged_requirements_link [data-icon]::after {
    right: 28px;
    width: 40px;
    height: 40px;
    font-size: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-challenged_requirements_link [data-icon]::after {
    width: 10.2564102564vw;
    height: 10.2564102564vw;
    right: 5.1282051282vw;
    font-size: 6.1538461538vw;
  }
}

.p-contract_feature {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom center;
}
@media print, screen and (min-width: 781px) {
  .p-contract_feature {
    padding-bottom: 120px;
    background-image: url(/recruit/_/media/page/contract/feature_bg.jpg);
  }
}
@media print, screen and (max-width: 780px) {
  .p-contract_feature {
    padding-bottom: 20.5128205128vw;
    background-image: url(/recruit/_/media/page/contract/feature_bg-sp.jpg);
  }
}
.p-contract_feature .m-title_lv2_jp {
  color: #fff;
}
.p-contract_feature .m-title_lv2_jp::before {
  background-color: #8ED1FF;
}
.p-contract_feature .m-title_lv2:not(.m-title_lv2--type2) .m-title_lv2_en {
  color: rgba(255, 255, 255, 0.1);
}

.p-contract_feature_list {
  display: grid;
}
@media print, screen and (min-width: 781px) {
  .p-contract_feature_list {
    grid-template-columns: repeat(4, 1fr);
    gap: 32px;
  }
}
@media only screen and (max-width: 1350px) and (min-width: 781px) {
  .p-contract_feature_list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media print, screen and (max-width: 780px) {
  .p-contract_feature_list {
    gap: 4.1025641026vw;
  }
}

.p-contract_feature_list_item {
  background-color: #0B2C4F;
  border: 1px solid #fff;
}
@media print, screen and (min-width: 781px) {
  .p-contract_feature_list_item {
    padding: 48px 20px;
    border-radius: 16px;
    text-align: center;
  }
}
@media print, screen and (max-width: 780px) {
  .p-contract_feature_list_item {
    display: grid;
    grid-template-columns: 25.641025641vw 1fr;
    gap: 6.1538461538vw;
    padding: 8.2051282051vw 5.1282051282vw;
    border-radius: 2.0512820513vw;
  }
}

@media print, screen and (min-width: 781px) {
  .p-contract_feature_list_img {
    width: 128px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-contract_feature_list_img {
    width: 25.641025641vw;
  }
}

.p-contract_feature_list_number {
  color: #8ED1FF;
  font-family: "Barlow Condensed", sans-serif;
}
@media print, screen and (min-width: 781px) {
  .p-contract_feature_list_number {
    margin-top: 24px;
    font-size: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-contract_feature_list_number {
    font-size: 4.6153846154vw;
  }
}

.p-contract_feature_list_title {
  color: #fff;
  line-height: 1.6;
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .p-contract_feature_list_title {
    margin-top: 24px;
    font-size: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-contract_feature_list_title {
    margin-top: 2.0512820513vw;
    font-size: 5.1282051282vw;
  }
}

@media print, screen and (min-width: 781px) {
  .p-contract_feature_link {
    margin-left: auto;
    margin-top: 56px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-contract_feature_link {
    margin-top: 10.2564102564vw;
  }
}

@media print, screen and (min-width: 781px) {
  .p-contract_flow {
    padding-bottom: 120px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-contract_flow {
    padding-bottom: 22.5641025641vw;
  }
}

.p-contract_flow_list {
  display: grid;
  background-color: #F7F7F7;
  text-align: center;
}
@media print, screen and (min-width: 781px) {
  .p-contract_flow_list {
    gap: 40px;
    padding: 64px;
    border-radius: 16px;
  }
}
@media only screen and (min-width: 1300px) {
  .p-contract_flow_list {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media print, screen and (max-width: 780px) {
  .p-contract_flow_list {
    gap: 7.6923076923vw;
    padding: 10.2564102564vw 5.1282051282vw;
    border-radius: 2.0512820513vw;
  }
}

.p-contract_flow_item {
  position: relative;
  border: 2px solid #fff;
  background-color: #fff;
}
@media print, screen and (min-width: 781px) {
  .p-contract_flow_item {
    border-radius: 8px;
    -webkit-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
    box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
  }
}
@media print, screen and (max-width: 780px) {
  .p-contract_flow_item {
    border-radius: 1.0256410256vw;
    -webkit-box-shadow: 2.0512820513vw 2.0512820513vw 2.0512820513vw rgba(0, 0, 0, 0.16);
    box-shadow: 2.0512820513vw 2.0512820513vw 2.0512820513vw rgba(0, 0, 0, 0.16);
  }
}
.p-contract_flow_item + .p-contract_flow_item::before {
  position: absolute;
  background-color: #0B2C4F;
  content: "";
}
@media print, screen and (min-width: 781px) {
  .p-contract_flow_item + .p-contract_flow_item::before {
    top: 50%;
    left: -28px;
    width: 18px;
    height: 35px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-clip-path: polygon(0 1%, 0% 100%, 100% 50%);
    clip-path: polygon(0 1%, 0% 100%, 100% 50%);
  }
}
@media only screen and (max-width: 1299px) and (min-width: 781px) {
  .p-contract_flow_item + .p-contract_flow_item::before {
    top: -29px;
    left: 50%;
    width: 35px;
    height: 18px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
    clip-path: polygon(0 0, 50% 100%, 100% 0);
  }
}
@media print, screen and (max-width: 780px) {
  .p-contract_flow_item + .p-contract_flow_item::before {
    top: -4.6153846154vw;
    left: 50%;
    width: 5.1282051282vw;
    height: 2.5641025641vw;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
    clip-path: polygon(0 0, 50% 100%, 100% 0);
  }
}

.p-contract_flow_number {
  background-color: #0073C3;
  color: #fff;
  letter-spacing: 0.05em;
  font-family: "Barlow Condensed", sans-serif;
}
@media print, screen and (min-width: 781px) {
  .p-contract_flow_number {
    padding: 12px;
    border-radius: 8px 8px 0 0;
    font-size: 20px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-contract_flow_number {
    padding: 2.5641025641vw;
    border-radius: 1.0256410256vw 1.0256410256vw 0 0;
    font-size: 4.1025641026vw;
  }
}

@media print, screen and (min-width: 781px) {
  .p-contract_flow_content {
    padding: 24px 24px 32px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-contract_flow_content {
    padding: 4.6153846154vw 5.1282051282vw 6.1538461538vw;
  }
}

.p-contract_flow_title {
  color: #0073C3;
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .p-contract_flow_title {
    font-size: 20px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-contract_flow_title {
    font-size: 5.1282051282vw;
  }
}

.p-contract_flow_text {
  line-height: 1.6;
}
@media print, screen and (min-width: 781px) {
  .p-contract_flow_text {
    margin-top: 16px;
    font-size: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-contract_flow_text {
    margin-top: 2.0512820513vw;
    font-size: 3.8461538462vw;
  }
}

.p-contract_locations {
  background-color: #0073C3;
}
@media print, screen and (min-width: 781px) {
  .p-contract_locations {
    padding-bottom: 120px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-contract_locations {
    padding-bottom: 16.4102564103vw;
  }
}
.p-contract_locations .m-title_lv2_jp {
  color: #fff;
}
.p-contract_locations .m-title_lv2_jp::before {
  background-color: #8ED1FF;
}
.p-contract_locations .m-title_lv2:not(.m-title_lv2--type2) .m-title_lv2_en {
  color: rgba(255, 255, 255, 0.1);
}

.p-contract_locations_list {
  display: grid;
}
@media print, screen and (min-width: 781px) {
  .p-contract_locations_list {
    gap: 56px 80px;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  }
}
@media print, screen and (max-width: 780px) {
  .p-contract_locations_list {
    gap: 8.2051282051vw;
  }
}

.p-contract_locations_list_link {
  text-decoration: none;
}

.p-contract_locations_list_img {
  overflow: hidden;
}
@media print, screen and (min-width: 781px) {
  .p-contract_locations_list_img {
    border-radius: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-contract_locations_list_img {
    border-radius: 2.0512820513vw;
  }
}
.p-contract_locations_list_img img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media (any-hover: hover) {
  .p-contract_locations_list_img:hover img {
    scale: 1.1;
  }
}
.p-contract_locations_list_title {
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  letter-spacing: 0.05em;
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .p-contract_locations_list_title {
    grid-template-columns: auto 80px;
    gap: 10px;
    margin-top: 24px;
    font-size: 28px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-contract_locations_list_title {
    grid-template-columns: auto 10.2564102564vw;
    gap: 2.5641025641vw;
    margin-top: 4.358974359vw;
    font-size: 5.1282051282vw;
  }
}
.p-contract_locations_list_title [data-icon]::after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #fff;
  border-radius: 50%;
}
@media print, screen and (min-width: 781px) {
  .p-contract_locations_list_title [data-icon]::after {
    width: 80px;
    height: 80px;
    font-size: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-contract_locations_list_title [data-icon]::after {
    width: 10.2564102564vw;
    height: 10.2564102564vw;
    font-size: 6.1538461538vw;
  }
}

@media print, screen and (min-width: 781px) {
  .p-contract_faq {
    padding-bottom: 120px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-contract_faq {
    padding-bottom: 20.5128205128vw;
  }
}

@media print, screen and (min-width: 781px) {
  .p-contract_faq_link {
    margin-left: auto;
    margin-top: 80px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-contract_faq_link {
    margin-top: 8.2051282051vw;
  }
}

@media print, screen and (min-width: 781px) {
  .p-hrGreeting_section {
    padding-top: 120px;
    padding-bottom: 80px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-hrGreeting_section {
    padding-top: 16.4102564103vw;
    padding-bottom: 14.358974359vw;
  }
}

.p-hrGreeting_label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media print, screen and (min-width: 781px) {
  .p-hrGreeting_label {
    gap: 16px;
    margin-bottom: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-hrGreeting_label {
    gap: 2.0512820513vw;
    margin-bottom: 6.1538461538vw;
  }
}

.p-hrGreeting_label_icon {
  background-color: #0073C3;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
}
@media print, screen and (min-width: 781px) {
  .p-hrGreeting_label_icon {
    width: 56px;
    height: 56px;
    font-size: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-hrGreeting_label_icon {
    width: 8.2051282051vw;
    height: 8.2051282051vw;
  }
}

.p-hrGreeting_label_text {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500;
  color: #0073C3;
}
@media print, screen and (min-width: 781px) {
  .p-hrGreeting_label_text {
    font-size: 32px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-hrGreeting_label_text {
    font-size: 5.1282051282vw;
  }
}

.p-hrGreeting_title {
  font-weight: 500;
  line-height: 1.6;
}
@media print, screen and (min-width: 781px) {
  .p-hrGreeting_title {
    font-size: 40px;
    margin-bottom: 80px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-hrGreeting_title {
    font-size: 6.1538461538vw;
    margin-bottom: 10.2564102564vw;
  }
}

.p-hrGreeting_gm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media print, screen and (min-width: 781px) {
  .p-hrGreeting_gm {
    gap: 5.4054054054%;
    padding-left: 100px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1200px) {
  .p-hrGreeting_gm {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-hrGreeting_gm {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8.2051282051vw;
  }
}

.p-hrGreeting_gm_text {
  line-height: 2;
}
@media print, screen and (min-width: 781px) {
  .p-hrGreeting_gm_text {
    font-size: 18px;
    width: 40.5405405405%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1200px) {
  .p-hrGreeting_gm_text {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
  }
}
@media print, screen and (max-width: 780px) {
  .p-hrGreeting_gm_text {
    font-size: 3.8461538462vw;
  }
}

@media print, screen and (min-width: 781px) {
  .p-hrGreeting_gm_image {
    width: 54.0540540541%;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1200px) {
  .p-hrGreeting_gm_image {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
  }
}
@media print, screen and (min-width: 781px) {
  .p-hrGreeting_gm_image img {
    -webkit-box-shadow: 16px 16px 16px rgba(0, 0, 0, 0.16);
    box-shadow: 16px 16px 16px rgba(0, 0, 0, 0.16);
    border-radius: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-hrGreeting_gm_image img {
    border-radius: 4.1025641026vw;
    -webkit-box-shadow: 2.0512820513vw 2.0512820513vw 4.1025641026vw rgba(0, 0, 0, 0.16);
    box-shadow: 2.0512820513vw 2.0512820513vw 4.1025641026vw rgba(0, 0, 0, 0.16);
  }
}

.p-hrGreeting_intro {
  background-color: #F7F7F7;
}
@media print, screen and (min-width: 781px) {
  .p-hrGreeting_intro {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-hrGreeting_intro {
    padding-top: 14.358974359vw;
    padding-bottom: 14.358974359vw;
  }
}

.p-hrGreeting_intro_profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media print, screen and (min-width: 781px) {
  .p-hrGreeting_intro_profile {
    gap: 40px;
    margin-bottom: 64px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1100px) {
  .p-hrGreeting_intro_profile {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media print, screen and (max-width: 780px) {
  .p-hrGreeting_intro_profile {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.p-hrGreeting_intro_profile_head {
  background-color: #0073C3;
  color: #fff;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media print, screen and (min-width: 781px) {
  .p-hrGreeting_intro_profile_head {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 290px;
    font-size: 32px;
    border-radius: 8px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1100px) {
  .p-hrGreeting_intro_profile_head {
    width: 100%;
    padding: 30px 0;
  }
}
@media print, screen and (max-width: 780px) {
  .p-hrGreeting_intro_profile_head {
    height: 10.2564102564vw;
    border-radius: 1.0256410256vw;
    font-size: 5.1282051282vw;
    margin-bottom: 6.1538461538vw;
  }
}

.p-hrGreeting_intro_profile_body {
  line-height: 2;
}
@media print, screen and (max-width: 780px) {
  .p-hrGreeting_intro_profile_body {
    font-size: 3.5897435897vw;
  }
}

.p-hrGreeting_intro_episode {
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media print, screen and (min-width: 781px) {
  .p-hrGreeting_intro_episode {
    padding: 80px 100px;
    border-radius: 16px;
    gap: 4.375%;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1200px) {
  .p-hrGreeting_intro_episode {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media print, screen and (max-width: 780px) {
  .p-hrGreeting_intro_episode {
    margin-top: 10.2564102564vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 10.2564102564vw 5.1282051282vw;
  }
}

@media print, screen and (min-width: 781px) {
  .p-hrGreeting_intro_episode_image {
    width: 32.03125%;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1200px) {
  .p-hrGreeting_intro_episode_image {
    width: 100%;
  }
}
@media print, screen and (min-width: 781px) {
  .p-hrGreeting_intro_episode_image img {
    border-radius: 8px;
    -webkit-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
    box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
  }
}
@media print, screen and (max-width: 780px) {
  .p-hrGreeting_intro_episode_image img {
    border-radius: 2.0512820513vw;
    -webkit-box-shadow: 2.0512820513vw 2.0512820513vw 2.0512820513vw rgba(0, 0, 0, 0.16);
    box-shadow: 2.0512820513vw 2.0512820513vw 2.0512820513vw rgba(0, 0, 0, 0.16);
  }
}

@media print, screen and (min-width: 781px) {
  .p-hrGreeting_intro_episode_text {
    width: 63.59375%;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1200px) {
  .p-hrGreeting_intro_episode_text {
    width: 100%;
    margin-top: 50px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-hrGreeting_intro_episode_text {
    margin-top: 8.2051282051vw;
  }
}

.p-hrGreeting_intro_episode_text_title {
  font-weight: 500;
  color: #0073C3;
  line-height: 1.5;
}
@media print, screen and (min-width: 781px) {
  .p-hrGreeting_intro_episode_text_title {
    font-size: 24px;
    margin-bottom: 20px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-hrGreeting_intro_episode_text_title {
    font-size: 4.6153846154vw;
    margin-bottom: 4.1025641026vw;
  }
}

.p-hrGreeting_intro_episode_text_body {
  line-height: 2;
}
@media print, screen and (max-width: 780px) {
  .p-hrGreeting_intro_episode_text_body {
    font-size: 3.5897435897vw;
  }
}

.p-hrGreeting_member {
  background-color: #F7F7F7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media print, screen and (min-width: 781px) {
  .p-hrGreeting_member {
    border-radius: 16px;
    -webkit-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
    box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
    padding: 50px 80px;
    gap: 56px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1200px) {
  .p-hrGreeting_member {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media print, screen and (max-width: 780px) {
  .p-hrGreeting_member {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 10.2564102564vw 5.1282051282vw;
    gap: 6.1538461538vw;
    -webkit-box-shadow: 2.0512820513vw 2.0512820513vw 2.0512820513vw rgba(0, 0, 0, 0.16);
    box-shadow: 2.0512820513vw 2.0512820513vw 2.0512820513vw rgba(0, 0, 0, 0.16);
    border-radius: 2.0512820513vw;
  }
}
@media print, screen and (min-width: 781px) {
  .p-hrGreeting_member + .p-hrGreeting_member {
    margin-top: 56px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-hrGreeting_member + .p-hrGreeting_member {
    margin-top: 6.1538461538vw;
  }
}

@media print, screen and (min-width: 781px) {
  .p-hrGreeting_member_image {
    width: 27%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1200px) {
  .p-hrGreeting_member_image {
    width: 300px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-hrGreeting_member_image {
    width: 41.0256410256vw;
  }
}
.p-hrGreeting_member_image img {
  width: 100%;
}

.p-hrGreeting_member_info_title {
  font-weight: 500;
  color: #0073C3;
  line-height: 1.5;
}
@media print, screen and (min-width: 781px) {
  .p-hrGreeting_member_info_title {
    font-size: 26px;
    margin-bottom: 32px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-hrGreeting_member_info_title {
    font-size: 5.1282051282vw;
    margin-bottom: 4.1025641026vw;
  }
}

.p-hrGreeting_member_info_body {
  line-height: 2;
}
@media print, screen and (min-width: 781px) {
  .p-hrGreeting_member_info_body {
    font-size: 18px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-hrGreeting_member_info_body {
    font-size: 3.8461538462vw;
  }
}

.p-hrGreeting_member_info_profile {
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media print, screen and (min-width: 781px) {
  .p-hrGreeting_member_info_profile {
    border-radius: 8px;
    padding: 40px 50px;
    margin-top: 32px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1000px) {
  .p-hrGreeting_member_info_profile {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media print, screen and (max-width: 780px) {
  .p-hrGreeting_member_info_profile {
    padding: 6.1538461538vw;
    margin-top: 6.1538461538vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.p-hrGreeting_member_info_profile_head {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500;
  color: #0073C3;
}
@media print, screen and (min-width: 781px) {
  .p-hrGreeting_member_info_profile_head {
    font-size: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-hrGreeting_member_info_profile_head {
    font-size: 6.1538461538vw;
  }
}

.p-hrGreeting_member_info_profile_body {
  line-height: 1.8;
}
@media print, screen and (min-width: 781px) {
  .p-hrGreeting_member_info_profile_body {
    border-left: 1px solid #D9D9D9;
    margin-left: 48px;
    padding-left: 48px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1000px) {
  .p-hrGreeting_member_info_profile_body {
    border-left: 0;
    border-top: 1px solid #D9D9D9;
    margin-left: 0;
    padding-left: 0;
    margin-top: 30px;
    padding-top: 30px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-hrGreeting_member_info_profile_body {
    font-size: 3.5897435897vw;
    border-top: 1px solid #D9D9D9;
    margin-top: 2.5641025641vw;
    padding-top: 2.5641025641vw;
  }
}

.p-login_limited {
  color: #fff;
  background-color: #0B2C4F;
}
@media print, screen and (min-width: 781px) {
  .p-login_limited {
    margin-top: 40px;
    border-radius: 8px;
    padding: 64px 48px;
    -webkit-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
    box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
    margin-bottom: 80px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-login_limited {
    margin-top: 10.2564102564vw;
    border-radius: 2.0512820513vw;
    padding: 10.2564102564vw 5.1282051282vw;
    -webkit-box-shadow: 2.0512820513vw 2.0512820513vw 2.0512820513vw rgba(0, 0, 0, 0.16);
    box-shadow: 2.0512820513vw 2.0512820513vw 2.0512820513vw rgba(0, 0, 0, 0.16);
    margin-bottom: 14.358974359vw;
  }
}

.p-login_limited_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media print, screen and (min-width: 781px) {
  .p-login_limited_head {
    gap: 16px;
    margin-bottom: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-login_limited_head {
    gap: 4.1025641026vw;
    margin-bottom: 6.1538461538vw;
  }
}

.p-login_limited_head_icon {
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #0073C3;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media print, screen and (min-width: 781px) {
  .p-login_limited_head_icon {
    width: 40px;
    height: 40px;
    font-size: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-login_limited_head_icon {
    width: 10.2564102564vw;
    height: 10.2564102564vw;
    font-size: 6.1538461538vw;
  }
}

.p-login_limited_head_text {
  font-weight: 500;
  font-size: 24px;
  line-height: 1.4;
}
.p-login_here {
  background-color: #F7F7F7;
}
@media print, screen and (min-width: 781px) {
  .p-login_here {
    border-radius: 8px;
    -webkit-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
    box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
    padding: 56px 48px;
    margin-top: 56px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-login_here {
    border-radius: 2.0512820513vw;
    -webkit-box-shadow: 2.0512820513vw 2.0512820513vw 2.0512820513vw rgba(0, 0, 0, 0.16);
    box-shadow: 2.0512820513vw 2.0512820513vw 2.0512820513vw rgba(0, 0, 0, 0.16);
    padding: 10.2564102564vw 5.1282051282vw;
    margin-top: 14.358974359vw;
  }
}

.p-login_here_title {
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
  color: #0073C3;
}
@media print, screen and (min-width: 781px) {
  .p-login_here_title {
    font-size: 24px;
    margin-bottom: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-login_here_title {
    font-size: 4.6153846154vw;
    margin-bottom: 6.1538461538vw;
  }
}

.p-login_here_panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media print, screen and (min-width: 781px) {
  .p-login_here_panel {
    gap: 48px;
  }
}
@media print, screen and (max-width: 1200px) {
  .p-login_here_panel {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media print, screen and (max-width: 780px) {
  .p-login_here_panel {
    gap: 4.1025641026vw;
  }
}

.p-login_here_panel_item {
  background-color: #fff;
  position: relative;
  border: 1px solid #D9D9D9;
}
@media print, screen and (min-width: 781px) {
  .p-login_here_panel_item {
    border-radius: 8px;
    padding: 48px 42px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 570px;
    margin: 0 auto;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1200px) {
  .p-login_here_panel_item {
    width: 100%;
  }
}
@media print, screen and (max-width: 780px) {
  .p-login_here_panel_item {
    border-radius: 1.0256410256vw;
    padding: 8.2051282051vw 5.1282051282vw;
  }
}
.p-login_here_panel_item::before {
  content: "";
  background-color: #0073C3;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media print, screen and (min-width: 781px) {
  .p-login_here_panel_item::before {
    width: 80px;
    height: 4px;
    border-radius: 0 0 4px 4px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-login_here_panel_item::before {
    width: 16.4102564103vw;
    height: 1.0256410256vw;
    border-radius: 0 0 1.0256410256vw 1.0256410256vw;
  }
}

.p-login_here_panel_title {
  color: #0073C3;
  text-align: center;
  font-weight: 500;
  line-height: 1.5;
}
@media print, screen and (min-width: 781px) {
  .p-login_here_panel_title {
    font-size: 24px;
    margin-bottom: 32px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-login_here_panel_title {
    margin-bottom: 4.1025641026vw;
  }
}

.p-login_here_panel_btn {
  background-color: #0073C3;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  text-decoration: none;
  text-align: center;
  line-height: 1.4;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
@media print, screen and (min-width: 781px) {
  .p-login_here_panel_btn {
    max-width: 500px;
    width: 100%;
    height: 96px;
    font-size: 20px;
    border-radius: 8px;
    padding-inline: 36px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-login_here_panel_btn {
    height: 16.4102564103vw;
    font-size: 3.8461538462vw;
    border-radius: 2.0512820513vw;
    padding-inline: 4.1025641026vw;
  }
}
.p-login_here_panel_btn::before {
  content: "";
  display: block;
}
.p-login_here_panel_btn::after {
  content: "open_in_new";
  font-family: "Material icons";
}
.p-login_here_panel_btn:hover {
  background-color: #0064aa;
}

.p-login_here_panel_forget {
  text-align: center;
  line-height: 2;
  color: #000;
  text-align: center;
  margin-top: 1rem;
  display: block;
}
@media print, screen and (min-width: 781px) {
  .p-login_here_panel_forget {
    font-size: 18px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-login_here_panel_forget {
    font-size: 3.8461538462vw;
  }
}

.p-login_here_panel_remark {
  text-align: center;
  line-height: 1.4;
}
@media print, screen and (min-width: 781px) {
  .p-login_here_panel_remark {
    font-size: 14px;
    margin-top: 2rem;
  }
}
@media print, screen and (max-width: 780px) {
  .p-login_here_panel_remark {
    font-size: 3.5897435897vw;
    margin-top: 1.5rem;
  }
}

.p-login_flow {
  background-color: #0B2C4F;
}
@media print, screen and (min-width: 781px) {
  .p-login_flow {
    border-radius: 8px;
    padding: 40px;
    margin-top: 40px;
    margin-bottom: 48px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-login_flow {
    border-radius: 2.0512820513vw;
    padding: 6.1538461538vw 5.1282051282vw;
    margin-top: 6.1538461538vw;
    margin-bottom: 10.2564102564vw;
  }
}

.p-login_flow_title {
  color: #fff;
  font-weight: 500;
  text-align: center;
}
@media print, screen and (min-width: 781px) {
  .p-login_flow_title {
    margin-bottom: 40px;
    font-size: 20px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-login_flow_title {
    margin-bottom: 6.1538461538vw;
  }
}

.p-login_flow_step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media print, screen and (max-width: 1200px) {
  .p-login_flow_step {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.p-login_flow_step_item {
  padding: 2px;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media print, screen and (min-width: 781px) {
  .p-login_flow_step_item {
    border-radius: 8px;
    width: calc((100% - 96px) / 4);
  }
}
@media print, screen and (max-width: 1200px) {
  .p-login_flow_step_item {
    width: 100%;
  }
}
@media print, screen and (max-width: 780px) {
  .p-login_flow_step_item {
    border-radius: 1.0256410256vw;
  }
}
.p-login_flow_step_item + .p-login_flow_step_item {
  position: relative;
}
@media print, screen and (min-width: 781px) and (max-width: 1200px) {
  .p-login_flow_step_item + .p-login_flow_step_item {
    margin-top: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-login_flow_step_item + .p-login_flow_step_item {
    margin-top: 6.1538461538vw;
  }
}
.p-login_flow_step_item + .p-login_flow_step_item::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
}
@media print, screen and (min-width: 781px) {
  .p-login_flow_step_item + .p-login_flow_step_item::before {
    border-width: 17px 0 17px 18px;
  }
}
@media print, screen and (min-width: 1201px) {
  .p-login_flow_step_item + .p-login_flow_step_item::before {
    -webkit-transform: translate(calc(-100% - 7px), -50%);
    transform: translate(calc(-100% - 7px), -50%);
    border-color: transparent transparent transparent #8ED1FF;
    top: 50%;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1200px) {
  .p-login_flow_step_item + .p-login_flow_step_item::before {
    border-width: 18px 17px 0 17px;
    top: -28px;
  }
}
@media print, screen and (max-width: 1200px) {
  .p-login_flow_step_item + .p-login_flow_step_item::before {
    border-color: #8ED1FF transparent transparent transparent;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
@media print, screen and (max-width: 780px) {
  .p-login_flow_step_item + .p-login_flow_step_item::before {
    border-width: 3.0769230769vw 3.0769230769vw 0 3.0769230769vw;
    top: -4.6153846154vw;
  }
}

.p-login_flow_step_head {
  background-color: #0073C3;
  color: #fff;
  font-family: "Barlow Condensed";
  text-align: center;
}
@media print, screen and (min-width: 781px) {
  .p-login_flow_step_head {
    border-radius: 8px 8px 0 0;
    font-size: 20px;
    padding: 12px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-login_flow_step_head {
    border-radius: 1.0256410256vw 1.0256410256vw 0 0;
    padding: 2.5641025641vw;
  }
}

.p-login_flow_step_content {
  line-height: 1.6;
  font-weight: 500;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
}
@media print, screen and (min-width: 781px) {
  .p-login_flow_step_content {
    font-size: 18px;
    padding: 24px 10px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-login_flow_step_content {
    font-size: 3.8461538462vw;
    height: 17.9487179487vw;
  }
}

.p-occupation_bg {
  position: relative;
  background-color: #758FA0;
}
@media print, screen and (min-width: 781px) {
  .p-occupation_bg {
    padding-bottom: 120px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-occupation_bg {
    padding-bottom: 14.358974359vw;
  }
}
@media print, screen and (min-width: 781px) {
  .p-occupation_bg::before {
    position: absolute;
    background-color: #fff;
    top: 0;
    left: 0;
    width: 100%;
    height: 240px;
    content: "";
  }
}
.p-occupation_nav {
  background-color: #fff;
}
@media print, screen and (min-width: 781px) {
  .p-occupation_nav {
    margin-top: 120px;
    padding: 32px 80px 80px;
    border-radius: 8px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-occupation_nav {
    margin-top: 16.4102564103vw;
    padding: 2.0512820513vw 5.1282051282vw 10.2564102564vw;
    border-radius: 2.0512820513vw;
  }
}

.p-occupation_nav_title {
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .p-occupation_nav_title {
    margin-top: 48px;
    font-size: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-occupation_nav_title {
    margin-top: 8.2051282051vw;
    font-size: 4.6153846154vw;
  }
}

@media print, screen and (min-width: 781px) {
  .p-occupation_nav_title_img {
    width: 48px;
    margin-right: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-occupation_nav_title_img {
    width: 10.2564102564vw;
    margin-right: 4.1025641026vw;
  }
}

.p-occupation_nav_list {
  display: grid;
}
@media print, screen and (min-width: 781px) {
  .p-occupation_nav_list {
    gap: 16px;
    grid-template-columns: repeat(4, 1fr);
    margin-top: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-occupation_nav_list {
    gap: 2.0512820513vw;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 4.1025641026vw;
  }
}

.p-occupation_nav_list_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  border: 1px solid;
  color: #0073C3;
  text-decoration: none;
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .p-occupation_nav_list_link {
    padding: 20px 20px 20px 24px;
    border-radius: 8px;
    font-size: 18px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-occupation_nav_list_link {
    padding: 3.5897435897vw 3.0769230769vw;
    border-radius: 2.0512820513vw;
    font-size: 3.5897435897vw;
  }
}
.p-occupation_nav_list_link [data-icon]::after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #0073C3;
  border-radius: 50%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media print, screen and (min-width: 781px) {
  .p-occupation_nav_list_link [data-icon]::after {
    width: 40px;
    height: 40px;
    font-size: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-occupation_nav_list_link [data-icon]::after {
    width: 5.1282051282vw;
    height: 5.1282051282vw;
    font-size: 3.5897435897vw;
  }
}

@media (any-hover: hover) {
  .p-occupation_nav_list_link:hover [data-icon]::after {
    background-color: #0073C3;
    color: #fff;
  }
}
.p-occupationm-section {
  background-color: #F7F7F7;
}
@media print, screen and (min-width: 781px) {
  .p-occupationm-section {
    padding-bottom: 120px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-occupationm-section {
    padding-bottom: 14.358974359vw;
  }
}

.p-occupation_head {
  color: #fff;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media print, screen and (min-width: 781px) {
  .p-occupation_head {
    margin-bottom: 80px;
    padding: 80px 0;
  }
}
@media print, screen and (max-width: 780px) {
  .p-occupation_head {
    margin-bottom: 14.358974359vw;
    padding: 12.3076923077vw 0;
  }
}
@media print, screen and (min-width: 781px) {
  .p-occupation_head.p-occupation_head--01 {
    background-image: url("/recruit/_/media/page/university/occupation/title_bg_01.jpg");
  }
}
@media print, screen and (max-width: 780px) {
  .p-occupation_head.p-occupation_head--01 {
    background-image: url("/recruit/_/media/page/university/occupation/title_bg_01-sp.jpg");
  }
}
@media print, screen and (min-width: 781px) {
  .p-occupation_head.p-occupation_head--02 {
    background-image: url("/recruit/_/media/page/university/occupation/title_bg_02.jpg");
  }
}
@media print, screen and (max-width: 780px) {
  .p-occupation_head.p-occupation_head--02 {
    background-image: url("/recruit/_/media/page/university/occupation/title_bg_02-sp.jpg");
  }
}

.p-occupation_title {
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .p-occupation_title {
    font-size: 28px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-occupation_title {
    font-size: 4.1025641026vw;
  }
}

@media print, screen and (min-width: 781px) {
  .p-occupation_title_img {
    width: 88px;
    margin-right: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-occupation_title_img {
    width: 12.3076923077vw;
    margin-right: 4.1025641026vw;
  }
}

.p-occupation_lead {
  font-weight: 500;
  line-height: 1.45;
}
@media print, screen and (min-width: 781px) {
  .p-occupation_lead {
    margin-top: 32px;
    font-size: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-occupation_lead {
    margin-top: 4.1025641026vw;
    font-size: 4.6153846154vw;
  }
}

.p-occupation_content {
  position: relative;
  background-color: #fff;
}
@media print, screen and (min-width: 781px) {
  .p-occupation_content {
    padding: 64px 100px 80px;
    border-radius: 8px;
    -webkit-box-shadow: 16px 16px 16px rgba(0, 0, 0, 0.16);
    box-shadow: 16px 16px 16px rgba(0, 0, 0, 0.16);
  }
}
@media only screen and (max-width: 1500px) and (min-width: 781px) {
  .p-occupation_content {
    padding: 64px 64px 80px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-occupation_content {
    padding: 10.2564102564vw 5.1282051282vw;
    border-radius: 2.0512820513vw;
    -webkit-box-shadow: 2.0512820513vw 2.0512820513vw 2.0512820513vw rgba(0, 0, 0, 0.16);
    box-shadow: 2.0512820513vw 2.0512820513vw 2.0512820513vw rgba(0, 0, 0, 0.16);
  }
}
.p-occupation_content::before {
  position: absolute;
  top: 0;
  background-color: #0073C3;
  content: "";
}
@media print, screen and (min-width: 781px) {
  .p-occupation_content::before {
    left: 100px;
    width: 80px;
    height: 4px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-occupation_content::before {
    left: 5.1282051282vw;
    width: 10.2564102564vw;
    height: 1.0256410256vw;
  }
}
@media print, screen and (min-width: 781px) {
  .p-occupation_content + .p-occupation_content {
    margin-top: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-occupation_content + .p-occupation_content {
    margin-top: 6.1538461538vw;
  }
}

.p-occupation_content_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.p-occupation_content_title {
  color: #0073C3;
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .p-occupation_content_title {
    font-size: 32px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-occupation_content_title {
    font-size: 5.1282051282vw;
  }
}

.p-occupation_content_category {
  display: inline-block;
  background-color: #767676;
  color: #fff;
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .p-occupation_content_category {
    padding: 11px 20px;
    border-radius: 4px;
    font-size: 20px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-occupation_content_category {
    padding: 2.0512820513vw;
    border-radius: 1.0256410256vw;
    font-size: 3.5897435897vw;
  }
}

.p-occupation_content_text {
  line-height: 2;
}
@media print, screen and (min-width: 781px) {
  .p-occupation_content_text {
    margin-top: 40px;
    font-size: 20px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-occupation_content_text {
    margin-top: 7.1794871795vw;
    font-size: 3.5897435897vw;
  }
}

.p-openCompany_news {
  background-color: #0B2C4F;
  color: #fff;
}
.p-openCompany_news_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-inline: auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
@media print, screen and (min-width: 781px) {
  .p-openCompany_news_container {
    max-width: 1384px;
    padding-left: 52px;
    padding-right: 52px;
    padding-block: 56px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1280px) {
  .p-openCompany_news_container {
    padding-left: 26px;
    padding-right: 26px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-openCompany_news_container {
    padding-left: 5.1282051282vw;
    padding-right: 5.1282051282vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-block: 12.3076923077vw;
  }
}

.p-openCompany_news_kuroko {
  position: absolute;
  top: 0;
  -webkit-transform: translateY(calc(-100% + 10px));
  transform: translateY(calc(-100% + 10px));
  z-index: 1;
}
@media print, screen and (min-width: 781px) {
  .p-openCompany_news_kuroko {
    width: 80px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-openCompany_news_kuroko {
    width: 14.8717948718vw;
  }
}

.p-openCompany_news_head {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .p-openCompany_news_head {
    font-size: 24px;
    width: 200px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1100px) {
  .p-openCompany_news_head {
    width: auto;
    padding-right: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-openCompany_news_head {
    font-size: 5.1282051282vw;
  }
}

@media print, screen and (min-width: 781px) {
  .p-openCompany_news_list {
    border-left: 1px solid #fff;
    padding-left: 62px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1100px) {
  .p-openCompany_news_list {
    padding-left: 32px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-openCompany_news_list {
    border-top: 1px solid #fff;
    padding-top: 6.1538461538vw;
    margin-top: 4.1025641026vw;
  }
}

.p-openCompany_news_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.8;
}
@media print, screen and (min-width: 781px) {
  .p-openCompany_news_item {
    gap: 56px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1100px) {
  .p-openCompany_news_item {
    gap: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-openCompany_news_item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.p-openCompany_news_item + .p-openCompany_news_item {
  margin-top: 1rem;
}

.p-openCompany_news_date {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1rem;
}
@media print, screen and (min-width: 781px) {
  .p-openCompany_news_date {
    font-size: 18px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-openCompany_news_title {
    font-size: 3.8461538462vw;
  }
}
.p-openCompany_news_title a {
  color: #fff;
}
.p-openCompany_news_title a:hover {
  text-decoration: none;
}

.p-openCompany_message {
  background-color: #F7F9FF;
  background-repeat: no-repeat;
  background-size: contain;
}
@media print, screen and (min-width: 781px) {
  .p-openCompany_message {
    padding-block: 120px;
    background-image: url("/recruit/_/media/page/university/open-company/message_bg.jpg");
    background-position: right center;
  }
}
@media print, screen and (max-width: 1100px) {
  .p-openCompany_message {
    background-image: url("/recruit/_/media/page/university/open-company/message_bg-sp.jpg");
    background-position: center top;
  }
}
@media print, screen and (max-width: 780px) {
  .p-openCompany_message {
    padding-top: 51.2820512821vw;
    padding-bottom: 16.4102564103vw;
  }
}

.p-openCompany_message_title {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 700;
  letter-spacing: 0.1rem;
  color: #0073C3;
}
@media print, screen and (min-width: 781px) {
  .p-openCompany_message_title {
    font-size: 80px;
    margin-bottom: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-openCompany_message_title {
    font-size: 10.2564102564vw;
    margin-bottom: 6.1538461538vw;
  }
}

.p-openCompany_message_lead {
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .p-openCompany_message_lead {
    font-size: 40px;
    margin-bottom: 48px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-openCompany_message_lead {
    font-size: 6.1538461538vw;
    margin-bottom: 8.2051282051vw;
  }
}

.p-openCompany_message_body {
  line-height: 2;
}
@media print, screen and (min-width: 781px) {
  .p-openCompany_message_body {
    font-size: 18px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-openCompany_message_body {
    font-size: 3.8461538462vw;
  }
}

.p-openCompany_head {
  color: #fff;
  background-size: cover;
}
@media print, screen and (min-width: 781px) {
  .p-openCompany_head {
    padding-top: 120px;
    padding-bottom: 200px;
    background-image: url("/recruit/_/media/page/university/open-company/section_head_bg.png");
  }
}
@media print, screen and (max-width: 780px) {
  .p-openCompany_head {
    background-image: url("/recruit/_/media/page/university/open-company/section_head_bg-sp.png");
    height: 47.1794871795vw;
  }
}

.p-openCompany_head_container {
  margin-inline: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media print, screen and (min-width: 781px) {
  .p-openCompany_head_container {
    max-width: 1576px;
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1200px) {
  .p-openCompany_head_container {
    max-width: 1528px;
    padding-left: 24px;
    padding-right: 24px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
@media print, screen and (max-width: 780px) {
  .p-openCompany_head_container {
    padding-left: 5.1282051282vw;
    padding-right: 5.1282051282vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 12.3076923077vw;
  }
}

.p-openCompany_head_en {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .p-openCompany_head_en {
    font-size: 64px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-openCompany_head_en {
    font-size: 12.3076923077vw;
  }
}

.p-openCompany_head_ja {
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media print, screen and (min-width: 781px) {
  .p-openCompany_head_ja {
    font-size: 32px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1200px) {
  .p-openCompany_head_ja {
    margin-top: 32px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-openCompany_head_ja {
    font-size: 5.1282051282vw;
    margin-top: 4.1025641026vw;
  }
}
.p-openCompany_head_ja::before {
  content: "";
  background-color: #D9D9D9;
}
@media print, screen and (min-width: 781px) {
  .p-openCompany_head_ja::before {
    width: 80px;
    height: 2px;
    margin-inline: 40px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1200px) {
  .p-openCompany_head_ja::before {
    margin-left: 0;
  }
}
@media print, screen and (max-width: 780px) {
  .p-openCompany_head_ja::before {
    width: 12.3076923077vw;
    height: 0.5128205128vw;
    margin-right: 6.1538461538vw;
  }
}

.p-openCompany_content {
  background-color: #F7F7F7;
}
@media print, screen and (min-width: 781px) {
  .p-openCompany_content {
    padding-bottom: 20px;
  }
}
.p-openCompany_head_box {
  background-color: #fff;
}
@media print, screen and (min-width: 781px) {
  .p-openCompany_head_box {
    border-radius: 8px;
    padding: 100px;
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1400px) {
  .p-openCompany_head_box {
    padding: 80px 50px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1000px) {
  .p-openCompany_head_box {
    padding: 50px 32px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-openCompany_head_box {
    margin-left: -5.1282051282vw;
    margin-right: -5.1282051282vw;
    padding: 12.3076923077vw 5.1282051282vw;
  }
}

.p-openCompany_outlineTitle {
  font-weight: 700;
  color: #0073C3;
  line-height: 1.5;
}
@media print, screen and (min-width: 781px) {
  .p-openCompany_outlineTitle {
    font-size: 40px;
    margin-bottom: 32px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-openCompany_outlineTitle {
    font-size: 5.1282051282vw;
    margin-bottom: 5.1282051282vw;
  }
}

.p-openCompany_outlineScheduleTitle {
  font-weight: 500;
  color: #0073C3;
}
@media print, screen and (min-width: 781px) {
  .p-openCompany_outlineScheduleTitle {
    font-size: 32px;
    margin-top: 56px;
    margin-bottom: 32px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-openCompany_outlineScheduleTitle {
    font-size: 5.1282051282vw;
    margin-top: 10.2564102564vw;
    margin-bottom: 4.1025641026vw;
  }
}

.p-openCompany_outlineNote {
  line-height: 1.8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media print, screen and (max-width: 780px) {
  .p-openCompany_outlineNote {
    font-size: 3.0769230769vw;
    margin-top: 2.5641025641vw;
  }
}

.p-openCompany_outlineNote_icon {
  color: #0073C3;
}
@media print, screen and (min-width: 781px) {
  .p-openCompany_outlineNote_icon {
    font-size: 20px;
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
    margin-right: 8px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-openCompany_outlineNote_icon {
    font-size: 4.1025641026vw;
    margin-right: 2.0512820513vw;
    -webkit-transform: translateY(-0.5128205128vw);
    transform: translateY(-0.5128205128vw);
  }
}

@media print, screen and (min-width: 781px) {
  .p-openCompany_programPhase.phase-01 {
    border-top: 8px solid #B0DF21;
  }
}
@media print, screen and (max-width: 780px) {
  .p-openCompany_programPhase.phase-01 {
    border-top: 1.0256410256vw solid #B0DF21;
  }
}
@media print, screen and (min-width: 781px) {
  .p-openCompany_programPhase.phase-02 {
    border-top: 8px solid #7DCF51;
  }
}
@media print, screen and (max-width: 780px) {
  .p-openCompany_programPhase.phase-02 {
    border-top: 1.0256410256vw solid #7DCF51;
  }
}
@media print, screen and (min-width: 781px) {
  .p-openCompany_programPhase.phase-03 {
    border-top: 8px solid #00A9A6;
  }
}
@media print, screen and (max-width: 780px) {
  .p-openCompany_programPhase.phase-03 {
    border-top: 1.0256410256vw solid #00A9A6;
  }
}
@media print, screen and (min-width: 781px) {
  .p-openCompany_programPhase {
    border-radius: 8px;
    -webkit-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
    box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
    margin-top: 72px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-openCompany_programPhase {
    margin-top: 9.2307692308vw;
    border-radius: 1.0256410256vw;
    -webkit-box-shadow: 2.0512820513vw 2.0512820513vw 2.0512820513vw rgba(0, 0, 0, 0.16);
    box-shadow: 2.0512820513vw 2.0512820513vw 2.0512820513vw rgba(0, 0, 0, 0.16);
  }
}

.p-openCompany_programPhase_content {
  background-color: #F7F7F7;
  position: relative;
}
@media print, screen and (min-width: 781px) {
  .p-openCompany_programPhase_content {
    padding: 80px 72px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1400px) {
  .p-openCompany_programPhase_content {
    padding: 40px 36px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-openCompany_programPhase_content {
    padding: 12.3076923077vw 5.1282051282vw;
  }
}

.p-openCompany_programPhase_label {
  color: #fff;
  background-color: #0073C3;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media print, screen and (min-width: 781px) {
  .p-openCompany_programPhase_label {
    width: 180px;
    border-radius: 4px;
    height: 50px;
    font-size: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-openCompany_programPhase_label {
    width: 30.7692307692vw;
    height: 8.2051282051vw;
    font-size: 4.6153846154vw;
    border-radius: 1.0256410256vw;
  }
}

.p-openCompany_programPhase_lead {
  font-weight: 500;
  color: #0B2C4F;
  line-height: 1.5;
}
@media print, screen and (min-width: 781px) {
  .p-openCompany_programPhase_lead {
    font-size: 22px;
  }
}
.p-openCompany_programPhase_title {
  font-weight: 500;
  line-height: 1.5;
}
@media print, screen and (min-width: 781px) {
  .p-openCompany_programPhase_title {
    font-size: 40px;
    margin-bottom: 32px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-openCompany_programPhase_title {
    font-size: 6.1538461538vw;
    margin-bottom: 4.1025641026vw;
  }
}

.p-openCompany_programPhase_target {
  color: #4F6781;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .p-openCompany_programPhase_target {
    gap: 24px;
    font-size: 18px;
    margin-bottom: 48px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-openCompany_programPhase_target {
    gap: 3.0769230769vw;
    font-size: 3.5897435897vw;
    margin-bottom: 6.1538461538vw;
  }
}

.p-openCompany_programPhase_target_head {
  border-radius: 4px;
  border: 1px solid #4F6781;
  padding: 0.4rem 1rem;
}
@media print, screen and (max-width: 780px) {
  .p-openCompany_programPhase_target_head {
    font-size: 3.5897435897vw;
  }
}

@media print, screen and (max-width: 780px) {
  .p-openCompany_programPhase_target_content {
    font-size: 3.8461538462vw;
  }
}

.p-openCompany_programPhase_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media print, screen and (min-width: 781px) {
  .p-openCompany_programPhase_info {
    gap: 80px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1400px) {
  .p-openCompany_programPhase_info {
    gap: 40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media print, screen and (max-width: 780px) {
  .p-openCompany_programPhase_info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 6.1538461538vw;
  }
}

.p-openCompany_programPhase_info_table {
  overflow: hidden;
}
@media print, screen and (min-width: 781px) {
  .p-openCompany_programPhase_info_table {
    width: 45%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 4px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1400px) {
  .p-openCompany_programPhase_info_table {
    width: 100%;
  }
}
@media print, screen and (max-width: 780px) {
  .p-openCompany_programPhase_info_table {
    display: block;
    width: 100%;
    border-radius: 2.0512820513vw;
  }
}

@media print, screen and (max-width: 780px) {
  .p-openCompany_programPhase_info_table_tbody {
    display: block;
    width: 100%;
  }
}

@media print, screen and (min-width: 781px) {
  .p-openCompany_programPhase_info_table_row {
    font-size: 18px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-openCompany_programPhase_info_table_row {
    display: block;
    width: 100%;
  }
}
.p-openCompany_programPhase_info_table_row + .p-openCompany_programPhase_info_table_row {
  border-top: 2px solid #F7F7F7;
}

.p-openCompany_programPhase_info_table_head {
  background-color: #4F6781;
  color: #fff;
  line-height: 1.6;
  vertical-align: middle;
}
@media print, screen and (min-width: 781px) {
  .p-openCompany_programPhase_info_table_head {
    padding: 14px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-openCompany_programPhase_info_table_head {
    display: block;
    width: 100%;
    padding: 3.0769230769vw;
    text-align: left;
  }
}

.p-openCompany_programPhase_info_table_data {
  background-color: #fff;
  line-height: 1.6;
  border-left: 2px solid #F7F7F7;
  vertical-align: middle;
}
@media print, screen and (min-width: 781px) {
  .p-openCompany_programPhase_info_table_data {
    padding: 14px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-openCompany_programPhase_info_table_data {
    display: block;
    width: 100%;
    padding: 3.0769230769vw;
  }
}

.p-openCompany_programPhase_box {
  border: 1px solid #D9D9D9;
  position: relative;
  background-color: #fff;
}
@media print, screen and (min-width: 781px) {
  .p-openCompany_programPhase_box {
    border-radius: 8px;
    margin-top: 64px;
    padding: 64px 48px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-openCompany_programPhase_box {
    border-radius: 2.0512820513vw;
    margin-top: 8.2051282051vw;
    padding: 10.2564102564vw 4.1025641026vw;
  }
}
.p-openCompany_programPhase_box::before {
  content: "";
  position: absolute;
  top: 0;
  background-color: #0073C3;
}
@media print, screen and (min-width: 781px) {
  .p-openCompany_programPhase_box::before {
    width: 80px;
    height: 4px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-openCompany_programPhase_box::before {
    width: 15.3846153846vw;
    height: 1.0256410256vw;
  }
}

.p-openCompany_programPhase_box_title {
  font-weight: 500;
  line-height: 1.5;
  color: #0B2C4F;
}
@media print, screen and (min-width: 781px) {
  .p-openCompany_programPhase_box_title {
    font-size: 26px;
    margin-bottom: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-openCompany_programPhase_box_title {
    font-size: 4.6153846154vw;
    margin-bottom: 6.1538461538vw;
  }
}

.p-openCompany_programPhase_box_point {
  display: grid;
}
@media print, screen and (min-width: 781px) {
  .p-openCompany_programPhase_box_point {
    gap: 32px;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1600px) {
  .p-openCompany_programPhase_box_point {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media print, screen and (max-width: 780px) {
  .p-openCompany_programPhase_box_point {
    gap: 2.0512820513vw;
  }
}

.p-openCompany_programPhase_box_point_item {
  color: #0073C3;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  text-align: center;
}
@media print, screen and (min-width: 781px) {
  .p-openCompany_programPhase_box_point_item {
    font-size: 24px;
    border: 5px solid #EBEBEB;
    border-radius: 16px;
    padding: 46px 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-openCompany_programPhase_box_point_item {
    font-size: 4.6153846154vw;
    border: 1.2820512821vw solid #EBEBEB;
    border-radius: 4.1025641026vw;
    padding: 8.2051282051vw 6.1538461538vw;
  }
}

.p-openCompany_programPhase_box_point_label {
  position: absolute;
}
@media print, screen and (min-width: 781px) {
  .p-openCompany_programPhase_box_point_label {
    top: 16px;
    left: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-openCompany_programPhase_box_point_label {
    top: 3.0769230769vw;
    left: 3.0769230769vw;
    width: 6.6666666667vw;
  }
}

.p-openCompany_voiceBox {
  border: 5px solid #EBEBEB;
}
@media print, screen and (min-width: 781px) {
  .p-openCompany_voiceBox {
    border-radius: 16px;
    padding: 56px 80px;
    margin-top: 40px;
    -webkit-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
    box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1200px) {
  .p-openCompany_voiceBox {
    padding: 40px 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-openCompany_voiceBox {
    border-radius: 2.0512820513vw;
    padding: 8.2051282051vw 5.1282051282vw;
    margin-top: 10.2564102564vw;
    -webkit-box-shadow: 2.0512820513vw 2.0512820513vw 2.0512820513vw rgba(0, 0, 0, 0.16);
    box-shadow: 2.0512820513vw 2.0512820513vw 2.0512820513vw rgba(0, 0, 0, 0.16);
  }
}

.p-openCompany_voiceBox_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media print, screen and (min-width: 781px) {
  .p-openCompany_voiceBox_head {
    gap: 24px;
    margin-bottom: 48px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-openCompany_voiceBox_head {
    gap: 4.1025641026vw;
    margin-bottom: 4.1025641026vw;
  }
}

@media print, screen and (max-width: 780px) {
  .p-openCompany_voiceBox_head_image {
    width: 12.3076923077vw;
  }
}

.p-openCompany_voiceBox_head_text {
  background-color: #0073C3;
  color: #fff;
  font-weight: 500;
  position: relative;
}
@media print, screen and (min-width: 781px) {
  .p-openCompany_voiceBox_head_text {
    border-radius: 16px;
    padding: 16px 40px;
    font-size: 24px;
    line-height: 2;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1200px) {
  .p-openCompany_voiceBox_head_text {
    font-size: 20px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-openCompany_voiceBox_head_text {
    font-size: 3.8461538462vw;
    border-radius: 2.0512820513vw;
    padding: 2.0512820513vw 3.0769230769vw;
    line-height: 1.8;
  }
}
.p-openCompany_voiceBox_head_text::before {
  content: "";
  position: absolute;
  left: 0;
  -webkit-transform: translate(-100%, -50%);
  transform: translate(-100%, -50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent #0073C3 transparent transparent;
}
@media print, screen and (min-width: 781px) {
  .p-openCompany_voiceBox_head_text::before {
    border-width: 10px 16px 10px 0;
    top: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-openCompany_voiceBox_head_text::before {
    border-width: 1.2820512821vw 2.0512820513vw 1.2820512821vw 0;
    top: 6.1538461538vw;
  }
}

.p-openCompany_voiceBox_footer {
  border-top: 1px solid #D9D9D9;
}
@media print, screen and (min-width: 781px) {
  .p-openCompany_voiceBox_footer {
    margin-top: 40px;
    padding-top: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-openCompany_voiceBox_footer {
    margin-top: 6.1538461538vw;
    padding-top: 3.0769230769vw;
    font-size: 3.8461538462vw;
  }
}

.p-universityVoice_section {
  background-color: #F7F7F7;
}
.p-universityVoice_head {
  background-color: #0B2C4F;
}
.p-universityVoice_head_title {
  background-color: #fff;
  position: relative;
}
@media print, screen and (min-width: 781px) {
  .p-universityVoice_head_title {
    border-radius: 0 24px 24px 0;
    -webkit-box-shadow: 16px 16px 16px rgba(0, 0, 0, 0.16);
    box-shadow: 16px 16px 16px rgba(0, 0, 0, 0.16);
    max-width: 640px;
    width: 100%;
    padding: 60px 80px 60px 120px;
    margin-top: -200px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1400px) {
  .p-universityVoice_head_title {
    zoom: 0.7;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1200px) {
  .p-universityVoice_head_title {
    zoom: 0.6;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1000px) {
  .p-universityVoice_head_title {
    zoom: 0.5;
    margin-top: -100px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-universityVoice_head_title {
    padding: 32px 30px;
    border-radius: 0 16px 16px 0;
    margin-right: 20px;
    margin-top: -30.7692307692vw;
  }
}
.p-universityVoice_head_title::before {
  content: "";
  position: absolute;
  top: 0;
  background-color: #0073C3;
}
@media print, screen and (min-width: 781px) {
  .p-universityVoice_head_title::before {
    left: 120px;
    width: 120px;
    height: 4px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-universityVoice_head_title::before {
    left: 5.1282051282vw;
    width: 18.4615384615vw;
    height: 0.5128205128vw;
  }
}

.p-universityVoice_head_title_meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media print, screen and (min-width: 781px) {
  .p-universityVoice_head_title_meta {
    gap: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-universityVoice_head_title_meta {
    gap: 4.1025641026vw;
  }
}

@media print, screen and (min-width: 781px) {
  .p-universityVoice_head_title_meta_image {
    width: 64px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-universityVoice_head_title_meta_image {
    width: 12.3076923077vw;
  }
}

.p-universityVoice_head_title_meta_text {
  font-weight: 500;
  font-family: "Barlow Condensed", sans-serif;
  color: #0073C3;
}
@media print, screen and (min-width: 781px) {
  .p-universityVoice_head_title_meta_text {
    font-size: 32px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-universityVoice_head_title_meta_text {
    font-size: 5.1282051282vw;
  }
}

.p-universityVoice_head_title_text {
  line-height: 1.6;
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .p-universityVoice_head_title_text {
    font-size: 40px;
    margin-top: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-universityVoice_head_title_text {
    font-size: 6.6666666667vw;
    margin-top: 3.0769230769vw;
  }
}

.p-universityVoice_lead {
  background-color: #0B2C4F;
  color: #fff;
  line-height: 2;
  text-align: center;
}
@media print, screen and (min-width: 781px) {
  .p-universityVoice_lead {
    font-size: 20px;
    padding: 60px 50px 110px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1200px) {
  .p-universityVoice_lead {
    font-size: 18px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-universityVoice_lead {
    padding: 14.358974359vw 10.2564102564vw 22.5641025641vw;
    font-size: 3.8461538462vw;
  }
}

.p-universityVoice_q {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #0073C3;
  color: #fff;
  font-weight: 700;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.5;
}
@media print, screen and (min-width: 781px) {
  .p-universityVoice_q {
    font-size: 24px;
    gap: 24px;
    height: 128px;
    width: 88%;
    margin-inline: auto;
    padding-inline: 60px;
    border-radius: 64px;
    margin-top: -64px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1200px) {
  .p-universityVoice_q {
    font-size: 20px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-universityVoice_q {
    font-size: 4.1025641026vw;
    gap: 3.0769230769vw;
    height: 20.5128205128vw;
    margin-inline: 5.1282051282vw;
    padding-inline: 5.1282051282vw 7.1794871795vw;
    border-radius: 10.2564102564vw;
    margin-top: -10.2564102564vw;
  }
}

.p-universityVoice_content {
  background-color: #F7F7F7;
  overflow-x: hidden;
}
@media print, screen and (min-width: 781px) {
  .p-universityVoice_content {
    padding-top: 64px;
    padding-bottom: 120px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-universityVoice_content {
    padding-top: 12.3076923077vw;
    padding-bottom: 20.5128205128vw;
  }
}

.p-universityVoice_chapter01_graph {
  overflow: hidden;
}
@media print, screen and (min-width: 781px) {
  .p-universityVoice_chapter01_graph {
    border-radius: 16px;
    -webkit-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
    box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
  }
}
@media print, screen and (max-width: 780px) {
  .p-universityVoice_chapter01_graph {
    border-radius: 4.1025641026vw;
    -webkit-box-shadow: 2.0512820513vw 2.0512820513vw 2.0512820513vw rgba(0, 0, 0, 0.16);
    box-shadow: 2.0512820513vw 2.0512820513vw 2.0512820513vw rgba(0, 0, 0, 0.16);
  }
}

.p-universityVoice_chapter01_score {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media print, screen and (min-width: 781px) {
  .p-universityVoice_chapter01_score {
    gap: 38px;
    margin-top: 80px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-universityVoice_chapter01_score {
    gap: 10.7692307692vw;
    margin-top: 16.4102564103vw;
  }
}

.p-universityVoice_chapter01_score_item {
  background-color: #fff;
  border: 1px solid #D9D9D9;
  position: relative;
}
@media print, screen and (min-width: 781px) {
  .p-universityVoice_chapter01_score_item {
    padding: 48px 80px;
    border-radius: 16px;
    -webkit-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
    box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
  }
}
@media print, screen and (max-width: 780px) {
  .p-universityVoice_chapter01_score_item {
    padding: 10.2564102564vw 5.1282051282vw;
    border-radius: 4.1025641026vw;
    -webkit-box-shadow: 2.0512820513vw 2.0512820513vw 2.0512820513vw rgba(0, 0, 0, 0.16);
    box-shadow: 2.0512820513vw 2.0512820513vw 2.0512820513vw rgba(0, 0, 0, 0.16);
  }
}

.p-universityVoice_chapter01_score_head {
  position: absolute;
  top: 0;
  background-color: #0B2C4F;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-weight: 500;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media print, screen and (min-width: 781px) {
  .p-universityVoice_chapter01_score_head {
    left: 80px;
    border-radius: 8px;
    font-size: 24px;
    padding: 8px 18px 12px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-universityVoice_chapter01_score_head {
    left: 5.1282051282vw;
    border-radius: 2.0512820513vw;
    font-size: 5.1282051282vw;
    padding: 2.0512820513vw 4.6153846154vw 3.0769230769vw;
  }
}

.p-universityVoice_chapter01_score_head_title {
  font-family: "Barlow Condensed", sans-serif;
}
.p-universityVoice_chapter01_score_head_title::after {
  content: "";
  display: inline-block;
  background-color: #8ED1FF;
}
@media print, screen and (min-width: 781px) {
  .p-universityVoice_chapter01_score_head_title::after {
    height: 14px;
    width: 2px;
    margin-inline: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-universityVoice_chapter01_score_head_title::after {
    height: 3.5897435897vw;
    width: 0.5128205128vw;
    margin-inline: 4.1025641026vw;
  }
}

.p-universityVoice_chapter01_score_body {
  line-height: 2;
}
@media print, screen and (min-width: 781px) {
  .p-universityVoice_chapter01_score_body {
    font-size: 18px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-universityVoice_chapter01_score_body {
    font-size: 3.8461538462vw;
  }
}

.p-universityVoice_memo {
  background-color: #0073C3;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media print, screen and (min-width: 781px) {
  .p-universityVoice_memo {
    margin-top: 48px;
    padding: 48px 80px;
    border-radius: 16px;
    -webkit-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
    box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
    gap: 48px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1000px) {
  .p-universityVoice_memo {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 48px 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-universityVoice_memo {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 12.3076923077vw;
    padding: 10.2564102564vw 5.1282051282vw;
    border-radius: 4.1025641026vw;
    -webkit-box-shadow: 2.0512820513vw 2.0512820513vw 2.0512820513vw rgba(0, 0, 0, 0.16);
    box-shadow: 2.0512820513vw 2.0512820513vw 2.0512820513vw rgba(0, 0, 0, 0.16);
    gap: 4.1025641026vw;
  }
}

.p-universityVoice_memo_image {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media print, screen and (min-width: 781px) {
  .p-universityVoice_memo_image {
    width: 200px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-universityVoice_memo_image {
    width: 25.641025641vw;
    margin: 0 auto;
  }
}

.p-universityVoice_memo_content_title {
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1.4;
}
@media print, screen and (min-width: 781px) {
  .p-universityVoice_memo_content_title {
    font-size: 20px;
    gap: 16px;
    margin-bottom: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-universityVoice_memo_content_title {
    font-size: 4.358974359vw;
    gap: 2.0512820513vw;
    margin-bottom: 4.1025641026vw;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.p-universityVoice_memo_content_title_icon {
  font-weight: 400;
}
@media print, screen and (min-width: 781px) {
  .p-universityVoice_memo_content_title_icon {
    font-size: 32px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-universityVoice_memo_content_title_icon {
    font-size: 6.6666666667vw;
  }
}

.p-universityVoice_memo_content_body {
  line-height: 2;
}
@media print, screen and (min-width: 781px) {
  .p-universityVoice_memo_content_body {
    font-size: 18px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-universityVoice_memo_content_body {
    font-size: 3.8461538462vw;
  }
}

.p-universityVoice_chapter02_slider .splide__track {
  padding-bottom: 1rem;
  overflow: visible;
}
.p-universityVoice_chapter02_slider_splide_pager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media print, screen and (min-width: 781px) {
  .p-universityVoice_chapter02_slider_splide_pager {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 48px;
    max-width: 948px;
    margin-top: 64px;
    padding-right: 72px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-universityVoice_chapter02_slider_splide_pager {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8.2051282051vw;
    margin-top: 14.358974359vw;
  }
}

.p-universityVoice_chapter02_slider_splide_progress {
  width: 100%;
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF;
  border-radius: 4px;
}
.p-universityVoice_chapter02_slider_splide_progress-bar {
  background: #0B2C4F;
  -webkit-transition: width 400ms ease;
  transition: width 400ms ease;
  border-radius: 4px;
  width: 0;
}
@media print, screen and (min-width: 781px) {
  .p-universityVoice_chapter02_slider_splide_progress-bar {
    height: 6px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-universityVoice_chapter02_slider_splide_progress-bar {
    height: 1.5384615385vw;
  }
}

.p-universityVoice_chapter02_slider_splide_arrows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media print, screen and (min-width: 781px) {
  .p-universityVoice_chapter02_slider_splide_arrows {
    gap: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-universityVoice_chapter02_slider_splide_arrows {
    gap: 6.1538461538vw;
  }
}

.p-universityVoice_chapter02_slider_splide_arrows button {
  border: 1px solid #0073C3;
  border-radius: 50%;
  color: #0073C3;
  cursor: pointer;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media print, screen and (min-width: 781px) {
  .p-universityVoice_chapter02_slider_splide_arrows button {
    width: 80px;
    height: 80px;
    font-size: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-universityVoice_chapter02_slider_splide_arrows button {
    width: 18.4615384615vw;
    height: 18.4615384615vw;
    font-size: 5.1282051282vw;
  }
}

@media (any-hover: hover) {
  .p-universityVoice_chapter02_slider_splide_arrows button:hover {
    opacity: 0.7;
  }
}
.p-universityVoice_chapter02_slider_item {
  background-color: #fff;
  border-radius: 8px;
  -webkit-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
  box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
  overflow: hidden;
}
@media print, screen and (min-width: 781px) {
  .p-universityVoice_chapter02_slider_before {
    padding: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-universityVoice_chapter02_slider_before {
    padding: 8.2051282051vw 5.1282051282vw;
  }
}

.p-universityVoice_chapter02_slider_before_meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .p-universityVoice_chapter02_slider_before_meta {
    gap: 16px;
    margin-bottom: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-universityVoice_chapter02_slider_before_meta {
    gap: 3.0769230769vw;
    margin-bottom: 4.1025641026vw;
  }
}

.p-universityVoice_chapter02_slider_before_meta_num {
  font-family: "Barlow Condensed", sans-serif;
  border: 1px solid #0073C3;
  padding: 0.4rem 1rem;
  color: #0073C3;
}
@media print, screen and (min-width: 781px) {
  .p-universityVoice_chapter02_slider_before_meta_num {
    font-size: 20px;
    border-radius: 4px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-universityVoice_chapter02_slider_before_meta_num {
    font-size: 3.5897435897vw;
  }
}

.p-universityVoice_chapter02_slider_before_meta_title {
  color: #767676;
}
@media print, screen and (max-width: 780px) {
  .p-universityVoice_chapter02_slider_before_meta_title {
    font-size: 3.5897435897vw;
  }
}

.p-universityVoice_chapter02_slider_before_title {
  font-weight: 700;
  color: #0073C3;
  line-height: 1.5;
}
@media print, screen and (min-width: 781px) {
  .p-universityVoice_chapter02_slider_before_title {
    font-size: 24px;
    margin-bottom: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-universityVoice_chapter02_slider_before_title {
    font-size: 4.6153846154vw;
    margin-bottom: 4.1025641026vw;
  }
}

.p-universityVoice_chapter02_slider_before_body {
  line-height: 1.8;
}
@media print, screen and (min-width: 781px) {
  .p-universityVoice_chapter02_slider_before_body {
    font-size: 18px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-universityVoice_chapter02_slider_before_body {
    font-size: 3.8461538462vw;
  }
}

.p-universityVoice_chapter02_slider_after {
  background-color: #0073C3;
  color: #fff;
  position: relative;
}
@media print, screen and (min-width: 781px) {
  .p-universityVoice_chapter02_slider_after {
    padding: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-universityVoice_chapter02_slider_after {
    padding: 8.2051282051vw 5.1282051282vw;
  }
}
.p-universityVoice_chapter02_slider_after::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -1px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #FFFFFF transparent transparent transparent;
}
@media print, screen and (min-width: 781px) {
  .p-universityVoice_chapter02_slider_after::before {
    border-width: 24px 40px 0 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-universityVoice_chapter02_slider_after::before {
    border-width: 4.1025641026vw 8.2051282051vw 0 8.2051282051vw;
  }
}

.p-universityVoice_chapter02_slider_after_meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .p-universityVoice_chapter02_slider_after_meta {
    gap: 16px;
    margin-bottom: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-universityVoice_chapter02_slider_after_meta {
    gap: 3.0769230769vw;
    margin-bottom: 4.1025641026vw;
  }
}

.p-universityVoice_chapter02_slider_after_meta_num {
  font-family: "Barlow Condensed", sans-serif;
  border: 1px solid #fff;
  padding: 0.4rem 1rem;
  color: #fff;
}
@media print, screen and (min-width: 781px) {
  .p-universityVoice_chapter02_slider_after_meta_num {
    font-size: 20px;
    border-radius: 4px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-universityVoice_chapter02_slider_after_meta_num {
    font-size: 3.5897435897vw;
  }
}

.p-universityVoice_chapter02_slider_after_meta_title {
  color: #fff;
}
@media print, screen and (max-width: 780px) {
  .p-universityVoice_chapter02_slider_after_meta_title {
    font-size: 3.5897435897vw;
  }
}

.p-universityVoice_chapter02_slider_after_title {
  font-weight: 700;
  color: #fff;
  line-height: 1.5;
}
@media print, screen and (min-width: 781px) {
  .p-universityVoice_chapter02_slider_after_title {
    font-size: 24px;
    margin-bottom: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-universityVoice_chapter02_slider_after_title {
    font-size: 4.6153846154vw;
    margin-bottom: 4.1025641026vw;
  }
}

.p-universityVoice_chapter02_slider_after_body {
  line-height: 1.8;
}
@media print, screen and (min-width: 781px) {
  .p-universityVoice_chapter02_slider_after_body {
    font-size: 18px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-universityVoice_chapter02_slider_after_body {
    font-size: 3.8461538462vw;
  }
}

.p-universityVoice_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media print, screen and (min-width: 781px) {
  .p-universityVoice_list {
    gap: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-universityVoice_list {
    gap: 6.1538461538vw;
  }
}

.p-universityVoice_item {
  background-color: #fff;
  border: 1px solid #D9D9D9;
  position: relative;
  line-height: 2;
}
@media print, screen and (min-width: 781px) {
  .p-universityVoice_item {
    font-size: 18px;
    padding: 48px 80px;
    border-radius: 16px;
    -webkit-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
    box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
  }
}
@media print, screen and (max-width: 780px) {
  .p-universityVoice_item {
    font-size: 3.8461538462vw;
    padding: 6.1538461538vw 5.1282051282vw;
    border-radius: 2.0512820513vw;
    -webkit-box-shadow: 2.0512820513vw 2.0512820513vw 2.0512820513vw rgba(0, 0, 0, 0.16);
    box-shadow: 2.0512820513vw 2.0512820513vw 2.0512820513vw rgba(0, 0, 0, 0.16);
  }
}

.p-universityVoice_box {
  background-color: #0B2C4F;
  position: relative;
}
@media print, screen and (min-width: 781px) {
  .p-universityVoice_box {
    padding: 48px 80px 64px;
    border-radius: 16px;
    margin-top: 80px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1200px) {
  .p-universityVoice_box {
    padding: 48px 40px 64px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-universityVoice_box {
    padding: 8.2051282051vw 5.1282051282vw 10.2564102564vw;
    border-radius: 2.0512820513vw;
    margin-top: 10.2564102564vw;
  }
}
.p-universityVoice_box::before {
  content: "";
  position: absolute;
  background-color: #8ED1FF;
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media print, screen and (min-width: 781px) {
  .p-universityVoice_box::before {
    width: 80px;
    height: 4px;
    border-radius: 0 0 4px 4px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-universityVoice_box::before {
    width: 16.4102564103vw;
    height: 1.0256410256vw;
    border-radius: 0 0 1.0256410256vw 1.0256410256vw;
  }
}

.p-universityVoice_title {
  color: #fff;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
}
@media print, screen and (min-width: 781px) {
  .p-universityVoice_title {
    font-size: 24px;
    margin-bottom: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-universityVoice_title {
    margin-bottom: 8.2051282051vw;
  }
}

.p-universityVoice_box_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media print, screen and (min-width: 781px) {
  .p-universityVoice_box_list {
    gap: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-universityVoice_box_list {
    gap: 4.1025641026vw;
  }
}

.p-universityVoice_box_item {
  background-color: #0073C3;
  border: 1px solid #fff;
  color: #fff;
  position: relative;
  line-height: 2;
}
@media print, screen and (min-width: 781px) {
  .p-universityVoice_box_item {
    font-size: 18px;
    padding: 32px 80px;
    border-radius: 16px;
    -webkit-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
    box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1200px) {
  .p-universityVoice_box_item {
    padding: 32px 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-universityVoice_box_item {
    font-size: 3.8461538462vw;
    padding: 6.1538461538vw 5.1282051282vw;
    border-radius: 2.0512820513vw;
    -webkit-box-shadow: 2.0512820513vw 2.0512820513vw 2.0512820513vw rgba(0, 0, 0, 0.16);
    box-shadow: 2.0512820513vw 2.0512820513vw 2.0512820513vw rgba(0, 0, 0, 0.16);
  }
}

.p-universityVoice_chapter03_noOvertime {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media print, screen and (min-width: 781px) {
  .p-universityVoice_chapter03_noOvertime {
    gap: 40px;
    margin-top: 64px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1400px) {
  .p-universityVoice_chapter03_noOvertime {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media print, screen and (max-width: 780px) {
  .p-universityVoice_chapter03_noOvertime {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 6.1538461538vw;
    margin-top: 10.2564102564vw;
  }
}

.p-universityVoice_chapter03_noOvertime_item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  background-color: #fff;
}
@media print, screen and (min-width: 781px) {
  .p-universityVoice_chapter03_noOvertime_item {
    border-radius: 16px;
    padding: 48px 40px 56px;
    -webkit-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
    box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
  }
}
@media print, screen and (max-width: 780px) {
  .p-universityVoice_chapter03_noOvertime_item {
    border-radius: 2.0512820513vw;
    padding: 10.2564102564vw 5.1282051282vw 14.358974359vw;
    -webkit-box-shadow: 2.0512820513vw 2.0512820513vw 2.0512820513vw rgba(0, 0, 0, 0.16);
    box-shadow: 2.0512820513vw 2.0512820513vw 2.0512820513vw rgba(0, 0, 0, 0.16);
  }
}

.p-universityVoice_chapter03_noOvertime_ribbon {
  position: absolute;
  top: 0;
}
@media print, screen and (min-width: 781px) {
  .p-universityVoice_chapter03_noOvertime_ribbon {
    left: 32px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-universityVoice_chapter03_noOvertime_ribbon {
    left: 10.2564102564vw;
  }
}

.p-universityVoice_chapter03_noOvertime_title {
  font-weight: 700;
  text-align: center;
  color: #0073C3;
}
@media print, screen and (min-width: 781px) {
  .p-universityVoice_chapter03_noOvertime_title {
    font-size: 24px;
    margin-bottom: 32px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-universityVoice_chapter03_noOvertime_title {
    font-size: 5.1282051282vw;
    margin-bottom: 8.2051282051vw;
  }
}

.p-universityVoice_chapter03_noOvertime_text {
  background-color: #F7F9FF;
  border: 1px solid #D9D9D9;
  padding: 0.7rem 1rem;
  font-weight: 500;
  line-height: 1.5;
}
@media print, screen and (min-width: 781px) {
  .p-universityVoice_chapter03_noOvertime_text {
    border-radius: 8px;
    font-size: 17px;
    margin-bottom: 8px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-universityVoice_chapter03_noOvertime_text {
    border-radius: 2.0512820513vw;
    font-size: 3.3333333333vw;
    margin-bottom: 2.0512820513vw;
  }
}

.p-universityVoice_chapter03_noOvertime_etc {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500;
  color: #0073C3;
  position: absolute;
}
@media print, screen and (min-width: 781px) {
  .p-universityVoice_chapter03_noOvertime_etc {
    font-size: 24px;
    right: 40px;
    bottom: 20px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-universityVoice_chapter03_noOvertime_etc {
    font-size: 4.6153846154vw;
    right: 5.1282051282vw;
    bottom: 8.2051282051vw;
  }
}

.p-universityVoice_box_listInline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media print, screen and (min-width: 781px) {
  .p-universityVoice_box_listInline {
    gap: 16px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-universityVoice_box_listInline {
    gap: 2.0512820513vw;
  }
}

.p-universityVoice_box_itemInline {
  background-color: #fff;
  color: #0073C3;
  font-weight: 500;
  line-height: 1.5;
}
@media print, screen and (min-width: 781px) {
  .p-universityVoice_box_itemInline {
    font-size: 18px;
    border-radius: 16px;
    padding: 0.7rem 1.4rem;
  }
}
@media print, screen and (max-width: 780px) {
  .p-universityVoice_box_itemInline {
    font-size: 3.5897435897vw;
    border-radius: 5.1282051282vw;
    padding: 0.6rem 1rem;
  }
}

.p-universityVoice_box_listInline_etc {
  color: #fff;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500;
  margin-left: auto;
  -ms-flex-item-align: end;
  align-self: flex-end;
}
@media print, screen and (min-width: 781px) {
  .p-universityVoice_box_listInline_etc {
    font-size: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-universityVoice_box_listInline_etc {
    margin-top: 0.5rem;
  }
}

.p-universityVoice_chapter04_list {
  display: grid;
}
@media print, screen and (min-width: 781px) {
  .p-universityVoice_chapter04_list {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1200px) {
  .p-universityVoice_chapter04_list {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-universityVoice_chapter04_list {
    grid-template-columns: repeat(2, 1fr);
    gap: 2.0512820513vw;
  }
}

.p-universityVoice_chapter04_list_item {
  background-color: #fff;
  border: 1px solid #D9D9D9;
  color: #0073C3;
  font-weight: 700;
  line-height: 1.5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
@media print, screen and (min-width: 781px) {
  .p-universityVoice_chapter04_list_item {
    padding: 24px;
    border-radius: 16px;
    -webkit-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
    box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
    font-size: 24px;
    min-height: 130px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-universityVoice_chapter04_list_item {
    padding: 3.0769230769vw;
    border-radius: 4.1025641026vw;
    -webkit-box-shadow: 2.0512820513vw 2.0512820513vw 2.0512820513vw rgba(0, 0, 0, 0.16);
    box-shadow: 2.0512820513vw 2.0512820513vw 2.0512820513vw rgba(0, 0, 0, 0.16);
    font-size: 3.5897435897vw;
    min-height: 16.4102564103vw;
  }
}

.p-universityVoice_chapter05_slider .splide__track {
  overflow: visible;
  padding-bottom: 1rem;
}
.p-universityVoice_chapter05_slider_splide_pager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media print, screen and (min-width: 781px) {
  .p-universityVoice_chapter05_slider_splide_pager {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 48px;
    max-width: 948px;
    margin-top: 64px;
    padding-right: 72px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-universityVoice_chapter05_slider_splide_pager {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8.2051282051vw;
    margin-top: 14.358974359vw;
  }
}

.p-universityVoice_chapter05_slider_splide_progress {
  width: 100%;
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF;
  border-radius: 4px;
}
.p-universityVoice_chapter05_slider_splide_progress-bar {
  background: #0B2C4F;
  -webkit-transition: width 400ms ease;
  transition: width 400ms ease;
  border-radius: 4px;
  width: 0;
}
@media print, screen and (min-width: 781px) {
  .p-universityVoice_chapter05_slider_splide_progress-bar {
    height: 6px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-universityVoice_chapter05_slider_splide_progress-bar {
    height: 1.5384615385vw;
  }
}

.p-universityVoice_chapter05_slider_splide_arrows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media print, screen and (min-width: 781px) {
  .p-universityVoice_chapter05_slider_splide_arrows {
    gap: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-universityVoice_chapter05_slider_splide_arrows {
    gap: 6.1538461538vw;
  }
}

.p-universityVoice_chapter05_slider_splide_arrows button {
  border: 1px solid #0073C3;
  border-radius: 50%;
  color: #0073C3;
  cursor: pointer;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media print, screen and (min-width: 781px) {
  .p-universityVoice_chapter05_slider_splide_arrows button {
    width: 80px;
    height: 80px;
    font-size: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-universityVoice_chapter05_slider_splide_arrows button {
    width: 18.4615384615vw;
    height: 18.4615384615vw;
    font-size: 5.1282051282vw;
  }
}

@media (any-hover: hover) {
  .p-universityVoice_chapter05_slider_splide_arrows button:hover {
    opacity: 0.7;
  }
}
.p-universityVoice_chapter05_slider_item {
  background-color: #fff;
  border-radius: 16px;
  -webkit-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
  box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
  overflow: hidden;
  border: 2px solid #0073C3;
  line-height: 1.6;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #0073C3;
}
@media print, screen and (min-width: 781px) {
  .p-universityVoice_chapter05_slider_item {
    font-size: 22px;
    padding: 32px 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-universityVoice_chapter05_slider_item {
    font-size: 4.6153846154vw;
    padding: 5.1282051282vw;
  }
}

.p-workFamilySupport_card {
  display: grid;
}
@media print, screen and (min-width: 781px) {
  .p-workFamilySupport_card {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1200px) {
  .p-workFamilySupport_card {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media print, screen and (max-width: 780px) {
  .p-workFamilySupport_card {
    gap: 6.1538461538vw;
  }
}

.p-workFamilySupport_card_item {
  background-color: #F7F7F7;
  border: 1px solid #D9D9D9;
}
@media print, screen and (min-width: 781px) {
  .p-workFamilySupport_card_item {
    border-radius: 16px;
    padding: 48px 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-workFamilySupport_card_item {
    border-radius: 4.1025641026vw;
    padding: 6.1538461538vw 5.1282051282vw;
  }
}

.p-workFamilySupport_card_title {
  font-weight: 500;
  text-align: center;
  color: #0073C3;
  line-height: 1.4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media print, screen and (min-width: 781px) {
  .p-workFamilySupport_card_title {
    font-size: 24px;
    margin-bottom: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-workFamilySupport_card_title {
    font-size: 5.1282051282vw;
    margin-bottom: 6.1538461538vw;
  }
}

.p-workFamilySupport_card_body {
  line-height: 2;
}
@media print, screen and (max-width: 780px) {
  .p-workFamilySupport_card_body {
    font-size: 3.8461538462vw;
  }
}

.p-workFamilySupport_system {
  background-color: #fff;
  border: 1px solid #D9D9D9;
  display: grid;
}
@media print, screen and (min-width: 781px) {
  .p-workFamilySupport_system {
    border-radius: 16px;
    padding: 80px;
    gap: 48px;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1200px) {
  .p-workFamilySupport_system {
    padding: 40px;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-workFamilySupport_system {
    border-radius: 2.0512820513vw;
    padding: 6.1538461538vw 5.1282051282vw;
    gap: 6.1538461538vw;
  }
}

.p-workFamilySupport_title {
  font-weight: 500;
  color: #0073C3;
  border-bottom: 1px solid #D9D9D9;
  line-height: 1.5;
}
@media print, screen and (min-width: 781px) {
  .p-workFamilySupport_title {
    font-size: 24px;
    padding-bottom: 0.5rem;
    margin-bottom: 1rem;
  }
}
@media print, screen and (max-width: 780px) {
  .p-workFamilySupport_title {
    font-size: 4.6153846154vw;
    padding-bottom: 2.0512820513vw;
    margin-bottom: 1rem;
  }
}

.p-workFamilySupport_system_list + .p-workFamilySupport_title {
  margin-top: 2rem;
}

.p-workFamilySupport_system_item {
  line-height: 2;
}
@media print, screen and (min-width: 781px) and (max-width: 960px) {
  .p-workFamilySupport_system_item {
    font-size: 15px;
  }
}
.p-workFamilySupport_system_item::before {
  content: "";
  display: inline-block;
  background-color: #0073C3;
}
@media print, screen and (min-width: 781px) {
  .p-workFamilySupport_system_item::before {
    width: 8px;
    height: 8px;
    margin-right: 16px;
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
}
@media print, screen and (max-width: 780px) {
  .p-workFamilySupport_system_item::before {
    width: 2.0512820513vw;
    height: 2.0512820513vw;
    margin-right: 2.0512820513vw;
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
}

.p-workFamilySupport_evaluation {
  display: grid;
}
@media print, screen and (min-width: 781px) {
  .p-workFamilySupport_evaluation {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1000px) {
  .p-workFamilySupport_evaluation {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media print, screen and (max-width: 780px) {
  .p-workFamilySupport_evaluation {
    gap: 8.2051282051vw;
  }
}

.p-workFamilySupport_evaluation_text {
  line-height: 1.8;
  color: #323232;
}
@media print, screen and (min-width: 781px) {
  .p-workFamilySupport_evaluation_text {
    margin-top: 1rem;
  }
}
@media print, screen and (max-width: 780px) {
  .p-workFamilySupport_evaluation_text {
    font-size: 3.8461538462vw;
    margin-top: 2.0512820513vw;
  }
}

.p-workFamilySupport_interview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media print, screen and (min-width: 781px) {
  .p-workFamilySupport_interview {
    max-width: 700px;
    margin: 120px auto;
  }
}
@media print, screen and (max-width: 780px) {
  .p-workFamilySupport_interview {
    width: 100%;
    margin-top: 20.5128205128vw;
  }
}

.p-workFamilySupport_interview_item {
  background-color: #0B2C4F;
  color: #fff;
  -webkit-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
  box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.16);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  position: relative;
}
@media print, screen and (min-width: 781px) {
  .p-workFamilySupport_interview_item {
    border-radius: 8px;
    padding: 40px 100px 56px 40px;
    gap: 48px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media print, screen and (max-width: 780px) {
  .p-workFamilySupport_interview_item {
    padding: 8.2051282051vw 5.1282051282vw 12.8205128205vw;
    border-radius: 2.0512820513vw;
    gap: 6.1538461538vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
  }
}
.p-workFamilySupport_interview_item::after {
  content: "chevron_right";
  font-family: "Material Icons";
  border: 1px solid #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  position: absolute;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
@media print, screen and (min-width: 781px) {
  .p-workFamilySupport_interview_item::after {
    width: 48px;
    height: 48px;
    font-size: 24px;
    bottom: 40px;
    right: 40px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-workFamilySupport_interview_item::after {
    width: 12.3076923077vw;
    height: 12.3076923077vw;
    font-size: 6.1538461538vw;
    bottom: 9.2307692308vw;
    right: 10.2564102564vw;
  }
}
.p-workFamilySupport_interview_item:hover::after {
  background-color: #fff;
  color: #0B2C4F;
}

@media print, screen and (min-width: 781px) {
  .p-workFamilySupport_interview_image {
    max-width: 196px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-workFamilySupport_interview_image {
    width: 35.8974358974vw;
    margin: 0 auto;
  }
}

.p-workFamilySupport_interview_tag {
  background-color: #fff;
  color: #0073C3;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 500;
}
@media print, screen and (min-width: 781px) {
  .p-workFamilySupport_interview_tag {
    border-radius: 4px;
    margin-bottom: 16px;
    font-size: 18px;
    padding: 0.4rem 1.2rem 0.5rem;
  }
}
@media print, screen and (max-width: 780px) {
  .p-workFamilySupport_interview_tag {
    border-radius: 1.0256410256vw;
    margin-bottom: 4.1025641026vw;
    padding: 0.6rem 1.2rem 0.7rem;
  }
}

.p-workFamilySupport_interview_tag_child {
  border-left: 1px solid #D9D9D9;
  padding-left: 1rem;
  margin-left: 1rem;
}
.p-workFamilySupport_interview_title {
  line-height: 1.6;
}
@media print, screen and (min-width: 781px) {
  .p-workFamilySupport_interview_title {
    font-size: 24px;
  }
}
@media print, screen and (max-width: 780px) {
  .p-workFamilySupport_interview_title {
    font-size: 4.6153846154vw;
  }
}

.p-workFamilySupport_interview_meta {
  margin-top: 1rem;
  line-height: 1.4;
}
@media print, screen and (min-width: 781px) {
  .p-workFamilySupport_interview_meta {
    font-size: 18px;
  }
}
@media print, screen and (min-width: 1401px) and (max-width: 1920px) {
  .p-workFamilySupport_interview_meta {
    font-size: 0.9375vw;
  }
}
@media print, screen and (min-width: 781px) and (max-width: 1000px) {
  .p-workFamilySupport_interview_meta {
    font-size: 1.8vw;
  }
}
@media print, screen and (max-width: 780px) {
  .p-workFamilySupport_interview_meta {
    margin-top: 6.1538461538vw;
  }
}

@media print, screen and (max-width: 780px) {
  .pc {
    display: none !important;
  }
}

@media print, screen and (min-width: 781px) {
  .sp {
    display: none !important;
  }
}

.por {
  position: relative;
}

.color-blue {
  color: #0073C3;
}

.color-deep {
  color: #0B2C4F;
}

.color-white {
  color: #fff;
}

.list {
  list-style: disc;
  margin-left: 1.5rem;
}/*# sourceMappingURL=maps/main.css.map */
