@charset "UTF-8";
/*--------------------------------------
共通
---------------------------------------*/
@import url("https://fonts.googleapis.com/css?family=IBM+Plex+Sans:400,600,700&display=swap");
a, abbr, acronym, address, applet, big, blockquote, body, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, tbody, tfoot, thead, tt, ul, var {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  list-style: none;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  clear: both;
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
}

.txt_center {
  text-align: center !important;
}

.block_center {
  margin-left: auto !important;
  margin-right: auto !important;
}

.txt_left {
  text-align: left !important;
}

.txt_right {
  text-align: right !important;
}

.fleft {
  display: block;
  float: left;
}

.fright {
  display: block;
  float: right;
}

.txt_red {
  color: #f33;
}

.pl0 {
  padding-left: 0 !important;
}

.pr0 {
  padding-right: 0 !important;
}

.pt0 {
  padding-top: 0 !important;
}

.pb0 {
  padding-bottom: 0 !important;
}

.ml5 {
  margin-left: 5px !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.pl5 {
  padding-left: 5px !important;
}

.pr5 {
  padding-right: 5px !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.pt8 {
  padding-top: 8px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.ml25 {
  margin-left: 25px !important;
}

.mr25 {
  margin-right: 25px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.pl25 {
  padding-left: 25px !important;
}

.pr25 {
  padding-right: 25px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.ml35 {
  margin-left: 35px !important;
}

.mr35 {
  margin-right: 35px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.pl35 {
  padding-left: 35px !important;
}

.pr35 {
  padding-right: 35px !important;
}

.pt35 {
  padding-top: 35px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.ml45 {
  margin-left: 45px !important;
}

.mr45 {
  margin-right: 45px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.pl45 {
  padding-left: 45px !important;
}

.pr45 {
  padding-right: 45px !important;
}

.pt45 {
  padding-top: 45px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.pl50 {
  padding-left: 50px !important;
}

.pr50 {
  padding-right: 50px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.mt75 {
  margin-top: 75px !important;
}

@media print, screen and (min-width: 768px) {
  html {
    overflow-y: visible !important;
  }
  .career {
    overflow-x: hidden;
  }
  body {
    position: relative;
    z-index: 1;
    font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;
    font-size: 16px;
    color: #333333;
    line-height: 1.8;
  }
  .sp {
    display: none !important;
  }
  /* ------------------------------------------------------------
  style reset
  ------------------------------------------------------------ */
  html,
  body {
    -webkit-text-size-adjust: 100%;
  }
  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%;
    vertical-align: baseline;
  }
  /* HTML5 display-role reset for older browsers */
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  menu,
  nav,
  section {
    display: block;
  }
  img {
    vertical-align: top;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: 100%;
    font-weight: normal;
  }
  li {
    list-style-type: none;
  }
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  blockquote,
  q {
    quotes: none;
  }
  blockquote:before,
  blockquote:after,
  q:before,
  q:after {
    content: "";
    content: none;
  }
  /* CSS Document */
  .head-wrap {
    position: fixed;
    top: 0;
    z-index: 9999;
    width: 100%;
    background: rgba(255, 255, 255, 0.9);
  }
  .head-wrap .box {
    display: flex;
    justify-content: space-between;
    max-width: 1024px;
    height: 90px;
    margin: 0 auto;
    padding: 30px 0;
  }
  /* ------------------------------------------------------------
  nav
  ------------------------------------------------------------ */
  /* CSS Document */
  /* CSS Document */
  /* ------------------------------------------------------------
  初期設定
  ------------------------------------------------------------ */
  /* border-box / word-break */
  /* clearfix */
  /* Color */
  /* 行間設定 */
  /* 二行目字下げ */
  /* 左右配置 */
  /* fade */
  /* ------------------------------------------------------------
  fontawesome
  ------------------------------------------------------------ */
  /* ------------------------------------------------------------
  印刷設定
  ------------------------------------------------------------ */
  /* ------------------------------------------------------------
  placeholder - form
  ------------------------------------------------------------ */
  /*  */
  /* Chrome, Safari */
  /* Firefox */
  /* IE */
  /* ------------------------------------------------------------
  PageTop
  ------------------------------------------------------------ */
  /* ------------------------------------------------------------
  画像のレスポンシブ対応
  ------------------------------------------------------------ */
  /* ------------------------------------------------------------
  リンク設定
  ------------------------------------------------------------ */
  /* ページ内アンカー */
  /* pankuzu */
  /* contents title */
  /* contents sub title */
  /* cont-box */
  /*フォント設定*/
  /* CSS Document */
  /* index */
  /* CSS Document */
  /* newgrad */
  /* culture */
  /* profile */
  /* data */
  /* culture */
  /* message */
  /* training */
  /* flow */
  /* INTERVIEW */
  /* INTERVIEW */
  /* INTERVIEW 002 */
  /* INTERVIEW 002 */
  /* CSS Document */
  /* requirement */
  /* CSS Document */
  /* career */
  /* profile */
  /* message */
  /* flow */
  /* INTERVIEW */
  /* INTERVIEW */
  /* INTERVIEW 002 */
  /* INTERVIEW 002 */
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .head-wrap .box .logo {
    padding-left: 10px;
  }
}
@media print, screen and (min-width: 768px) {
  .menuList ul {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    padding-bottom: 15px;
  }
  .menuList ul li {
    height: 100%;
    margin-left: 16px;
  }
  .menuList ul li a {
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    color: #333333;
    text-align: center;
    line-height: 1;
    text-decoration: none;
    width: 100%;
    padding: 6px 2px 4px;
    position: relative;
  }
  .menuList ul li a::before {
    position: absolute;
    top: 1.5rem;
    content: "";
    display: inline-block;
    width: 0;
    height: 1px;
    background-color: #ed6d47;
    transition: all 0.3s;
  }
  .menuList ul li a:hover:before {
    width: 100%;
  }
  .menuList ul li a.navCurrent,
  .menuList ul li a:hover {
    padding: 6px 2px 3px;
  }
  .navCurrent::before {
    width: 100% !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .menuList {
    display: none !important;
  }
  .pankuzu-wrap {
    width: 100%;
    padding-left: 10px;
  }
  .globalMenuSp {
    display: block !important;
  }
  /* ------------------------------------------------------------
  nav
  ------------------------------------------------------------ */
  nav.globalMenuSp {
    position: fixed;
    z-index: 10000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-y: auto;
    background: #fff;
    color: #ffffff;
    transform: translateY(-100%);
    transition: all 0.6s;
    width: 100%;
    padding-top: 30px;
  }
  nav.globalMenuSp .box {
    padding: 0px 30px 30px 30px;
  }
  nav.globalMenuSp .box ul.list1 {
    width: 100%;
  }
  nav.globalMenuSp .box ul.list1 li {
    font-size: 15px;
    width: 100%;
    border-bottom: 1px solid #CCCCCC;
    text-align: center;
  }
  nav.globalMenuSp .box ul.list1 li a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
    padding: 15px 0;
    text-align: center;
  }
  nav.globalMenuSp .box ul.list1 li a i {
    margin: 0;
  }
  nav.globalMenuSp .box ul.list2 {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
  }
  nav.globalMenuSp .box ul.list2 li {
    font-size: 14px;
    width: calc(50% - 10px);
    margin: 0 5px;
    border-bottom: 1px solid #ccc;
  }
  nav.globalMenuSp .box ul.list2 li a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
    padding: 15px 0;
  }
  nav.globalMenuSp .box ul.list2 li a i {
    margin: 0;
  }
  nav.globalMenuSp .box .banner {
    text-align: center;
    margin-top: 15px;
  }
  nav.globalMenuSp .global_header_btn01 {
    margin-top: 28px;
  }
  nav.globalMenuSp .global_header_btn01 a {
    display: block;
    color: #0C2A65;
    font-size: 14px;
    border: 1px solid #0C2B66;
    padding: 15px;
    line-height: 1;
    text-align: center;
  }
  /* このクラスを、jQueryで付与・削除する */
  nav.globalMenuSp.active {
    transform: translateY(0%);
  }
  .navToggle {
    display: block;
    position: fixed;
    right: 6px;
    top: 24px;
    width: 42px;
    height: 40px;
    cursor: pointer;
    z-index: 10001;
    text-align: center;
  }
  .navToggle span {
    display: block;
    position: absolute;
    width: 30px;
    border-bottom: solid 3px #333333;
    transition: 0.35s ease-in-out;
    left: 6px;
  }
  .navToggle span:nth-child(1) {
    top: 9px;
  }
  .navToggle span:nth-child(2) {
    top: 18px;
  }
  .navToggle span:nth-child(3) {
    top: 27px;
  }
  .navToggle span:nth-child(4) {
    border: none;
    color: #eee;
    font-size: 9px;
    font-weight: bold;
    top: 34px;
  }
  /* 最初のspanをマイナス45度に */
  .navToggle.active span:nth-child(1) {
    top: 18px;
    left: 6px;
    transform: rotate(-45deg);
    border-bottom: solid 3px #333;
  }
  /* 2番目と3番目のspanを45度に */
  .navToggle.active span:nth-child(2), .navToggle.active span:nth-child(3) {
    top: 18px;
    transform: rotate(45deg);
    border-bottom: solid 3px #333;
  }
}
@media print, screen and (min-width: 768px) {
  footer {
    background: #fff;
  }
  footer .foot-wrap {
    max-width: 1024px;
    height: 90px;
    margin: 0 auto;
  }
  footer .foot-wrap ul {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
  }
  footer .foot-wrap ul li {
    margin: 0 10px;
  }
  footer .foot-wrap ul li:first-child {
    margin-left: 0;
  }
  footer .foot-wrap ul li:last-child {
    margin-right: 0;
  }
  footer .foot-wrap ul li a {
    font-size: 14px;
    color: #333333;
  }
  footer .foot-wrap ul li a:hover {
    color: #ed6d47;
  }
  footer .foot-wrap ul li a i {
    color: #ed6d47;
  }
  footer .copyright {
    height: 90px;
    background: #002a65;
  }
  footer .copyright .copy {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #ffffff;
    height: 100%;
  }
  *,
  *:before,
  *:after {
    box-sizing: border-box;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
  html,
  body {
    height: 100%;
  }
  .clearfix:after {
    content: "";
    display: block;
    clear: both;
  }
  .fc-red {
    color: #CC0000;
  }
  .fc-blue {
    color: #002a65;
  }
  p {
    margin-bottom: 1em;
    line-height: 32px;
  }
  p:last-child {
    margin-bottom: 0;
  }
  .att {
    padding-left: 1em;
    text-indent: -1em;
  }
  .ta-right {
    text-align: right;
  }
  .ta-left {
    text-align: left;
  }
  .ta-center {
    text-align: center;
  }
  .fadein {
    opacity: 0;
    transform: translateY(20px);
    transition: all 1s;
  }
  i.fas {
    margin-right: 8px;
  }
}
@media print {
  body {
    zoom: 100%;
    overflow-y: visible;
    overflow-x: visible;
  }
  #pagetop {
    display: none;
  }
}
@media print, screen and (min-width: 768px) {
  @page {
    margin: 30px;
  }
  ::-webkit-input-placeholder {
    color: #cccccc;
  }
  ::-moz-placeholder {
    color: #cccccc;
  }
  :-ms-input-placeholder {
    color: #cccccc;
  }
  #pagetop {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 100;
    font-size: 32px;
  }
  #pagetop a {
    color: #b8b8b8;
  }
  img {
    max-width: 100%;
    height: auto;
    width/***/: auto;
  }
  a {
    color: #ed6d47;
    text-decoration: none;
  }
  a:hover {
    color: #ed6d47;
    transition: all 0.3s ease;
    text-decoration: underline;
  }
  a:hover .img {
    display: block;
    background: #ed6d47;
  }
  a:hover .img img {
    opacity: 0.4;
    transition: all 0.3s ease;
  }
  .anchor {
    position: relative;
    top: -120px;
    display: block;
  }
  #map1, #map2, #history, #ac1, #ac2 {
    display: inline-block;
    margin-top: -120px;
    padding-top: 120px;
  }
  .pankuzu-wrap {
    display: flex;
    align-items: center;
    width: 1024px;
    height: 40px;
    margin: 90px auto 0;
  }
  .pankuzu-wrap ul {
    display: flex;
  }
  .pankuzu-wrap ul li {
    font-size: 12px;
    color: #333333;
  }
  .pankuzu-wrap ul li a {
    color: #333333;
    position: relative;
  }
  .pankuzu-wrap ul li a:hover {
    text-decoration: none;
  }
  .pankuzu-wrap ul li a:hover::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #ed6d47;
    bottom: 0;
  }
  .pankuzu-wrap ul li i {
    margin: 0 15px;
    color: #ed6d47;
  }
  .pankuzu-wrap ul:last-child {
    color: #ec8f74;
  }
  #recruit-bg {
    display: block;
    background: url(/recruit/lib/img/pages/pc/newgrad_bg.png) top center repeat-x;
  }
  #career-bg {
    display: block;
    background: url(/recruit/lib/img/pages/pc/career_bg.png) top center repeat-x;
  }
  .training-title {
    background: url("/recruit/lib/img/pages/pc/training/training_img01.png") top center no-repeat;
    background-size: cover;
  }
  .flow-title {
    background: url("/recruit/lib/img/pages/pc/flow/flow_img01.png") top center no-repeat;
    background-size: cover;
  }
  .culture-title {
    background: url(/recruit/lib/img/pages/pc/culture/culture_title_bg.png) top center no-repeat;
    background-size: cover;
  }
  .interview-title {
    background: url(/recruit/lib/img/pages/pc/interview/interviewtop_main.jpg?2402015) top left no-repeat;
    background-size: cover;
  }
  .message-title {
    background: url("/recruit/lib/img/pages/pc/message/h1_message_img01.png") top center no-repeat;
    background-size: cover;
  }
  .profile-title {
    background: url(/recruit/lib/img/pages/pc/profile/profile_title_bg.jpg) top center no-repeat;
    background-size: cover;
  }
  .data-title {
    background: url(/recruit/lib/img/pages/pc/data/data_title_bg.png) top center no-repeat;
    background-size: cover;
  }
  .requirement-title {
    background: url(/recruit/lib/img/pages/pc/requirement/requirement_title_bg.png) top center no-repeat;
    background-size: cover;
  }
  .career-title {
    background: url(/recruit/lib/img/pages/pc/career/requirement_title_bg.png) top center no-repeat;
    background-size: cover;
  }
  .recruit-title-wrap {
    display: flex;
    align-items: center;
    color: #333333;
    width: 1024px;
    height: 280px;
    margin: 0 auto;
  }
  .recruit-title-wrap .title {
    z-index: 1;
    padding: 0 60px;
  }
  .recruit-title-wrap .title .jp {
    position: relative;
    display: inline-block;
    font-size: 35px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 12px;
    padding: 0 5px;
  }
  .recruit-title-wrap .title .jp::after {
    position: absolute;
    bottom: -4px;
    left: 0;
    z-index: -1;
    content: "";
    width: 100%;
    height: 15px;
    background-color: #ffc478;
    transform: skewX(-15deg);
  }
  .recruit-title-wrap .title .en {
    font-family: "IBM Plex Sans", sans-serif;
    font-size: 22px;
    font-weight: 600;
    color: #656565;
    text-align: center;
  }
  .subtitle-box {
    text-align: center;
    margin: 75px 0 25px;
  }
  .subtitle-box .subtitle {
    position: relative;
    display: inline-block;
    font-size: 28px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 5px;
    padding: 0 5px;
  }
  .subtitle-box .subtitle::after {
    position: absolute;
    bottom: -2px;
    left: 0;
    z-index: -1;
    content: "";
    width: 100%;
    height: 15px;
    background-color: #ffc478;
    transform: skewX(-15deg);
  }
  .cont-box {
    max-width: 1024px;
    margin: 0 auto 30px;
  }
  .banner_box01 {
    display: flex;
    position: absolute;
    bottom: 45px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    justify-content: center;
  }
  .banner_box01 a:hover .img {
    background: none;
  }
  .banner_box01 .banner_box01_left {
    margin-right: 10px;
  }
  .banner_box02 {
    display: flex;
    width: 100%;
    justify-content: center;
    margin-top: 60px;
    padding: 30px 0;
    background-color: #ebf6fa;
  }
  .banner_box02 div {
    max-width: 181px;
  }
  .banner_box02 a:hover .img {
    background: none;
  }
  .banner_box02 .banner_box01_left {
    margin-right: 10px;
  }
  html {
    overflow-y: scroll;
  }
  .index {
    width: 100%;
    height: calc(100% - 180px);
    padding: 90px 0 0;
  }
  .index .in-bg-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    background: url(../img/pages/pc/top/select_bg.jpg) center center no-repeat;
    background-size: cover;
    position: relative;
  }
  .index .in-bg-wrap ul li {
    border: 2px solid #ed6d47;
  }
  .index .in-bg-wrap ul li:first-child {
    margin-bottom: 30px;
  }
  .index .in-bg-wrap ul li a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    font-weight: bold;
    color: #333;
    width: 530px;
    height: 80px;
    margin: 10px;
    padding: 20px 0;
    background: rgba(255, 255, 255, 0.8);
  }
  .index .in-bg-wrap ul li a:hover {
    color: rgba(0, 0, 0, 0.5);
    background: rgba(255, 255, 255, 0.5);
    text-decoration: none;
  }
  .index .in-bg-wrap ul li a img {
    position: absolute;
    top: 50%;
    right: 30px;
    margin-top: -3px;
  }
  #newgrad .main-img-wrap {
    text-align: center;
    margin: 90px auto 40px;
    background: #ebf6fa;
  }
  #newgrad .main-img-wrap .main-img {
    max-width: 1200px;
    margin: 0 auto;
  }
  #newgrad .cont-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 -20px;
  }
  #newgrad .cont-list li {
    width: calc(50% - 40px);
    margin: 0 20px 40px;
    background: #fff;
    border: 1px solid #cacaca;
    border-radius: 2px;
  }
  #newgrad .cont-list li a {
    position: relative;
    display: block;
    height: 250px;
    padding: 30px 25px;
  }
  #newgrad .cont-list li a:hover {
    text-decoration: none;
  }
  #newgrad .cont-list li a .title {
    font-size: 26px;
    font-weight: bold;
    color: #333333;
    line-height: 1;
    margin-bottom: 10px;
  }
  #newgrad .cont-list li a .title-en {
    font-family: "IBM Plex Sans", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    color: #656565;
    line-height: 1;
    margin-bottom: 15px;
  }
  #newgrad .cont-list li a .txt {
    font-size: 16px;
    color: #333333;
    line-height: 26px;
  }
  #newgrad .cont-list li a .more-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 40px;
    height: 40px;
    right: 10px;
    bottom: -20px;
    background: #ed6d47;
  }
  #newgrad .cont-list li a .more-btn img {
    width: 24px;
    height: 8px;
    margin-bottom: 2px;
  }
  #newgrad .cont-list .list1 a {
    background: url(/recruit/lib/img/pages/pc/top/message_img.png) top right no-repeat #eef0f2;
    background-size: cover;
  }
  #newgrad .cont-list .list1 a:hover {
    opacity: 0.4;
  }
  #newgrad .cont-list .list2 a {
    background: url(/recruit/lib/img/pages/pc/top/culture_img.jpg) top right no-repeat;
    background-size: cover;
  }
  #newgrad .cont-list .list2 a:hover {
    opacity: 0.4;
  }
  #newgrad .cont-list .list3 {
    width: calc(100% - 40px);
  }
  #newgrad .cont-list .list3 a {
    background: url(/recruit/lib/img/pages/pc/top/data_img.jpg) top right no-repeat;
    background-size: cover;
  }
  #newgrad .cont-list .list3 a:hover {
    opacity: 0.4;
  }
  #newgrad .cont-list .list3_02 a {
    background: url(/recruit/lib/img/pages/pc/top/interview_img.jpg?240216) top right no-repeat !important;
    background-size: 1022px auto !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 950px) {
  #newgrad .cont-list .list3_02 a div {
    text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, -1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;
  }
}
@media print, screen and (min-width: 768px) {
  #newgrad .cont-list .list3_02 a:hover {
    opacity: 0.4;
  }
  #newgrad .cont-list .list4 a {
    background: url(/recruit/lib/img/pages/pc/top/training_img.jpg) top right no-repeat;
    background-size: cover;
  }
  #newgrad .cont-list .list4 a:hover {
    opacity: 0.4;
  }
  #newgrad .cont-list .list5 a {
    background: url(/recruit/lib/img/pages/pc/top/profile_img.jpg) top right no-repeat;
    background-size: cover;
  }
  #newgrad .cont-list .list5 a:hover {
    opacity: 0.4;
  }
  #newgrad .cont-list .list6 a {
    background: url(/recruit/lib/img/pages/pc/top/requirement_img.jpg) top right no-repeat;
    background-size: cover;
  }
  #newgrad .cont-list .list6 a:hover {
    opacity: 0.4;
  }
  #newgrad .cont-list .list7 a {
    background: url(/recruit/lib/img/pages/pc/top/flow_img.jpg) top right no-repeat;
    background-size: cover;
  }
  #newgrad .cont-list .list7 a:hover {
    opacity: 0.4;
  }
  #culture .culture-top-txt {
    font-size: 21px;
    text-align: center;
    line-height: 38px;
    margin-top: 25px;
  }
  #culture .txt1 {
    font-size: 18px;
    text-align: center;
  }
  #culture .img-list {
    display: flex;
    justify-content: space-between;
    margin: 10px -20px 0;
    padding-bottom: 60px;
    border-bottom: 1px solid #d2d2d2;
  }
  #culture .img-list li {
    width: calc(50% - 40px);
    margin: 0 20px;
  }
  #culture .event-box {
    display: flex;
    justify-content: space-between;
    margin: 10px -20px 0;
  }
  #culture .event-box li {
    width: calc(50% - 40px);
    margin: 0 20px;
    background: #fdf1ed;
  }
  #culture .event-box li .box {
    height: 310px;
    padding: 25px 20px;
  }
  #culture .event-box li .box .title {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 5px;
  }
  #culture .event-box li .box P {
    font-size: 16px;
    line-height: 32px;
  }
  #profile .profile-box {
    width: 804px;
    margin: 0 auto;
  }
  #profile .profile-box table {
    width: 100%;
    border-top: 1px solid #edf0f4;
    margin-bottom: 20px;
  }
  #profile .profile-box table th, #profile .profile-box table td {
    padding: 20px 0;
    border-bottom: 1px solid #edf0f4;
  }
  #profile .profile-box table th {
    font-weight: bold;
    text-align: left;
    width: 160px;
  }
  #profile .profile-box table th h3 {
    font-weight: bold;
  }
  #profile .profile-box table td .address-box {
    display: flex;
  }
  #profile .profile-box table td .address-box .item {
    width: 80px;
  }
  #profile .profile-box table td .address-box .txt {
    flex: 1;
  }
  #profile .profile-box table td .img-list1 {
    display: flex;
    margin: 20px -2px 0;
  }
  #profile .profile-box table td .img-list1 li {
    width: 246.19px;
    margin: 0 2px;
  }
  #profile .profile-box table td .img-list1 li:first-child {
    width: 143.61px;
  }
  #profile .profile-box table td .ac {
    text-align: right;
  }
  #profile .profile-box table td .ac a {
    display: inline-block;
    color: #333;
    transition: all 0.3s;
    position: relative;
  }
  #profile .profile-box table td .ac a:hover {
    color: #ed6d47;
  }
  #profile .profile-box table td .ac a::after {
    position: absolute;
    display: block;
    content: "";
    width: 24px;
    height: 8px;
    top: 9px;
    left: -30px;
    background-image: url("/lib/img/pages/pc/about/profile_arrow_orange.png");
    background-position: center center;
  }
  #profile .profile-box table td .ac.recruitnone {
    display: none;
  }
  #profile .profile-box table td .map-box {
    margin-top: 20px;
  }
  #profile .profile-box table td .link-list1 {
    display: flex;
    justify-content: flex-end;
  }
  #profile .profile-box table td .link-list1 li {
    padding-left: 25px;
  }
  #profile .profile-box table td .link-list1 li a {
    color: #333;
    transition: all 0.3s;
  }
  #profile .profile-box table td .link-list1 li a:hover {
    color: #ed6d47;
  }
  #profile .profile-box table td .link-list1 li:last-child {
    margin-left: 30px;
  }
  #profile .profile-box .history-list {
    border-top: 1px solid #edf0f4;
  }
  #profile .profile-box .history-list li {
    display: flex;
    padding: 20px 0;
    border-bottom: 1px solid #edf0f4;
  }
  #profile .profile-box .history-list li .date {
    width: 180px;
  }
  #profile .profile-box .history-list li .txt {
    flex: 1;
  }
  #profile .profile-box .history-list li .txt a {
    color: #333333;
  }
  #profile .profile-box .torihiki-list a {
    color: #333;
    transition: all 0.3s;
  }
  #profile .profile-box .torihiki-list a:hover {
    color: #ed6d47;
  }
  #data .data-box {
    text-align: center;
    width: 100%;
    padding-bottom: 60px;
    border-bottom: 1px solid #d2d2d2;
  }
  #data .data-box .img1 {
    text-align: center;
    width: 100%;
    margin: 40px 0 35px;
  }
  #data .data-box:last-child {
    border-bottom: none;
  }
  #data .img-list {
    display: flex;
    justify-content: space-between;
    margin: 10px -20px 0;
  }
  #data .img-list li {
    width: calc(50% - 40px);
    margin: 0 20px;
  }
  #requirement .requirement-top-txt {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    margin: 60px 0;
  }
  #requirement .requirement-box {
    width: 804px;
    padding-top: 75px;
    margin: 0 auto;
  }
  #requirement .requirement-box table {
    width: 100%;
    border-top: 1px solid #edf0f4;
  }
  #requirement .requirement-box table th, #requirement .requirement-box table td {
    padding: 20px 0;
    border-bottom: 1px solid #edf0f4;
  }
  #requirement .requirement-box table th {
    font-weight: bold;
    text-align: left;
    width: 160px;
  }
  #requirement .requirement-box table td a {
    color: #333;
    transition: all 0.3s;
  }
  #requirement .requirement-box table td a:hover {
    text-decoration: underline;
    color: #ed6d47;
  }
  #requirement .requirement-box table td .entrylink {
    margin-bottom: 15px;
  }
  #requirement .requirement-box table td .entrylink a img {
    width: 25%;
  }
  #requirement .requirement-box table td .link {
    margin-bottom: 15px;
  }
  #requirement .requirement-box table td .link a {
    display: flex;
    align-items: center;
    color: #333;
    transition: all 0.3s;
  }
  #requirement .requirement-box table td .link a img {
    margin-right: 5px;
  }
  #requirement .requirement-box table td .link a:hover {
    text-decoration: underline;
    color: #ed6d47;
  }
  #message .recruit-title-wrap {
    position: relative;
    height: 400px;
  }
  #message .recruit-title-wrap .title {
    padding-bottom: 60px;
  }
  #message .recruit-title-wrap p {
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
    font-weight: 500;
    font-size: 33px;
    position: absolute;
    bottom: 80px;
    left: 50px;
    line-height: 1.45;
    font-weight: bold;
  }
  #message .culture-top-txt {
    padding: 60px 65px 0;
  }
  #message .culture-top-txt p {
    letter-spacing: -1px;
    margin-bottom: 30px;
  }
  #message .top_name {
    text-align: right;
    margin-right: 65px;
  }
  #message .border01 {
    width: 100%;
    height: 1px;
    background-color: #e9e9e9;
    margin-top: 70px;
  }
  #message h2 {
    text-align: center;
    margin: 75px 0 25px;
  }
  #message h2 .subtitle {
    position: relative;
    display: inline-block;
    font-size: 28px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 5px;
    padding: 0 5px;
  }
  #message h2 .subtitle::after {
    position: absolute;
    bottom: -2px;
    left: 0;
    z-index: -1;
    content: "";
    width: 100%;
    height: 15px;
    background-color: #ffc478;
    transform: skewX(-15deg);
  }
  #message .txt1 {
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 1.54;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
  }
  #message .philosophy-box2 p, #message .philosophy-box3 p {
    padding: 0 65px;
  }
  #message .philosophy-box4 ul {
    display: flex;
    justify-content: space-between;
    margin: 40px -10px 0;
  }
  #message .philosophy-box4 ul li {
    width: calc(25% - 20px);
    margin: 0 10px;
    padding: 30px 15px;
    border: 1px solid #dfdfdf;
  }
  #message .philosophy-box4 ul li .title {
    text-align: center;
  }
  #message .philosophy-box4 ul li .title .jp {
    font-size: 30px;
    font-weight: bold;
    color: #333;
    line-height: 1;
  }
  #message .philosophy-box4 ul li .title .en {
    font-family: ibm-plex-sans, sans-serif;
    font-size: 22px;
    font-weight: bold;
    color: #ed6f49;
    line-height: 1;
    margin: 10px 0 20px;
  }
  #message .philosophy-box4 ul li p {
    height: 110px;
  }
  #message .philosophy-box4 ul li p span {
    font-size: 26px;
    color: #ed6f49;
  }
  #training .border01 {
    width: 100%;
    height: 1px;
    background-color: #e9e9e9;
    margin-top: 70px;
  }
  #training h2 {
    text-align: center;
    margin: 75px 0 25px;
  }
  #training h2 .subtitle {
    position: relative;
    display: inline-block;
    font-size: 28px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 5px;
    padding: 0 5px;
  }
  #training h2 .subtitle::after {
    position: absolute;
    bottom: -2px;
    left: 0;
    z-index: -1;
    content: "";
    width: 100%;
    height: 15px;
    background-color: #ffc478;
    transform: skewX(-15deg);
  }
  #training .training_list ul {
    display: flex;
    justify-content: space-between;
    margin: 40px -10px 0;
  }
  #training .training_list ul li {
    width: calc(33.3333333333% - 20px);
    margin: 0 10px;
    padding: 30px 20px;
    background-color: #fdf1ed;
  }
  #training .training_list ul li h3 {
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 1;
    text-align: center;
    font-weight: bold;
    margin-bottom: 10px;
  }
  #training .training_list ul li p {
    letter-spacing: -1px;
  }
  #training .training_list ul li .txt_link {
    margin-top: 10px;
    text-align: right;
  }
  #training .training_list ul li .txt_link a {
    position: relative;
    color: #333;
  }
  #training .training_list ul li .txt_link a:hover {
    color: #ed6d47;
  }
  #training .training_list ul li .txt_link a::before {
    content: "";
    width: 24px;
    height: 8px;
    display: block;
    background-image: url("/lib/img/pages/pc/about/profile_arrow_orange.png");
    position: absolute;
    top: 6px;
    left: -20px;
  }
  #training .img_center {
    text-align: center;
  }
  #training .model_case ul {
    padding-top: 20px;
    padding-left: 70px;
    padding-right: 70px;
    padding-bottom: 40px;
  }
  #training .model_case ul li {
    display: flex;
    justify-content: space-between;
    padding: 20px 0;
    border-bottom: solid 1px #edf0f4;
  }
  #training .model_case ul li h3 {
    width: 25%;
  }
  #training .model_case ul li h3 .blue01 {
    color: #95c1e5;
  }
  #training .model_case ul li h3 .blue02 {
    color: #6696c6;
  }
  #training .model_case ul li h3 .blue03 {
    color: #3868a3;
  }
  #training .model_case ul li h3 .blue04 {
    color: #073991;
  }
  #training .model_case ul li h3 .blue05 {
    color: #34a5ea;
  }
  #training .model_case ul li p {
    width: 75%;
  }
  #flow .border01 {
    width: 100%;
    height: 1px;
    background-color: #e9e9e9;
    margin-top: 40px;
  }
  #flow h2 {
    text-align: center;
    margin: 75px 0 25px;
  }
  #flow h2 .subtitle {
    position: relative;
    display: inline-block;
    font-size: 28px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 5px;
    padding: 0 5px;
  }
  #flow h2 .subtitle::after {
    position: absolute;
    bottom: -2px;
    left: 0;
    z-index: -1;
    content: "";
    width: 100%;
    height: 15px;
    background-color: #ffc478;
    transform: skewX(-15deg);
  }
  #flow .flow_step {
    display: table;
    margin: 0 auto;
    width: 100%;
    margin: 50px 0;
    padding: 0 70px;
  }
  #flow .flow_step > * {
    display: table-cell;
    vertical-align: top;
    padding: 0 0px;
  }
  #flow .flow_step > *:first-child {
    padding-left: 0;
  }
  #flow .flow_step > *:last-child {
    padding-right: 0;
  }
  #flow .flow_step:last-child {
    padding-bottom: 0;
  }
  #flow .flow_step:last-child h3::after {
    display: none;
  }
  #flow .flow_step h3 {
    width: 306px;
    position: relative;
  }
  #flow .flow_step h3::after {
    display: block;
    content: "";
    width: 42px;
    height: 25px;
    position: absolute;
    bottom: -38px;
    left: 130px;
    background-image: url("/recruit/lib/img/pages/pc/flow/arrow.png");
  }
  #flow .flow_step .h3_arrownone::after {
    display: none;
  }
  #flow .flow_step .step_txt {
    padding-left: 40px;
    vertical-align: middle;
  }
  #flow .flow_step .step_htxt {
    border-radius: 4px;
    border: solid 2px #073991;
    background-color: #ffffff;
    padding: 8px 0;
    text-align: center;
    margin-bottom: 15px;
    color: #073991;
  }
  #flow .flow_step .step_htxt.step_htxt_last {
    background-color: #073991;
    color: #fff;
  }
  #flow .flow_step .step_htxt.step_htxt_last .step_htxt_01 {
    border-bottom: 1px solid #fff;
  }
  #flow .flow_step .step_htxt .step_htxt_01 {
    padding: 0 15px 8px;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #073991;
    line-height: 1;
  }
  #flow .flow_step .step_htxt .step_htxt_02 {
    padding: 8px 15px 0;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
  }
  #flow .flow_step .step_htxt .step_htxt_label01 {
    display: inline-block;
    vertical-align: middle;
    border-radius: 40px;
    background: #073991;
    color: #fff;
    line-height: 1;
    padding: 5px 10px;
    font-size: 12px;
    margin-right: 10px;
    position: relative;
    top: -1px;
  }
  #flow .img_center {
    text-align: center;
    margin-bottom: 100px;
  }
  #flow .flow_txt01 {
    text-align: right;
    font-size: 14px;
    line-height: 3;
    margin-bottom: 25px;
  }
  #flow .flow_img01 {
    width: 760px;
    margin: 0 auto;
    padding-bottom: 15px;
  }
  #interview p, #interview a {
    letter-spacing: 0.02em !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  #interview {
    /* ------------------------------------------------------------
    nav
    ------------------------------------------------------------ */
    /* このクラスを、jQueryで付与・削除する */
    /* 最初のspanをマイナス45度に */
    /* 2番目と3番目のspanを45度に */
  }
  #interview .menuList {
    display: none !important;
  }
  #interview .pankuzu-wrap {
    width: 100%;
    padding-left: 10px;
  }
  #interview .globalMenuSp {
    display: block !important;
  }
  #interview nav.globalMenuSp {
    position: fixed;
    z-index: 10000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-y: auto;
    background: #fff;
    color: #ffffff;
    transform: translateY(-100%);
    transition: all 0.6s;
    width: 100%;
    padding-top: 30px;
  }
  #interview nav.globalMenuSp .box {
    padding: 0px 30px 30px 30px;
  }
  #interview nav.globalMenuSp .box ul.list1 {
    width: 100%;
  }
  #interview nav.globalMenuSp .box ul.list1 li {
    font-size: 15px;
    width: 100%;
    border-bottom: 1px solid #CCCCCC;
    text-align: center;
  }
  #interview nav.globalMenuSp .box ul.list1 li a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
    padding: 15px 0;
    text-align: center;
  }
  #interview nav.globalMenuSp .box ul.list1 li a i {
    margin: 0;
  }
  #interview nav.globalMenuSp .box ul.list2 {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
  }
  #interview nav.globalMenuSp .box ul.list2 li {
    font-size: 14px;
    width: calc(50% - 10px);
    margin: 0 5px;
    border-bottom: 1px solid #ccc;
  }
  #interview nav.globalMenuSp .box ul.list2 li a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
    padding: 15px 0;
  }
  #interview nav.globalMenuSp .box ul.list2 li a i {
    margin: 0;
  }
  #interview nav.globalMenuSp .box .banner {
    text-align: center;
    margin-top: 15px;
  }
  #interview nav.globalMenuSp .global_header_btn01 {
    margin-top: 28px;
  }
  #interview nav.globalMenuSp .global_header_btn01 a {
    display: block;
    color: #0C2A65;
    font-size: 14px;
    border: 1px solid #0C2B66;
    padding: 15px;
    line-height: 1;
    text-align: center;
  }
  #interview nav.globalMenuSp.active {
    transform: translateY(0%);
  }
  #interview .navToggle {
    display: block;
    position: fixed;
    right: 6px;
    top: 24px;
    width: 42px;
    height: 40px;
    cursor: pointer;
    z-index: 10001;
    text-align: center;
  }
  #interview .navToggle span {
    display: block;
    position: absolute;
    width: 30px;
    border-bottom: solid 3px #333333;
    transition: 0.35s ease-in-out;
    left: 6px;
  }
  #interview .navToggle span:nth-child(1) {
    top: 9px;
  }
  #interview .navToggle span:nth-child(2) {
    top: 18px;
  }
  #interview .navToggle span:nth-child(3) {
    top: 27px;
  }
  #interview .navToggle span:nth-child(4) {
    border: none;
    color: #eee;
    font-size: 9px;
    font-weight: bold;
    top: 34px;
  }
  #interview .navToggle.active span:nth-child(1) {
    top: 18px;
    left: 6px;
    transform: rotate(-45deg);
    border-bottom: solid 3px #333;
  }
  #interview .navToggle.active span:nth-child(2), #interview .navToggle.active span:nth-child(3) {
    top: 18px;
    transform: rotate(45deg);
    border-bottom: solid 3px #333;
  }
}
@media print, screen and (min-width: 768px) {
  #interview .recruit-title-wrap {
    width: 100% !important;
    max-width: 1024px;
  }
  #interview p {
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  }
  #interview .interview_list_box01 {
    margin-top: 60px;
  }
  #interview .interview_list_box01 li {
    position: relative;
    margin-top: 45px;
  }
  #interview .interview_list_box01 li:hover {
    opacity: 0.6 !important;
  }
  #interview .interview_list_box01 li .more-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    padding: 15px 15px;
    right: 0;
    bottom: 30px;
    background: #ed6d47;
    color: #fff;
    width: 244px;
  }
  #interview .interview_list_box01 li .more-btn img {
    height: 8px;
    margin-bottom: 2px;
    padding-left: 15px;
  }
  #interview .interview_list_box01 li .more-btn02 {
    left: 0;
    right: auto !important;
    bottom: 30px;
  }
  #interview .interview_list_box01 li .interview_list_box01_txtbox01 {
    width: 54%;
    height: 100%;
    background-image: url("/recruit/lib/img/pages/pc/interview/interviewtop_bg01.png");
    position: absolute;
    background-size: 100% auto;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    padding-top: 40px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 20px;
  }
  #interview .interview_list_box01 li .interview_list_box01_txtbox01 .interview_list_box01_txtbox01_txt01 {
    font-family: "IBM Plex Sans", sans-serif;
    color: #ed6d47;
    font-weight: 600;
    font-size: 2.5390625vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1025px) {
  #interview .interview_list_box01 li .interview_list_box01_txtbox01 .interview_list_box01_txtbox01_txt01 {
    font-size: 26px;
  }
}
@media print, screen and (min-width: 768px) {
  #interview .interview_list_box01 li .interview_list_box01_txtbox01 .interview_list_box01_txtbox01_txt01 span {
    color: #ed6d47;
    font-size: 5.078125vw;
    font-family: "IBM Plex Sans", sans-serif;
  }
}
@media screen and (min-width: 768px) and (min-width: 1025px) {
  #interview .interview_list_box01 li .interview_list_box01_txtbox01 .interview_list_box01_txtbox01_txt01 span {
    font-size: 52px;
  }
}
@media print, screen and (min-width: 768px) {
  #interview .interview_list_box01 li .interview_list_box01_txtbox01 .interview_list_box01_txtbox01_txt02 {
    font-size: 2.44140625vw;
    line-height: 1.6;
    letter-spacing: -0.4px;
    font-weight: 600;
    margin-top: 3.90625vw;
    margin-bottom: 0 !important;
    padding-bottom: 3.90625vw;
    color: #333333;
  }
}
@media screen and (min-width: 768px) and (min-width: 1025px) {
  #interview .interview_list_box01 li .interview_list_box01_txtbox01 .interview_list_box01_txtbox01_txt02 {
    font-size: 26px;
    margin-top: 40px;
    padding-bottom: 40px;
  }
}
@media print, screen and (min-width: 768px) {
  #interview .interview_list_box01 li .interview_list_box01_txtbox01 .interview_list_box01_txtbox01_txt03 {
    font-size: 1.953125vw;
    position: absolute;
    bottom: 2.9296875vw;
    color: #333333;
    left: 30px;
    margin-bottom: 0 !important;
    font-weight: 600;
  }
}
@media screen and (min-width: 768px) and (min-width: 1025px) {
  #interview .interview_list_box01 li .interview_list_box01_txtbox01 .interview_list_box01_txtbox01_txt03 {
    font-size: 20px;
    bottom: 30px;
  }
}
@media print, screen and (min-width: 768px) {
  #interview .interview_list_box01 li .interview_list_box01_txtbox01 .interview_list_box01_txtbox01_txt03 span {
    font-size: 1.5625vw;
    font-weight: 500;
  }
}
@media screen and (min-width: 768px) and (min-width: 1025px) {
  #interview .interview_list_box01 li .interview_list_box01_txtbox01 .interview_list_box01_txtbox01_txt03 span {
    font-size: 16px;
  }
}
@media print, screen and (min-width: 768px) {
  #interview .interview_list_box01 li .interview_list_box01_txtbox02 {
    width: 54%;
    height: 100%;
    background-image: url("/recruit/lib/img/pages/pc/interview/interviewtop_bg02.png");
    position: absolute;
    background-size: 100% auto;
    background-repeat: no-repeat;
    top: 0;
    right: 0;
    text-align: right;
    padding-top: 40px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 20px;
  }
  #interview .interview_list_box01 li .interview_list_box01_txtbox02 .interview_list_box01_txtbox01_txt01 {
    font-family: "IBM Plex Sans", sans-serif;
    color: #ed6d47;
    font-weight: 600;
    font-size: 2.5390625vw;
    text-align: right;
  }
}
@media screen and (min-width: 768px) and (min-width: 1025px) {
  #interview .interview_list_box01 li .interview_list_box01_txtbox02 .interview_list_box01_txtbox01_txt01 {
    font-size: 26px;
  }
}
@media print, screen and (min-width: 768px) {
  #interview .interview_list_box01 li .interview_list_box01_txtbox02 .interview_list_box01_txtbox01_txt01 span {
    font-size: 4.1015625vw;
    font-family: "IBM Plex Sans", sans-serif;
  }
}
@media screen and (min-width: 768px) and (min-width: 1025px) {
  #interview .interview_list_box01 li .interview_list_box01_txtbox02 .interview_list_box01_txtbox01_txt01 span {
    font-size: 52px;
  }
}
@media print, screen and (min-width: 768px) {
  #interview .interview_list_box01 li .interview_list_box01_txtbox02 .interview_list_box01_txtbox01_txt02 {
    color: #333333;
    margin-top: 3.90625vw;
    margin-bottom: 0 !important;
    padding-bottom: 3.90625vw;
  }
  #interview .interview_list_box01 li .interview_list_box01_txtbox02 .interview_list_box01_txtbox01_txt02 span {
    font-size: 2.44140625vw;
    line-height: 1.6;
    letter-spacing: -0.4px;
    font-weight: 600;
    display: inline-block;
    text-align: right;
  }
}
@media screen and (min-width: 768px) and (min-width: 1025px) {
  #interview .interview_list_box01 li .interview_list_box01_txtbox02 .interview_list_box01_txtbox01_txt02 {
    margin-top: 40px;
    padding-bottom: 40px;
  }
  #interview .interview_list_box01 li .interview_list_box01_txtbox02 .interview_list_box01_txtbox01_txt02 span {
    font-size: 25px;
  }
}
@media print, screen and (min-width: 768px) {
  #interview .interview_list_box01 li .interview_list_box01_txtbox02 .interview_list_box01_txtbox01_txt03 {
    font-size: 1.953125vw;
    position: absolute;
    bottom: 2.9296875vw;
    right: 30px;
    display: inline-block;
    color: #333333;
    margin-bottom: 0 !important;
    font-weight: 600;
  }
}
@media screen and (min-width: 768px) and (min-width: 1025px) {
  #interview .interview_list_box01 li .interview_list_box01_txtbox02 .interview_list_box01_txtbox01_txt03 {
    font-size: 20px;
    bottom: 30px;
  }
}
@media print, screen and (min-width: 768px) {
  #interview .interview_list_box01 li .interview_list_box01_txtbox02 .interview_list_box01_txtbox01_txt03 span {
    font-size: 1.5625vw;
    font-weight: 500;
  }
}
@media screen and (min-width: 768px) and (min-width: 1025px) {
  #interview .interview_list_box01 li .interview_list_box01_txtbox02 .interview_list_box01_txtbox01_txt03 span {
    font-size: 16px;
  }
}
@media print, screen and (min-width: 768px) {
  #interview .interview_headbox {
    height: 526px;
    width: 100%;
    background-image: url("/recruit/lib/img/pages/pc/interview/02main.png");
    background-size: cover;
    background-position: right top;
  }
}
@media screen and (min-width: 768px) and (max-width: 900px) {
  #interview .interview_headbox {
    background-position: right -50px top;
  }
}
@media print, screen and (min-width: 768px) {
  #interview .interview_headbox h1 {
    padding-top: 50px;
    padding-left: 40px;
  }
  #interview .interview_headbox h1 .interview_headbox_txt01 {
    font-family: "IBM Plex Sans", sans-serif;
    color: #ed6d47;
    font-weight: 600;
    font-size: 26px;
    margin-bottom: 15px;
  }
  #interview .interview_headbox h1 .interview_headbox_txt01 span {
    color: #ed6d47;
    font-size: 50px;
    font-family: "IBM Plex Sans", sans-serif;
  }
  #interview .interview_headbox h1 .interview_headbox_txt02 {
    font-size: 30px;
    line-height: 1.5;
    font-weight: 600;
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  #interview .interview_headbox h1 .interview_headbox_txt02 {
    font-size: 2.9296875vw;
  }
}
@media print, screen and (min-width: 768px) {
  #interview .interview_headbox .interview_headbox_box01 {
    background: #ed6d47;
    width: 380px;
    padding: 20px 30px 20px 30px;
    text-align: center;
  }
  #interview .interview_headbox .interview_headbox_box01 .interview_headbox_box01_txt01 {
    font-size: 18px;
    text-align: center;
    color: #fff;
    font-family: "IBM Plex Sans", sans-serif;
    font-weight: 600;
    position: relative;
    display: inline-block;
  }
  #interview .interview_headbox .interview_headbox_box01 .interview_headbox_box01_txt01:before {
    position: absolute;
    content: "――――";
    letter-spacing: -0.2em;
    color: #fff;
    left: -77px;
    top: 2px;
  }
  #interview .interview_headbox .interview_headbox_box01 .interview_headbox_box01_txt01:after {
    position: absolute;
    content: "――――";
    letter-spacing: -0.2em;
    color: #fff;
    right: -77px;
    top: 2px;
  }
  #interview .interview_headbox .interview_headbox_box01 .interview_headbox_box01_box01 {
    display: flex;
  }
  #interview .interview_headbox .interview_headbox_box01 .interview_headbox_box01_box01 .interview_headbox_box01_txt02 {
    margin-right: 30px;
    font-size: 20px;
    color: #fff;
    font-weight: 600;
  }
  #interview .interview_headbox .interview_headbox_box01 .interview_headbox_box01_box01 .interview_headbox_box01_txt03 {
    color: #fff;
    text-align: left;
  }
  #interview .interview_headbox01 {
    background-image: url("/recruit/lib/img/pages/pc/interview/01main.png");
  }
  #interview .interview_headbox02 {
    background-image: url("/recruit/lib/img/pages/pc/interview/02main.png");
  }
  #interview .interview_headbox03 {
    background-image: url("/recruit/lib/img/pages/pc/interview/03main.png");
  }
  #interview .interview_contents_wrp {
    padding: 50px 0;
    background: url("/recruit/lib/img/pages/pc/interview/interviewback_pc.svg");
    background-position: top -50px center;
    background-repeat: repeat-y;
    background-size: contain;
    background-color: #ebf6fa;
    /*2022.04追加　別インタビューリンク*/
  }
  #interview .interview_contents_wrp .interview_contents_txt01 {
    font-size: 24px;
    font-weight: 600;
    color: #ed6d47;
    position: relative;
    padding-left: 53px;
    letter-spacing: 0.05em;
  }
  #interview .interview_contents_wrp .interview_contents_txt01:before {
    position: absolute;
    content: "――";
    letter-spacing: -0.2em;
    color: #ed6d47;
    left: 0;
    top: 2px;
    font-weight: 500;
  }
  #interview .interview_contents_wrp .interview_contents_txt02 {
    line-height: 1.8;
    letter-spacing: 0.02em;
  }
  #interview .interview_contents_wrp .interview_contents_box01 {
    padding: 0 55px;
  }
  #interview .interview_contents_wrp .interview_contents_box02 {
    margin-top: 50px;
  }
  #interview .interview_contents_wrp .interview_contents_img01 {
    width: 70%;
    margin-top: 50px;
    margin-bottom: 50px;
  }
  #interview .interview_contents_wrp .interview_contents_img01 img {
    width: 100%;
  }
  #interview .interview_contents_wrp .interview_contents_imgbox01 {
    padding-left: 55px;
    margin: 50px 0;
    display: flex;
    justify-content: space-between;
  }
  #interview .interview_contents_wrp .interview_contents_imgbox01 div {
    width: 50%;
  }
  #interview .interview_contents_wrp .interview_contents_imgbox01 div:last-child {
    width: 45%;
  }
  #interview .interview_contents_wrp .interview_other_link_box {
    display: flex;
    max-width: 680px;
    margin: 90px auto 0 auto;
  }
  #interview .interview_contents_wrp .interview_other_link_box .interview_other_link_block01 {
    position: relative;
    margin-right: 17px;
  }
  #interview .interview_contents_wrp .interview_other_link_box .interview_other_link_block01:last-child {
    margin-right: 0;
  }
  #interview .interview_contents_wrp .interview_other_link_box .interview_other_link_block01 a {
    display: block;
  }
  #interview .interview_contents_wrp .interview_other_link_box .interview_other_link_block01 a:hover {
    opacity: 0.4;
  }
  #interview .interview_contents_wrp .interview_other_link_box .interview_other_link_block01 .interview_other_txt01 {
    font-family: "IBM Plex Sans", sans-serif;
    color: #fff;
    font-weight: 600;
    font-size: 17px;
    line-height: 1px;
    position: absolute;
    bottom: 14px;
    right: 0;
    background: #ed6d47;
    padding: 24px 65px 20px 25px;
    background-image: url("/recruit/lib/img/pages/pc/top/more_btn.png");
    background-repeat: no-repeat;
    background-size: 26px;
    background-position: right 24px top 20px;
  }
  #interview .interview_contents_wrp .interview_other_link_box .interview_other_link_block01 .interview_other_txt01 span {
    color: #fff;
    font-size: 34px;
    font-family: "IBM Plex Sans", sans-serif;
    display: inline-block;
    margin-left: 5px;
  }
  .career .foot-wrap ul li a:hover {
    color: #46a8a6 !important;
  }
  .career .green_arrow {
    width: 24px;
  }
  .career h2 {
    font-size: 32px;
    font-weight: 600;
    color: #002a65;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    display: inline-block;
    position: relative;
    padding: 0 60px;
    margin-top: 70px;
    margin-bottom: 15px;
  }
  .career h2:before {
    position: absolute;
    content: "――";
    letter-spacing: -0.2em;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
  }
  .career h2:after {
    position: absolute;
    content: "――";
    letter-spacing: -0.2em;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
  }
  .career .en {
    font-weight: 600;
    letter-spacing: 0.08em;
  }
  .career p {
    letter-spacing: 0.02em;
  }
  .career .profile-box table td .ac a {
    color: #46a8a6 !important;
  }
  .career .profile-box table td .ac a:after {
    background-image: url("/recruit/lib/img/pages/pc/career/arrow_green.svg") !important;
    background-repeat: no-repeat;
  }
  .career .profile-box table td .ac a:hover {
    color: #46a8a6 !important;
  }
  .career .main_visual {
    width: 100%;
    background: #fff;
  }
  .career .cont-box_wrp {
    padding-top: 1px;
    background-image: url("/recruit/lib/img/pages/pc/career/back_L.svg"), url("/recruit/lib/img/pages/pc/career/back_R.svg");
    background-repeat: no-repeat;
    background-size: 1000px auto;
    background-position: left top, right bottom;
    padding-bottom: 100px;
  }
  .career #recruit-bg {
    background: #f2f2f0;
  }
  .career .subtitle {
    z-index: 2;
  }
  .career .subtitle:after {
    z-index: -1;
  }
  .career .career_title {
    max-width: 1024px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 78px;
    width: 100%;
    z-index: 3;
  }
  .career .career_title h1 {
    background: #002a65;
    display: inline-block;
    padding: 25px 25px 20px 10px;
    position: relative;
    max-width: 320px;
    width: 100%;
    z-index: 2;
    left: -10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1060px) {
  .career .career_title h1 {
    left: 10px;
  }
}
@media print, screen and (min-width: 768px) {
  .career .career_title h1:before {
    position: absolute;
    content: "";
    background: #002a65;
    height: 100%;
    width: 450px;
    top: 0;
    right: 0;
    z-index: -1;
  }
  .career .career_title h1 .career_title_txt01 {
    position: absolute;
    line-height: 1.63;
    bottom: -80px;
    text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, -1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;
  }
  .career .career_title .jp {
    font-size: 28px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    margin-bottom: 15px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  }
  .career .career_title .en {
    font-family: "IBM Plex Sans", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    line-height: 1;
  }
  .career .recruit-title-wrap {
    padding-left: 360px;
    background-color: #fff;
    position: relative;
    width: 100% !important;
    max-width: 1280px !important;
    height: 312px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .career .recruit-title-wrap {
    padding-left: 25%;
  }
}
@media print, screen and (min-width: 768px) {
  .career .recruit-title_inner {
    background: url("/recruit/lib/img/pages/pc/career/main_profile.jpg") bottom left no-repeat;
    background-size: auto 312px;
    margin: 0 calc(50% - 50vw) 0 0 !important;
    width: 100vw !important;
    height: 100%;
  }
  .career .cont-box {
    margin-bottom: 0 !important;
  }
  .career .pankuzu-wrap {
    width: 100%;
    max-width: 1024px;
  }
  .career .pankuzu-wrap ul li a:after {
    background-color: #46a8a6 !important;
  }
  .career .pankuzu-wrap ul li i {
    color: #46a8a6 !important;
  }
  .career footer {
    background-color: #d8dee3 !important;
  }
  .career footer .foot-wrap ul li a i {
    color: #46a8a6 !important;
  }
  .career .menuList ul {
    padding-right: 15px;
  }
  .career .menuList a:before {
    background-color: #46a8a6 !important;
  }
  #career_recruit .cont-box_wrp {
    padding: 70px 30px;
    padding-bottom: 100px;
  }
  #career_recruit .cont-box {
    max-width: 1024px;
    background: #fff;
    padding: 10px 40px 60px;
  }
  #career_recruit .recruit-title_recruit {
    background: url("/recruit/lib/img/pages/pc/career/main_requirement.jpg") left no-repeat;
    background-size: auto 312px;
  }
  #career_recruit .requirement-box {
    width: 100%;
    max-width: 804px;
    margin: 75px auto 0;
  }
  #career_recruit .requirement-box table {
    width: 100%;
    border-top: 1px solid #46a8a6;
  }
  #career_recruit .requirement-box table th, #career_recruit .requirement-box table td {
    padding: 20px 0;
    border-bottom: 1px solid #46a8a6;
  }
  #career_recruit .requirement-box table th {
    font-weight: bold;
    text-align: left;
    width: 160px;
  }
  #career_recruit .requirement-box table td a {
    color: #333;
    transition: all 0.3s;
  }
  #career_recruit .requirement-box table td a:hover {
    text-decoration: underline;
    color: #ed6d47;
  }
  #career_recruit .requirement-box table td .link {
    margin-bottom: 15px;
  }
  #career_recruit .requirement-box table td .link a {
    display: flex;
    align-items: center;
    color: #333;
  }
  #career_recruit .requirement-box table td .link a img {
    margin-right: 5px;
  }
  #career_recruit .requirement-box table td .link a:hover {
    text-decoration: underline;
    color: #ed6d47;
  }
  #career_recruit .requirement-box table td p {
    padding-left: 1rem;
  }
  #career_recruit .requirement-box table td span {
    margin-left: -1rem;
  }
  #career_recruit .requirement-box table td .download_link a {
    display: flex;
    align-items: center;
    color: #46a8a6;
  }
  #career_recruit .requirement-box table td .download_link a img {
    margin-right: 5px;
  }
  #career_recruit .requirement-box table td .link a {
    color: #46a8a6;
  }
  #career_recruit .requirement-box table td .link a:hover {
    color: #46a8a6;
  }
  #career .career_btn01 {
    text-align: center;
    margin-top: 20px;
  }
  #career .career_btn01 a {
    color: #fff;
    background-color: #46a8a6;
    line-height: 1;
    padding: 30px 100px;
    font-weight: 600;
    font-size: 28px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    display: inline-block;
  }
  #career .career_btn01 a:hover {
    text-decoration: none;
    opacity: 0.7;
  }
  #career .banner_box02 {
    margin-top: 0 !important;
    background-color: #d8dee3 !important;
  }
  #career .main-img-wrap {
    text-align: center;
    margin: 90px auto 0;
    background: #002a65;
  }
  #career .main-img-wrap .main-img_inner {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
  }
  #career .main-img-wrap .main-img {
    height: 420px;
    position: relative;
    background-image: url("/recruit/lib/img/pages/pc/career/main.jpg");
    background-size: auto 420px;
    margin: 0 calc(50% - 50vw) 0 0 !important;
    width: 100vw !important;
  }
  #career .main-img-wrap .main-img .main_title {
    position: absolute;
    bottom: 100px;
    left: 80px;
  }
  #career .main-img-wrap .main-img .main_title img {
    width: 670px;
    filter: drop-shadow(2px 2px 10px #002a65);
  }
  #career .cont-box_wrp {
    padding-top: 70px;
    background: #f2f2f0;
    padding-bottom: 100px;
    background-image: url("/recruit/lib/img/pages/pc/career/back_L.svg"), url("/recruit/lib/img/pages/pc/career/back_R.svg");
    background-repeat: no-repeat;
    background-size: 1000px auto;
    background-position: left top, right bottom;
  }
  #career .cont-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 -20px;
  }
  #career .cont-list li {
    width: calc(50% - 40px);
    margin: 0 20px 60px;
    background: #fff;
    border-radius: 2px;
    position: relative;
  }
  #career .cont-list li:hover {
    opacity: 0.6;
  }
  #career .cont-list li .career_listtxt01 {
    position: absolute;
    font-size: 16px;
    line-height: 1.63;
    left: 20px;
    top: 152px;
    color: #333;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  }
  #career .cont-list li .title_wrp {
    position: absolute;
    z-index: 99;
    background: #002a65;
    padding: 25px 25px 25px 25px;
    left: 0;
    top: 30px;
    width: 200px;
  }
  #career .cont-list li .title_wrp .title {
    font-size: 28px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    margin-bottom: 15px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  }
  #career .cont-list li .title_wrp .title-en {
    font-family: "IBM Plex Sans", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    line-height: 1;
  }
  #career .cont-list li a {
    position: relative;
    display: block;
    height: 340px;
    padding-left: 18%;
  }
  #career .cont-list li a .list_inner {
    width: 100%;
    height: 100%;
  }
  #career .cont-list li a:hover {
    text-decoration: none;
  }
  #career .cont-list li a .txt {
    font-size: 16px;
    color: #333333;
    line-height: 26px;
  }
  #career .cont-list li a .more-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 40px;
    height: 40px;
    right: 10px;
    bottom: -20px;
    background: #46a8a6;
  }
  #career .cont-list li a .more-btn img {
    width: 24px;
    height: 8px;
    margin-bottom: 2px;
  }
  #career .cont-list .list1 .list_inner {
    background: url(/recruit/lib/img/pages/pc/career/top_list_img01.jpg) top right no-repeat #eef0f2;
    background-size: cover;
  }
  #career .cont-list .list2 .list_inner {
    background: url(/recruit/lib/img/pages/pc/career/top_list_img02.jpg) top right no-repeat;
    background-size: cover;
  }
  #career .cont-list .list3 {
    width: calc(100% - 40px);
  }
  #career .cont-list .list3 .title_wrp {
    width: 330px;
  }
  #career .cont-list .list3 a {
    padding-left: 29%;
    height: 250px;
  }
  #career .cont-list .list3 .list_inner {
    background: url(/recruit/lib/img/pages/pc/career/top_list_img04.jpg) top left no-repeat;
    background-size: cover;
  }
  #career .cont-list .list3_02 .list_inner {
    background: url(/recruit/lib/img/pages/pc/career/top_list_img03.jpg) top left no-repeat !important;
    background-size: auto 252px !important;
  }
  #career .cont-list .list4 .list_inner {
    background: url(/recruit/lib/img/pages/pc/career/top_list_img05.jpg) top right no-repeat;
    background-size: cover;
  }
  #career .cont-list .list5 .list_inner {
    background: url(/recruit/lib/img/pages/pc/career/top_list_img06.jpg) top right no-repeat;
    background-size: cover;
  }
  #career_profile h2 {
    margin-top: 0;
  }
  #career_profile .cont-box_wrp {
    padding-right: 30px;
    padding-left: 30px;
  }
  #career_profile .cont-box {
    max-width: 1024px;
    background: #fff;
    padding: 10px 40px 40px;
    padding-bottom: 60px;
    margin: 0 auto !important;
    margin-top: 70px !important;
  }
  #career_profile .profile-box {
    max-width: 804px;
    width: 100%;
    margin: 0 auto;
  }
  #career_profile .profile-box table {
    width: 100%;
    border-top: 1px solid #46a8a6;
    margin-bottom: 20px;
  }
  #career_profile .profile-box table th, #career_profile .profile-box table td {
    padding: 20px 0;
    border-bottom: 1px solid #46a8a6;
  }
  #career_profile .profile-box table th {
    font-weight: bold;
    text-align: left;
    width: 160px;
  }
  #career_profile .profile-box table th h3 {
    font-weight: bold;
  }
  #career_profile .profile-box table td .address-box {
    display: flex;
  }
  #career_profile .profile-box table td .address-box .item {
    width: 80px;
  }
  #career_profile .profile-box table td .address-box .txt {
    flex: 1;
  }
  #career_profile .profile-box table td .img-list1 {
    display: flex;
    margin: 20px -2px 0;
  }
  #career_profile .profile-box table td .img-list1 li {
    width: 246.19px;
    margin: 0 2px;
  }
  #career_profile .profile-box table td .img-list1 li:first-child {
    width: 143.61px;
  }
  #career_profile .profile-box table td .ac {
    text-align: right;
  }
  #career_profile .profile-box table td .ac a {
    display: inline-block;
    color: #333;
    transition: all 0.3s;
    position: relative;
  }
  #career_profile .profile-box table td .ac a:hover {
    color: #ed6d47;
  }
  #career_profile .profile-box table td .ac a::after {
    position: absolute;
    display: block;
    content: "";
    width: 24px;
    height: 8px;
    top: 9px;
    left: -30px;
    background-image: url("/lib/img/pages/pc/about/profile_arrow_orange.png");
    background-position: center center;
  }
  #career_profile .profile-box table td .ac.recruitnone {
    display: none;
  }
  #career_profile .profile-box table td .map-box {
    margin-top: 20px;
  }
  #career_profile .profile-box table td .link-list1 {
    display: flex;
    justify-content: flex-end;
  }
  #career_profile .profile-box table td .link-list1 li {
    padding-left: 25px;
  }
  #career_profile .profile-box table td .link-list1 li a {
    color: #333;
    transition: all 0.3s;
  }
  #career_profile .profile-box table td .link-list1 li a:hover {
    color: #ed6d47;
  }
  #career_profile .profile-box table td .link-list1 li:last-child {
    margin-left: 30px;
  }
  #career_profile .profile-box .history-list {
    border-top: 1px solid #46a8a6;
  }
  #career_profile .profile-box .history-list li {
    display: flex;
    padding: 20px 0;
    border-bottom: 1px solid #46a8a6;
  }
  #career_profile .profile-box .history-list li .date {
    width: 180px;
  }
  #career_profile .profile-box .history-list li .txt {
    flex: 1;
  }
  #career_profile .profile-box .history-list li .txt a {
    color: #333333;
  }
  #career_profile .profile-box .torihiki-list a {
    color: #333;
    transition: all 0.3s;
  }
  #career_profile .profile-box .torihiki-list a:hover {
    color: #ed6d47;
  }
  #requirement .requirement-top-txt {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    margin: 60px 0;
  }
  #requirement .requirement-box {
    width: 804px;
    padding-top: 75px;
    margin: 0 auto;
  }
  #requirement .requirement-box table {
    width: 100%;
    border-top: 1px solid #46a8a6;
  }
  #requirement .requirement-box table th, #requirement .requirement-box table td {
    padding: 20px 0;
    border-bottom: 1px solid #46a8a6;
  }
  #requirement .requirement-box table th {
    font-weight: bold;
    text-align: left;
    width: 160px;
  }
  #requirement .requirement-box table td a {
    color: #333;
    transition: all 0.3s;
  }
  #requirement .requirement-box table td a:hover {
    text-decoration: underline;
    color: #ed6d47;
  }
  #requirement .requirement-box table td .link {
    margin-bottom: 15px;
  }
  #requirement .requirement-box table td .link a {
    display: flex;
    align-items: center;
    color: #333;
    transition: all 0.3s;
  }
  #requirement .requirement-box table td .link a img {
    margin-right: 5px;
  }
  #requirement .requirement-box table td .link a:hover {
    text-decoration: underline;
    color: #ed6d47;
  }
  #career_message .recruit-title-wrap {
    height: 460px;
  }
  #career_message .cont-box {
    padding: 0 30px;
  }
  #career_message .message_inner {
    background: #fff;
    max-width: 1024px;
    margin: 70px auto 0;
    padding: 78px 60px;
  }
  #career_message .message_inner .message_txt01 {
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  }
  #career_message .message_inner .message_img01 {
    text-align: right;
    margin-top: 30px;
  }
  #career_message .recruit-title_message {
    background: url("/recruit/lib/img/pages/pc/career/main_massage.jpg") top left no-repeat;
    background-size: auto 460px;
  }
  #career_flow h2 {
    margin-top: 0 !important;
  }
  #career_flow .cont-box_wrp {
    padding: 70px 30px;
    padding-bottom: 100px;
  }
  #career_flow .cont-box {
    background: #fff;
    padding: 10px 30px 60px;
  }
  #career_flow .recruit-title_flow {
    background: url("/recruit/lib/img/pages/pc/career/main_flow.jpg") left no-repeat;
    background-size: auto 312px;
  }
  #career_flow .border01 {
    width: 100%;
    height: 1px;
    background-color: #46a8a6;
    margin-top: 40px;
  }
  #career_flow h2 {
    text-align: center;
    margin: 75px 0 25px;
  }
  #career_flow h2 .subtitle {
    position: relative;
    display: inline-block;
    font-size: 28px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 5px;
    padding: 0 5px;
  }
  #career_flow h2 .subtitle::after {
    position: absolute;
    bottom: -2px;
    left: 0;
    z-index: -1;
    content: "";
    width: 100%;
    height: 15px;
    background-color: #ffc478;
    transform: skewX(-15deg);
  }
  #career_flow .flow_step {
    display: table;
    margin: 0 auto;
    width: 100%;
    margin: 50px 0;
    padding: 0 70px;
  }
  #career_flow .flow_step > * {
    display: table-cell;
    vertical-align: top;
    padding: 0 0px;
  }
  #career_flow .flow_step > *:first-child {
    padding-left: 0;
  }
  #career_flow .flow_step > *:last-child {
    padding-right: 0;
  }
  #career_flow .flow_step:last-child {
    padding-bottom: 0;
  }
  #career_flow .flow_step:last-child h3::after {
    display: none;
  }
  #career_flow .flow_step h3 {
    width: 306px;
    position: relative;
  }
  #career_flow .flow_step h3::after {
    display: block;
    content: "";
    width: 42px;
    height: 25px;
    position: absolute;
    top: 88px;
    left: 130px;
    background-image: url("/recruit/lib/img/pages/pc/career/arrow.png");
  }
  #career_flow .flow_step .h3_arrownone::after {
    display: none;
  }
  #career_flow .flow_step .step_txt {
    padding-left: 40px;
    vertical-align: middle;
  }
  #career_flow .flow_step .step_txt a {
    color: #46a8a6;
  }
  #career_flow .flow_step .step_htxt {
    border-radius: 4px;
    border: solid 2px #46a8a6;
    background-color: #ffffff;
    padding: 8px 0;
    text-align: center;
    margin-bottom: 15px;
    color: #46a8a6;
  }
  #career_flow .flow_step .step_htxt.step_htxt_last {
    background-color: #46a8a6;
    color: #fff;
  }
  #career_flow .flow_step .step_htxt.step_htxt_last .step_htxt_01 {
    border-bottom: 1px solid #fff;
  }
  #career_flow .flow_step .step_htxt .step_htxt_01 {
    padding: 0 15px 8px;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #46a8a6;
    line-height: 1;
  }
  #career_flow .flow_step .step_htxt .step_htxt_02 {
    padding: 8px 15px 0;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
  }
  #career_flow .flow_step .step_htxt .step_htxt_label01 {
    display: inline-block;
    vertical-align: middle;
    border-radius: 40px;
    background: #46a8a6;
    color: #fff;
    line-height: 1;
    padding: 5px 10px;
    font-size: 12px;
    margin-right: 10px;
    position: relative;
    top: -1px;
  }
  #career_flow .img_center {
    text-align: center;
    margin-bottom: 100px;
  }
  #career_flow .flow_txt01 {
    text-align: right;
    font-size: 14px;
    line-height: 3;
  }
  #career_service .cont-box_wrp {
    padding-bottom: 100px;
  }
  #career_service .recruit-title_service {
    background: url("/recruit/lib/img/pages/pc/career/main_service.jpg") bottom left no-repeat;
    background-size: auto 312px;
  }
  #career_service .service_inner {
    text-align: center;
  }
  #career_service .service_inner h2 {
    font-size: 32px;
    font-weight: 600;
    color: #002a65;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    display: inline-block;
    position: relative;
    padding: 0 60px;
    margin-top: 70px;
    margin-bottom: 15px;
  }
  #career_service .service_inner h2:before {
    position: absolute;
    content: "――";
    letter-spacing: -0.2em;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
  }
  #career_service .service_inner h2:after {
    position: absolute;
    content: "――";
    letter-spacing: -0.2em;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
  }
  #career_service .service_inner .service_box01 {
    position: relative;
    background: url("/recruit/lib/img/pages/pc/career/service_img01.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  #career_service .service_inner .service_box01 .service_box01_txt01 {
    display: inline-block;
    background: rgba(70, 168, 166, 0.7);
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-weight: 600;
    color: #fff;
    padding: 12px 5px;
    font-size: 24px;
    width: 100%;
    max-width: 750px;
    line-height: 1.67;
    margin: 80px auto;
  }
  #career_service .service_inner .service_box01 .service_box01_txtbox {
    padding: 25px 45px;
    width: 100%;
    background: rgba(255, 255, 255, 0.8);
  }
  #career_service .service_inner .service_box01 .service_box01_txtbox p {
    font-size: 16px;
    line-height: 1.88;
    letter-spacing: 0.4px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    text-align: left;
    color: #333;
  }
  #career_service .service_inner .service_box02 {
    background: url("/recruit/lib/img/pages/pc/career/service_img02.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  #career_service .service_inner .service_box03 {
    background: url("/recruit/lib/img/pages/pc/career/service_img03.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  #career_service .service_inner .service_box04 {
    background: url("/recruit/lib/img/pages/pc/career/service_img04.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  #career_interview .menuList ul li a {
    letter-spacing: normal !important;
  }
  #career_interview .cont-box_wrp {
    padding-top: 10px;
  }
  #career_interview .recruit-title_main {
    background: url("/recruit/lib/img/pages/pc/career/interview/interview_main.jpg") bottom left no-repeat;
    background-size: auto 312px;
    margin: 0 calc(50% - 50vw) 0 0 !important;
    width: 100vw !important;
  }
  #career_interview p, #career_interview a {
    letter-spacing: 0.02em !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  #career_interview {
    /* ------------------------------------------------------------
    nav
    ------------------------------------------------------------ */
    /* このクラスを、jQueryで付与・削除する */
    /* 最初のspanをマイナス45度に */
    /* 2番目と3番目のspanを45度に */
  }
  #career_interview .menuList {
    display: none !important;
  }
  #career_interview .pankuzu-wrap {
    width: 100%;
    padding-left: 10px;
  }
  #career_interview .globalMenuSp {
    display: block !important;
  }
  #career_interview nav.globalMenuSp {
    position: fixed;
    z-index: 10000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-y: auto;
    background: #fff;
    color: #ffffff;
    transform: translateY(-100%);
    transition: all 0.6s;
    width: 100%;
    padding-top: 30px;
  }
  #career_interview nav.globalMenuSp .box {
    padding: 0px 30px 30px 30px;
  }
  #career_interview nav.globalMenuSp .box ul.list1 {
    width: 100%;
  }
  #career_interview nav.globalMenuSp .box ul.list1 li {
    font-size: 15px;
    width: 100%;
    border-bottom: 1px solid #CCCCCC;
    text-align: center;
  }
  #career_interview nav.globalMenuSp .box ul.list1 li a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
    padding: 15px 0;
    text-align: center;
  }
  #career_interview nav.globalMenuSp .box ul.list1 li a i {
    margin: 0;
  }
  #career_interview nav.globalMenuSp .box ul.list2 {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
  }
  #career_interview nav.globalMenuSp .box ul.list2 li {
    font-size: 14px;
    width: calc(50% - 10px);
    margin: 0 5px;
    border-bottom: 1px solid #ccc;
  }
  #career_interview nav.globalMenuSp .box ul.list2 li a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
    padding: 15px 0;
  }
  #career_interview nav.globalMenuSp .box ul.list2 li a i {
    margin: 0;
  }
  #career_interview nav.globalMenuSp .box .banner {
    text-align: center;
    margin-top: 15px;
  }
  #career_interview nav.globalMenuSp .global_header_btn01 {
    margin-top: 28px;
  }
  #career_interview nav.globalMenuSp .global_header_btn01 a {
    display: block;
    color: #0C2A65;
    font-size: 14px;
    border: 1px solid #0C2B66;
    padding: 15px;
    line-height: 1;
    text-align: center;
  }
  #career_interview nav.globalMenuSp.active {
    transform: translateY(0%);
  }
  #career_interview .navToggle {
    display: block;
    position: fixed;
    right: 6px;
    top: 24px;
    width: 42px;
    height: 40px;
    cursor: pointer;
    z-index: 10001;
    text-align: center;
  }
  #career_interview .navToggle span {
    display: block;
    position: absolute;
    width: 30px;
    border-bottom: solid 3px #333333;
    transition: 0.35s ease-in-out;
    left: 6px;
  }
  #career_interview .navToggle span:nth-child(1) {
    top: 9px;
  }
  #career_interview .navToggle span:nth-child(2) {
    top: 18px;
  }
  #career_interview .navToggle span:nth-child(3) {
    top: 27px;
  }
  #career_interview .navToggle span:nth-child(4) {
    border: none;
    color: #eee;
    font-size: 9px;
    font-weight: bold;
    top: 34px;
  }
  #career_interview .navToggle.active span:nth-child(1) {
    top: 18px;
    left: 6px;
    transform: rotate(-45deg);
    border-bottom: solid 3px #333;
  }
  #career_interview .navToggle.active span:nth-child(2), #career_interview .navToggle.active span:nth-child(3) {
    top: 18px;
    transform: rotate(45deg);
    border-bottom: solid 3px #333;
  }
}
@media print, screen and (min-width: 768px) {
  #career_interview .recruit-title-wrap {
    width: 100% !important;
    max-width: 1024px;
  }
  #career_interview p {
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  }
  #career_interview .interview_list_box01 {
    margin-top: 60px;
  }
  #career_interview .interview_list_box01 li {
    position: relative;
    margin-top: 45px;
  }
  #career_interview .interview_list_box01 li:hover {
    opacity: 0.6 !important;
  }
  #career_interview .interview_list_box01 li .more-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    padding: 15px 15px;
    right: 0;
    bottom: 30px;
    background: #46a8a6;
    color: #fff;
    width: 244px;
  }
  #career_interview .interview_list_box01 li .more-btn img {
    height: 8px;
    margin-bottom: 2px;
    padding-left: 15px;
  }
  #career_interview .interview_list_box01 li .more-btn02 {
    left: 0;
    right: auto !important;
    bottom: 30px;
  }
  #career_interview .interview_list_box01 li .interview_list_box01_txtbox01 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 3.90625vw;
    padding-left: 4.8828125vw;
    padding-right: 2.9296875vw;
    padding-bottom: 1.953125vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1025px) {
  #career_interview .interview_list_box01 li .interview_list_box01_txtbox01 {
    padding-top: 40px;
    padding-left: 50px;
    padding-right: 30px;
    padding-bottom: 20px;
  }
}
@media print, screen and (min-width: 768px) {
  #career_interview .interview_list_box01 li .interview_list_box01_txtbox01 .interview_list_box01_txtbox01_txt01 img {
    width: 12.5vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1025px) {
  #career_interview .interview_list_box01 li .interview_list_box01_txtbox01 .interview_list_box01_txtbox01_txt01 img {
    width: 128px;
  }
}
@media print, screen and (min-width: 768px) {
  #career_interview .interview_list_box01 li .interview_list_box01_txtbox01 .interview_list_box01_txtbox01_txt02 {
    font-size: 2.44140625vw;
    line-height: 1.6;
    letter-spacing: -0.4px;
    font-weight: 600;
    margin-top: 3.90625vw;
    margin-bottom: 0 !important;
    padding-bottom: 3.90625vw;
    color: #fff;
    text-shadow: 2px 2px 15px #002a65, -2px 2px 15px #002a65, 2px -2px 15px #002a65, -2px -2px 15px #002a65;
  }
}
@media screen and (min-width: 768px) and (min-width: 1025px) {
  #career_interview .interview_list_box01 li .interview_list_box01_txtbox01 .interview_list_box01_txtbox01_txt02 {
    font-size: 26px;
    margin-top: 40px;
    padding-bottom: 40px;
  }
}
@media print, screen and (min-width: 768px) {
  #career_interview .interview_list_box01 li .interview_list_box01_txtbox01 .interview_list_box01_txtbox01_txt03 {
    font-size: 1.953125vw;
    position: absolute;
    bottom: 2.9296875vw;
    color: #fff;
    left: 4.8828125vw;
    margin-bottom: 0 !important;
    text-shadow: 2px 2px 10px #002a65, -2px 2px 10px #002a65, 2px -2px 10px #002a65, -2px -2px 10px #002a65;
    font-weight: 600;
  }
}
@media screen and (min-width: 768px) and (min-width: 1025px) {
  #career_interview .interview_list_box01 li .interview_list_box01_txtbox01 .interview_list_box01_txtbox01_txt03 {
    font-size: 20px;
    bottom: 30px;
    left: 50px;
  }
}
@media print, screen and (min-width: 768px) {
  #career_interview .interview_list_box01 li .interview_list_box01_txtbox01 .interview_list_box01_txtbox01_txt03 span {
    font-size: 1.5625vw;
    text-shadow: 2px 2px 10px #002a65, -2px 2px 10px #002a65, 2px -2px 10px #002a65, -2px -2px 10px #002a65;
    font-weight: 500;
  }
}
@media screen and (min-width: 768px) and (min-width: 1025px) {
  #career_interview .interview_list_box01 li .interview_list_box01_txtbox01 .interview_list_box01_txtbox01_txt03 span {
    font-size: 16px;
  }
}
@media print, screen and (min-width: 768px) {
  #career_interview .interview_list_box01 li .interview_list_box01_txtbox02 {
    width: 54%;
    height: 100%;
    background-image: url("/recruit/lib/img/pages/pc/interview/interviewtop_bg02.png");
    position: absolute;
    background-size: 100% auto;
    background-repeat: no-repeat;
    top: 0;
    right: 0;
    text-align: right;
    padding-top: 40px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 20px;
  }
  #career_interview .interview_list_box01 li .interview_list_box01_txtbox02 .interview_list_box01_txtbox01_txt01 {
    font-family: "IBM Plex Sans", sans-serif;
    color: #ed6d47;
    font-weight: 600;
    font-size: 2.5390625vw;
    text-align: right;
  }
}
@media screen and (min-width: 768px) and (min-width: 1025px) {
  #career_interview .interview_list_box01 li .interview_list_box01_txtbox02 .interview_list_box01_txtbox01_txt01 {
    font-size: 26px;
  }
}
@media print, screen and (min-width: 768px) {
  #career_interview .interview_list_box01 li .interview_list_box01_txtbox02 .interview_list_box01_txtbox01_txt01 span {
    font-size: 4.1015625vw;
    font-family: "IBM Plex Sans", sans-serif;
  }
}
@media screen and (min-width: 768px) and (min-width: 1025px) {
  #career_interview .interview_list_box01 li .interview_list_box01_txtbox02 .interview_list_box01_txtbox01_txt01 span {
    font-size: 52px;
  }
}
@media print, screen and (min-width: 768px) {
  #career_interview .interview_list_box01 li .interview_list_box01_txtbox02 .interview_list_box01_txtbox01_txt02 {
    color: #333333;
    margin-top: 3.90625vw;
    margin-bottom: 0 !important;
    padding-bottom: 3.90625vw;
  }
  #career_interview .interview_list_box01 li .interview_list_box01_txtbox02 .interview_list_box01_txtbox01_txt02 span {
    font-size: 2.44140625vw;
    line-height: 1.6;
    letter-spacing: -0.4px;
    font-weight: 600;
    display: inline-block;
    text-align: right;
  }
}
@media screen and (min-width: 768px) and (min-width: 1025px) {
  #career_interview .interview_list_box01 li .interview_list_box01_txtbox02 .interview_list_box01_txtbox01_txt02 {
    margin-top: 40px;
    padding-bottom: 40px;
  }
  #career_interview .interview_list_box01 li .interview_list_box01_txtbox02 .interview_list_box01_txtbox01_txt02 span {
    font-size: 26px;
  }
}
@media print, screen and (min-width: 768px) {
  #career_interview .interview_list_box01 li .interview_list_box01_txtbox02 .interview_list_box01_txtbox01_txt03 {
    font-size: 1.953125vw;
    position: absolute;
    bottom: 2.9296875vw;
    right: 30px;
    display: inline-block;
    color: #333333;
    margin-bottom: 0 !important;
    font-weight: 600;
  }
}
@media screen and (min-width: 768px) and (min-width: 1025px) {
  #career_interview .interview_list_box01 li .interview_list_box01_txtbox02 .interview_list_box01_txtbox01_txt03 {
    font-size: 20px;
    bottom: 30px;
  }
}
@media print, screen and (min-width: 768px) {
  #career_interview .interview_list_box01 li .interview_list_box01_txtbox02 .interview_list_box01_txtbox01_txt03 span {
    font-size: 1.5625vw;
    font-weight: 500;
  }
}
@media screen and (min-width: 768px) and (min-width: 1025px) {
  #career_interview .interview_list_box01 li .interview_list_box01_txtbox02 .interview_list_box01_txtbox01_txt03 span {
    font-size: 16px;
  }
}
@media print, screen and (min-width: 768px) {
  #career_interview .interview_details .cont-box_wrp {
    padding-top: 100px;
  }
  #career_interview .interview_details .interview_headbox {
    height: 632px;
    width: 100%;
    background-image: url("/recruit/lib/img/pages/pc/career/interview/002_main.jpg");
    background-size: cover;
    background-position: right top;
  }
}
@media screen and (min-width: 768px) and (max-width: 900px) {
  #career_interview .interview_details .interview_headbox {
    background-position: right -50px top;
  }
}
@media print, screen and (min-width: 768px) {
  #career_interview .interview_details .interview_headbox h1 {
    padding-top: 125px;
    padding-left: 90px;
  }
  #career_interview .interview_details .interview_headbox h1 .interview_headbox_txt01 {
    background: #002a65;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 144px;
    height: 144px;
  }
  #career_interview .interview_details .interview_headbox h1 .interview_headbox_txt01 img {
    width: 104px;
  }
  #career_interview .interview_details .interview_headbox h1 .interview_headbox_txt02 {
    font-size: 34px;
    line-height: 1.59;
    font-weight: 600;
    color: #fff;
    margin-top: 60px;
    text-shadow: 2px 2px 10px #002a65, -2px 2px 10px #002a65, 2px -2px 10px #002a65, -2px -2px 10px #002a65;
  }
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  #career_interview .interview_details .interview_headbox h1 .interview_headbox_txt02 {
    font-size: 3.3203125vw;
  }
}
@media print, screen and (min-width: 768px) {
  #career_interview .interview_details .interview_headbox01 {
    background-image: url("/recruit/lib/img/pages/pc/career/interview/001_main.jpg") !important;
  }
  #career_interview .interview_details .interview_headbox03 {
    background-image: url("/recruit/lib/img/pages/pc/career/interview/003_main.jpg") !important;
  }
  #career_interview .interview_details .interview_headbox_box01 {
    background: #46a8a6;
    padding: 20px 50px 20px 50px;
    text-align: center;
    position: absolute;
    width: 485px;
    left: 50%;
    transform: translateX(-50%);
    top: -63px;
  }
  #career_interview .interview_details .interview_headbox_box01 .interview_headbox_box01_txt01 {
    text-align: center;
    display: inline-block;
  }
  #career_interview .interview_details .interview_headbox_box01 .interview_headbox_box01_txt01 img {
    width: 169px;
  }
  #career_interview .interview_details .interview_headbox_box01 .interview_headbox_box01_box01 table {
    text-align: left;
  }
  #career_interview .interview_details .interview_headbox_box01 .interview_headbox_box01_box01 table tr td:nth-child(2) {
    padding-left: 20px;
  }
  #career_interview .interview_details .interview_headbox_box01 .interview_headbox_box01_box01 .interview_headbox_box01_txt02 {
    font-size: 20px;
    color: #fff;
    font-weight: 600;
  }
  #career_interview .interview_details .interview_headbox_box01 .interview_headbox_box01_box01 .interview_headbox_box01_txt03 {
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    white-space: nowrap;
  }
  #career_interview .interview_details .interview_headbox_box01 .interview_headbox_box01_box01 .interview_headbox_box01_txt04 {
    font-size: 16px;
    color: #fff;
  }
  #career_interview .interview_details .interview_headbox_box01 .interview_headbox_box01_box01 .interview_headbox_box01_txt05 {
    font-size: 14px;
    color: #fff;
  }
  #career_interview .interview_details .interview_headbox01 {
    background-image: url("/recruit/lib/img/pages/pc/interview/01main.png?220418");
  }
  #career_interview .interview_details .interview_headbox03 {
    background-image: url("/recruit/lib/img/pages/pc/interview/03main.png?220418");
  }
  #career_interview .interview_details .interview_headbox04 {
    background-image: url("/recruit/lib/img/pages/pc/interview/04main.png?220418");
  }
  #career_interview .interview_details .interview_contents_wrp {
    padding: 50px 0;
    padding-top: 200px;
    background-color: #fff;
    position: relative;
  }
  #career_interview .interview_details .interview_contents_wrp .interview_contents_txt01 {
    font-size: 24px;
    font-weight: 600;
    color: #002a65;
    margin-bottom: 25px !important;
    position: relative;
    padding-left: 53px;
    letter-spacing: 0.05em;
  }
  #career_interview .interview_details .interview_contents_wrp .interview_contents_txt01:before {
    position: absolute;
    content: "――";
    letter-spacing: -0.2em;
    color: #002a65;
    left: 0;
    top: 0;
    font-weight: 500;
  }
  #career_interview .interview_details .interview_contents_wrp .interview_contents_txt02 {
    line-height: 1.8;
    letter-spacing: 0.02em;
  }
  #career_interview .interview_details .interview_contents_wrp .interview_contents_box01 {
    padding: 0 55px;
  }
  #career_interview .interview_details .interview_contents_wrp .interview_contents_box01_02 {
    margin-top: 50px;
  }
  #career_interview .interview_details .interview_contents_wrp .interview_contents_box02 {
    margin-top: 50px;
  }
  #career_interview .interview_details .interview_contents_wrp .interview_contents_box03 {
    margin-bottom: 25px;
    margin-top: 50px;
  }
  #career_interview .interview_details .interview_contents_wrp .interview_contents_img01 {
    width: 80%;
    margin-top: 50px;
    margin-bottom: 50px;
  }
  #career_interview .interview_details .interview_contents_wrp .interview_contents_img01 img {
    width: 100%;
  }
  #career_interview .interview_details .interview_contents_wrp .interview_contents_imgbox01 {
    padding-left: 55px;
    margin: 50px 0;
    margin-top: 0;
    display: flex;
    justify-content: space-between;
  }
  #career_interview .interview_details .interview_contents_wrp .interview_contents_imgbox01 .interview_contents_img02 {
    margin-top: 8px;
  }
  #career_interview .interview_details .interview_contents_wrp .interview_contents_imgbox01 div {
    width: 50%;
  }
  #career_interview .interview_details .interview_contents_wrp .interview_contents_imgbox01 div:last-child {
    width: 45%;
  }
}
@media screen and (max-width: 767px) {
  body {
    position: relative;
    z-index: 2;
    font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;
    font-size: 14px;
    color: #333;
    line-height: 1.6;
  }
  p {
    font-size: 14px;
  }
  .pc {
    display: none !important;
  }
  img {
    vertical-align: bottom;
  }
  img {
    max-width: 100%;
  }
  /* ------------------------------------------------------------
  style reset
  ------------------------------------------------------------ */
  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%;
    vertical-align: baseline;
  }
  /* HTML5 display-role reset for older browsers */
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  menu,
  nav,
  section {
    display: block;
  }
  img {
    vertical-align: top;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: 100%;
    font-weight: normal;
  }
  li {
    list-style-type: none;
  }
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  blockquote,
  q {
    quotes: none;
  }
  blockquote:before,
  blockquote:after,
  q:before,
  q:after {
    content: "";
    content: none;
  }
  /* CSS Document */
  .head-wrap {
    position: fixed;
    top: 0;
    z-index: 9999;
    background: rgba(255, 255, 255, 0.8);
    padding: 10px;
    width: 100%;
    height: 50px;
  }
  .head-wrap .box .logo {
    width: 115px;
  }
  /* ------------------------------------------------------------
  nav
  ------------------------------------------------------------ */
  .menuList ul {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    padding-bottom: 15px;
  }
  .menuList ul li {
    height: 100%;
    margin-left: 30px;
  }
  .menuList ul li a {
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    color: #333333;
    text-align: center;
    line-height: 1;
    text-decoration: none;
    width: 100%;
    padding: 6px 2px 4px;
    position: relative;
  }
  .menuList ul li a::before {
    position: absolute;
    top: 1.5rem;
    content: "";
    display: inline-block;
    width: 0;
    height: 1px;
    background-color: #ed6d47;
    transition: all 0.3s;
  }
  .menuList ul li a:hover:before {
    width: 100%;
  }
  .menuList ul li a.navCurrent,
  .menuList ul li a:hover {
    padding: 6px 2px 3px;
  }
  .navCurrent::before {
    width: 100% !important;
  }
  /* ------------------------------------------------------------
  nav
  ------------------------------------------------------------ */
  nav.globalMenuSp {
    position: fixed;
    z-index: 10000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-y: auto;
    background: #fff;
    color: #ffffff;
    transform: translateY(-100%);
    transition: all 0.6s;
    width: 100%;
    padding-top: 30px;
  }
  nav.globalMenuSp .box {
    padding: 0px 30px 30px 30px;
  }
  nav.globalMenuSp .box ul.list1 {
    width: 100%;
  }
  nav.globalMenuSp .box ul.list1 li {
    font-size: 15px;
    width: 100%;
    border-bottom: 1px solid #CCCCCC;
    text-align: center;
  }
  nav.globalMenuSp .box ul.list1 li a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
    padding: 15px 0;
    text-align: center;
  }
  nav.globalMenuSp .box ul.list1 li a i {
    margin: 0;
  }
  nav.globalMenuSp .box ul.list2 {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
  }
  nav.globalMenuSp .box ul.list2 li {
    font-size: 14px;
    width: calc(50% - 10px);
    margin: 0 5px;
    border-bottom: 1px solid #ccc;
  }
  nav.globalMenuSp .box ul.list2 li a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
    padding: 15px 0;
  }
  nav.globalMenuSp .box ul.list2 li a i {
    margin: 0;
  }
  nav.globalMenuSp .box .banner {
    text-align: center;
    margin-top: 15px;
  }
  nav.globalMenuSp .global_header_btn01 {
    margin-top: 28px;
  }
  nav.globalMenuSp .global_header_btn01 a {
    display: block;
    color: #0C2A65;
    font-size: 14px;
    border: 1px solid #0C2B66;
    padding: 15px;
    line-height: 1;
    text-align: center;
  }
  /* このクラスを、jQueryで付与・削除する */
  nav.globalMenuSp.active {
    transform: translateY(0%);
  }
  .navToggle {
    display: block;
    position: fixed;
    right: 6px;
    top: 3px;
    width: 42px;
    height: 40px;
    cursor: pointer;
    z-index: 10001;
    text-align: center;
  }
  .navToggle span {
    display: block;
    position: absolute;
    width: 30px;
    border-bottom: solid 3px #333333;
    transition: 0.35s ease-in-out;
    left: 6px;
  }
  .navToggle span:nth-child(1) {
    top: 9px;
  }
  .navToggle span:nth-child(2) {
    top: 18px;
  }
  .navToggle span:nth-child(3) {
    top: 27px;
  }
  .navToggle span:nth-child(4) {
    border: none;
    color: #eee;
    font-size: 9px;
    font-weight: bold;
    top: 34px;
  }
  /* 最初のspanをマイナス45度に */
  .navToggle.active span:nth-child(1) {
    top: 18px;
    left: 6px;
    transform: rotate(-45deg);
    border-bottom: solid 3px #333;
  }
  /* 2番目と3番目のspanを45度に */
  .navToggle.active span:nth-child(2),
  .navToggle.active span:nth-child(3) {
    top: 18px;
    transform: rotate(45deg);
    border-bottom: solid 3px #333;
  }
  /* CSS Document */
  footer {
    background: #fff;
  }
  footer .foot-wrap {
    margin: 0 auto;
  }
  footer .foot-wrap ul {
    border-top: solid 1px #e2e2e2;
  }
  footer .foot-wrap ul li {
    line-height: 35px;
    border-bottom: solid 1px #e2e2e2;
  }
  footer .foot-wrap ul li a {
    padding-left: 15px;
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: #333333;
  }
  footer .foot-wrap ul li a i {
    color: #ed6d47;
  }
  footer .copyright {
    background: #002a65;
  }
  footer .copyright .copy {
    line-height: 42.5px;
    font-size: 12px;
    color: #ffffff;
    text-align: center;
  }
  /* CSS Document */
  /* ------------------------------------------------------------
  初期設定
  ------------------------------------------------------------ */
  /* border-box / word-break */
  *,
  *:before,
  *:after {
    box-sizing: border-box;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
  html,
  body {
    height: 100%;
  }
  /* clearfix */
  .clearfix:after {
    content: "";
    display: block;
    clear: both;
  }
  /* Color */
  .fc-red {
    color: #CC0000;
  }
  .fc-blue {
    color: #002a65;
  }
  /* 行間設定 */
  p {
    margin-bottom: 1em;
    line-height: 32px;
  }
  p:last-child {
    margin-bottom: 0;
  }
  /* 二行目字下げ */
  .att {
    padding-left: 1em;
    text-indent: -1em;
  }
  /* 左右配置 */
  .ta-right {
    text-align: right;
  }
  .ta-left {
    text-align: left;
  }
  .ta-center {
    text-align: center;
  }
  /* fade */
  .fadein {
    opacity: 0;
    transform: translateY(20px);
    transition: all 1s;
  }
  /* ------------------------------------------------------------
  fontawesome
  ------------------------------------------------------------ */
  i.fas {
    margin-right: 8px;
  }
  /* ------------------------------------------------------------
  印刷設定
  ------------------------------------------------------------ */
  @page {
    margin: 30px;
  }
  /* ------------------------------------------------------------
  placeholder - form
  ------------------------------------------------------------ */
  /*  */
  /* Chrome, Safari */
  ::-webkit-input-placeholder {
    color: #cccccc;
  }
  /* Firefox */
  ::-moz-placeholder {
    color: #cccccc;
  }
  /* IE */
  :-ms-input-placeholder {
    color: #cccccc;
  }
  /* ------------------------------------------------------------
  PageTop
  ------------------------------------------------------------ */
  #pagetop {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 100;
    font-size: 32px;
  }
  #pagetop a {
    color: #b8b8b8;
  }
  /* ------------------------------------------------------------
  画像のレスポンシブ対応
  ------------------------------------------------------------ */
  img {
    max-width: 100%;
    height: auto;
    width/***/: auto;
  }
  /* ------------------------------------------------------------
  リンク設定
  ------------------------------------------------------------ */
  a {
    color: #ed6d47;
    text-decoration: none;
  }
  a:hover {
    color: #ed6d47;
    transition: all 0.8s ease;
  }
  a:hover .img {
    display: block;
    background: #ed6d47;
  }
  a:hover .img img {
    opacity: 0.4;
    transition: all 0.8s ease;
  }
  /* ページ内アンカー */
  .anchor {
    position: relative;
    top: -120px;
    display: block;
  }
  #map1, #map2, #history, #ac1, #ac2 {
    display: inline-block;
    margin-top: -120px;
    padding-top: 120px;
  }
  /* pankuzu */
  .pankuzu-wrap {
    display: flex;
    align-items: center;
    height: 30px;
    margin: 50px auto 0;
  }
  .pankuzu-wrap ul {
    display: flex;
    padding-left: 10px;
  }
  .pankuzu-wrap ul li {
    font-size: 12px;
    color: #333333;
  }
  .pankuzu-wrap ul li a {
    color: #333333;
  }
  .pankuzu-wrap ul li i {
    margin: 0 5px;
    color: #ed6d47;
  }
  .pankuzu-wrap ul:last-child {
    color: #ec8f74;
  }
  /* contents title */
  #recruit-bg {
    display: block;
    background: url(/recruit/lib/img/pages/pc/newgrad_bg.png) top center repeat-x;
    background-size: 100vh auto;
  }
  #career-bg {
    display: block;
    background: url(/recruit/lib/img/pages/pc/career_bg.png) top center repeat-x;
    background-size: 100vh auto;
  }
  .training-title {
    background: url("/recruit/lib/img/pages/pc/training/training_img01.png") top center no-repeat;
    background-size: cover;
  }
  .flow-title {
    background: url("/recruit/lib/img/pages/pc/flow/flow_img01.png") top center no-repeat;
    background-size: cover;
  }
  .culture-title {
    background: url(/recruit/lib/img/pages/pc/culture/culture_title_bg.png) top center no-repeat;
    background-size: cover;
  }
  .interview-title {
    background: url(/recruit/lib/img/pages/pc/interview/interviewtop_main_sp.jpg?240215) top center no-repeat;
    background-size: cover;
    height: 0;
    padding-top: 41.6%;
    position: relative;
  }
  .interview-title .title {
    width: 100%;
    position: absolute;
    bottom: 6vw;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    display: inline-block;
    text-align: center;
  }
  .message-title {
    background: url("/recruit/lib/img/pages/pc/message/h1_message_img01.png") top center no-repeat;
    background-size: cover;
  }
  .profile-title {
    background: url(/recruit/lib/img/pages/pc/profile/profile_title_bg.jpg) top center no-repeat;
    background-size: cover;
  }
  .data-title {
    background: url(/recruit/lib/img/pages/pc/data/data_title_bg.png) top center no-repeat;
    background-size: cover;
  }
  .requirement-title {
    background: url(/recruit/lib/img/pages/pc/requirement/requirement_title_bg.png) top center no-repeat;
    background-size: cover;
  }
  .career-title {
    background: url(/recruit/lib/img/pages/pc/career/requirement_title_bg.png) top center no-repeat;
    background-size: cover;
  }
  .recruit-title-wrap {
    display: flex;
    align-items: center;
    color: #333333;
    height: 125px;
    margin: 0 auto;
  }
  .recruit-title-wrap .title {
    z-index: 1;
    padding: 0 30px;
  }
  .recruit-title-wrap .title .jp {
    position: relative;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
    padding: 0 5px;
  }
  .recruit-title-wrap .title .jp::after {
    position: absolute;
    bottom: -4px;
    left: 0;
    z-index: -1;
    content: "";
    width: 100%;
    height: 15px;
    background-color: #ffc478;
    transform: skewX(-15deg);
  }
  .recruit-title-wrap .title .en {
    font-family: "IBM Plex Sans", sans-serif;
    font-size: 12px;
    font-weight: 600;
    color: #656565;
    text-align: center;
  }
  /* contents sub title */
  .subtitle-box {
    text-align: center;
    margin: 30px 15px 20px;
  }
  .subtitle-box .subtitle {
    position: relative;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 5px;
    padding: 0 5px;
    z-index: 1;
  }
  .subtitle-box .subtitle::after {
    position: absolute;
    bottom: -2px;
    left: 0;
    z-index: -1;
    content: "";
    width: 100%;
    height: 15px;
    background-color: #ffc478;
    transform: skewX(-15deg);
  }
  /* cont-box */
  .cont-box {
    margin-bottom: 30px;
  }
  /*フォント設定*/
  .banner_box01 {
    display: flex;
    position: absolute;
    flex-wrap: wrap;
    bottom: 45px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    justify-content: center;
    padding: 0 40px;
  }
  .banner_box01 .banner_box01_left {
    margin-bottom: 10px;
  }
  .banner_box02 {
    width: 100%;
    background-color: #ebf6fa;
    text-align: center;
    margin-top: 30px;
    padding: 20px 20px;
  }
  .banner_box02 a:hover .img {
    background: none;
  }
  .banner_box02 .banner_box01_left {
    margin-bottom: 10px;
  }
  /* CSS Document */
  /* index */
  .index {
    width: 100%;
    padding: 50px 0 0;
  }
  .index .in-bg-wrap {
    background: url(../img/pages/pc/top/select_bg.jpg) center center no-repeat;
    background-size: cover;
    padding: 0 40px;
    height: calc(100vh - 50px);
    position: relative;
  }
  .index .in-bg-wrap ul {
    width: calc(100% - 80px);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .index .in-bg-wrap ul li {
    border: 2px solid #ed6d47;
  }
  .index .in-bg-wrap ul li:first-child {
    margin-bottom: 30px;
  }
  .index .in-bg-wrap ul li a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: bold;
    color: #322d2b;
    margin: 10px;
    padding: 10px 0;
    background: rgba(255, 255, 255, 0.8);
  }
  .index .in-bg-wrap ul li a img {
    position: absolute;
    right: 30px;
    width: 20px;
    top: 50%;
    margin-top: -3px;
  }
  /* CSS Document */
  /* newgrad */
  #newgrad .main-img-wrap {
    text-align: center;
    margin: 50px auto 15px;
    background: #ebf6fa;
  }
  #newgrad .cont-list {
    padding: 0 15px 10px;
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;
  }
  #newgrad .cont-list li {
    margin-bottom: 30px;
    background: #fff;
    border: 1px solid #cacaca;
    border-radius: 2px;
  }
  #newgrad .cont-list li a {
    position: relative;
  }
  #newgrad .cont-list li a * {
    position: relative;
    z-index: 2;
  }
  #newgrad .cont-list li:nth-child(1), #newgrad .cont-list li:nth-child(2), #newgrad .cont-list li:nth-child(3), #newgrad .cont-list li:nth-child(4) {
    width: 100%;
  }
  #newgrad .cont-list li:nth-child(5), #newgrad .cont-list li:nth-child(6), #newgrad .cont-list li:nth-child(7), #newgrad .cont-list li:nth-child(8) {
    width: calc(50% - 7.5px);
    height: 50%;
    margin-right: 15px;
  }
  #newgrad .cont-list li:nth-child(5) a, #newgrad .cont-list li:nth-child(6) a, #newgrad .cont-list li:nth-child(7) a, #newgrad .cont-list li:nth-child(8) a {
    height: 50%;
    padding: 10px;
  }
  #newgrad .cont-list li:nth-child(5) a .title, #newgrad .cont-list li:nth-child(6) a .title, #newgrad .cont-list li:nth-child(7) a .title, #newgrad .cont-list li:nth-child(8) a .title {
    font-size: 14px;
  }
  #newgrad .cont-list li:nth-child(5) a .title-en, #newgrad .cont-list li:nth-child(6) a .title-en, #newgrad .cont-list li:nth-child(7) a .title-en, #newgrad .cont-list li:nth-child(8) a .title-en {
    font-size: 10px;
    margin-bottom: 40px;
  }
  #newgrad .cont-list li:nth-child(6), #newgrad .cont-list li:nth-child(8) {
    margin-right: 0;
  }
  #newgrad .cont-list li a {
    position: relative;
    display: block;
    padding: 25px;
    height: 175px;
  }
  #newgrad .cont-list li a .title {
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    line-height: 1;
    margin-bottom: 5px;
  }
  #newgrad .cont-list li a .title-en {
    font-family: "IBM Plex Sans", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    color: #656565;
    line-height: 1;
    margin-bottom: 15px;
  }
  #newgrad .cont-list li a .txt {
    font-size: 14px;
    color: #333333;
    line-height: 1.5;
  }
  #newgrad .cont-list li a .more-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 30px;
    height: 30px;
    right: 10px;
    bottom: -15px;
    background: #ed6d47;
    z-index: 99;
  }
  #newgrad .cont-list li a .more-btn img {
    width: 24px;
    height: 8px;
    margin-bottom: 2px;
  }
  #newgrad .cont-list .list1 a {
    background: url(/recruit/lib/img/pages/pc/top/message_img.png) top right no-repeat #eef0f2;
    background-size: cover;
  }
  #newgrad .cont-list .list2 a {
    background: url(/recruit/lib/img/pages/pc/top/culture_img.jpg) top right no-repeat;
    background-size: cover;
  }
  #newgrad .cont-list .list3 {
    width: calc(100% - 40px);
  }
  #newgrad .cont-list .list3 a {
    background: url(/recruit/lib/img/pages/pc/top/data_img.jpg) top right no-repeat;
    background-size: cover;
  }
  #newgrad .cont-list .list3_02 {
    width: calc(100% - 40px);
  }
  #newgrad .cont-list .list3_02 a {
    background: url(/recruit/lib/img/pages/pc/top/interview_img.jpg?240216) bottom right no-repeat;
    background-size: cover !important;
  }
  /* culture */
  /* profile */
  /* data */
  /* culture */
  /* message */
  /* training */
  /* flow */
  /* INTERVIEW */
  /* INTERVIEW */
  /* INTERVIEW 002 */
  /* INTERVIEW 002 */
  /* CSS Document */
  /* requirement */
  /* CSS Document */
  /* career */
  /* culture */
  /* profile */
  /* data */
  /* culture */
  /* message */
  /* flow */
  /* INTERVIEW */
  /* INTERVIEW */
  /* INTERVIEW 002 */
  /* INTERVIEW 002 */
}
@media screen and (max-width: 767px) and (min-width: 600px) and (max-width: 695px) {
  #newgrad .cont-list .list3_02 a div {
    text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, -1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;
  }
}
@media screen and (max-width: 767px) and (max-width: 600px) {
  #newgrad .cont-list .list3_02 a {
    background: url(/recruit/lib/img/pages/pc/top/interview_img_sp.jpg?240215) bottom center no-repeat;
    background-size: cover !important;
  }
}
@media screen and (max-width: 767px) {
  #newgrad .cont-list .list4 a:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background: url(/recruit/lib/img/pages/pc/top/training_img.jpg) top right no-repeat;
    background-size: cover;
  }
  #newgrad .cont-list .list5 a:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background: url(/recruit/lib/img/pages/pc/top/profile_img.jpg) top right no-repeat;
    background-size: cover;
  }
  #newgrad .cont-list .list6 a:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background: url(/recruit/lib/img/pages/pc/top/requirement_img.jpg) top right no-repeat;
    background-size: cover;
  }
  #newgrad .cont-list .list7 a:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background: url(/recruit/lib/img/pages/pc/top/flow_img.jpg) top right no-repeat;
    background-size: cover;
  }
  #culture .culture-top-txt {
    font-size: 14px;
    text-align: left;
    line-height: 1.6;
    margin-top: 20px;
    padding: 0 15px;
  }
  #culture .txt1 {
    font-size: 14px;
    text-align: left;
    padding: 0 15px;
  }
  #culture .img-list {
    margin: 10px 15px 0;
  }
  #culture .img-list li {
    width: 100%;
    margin-bottom: 10px;
  }
  #culture .event-box {
    margin: 10px 15px 0;
  }
  #culture .event-box li {
    width: 100%;
    margin: 0 0;
    background: #fdf1ed;
  }
  #culture .event-box li .img {
    margin-bottom: 10px;
  }
  #culture .event-box li .img img {
    width: 100%;
  }
  #culture .event-box li .box {
    padding: 25px 20px;
  }
  #culture .event-box li .box .title {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 5px;
  }
  #culture .event-box li .box P {
    font-size: 14px;
    line-height: 1.6;
  }
  #profile {
    font-size: 14px;
  }
  #profile .profile-box {
    margin: 0 15px 30px;
  }
  #profile .profile-box p {
    margin-top: 10px;
    line-height: 1.6;
  }
  #profile .profile-box table {
    width: 100%;
    border-top: 1px solid #edf0f4;
  }
  #profile .profile-box table th,
  #profile .profile-box table td {
    padding: 15px 0;
    border-bottom: 1px solid #edf0f4;
    font-size: 14px;
    display: block;
  }
  #profile .profile-box table th p,
  #profile .profile-box table td p {
    line-height: 1.6;
  }
  #profile .profile-box table th {
    font-weight: bold;
    text-align: left;
    padding-right: 5px;
  }
  #profile .profile-box table th h3 {
    font-weight: bold;
  }
  #profile .profile-box table td .link {
    margin-bottom: 15px;
  }
  #profile .profile-box table td .link a {
    display: flex;
    align-items: center;
    color: #333;
  }
  #profile .profile-box table td .link a img {
    margin-right: 5px;
  }
  #profile .profile-box table .img-list1 {
    margin-top: 20px;
  }
  #profile .profile-box table .ac {
    text-align: right;
  }
  #profile .profile-box table .ac a {
    color: #333;
    position: relative;
    display: inline-block;
  }
  #profile .profile-box table .ac a::after {
    position: absolute;
    display: block;
    content: "";
    width: 24px;
    height: 8px;
    top: 6px;
    left: -30px;
    background-image: url("/lib/img/pages/pc/about/profile_arrow_orange.png");
    background-position: center center;
  }
  #profile .profile-box table .ac.recruitnone {
    display: none;
  }
  #profile .profile-box table .map-box {
    margin-top: 20px;
  }
  #profile .profile-box .history-list {
    border-top: 1px solid #edf0f4;
  }
  #profile .profile-box .history-list li {
    display: flex;
    padding: 20px 0;
    border-bottom: 1px solid #edf0f4;
  }
  #profile .profile-box .history-list li .date {
    width: 100px;
  }
  #profile .profile-box .history-list li .txt {
    flex: 1;
  }
  #profile .profile-box .history-list li .txt a {
    color: #333333;
  }
  #profile .profile-box .img-list1 img {
    width: 100%;
  }
  #profile .profile-box .img-list1 li {
    margin-bottom: 10px;
  }
  #profile .profile-box .torihiki-list a {
    color: #333;
  }
  #data .data-box {
    text-align: center;
    width: 100%;
    border-bottom: 1px solid #d2d2d2;
    padding: 0 15px 30px;
  }
  #data .data-box p {
    font-size: 14px;
    line-height: 1.6;
  }
  #data .data-box .img1 {
    text-align: center;
    width: 100%;
    margin: 0 0 15px;
  }
  #data .data-box:last-child {
    border-bottom: none;
  }
  #data .data-box .img-list li:nth-child(2) {
    margin-top: 30px;
  }
  #requirement .requirement-top-txt {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin: 30px 0 20px;
  }
  #requirement .requirement-box {
    margin: 20px 15px 0;
  }
  #requirement .requirement-box table {
    width: 100%;
    border-top: 1px solid #edf0f4;
  }
  #requirement .requirement-box table th,
  #requirement .requirement-box table td {
    padding: 15px 0;
    border-bottom: 1px solid #edf0f4;
    font-size: 14px;
    display: block;
  }
  #requirement .requirement-box table th p,
  #requirement .requirement-box table td p {
    line-height: 1.6;
  }
  #requirement .requirement-box table th {
    font-weight: bold;
    text-align: left;
    padding-right: 5px;
  }
  #requirement .requirement-box table th h3 {
    font-weight: bold;
  }
  #requirement .requirement-box table td a {
    color: #333;
  }
  #requirement .requirement-box table td .link {
    margin-bottom: 15px;
  }
  #requirement .requirement-box table td .link a {
    display: flex;
    align-items: center;
    color: #333;
  }
  #requirement .requirement-box table td .link a img {
    margin-right: 5px;
  }
  #message {
    font-size: 14px;
  }
  #message .recruit-title-wrap {
    position: relative;
  }
  #message .recruit-title-wrap .title {
    padding-bottom: 30px;
  }
  #message .recruit-title-wrap p {
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
    font-weight: 500;
    font-size: 12px;
    position: absolute;
    bottom: 18px;
    left: 36px;
    line-height: 1.45;
    font-weight: bold;
  }
  #message .culture-top-txt {
    padding: 20px 15px 0;
  }
  #message .culture-top-txt p {
    margin-bottom: 15px;
    line-height: 1.6;
  }
  #message .top_name {
    text-align: right;
    margin-left: auto;
    width: 50%;
    padding-right: 15px;
  }
  #message .border01 {
    height: 1px;
    background-color: #e9e9e9;
    margin: 30px 15px 0;
  }
  #message h2 {
    text-align: center;
    margin: 30px 0 20px;
  }
  #message h2 .subtitle {
    position: relative;
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 5px;
    padding: 0 5px;
  }
  #message h2 .subtitle::after {
    position: absolute;
    bottom: -2px;
    left: 0;
    z-index: -1;
    content: "";
    width: 100%;
    height: 15px;
    background-color: #ffc478;
    transform: skewX(-15deg);
  }
  #message .txt1 {
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.54;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
  }
  #message .philosophy-box2 p, #message .philosophy-box3 p {
    padding: 0 15px;
    line-height: 1.6;
  }
  #message .philosophy-box4 {
    margin-bottom: 30px;
  }
  #message .philosophy-box4 ul li {
    margin: 0 15px 15px;
    padding: 15px;
    border: 1px solid #dfdfdf;
  }
  #message .philosophy-box4 ul li .title {
    text-align: center;
  }
  #message .philosophy-box4 ul li .title .jp {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    line-height: 1;
  }
  #message .philosophy-box4 ul li .title .en {
    font-family: ibm-plex-sans, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #ed6f49;
    line-height: 1;
    margin: 5px 0 10px;
  }
  #message .philosophy-box4 ul li p {
    line-height: 1.44;
  }
  #message .philosophy-box4 ul li p span {
    font-size: 16px;
    color: #ed6f49;
  }
  #training .border01 {
    width: 100%;
    height: 1px;
    background-color: #e9e9e9;
    margin-top: 70px;
  }
  #training h2 {
    text-align: center;
  }
  #training h2 .subtitle {
    position: relative;
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.6;
    margin-bottom: 5px;
    padding: 0 5px;
  }
  #training h2 .subtitle::after {
    position: absolute;
    bottom: -2px;
    left: 0;
    z-index: -1;
    content: "";
    width: 100%;
    height: 15px;
    background-color: #ffc478;
    transform: skewX(-15deg);
  }
  #training .training_txt01 {
    font-size: 14px;
    line-height: 1.6;
    padding: 0 15px;
  }
  #training .training_list ul {
    margin: 20px 15px 0;
  }
  #training .training_list ul li {
    width: 100%;
    padding: 20px 15px;
    background-color: #fdf1ed;
    margin-bottom: 15px;
  }
  #training .training_list ul li:last-child {
    margin-bottom: 0;
  }
  #training .training_list ul li h3 {
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 1;
    text-align: center;
    font-weight: bold;
    margin-bottom: 10px;
  }
  #training .training_list ul li p {
    font-size: 14px;
    line-height: 1.6;
    letter-spacing: -1px;
  }
  #training .training_list ul li .training_list_img {
    text-align: center;
  }
  #training .training_list ul li .txt_link {
    font-size: 14px;
    margin-top: 10px;
    padding-left: 5px;
    text-align: right;
  }
  #training .training_list ul li .txt_link a {
    color: #333;
    position: relative;
  }
  #training .training_list ul li .txt_link a::before {
    content: "";
    width: 24px;
    height: 8px;
    display: block;
    background-image: url("/lib/img/pages/pc/about/profile_arrow_orange.png");
    position: absolute;
    top: 6px;
    left: -30px;
  }
  #training .img_center {
    text-align: center;
    padding: 0 15px;
  }
  #training .model_case ul {
    padding: 20px 15px 20px;
  }
  #training .model_case ul li {
    padding: 20px 0;
    border-bottom: solid 1px #edf0f4;
  }
  #training .model_case ul li:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }
  #training .model_case ul li h3 {
    font-size: 16px;
    margin-bottom: 10px;
  }
  #training .model_case ul li h3 .blue01 {
    color: #95c1e5;
  }
  #training .model_case ul li h3 .blue02 {
    color: #6696c6;
  }
  #training .model_case ul li h3 .blue03 {
    color: #3868a3;
  }
  #training .model_case ul li h3 .blue04 {
    color: #073991;
  }
  #training .model_case ul li h3 .blue05 {
    color: #34a5ea;
  }
  #training .model_case ul li p {
    font-size: 14px;
    line-height: 1.4;
  }
  #flow .border01 {
    width: 100%;
    height: 1px;
    background-color: #e9e9e9;
    margin-top: 20px;
  }
  #flow h2 {
    text-align: center;
  }
  #flow h2 .subtitle {
    position: relative;
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 5px;
    padding: 0 5px;
  }
  #flow h2 .subtitle::after {
    position: absolute;
    bottom: -2px;
    left: 0;
    z-index: -1;
    content: "";
    width: 100%;
    height: 15px;
    background-color: #ffc478;
    transform: skewX(-15deg);
  }
  #flow .flow_leadtxt01 {
    font-size: 14px;
    line-height: 1.6;
    margin: 0 15px;
  }
  #flow .flow_step {
    margin: 20px 0;
    padding: 0 15px 15px;
    position: relative;
  }
  #flow .flow_step:last-child {
    padding-bottom: 0;
  }
  #flow .flow_step:last-child::after {
    display: none;
  }
  #flow .flow_step::after {
    display: block;
    content: "";
    width: 21px;
    height: 12.5px;
    position: absolute;
    bottom: -9px;
    left: 50%;
    margin-left: -10.5px;
    background-image: url("/recruit/lib/img/pages/pc/flow/arrow.png");
    background-size: 100% auto;
  }
  #flow .flow_step h3 {
    position: relative;
  }
  #flow .flow_step .h3_arrownone::after {
    display: none;
  }
  #flow .flow_step .step_txt {
    vertical-align: top;
    font-size: 14px;
    line-height: 1.6;
  }
  #flow .flow_step .step_htxt {
    border-radius: 4px;
    border: solid 2px #073991;
    background-color: #ffffff;
    padding: 8px 0;
    text-align: center;
    margin-bottom: 15px;
    color: #073991;
  }
  #flow .flow_step .step_htxt.step_htxt_last {
    background-color: #073991;
    color: #fff;
  }
  #flow .flow_step .step_htxt.step_htxt_last .step_htxt_01 {
    border-bottom: 1px solid #fff;
  }
  #flow .flow_step .step_htxt .step_htxt_01 {
    padding: 0 15px 8px;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #073991;
    line-height: 1;
  }
  #flow .flow_step .step_htxt .step_htxt_02 {
    padding: 8px 15px 0;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
  }
  #flow .flow_step .step_htxt .step_htxt_label01 {
    display: inline-block;
    vertical-align: middle;
    border-radius: 40px;
    background: #073991;
    color: #fff;
    line-height: 1;
    padding: 5px 10px;
    font-size: 12px;
    margin-right: 10px;
    position: relative;
    top: -1px;
  }
  #flow .img_center {
    padding: 0 15px;
    text-align: center;
  }
  #flow .flow_txt01 {
    text-align: right;
    font-size: 12px;
    line-height: 1.6;
    padding: 0 15px;
    margin-top: 10px;
  }
  #interview p, #interview a {
    letter-spacing: 0.02em !important;
  }
  #interview .recruit-title-wrap .title {
    margin: 0 auto;
  }
  #interview .recruit-title-wrap .title h1 div {
    text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, -1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;
  }
  #interview p {
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  }
  #interview .interview_list_box01 {
    margin-top: 7.8125vw;
  }
  #interview .interview_list_box01 li {
    position: relative;
    margin-top: 46.875vw;
  }
  #interview .interview_list_box01 li:last-child {
    margin-bottom: 46.875vw;
  }
  #interview .interview_list_box01 li .more-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ed6d47;
    color: #fff;
    width: 50.78125vw;
    height: 12.7604166667vw;
    font-size: 3.3854166667vw;
    margin: 0 auto;
  }
  #interview .interview_list_box01 li .more-btn img {
    height: 8px;
    margin-bottom: 2px;
    padding-left: 15px;
  }
  #interview .interview_list_box01 li:first-child {
    margin-top: 0;
  }
  #interview .interview_list_box01 li .interview_list_box01_txtbox01_txt01 {
    font-family: "IBM Plex Sans", sans-serif;
    color: #ed6d47;
    font-weight: 600;
    font-size: 4.9479166667vw;
    position: absolute;
    top: 19.53125vw;
    left: 3.90625vw;
  }
  #interview .interview_list_box01 li .interview_list_box01_txtbox01_txt01 span {
    color: #ed6d47;
    font-size: 9.8958333333vw;
    font-family: "IBM Plex Sans", sans-serif;
  }
  #interview .interview_list_box01 li .interview_list_box01_txtbox01 {
    background: url("/recruit/lib/img/pages/pc/interview/bg_sp.png");
    background-position: center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    position: absolute;
    width: 95%;
    bottom: -50%;
    left: 50%;
    transform: translateX(-50%);
    padding: 5.2083333333vw 4.5572916667vw;
  }
  #interview .interview_list_box01 li .interview_list_box01_txtbox01 .interview_list_box01_txtbox01_txt02 {
    font-size: 4.4270833333vw;
    line-height: 1.6;
    letter-spacing: normal;
    font-weight: 600;
    margin-bottom: 0 !important;
    padding-bottom: 9.1145833333vw;
    color: #333333;
    letter-spacing: 0.01em !important;
  }
}
@media screen and (max-width: 767px) and (max-width: 319px) {
  #interview .interview_list_box01 li .interview_list_box01_txtbox01 .interview_list_box01_txtbox01_txt02 {
    font-size: 4.1666666667vw;
  }
}
@media screen and (max-width: 767px) {
  #interview .interview_list_box01 li .interview_list_box01_txtbox01 .interview_list_box01_txtbox01_txt03 {
    font-size: 3.90625vw;
    line-height: 1.5;
    color: #333333;
    font-weight: 600;
  }
  #interview .interview_list_box01 li .interview_list_box01_txtbox01 .interview_list_box01_txtbox01_txt03 span {
    font-size: 3.125vw;
    font-weight: 500;
  }
  #interview .interview_list_box01 li .interview_list_box01_txtbox02 {
    background: url("/recruit/lib/img/pages/pc/interview/bg_sp.png");
    background-position: center;
    background-size: 100% auto;
    position: absolute;
    background-repeat: no-repeat;
    width: 95%;
    bottom: -50%;
    left: 50%;
    transform: translateX(-50%);
    padding: 5.2083333333vw 4.5572916667vw;
  }
  #interview .interview_list_box01 li .interview_list_box01_txtbox02 .interview_list_box01_txtbox01_txt02 {
    font-size: 4.4270833333vw;
    line-height: 1.6;
    font-weight: 600;
    margin-bottom: 0 !important;
    padding-bottom: 9.1145833333vw;
    color: #333333;
  }
}
@media screen and (max-width: 767px) and (max-width: 319px) {
  #interview .interview_list_box01 li .interview_list_box01_txtbox02 .interview_list_box01_txtbox01_txt02 {
    font-size: 4.1666666667vw;
  }
}
@media screen and (max-width: 767px) {
  #interview .interview_list_box01 li .interview_list_box01_txtbox02 .interview_list_box01_txtbox01_txt02 span {
    letter-spacing: 0.01em !important;
  }
  #interview .interview_list_box01 li .interview_list_box01_txtbox02 .interview_list_box01_txtbox01_txt03 {
    font-size: 3.90625vw;
    line-height: 1.5;
    color: #333333;
    font-weight: 600;
  }
  #interview .interview_list_box01 li .interview_list_box01_txtbox02 .interview_list_box01_txtbox01_txt03 span {
    font-size: 3.125vw;
    font-weight: 500;
  }
  #interview .pankuzu-wrap {
    overflow-x: auto;
  }
  #interview .pankuzu-wrap ul {
    width: 1000%;
    padding: 0 10px;
  }
  #interview .pankuzu-wrap ul li {
    white-space: nowrap;
  }
  #interview .cont-box_interview_top {
    background: url("/recruit/lib/img/pages/pc/interview/back_R.svg");
    background-position: top center;
    background-repeat: repeat-y;
    background-size: 200% auto;
    background-color: #ebf6fa;
  }
  #interview .interview_headbox {
    width: 100%;
  }
  #interview .interview_headbox h1 .interview_headbox_txt01 {
    font-family: "IBM Plex Sans", sans-serif;
    color: #ed6d47;
    font-weight: 600;
    font-size: 19px;
    margin-bottom: 10px;
    padding: 0 20px;
  }
  #interview .interview_headbox h1 .interview_headbox_txt01 span {
    color: #ed6d47;
    font-size: 30px;
    font-family: "IBM Plex Sans", sans-serif;
  }
  #interview .interview_headbox h1 .interview_headbox_txt02 {
    font-size: 18px;
    line-height: 1.5;
    font-weight: 600;
    margin-bottom: 20px;
    padding: 0 20px;
  }
  #interview .interview_headbox .interview_headbox_box01 {
    background: #ed6d47;
    width: 83%;
    padding: 20px 20px 20px 20px;
    text-align: center;
    margin: 0 auto;
    margin-top: 20px;
  }
  #interview .interview_headbox .interview_headbox_box01 .interview_headbox_box01_txt01 {
    font-size: 14px;
    text-align: center;
    color: #fff;
    font-family: "IBM Plex Sans", sans-serif;
    font-weight: 600;
    position: relative;
    display: inline-block;
  }
  #interview .interview_headbox .interview_headbox_box01 .interview_headbox_box01_txt01:before {
    position: absolute;
    content: "――――";
    letter-spacing: -0.2em;
    color: #fff;
    left: -60px;
    top: 2px;
  }
  #interview .interview_headbox .interview_headbox_box01 .interview_headbox_box01_txt01:after {
    position: absolute;
    content: "――――";
    letter-spacing: -0.2em;
    color: #fff;
    right: -60px;
    top: 2px;
  }
  #interview .interview_headbox .interview_headbox_box01 .interview_headbox_box01_box01 {
    display: flex;
    justify-content: center;
  }
  #interview .interview_headbox .interview_headbox_box01 .interview_headbox_box01_box01 .interview_headbox_box01_txt02 {
    margin-right: 25px;
    font-size: 15px;
    color: #fff;
    font-weight: 600;
    line-height: 1.2;
  }
  #interview .interview_headbox .interview_headbox_box01 .interview_headbox_box01_box01 .interview_headbox_box01_txt03 {
    color: #fff;
    text-align: left;
    font-size: 12px;
    line-height: 1.8;
  }
  #interview .interview_contents_wrp {
    padding-bottom: 30px;
    /*2022.04追加　別インタビューリンク*/
  }
  #interview .interview_contents_wrp .interview_contents_txt01 {
    font-size: 16px;
    font-weight: 600;
    color: #ed6d47;
    position: relative;
    padding-left: 30px;
    line-height: 1.6;
    letter-spacing: 0.05em;
  }
  #interview .interview_contents_wrp .interview_contents_txt01:before {
    position: absolute;
    content: "――";
    letter-spacing: -0.2em;
    color: #ed6d47;
    left: 0;
    top: 2px;
    font-weight: 500;
  }
  #interview .interview_contents_wrp .interview_contents_txt02 {
    line-height: 1.8;
    font-size: 12px;
    letter-spacing: 0.02em;
  }
  #interview .interview_contents_wrp .interview_contents_box01 {
    padding: 0 15px;
    margin-top: 30px;
  }
  #interview .interview_contents_wrp .interview_contents_box02 {
    margin-top: 30px;
  }
  #interview .interview_contents_wrp .interview_contents_img01 {
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 0 15px;
  }
  #interview .interview_contents_wrp .interview_contents_imgbox01 {
    padding: 0 15px;
    margin: 30px 0;
  }
  #interview .interview_contents_wrp .interview_contents_img02 {
    margin: 30px 0;
  }
  #interview .interview_contents_wrp .interview_other_link_box {
    display: flex;
    justify-content: center;
    max-width: 67%;
    margin: 55px auto 35px auto;
  }
  #interview .interview_contents_wrp .interview_other_link_box .interview_other_link_block01 {
    position: relative;
    margin-right: 5px;
  }
  #interview .interview_contents_wrp .interview_other_link_box .interview_other_link_block01:last-child {
    margin-right: 0;
  }
  #interview .interview_contents_wrp .interview_other_link_box .interview_other_link_block01 a {
    display: block;
  }
  #interview .interview_contents_wrp .interview_other_link_box .interview_other_link_block01 .interview_other_txt01 {
    font-family: "IBM Plex Sans", sans-serif;
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    line-height: 1px;
    text-align: center;
    position: absolute;
    bottom: -30px;
    left: 0;
    right: 0;
    margin: auto;
    background: #ed6d47;
    padding: 18px 0 12px 0;
  }
  #interview .interview_contents_wrp .interview_other_link_box .interview_other_link_block01 .interview_other_txt01 span {
    color: #fff;
    font-size: 24px;
    font-family: "IBM Plex Sans", sans-serif;
    display: inline-block;
    margin-left: 4px;
  }
  .career .mt0 {
    margin-top: 0 !important;
  }
  .career h2 {
    font-size: 16px;
    font-weight: 600;
    color: #002a65;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    display: inline-block;
    position: relative;
    padding: 0 33px;
    margin-top: 30px;
    margin-bottom: 15px;
  }
  .career h2:before {
    position: absolute;
    content: "――";
    letter-spacing: -0.2em;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
  }
  .career h2:after {
    position: absolute;
    content: "――";
    letter-spacing: -0.2em;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
  }
  .career .green_arrow {
    width: 24px;
  }
  .career p {
    letter-spacing: 0.02em;
  }
  .career .cont-list li {
    border: none !important;
  }
  .career .profile-box table td .ac a:after {
    background-image: url("/recruit/lib/img/pages/pc/career/arrow_green.svg") !important;
    background-repeat: no-repeat;
  }
  .career .cont-box_wrp {
    padding-top: 1px;
    background-image: url("/recruit/lib/img/pages/pc/career/back_L_sp.svg"), url("/recruit/lib/img/pages/pc/career/back_R_sp.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left top, right bottom;
    padding-bottom: 15px;
  }
  .career #recruit-bg {
    background: #f2f2f0;
  }
  .career .career_title {
    background: #002a65;
    display: inline-block;
    padding: 10px 30px 10px 30px;
    position: absolute;
    width: 100%;
    max-width: 190px;
    left: 0;
    top: 20px;
  }
  .career .career_title .jp {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    margin-bottom: 10px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  }
  .career .career_title .en {
    font-family: "IBM Plex Sans", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    color: #fff;
    line-height: 1;
  }
  .career .career_title .career_title_txt01 {
    position: absolute;
    line-height: 1.63;
    top: 80px;
    text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, -1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;
    font-size: 12px;
    width: 100%;
  }
  .career .recruit-title-wrap {
    padding-left: 25%;
    background-color: #fff;
    position: relative;
  }
  .career .recruit-title_inner {
    background: url("/recruit/lib/img/pages/pc/career/main_profile.jpg") bottom left no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 450px) {
  .career .recruit-title_profile {
    background-position: bottom left -40px;
  }
}
@media screen and (max-width: 767px) {
  .career .cont-box {
    margin-bottom: 0 !important;
  }
  .career .pankuzu-wrap ul li a:after {
    background-color: #46a8a6 !important;
  }
  .career .pankuzu-wrap ul li i {
    color: #46a8a6 !important;
  }
  .career footer {
    background-color: #d8dee3 !important;
  }
  .career footer .foot-wrap ul {
    border-top: solid 1px #fff !important;
  }
  .career footer .foot-wrap ul li {
    border-bottom: solid 1px #fff !important;
  }
  .career footer .foot-wrap ul li a i {
    color: #46a8a6 !important;
  }
  .career .cont-box {
    margin-bottom: 0 !important;
  }
  .career .banner_box02 {
    margin-top: 0 !important;
    background-color: #d8dee3 !important;
  }
  .career footer {
    background-color: #d8dee3 !important;
  }
  .career footer .foot-wrap ul {
    border-top: solid 1px #fff !important;
  }
  .career footer .foot-wrap ul li {
    border-bottom: solid 1px #fff !important;
  }
  .career footer .foot-wrap ul li a i {
    color: #46a8a6 !important;
  }
  .career .main-img-wrap {
    margin: 50px auto 0 !important;
  }
  .career .cont-box_wrp {
    background: #f2f2f0;
    background-image: url("/recruit/lib/img/pages/pc/career/back_L_sp.svg"), url("/recruit/lib/img/pages/pc/career/back_R_sp.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left top, right bottom;
    padding-top: 30px;
    padding-bottom: 60px;
  }
  #career_recruit .cont-box_wrp {
    padding: 30px 15px;
    padding-bottom: 60px;
  }
  #career_recruit .cont-box {
    max-width: 1024px;
    background: #fff;
    padding: 10px 0 30px;
  }
  #career_recruit .recruit-title_recruit {
    background: url("/recruit/lib/img/pages/pc/career/main_requirement.jpg") left no-repeat;
    background-size: cover;
  }
  #career_recruit .requirement-box {
    margin: 20px 15px 0;
  }
  #career_recruit .requirement-box table {
    width: 100%;
    border-top: 1px solid #46a8a6;
  }
  #career_recruit .requirement-box table th, #career_recruit .requirement-box table td {
    display: block;
    padding: 15px 0;
    border-bottom: 1px solid #46a8a6;
    font-size: 14px;
    line-height: 1.6;
  }
  #career_recruit .requirement-box table th p, #career_recruit .requirement-box table td p {
    line-height: 1.6;
  }
  #career_recruit .requirement-box table th {
    font-weight: bold;
    text-align: left;
  }
  #career_recruit .requirement-box table td a {
    color: #333;
  }
  #career_recruit .requirement-box table td .link {
    margin-bottom: 15px;
  }
  #career_recruit .requirement-box table td .link a {
    display: flex;
    align-items: center;
    color: #333;
  }
  #career_recruit .requirement-box table td .link a img {
    margin-right: 5px;
  }
  #career_recruit .requirement-box table td .download_link a {
    display: flex;
    align-items: center;
    color: #46a8a6;
  }
  #career_recruit .requirement-box table td .download_link a img {
    margin-right: 5px;
  }
  #career_recruit .requirement-box table td .link a {
    color: #46a8a6;
  }
  #career .career_btn01 {
    text-align: center;
  }
  #career .career_btn01 a {
    display: inline-block;
    color: #fff;
    background-color: #46a8a6;
    line-height: 1;
    padding: 15px 80px;
    font-weight: 600;
    font-size: 16px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  }
  #career .main-img-wrap {
    text-align: center;
    margin: 50px auto 15px;
    background: #ebf6fa;
  }
  #career .main-img-wrap .main-img {
    position: relative;
  }
  #career .main-img-wrap .main-img .main_title {
    position: absolute;
    bottom: 9.1145833333vw;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
  }
  #career .main-img-wrap .main-img .main_title img {
    width: 100%;
    filter: drop-shadow(2px 2px 10px #002a65);
  }
  #career .cont-list {
    padding: 0 15px 10px;
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;
  }
  #career .cont-list li {
    margin-bottom: 40px;
    background: #fff;
    border-radius: 2px;
    position: relative;
  }
  #career .cont-list li a {
    padding-left: 18%;
  }
  #career .cont-list li .list_inner {
    height: 175px;
  }
  #career .cont-list li .career_listtxt01 {
    position: absolute;
    font-size: 12px;
    line-height: 1.63;
    letter-spacing: 0.4px;
    left: 10px;
    top: 109px;
    color: #333;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, -1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;
  }
  #career .cont-list li .title_wrp {
    position: absolute;
    z-index: 99;
    background: #002a65;
    padding: 15px 15px 15px 15px;
    width: 190px;
    left: 0;
    top: 15px;
  }
  #career .cont-list li .title_wrp .title {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    margin-bottom: 15px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  }
  #career .cont-list li .title_wrp .title-en {
    font-family: "IBM Plex Sans", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    color: #fff;
    line-height: 1;
  }
  #career .cont-list li:nth-child(1), #career .cont-list li:nth-child(2), #career .cont-list li:nth-child(3), #career .cont-list li:nth-child(4) {
    width: 100%;
  }
  #career .cont-list li:nth-child(5), #career .cont-list li:nth-child(6), #career .cont-list li:nth-child(7), #career .cont-list li:nth-child(8) {
    width: 100%;
  }
  #career .cont-list li:nth-child(6), #career .cont-list li:nth-child(8) {
    margin-right: 0;
  }
  #career .cont-list li a {
    position: relative;
    display: block;
    height: 175px;
  }
  #career .cont-list li a .txt {
    font-size: 14px;
    color: #333333;
    line-height: 1.5;
  }
  #career .cont-list li a .more-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 30px;
    height: 30px;
    right: 10px;
    bottom: -15px;
    background: #46a8a6;
    z-index: 99;
  }
  #career .cont-list li a .more-btn img {
    width: 24px;
    height: 8px;
    margin-bottom: 2px;
  }
  #career .cont-list .list1 .list_inner {
    background: url(/recruit/lib/img/pages/pc/career/top_list_img01.jpg) top right no-repeat #eef0f2;
    background-size: cover;
  }
  #career .cont-list .list2 .list_inner {
    background: url(/recruit/lib/img/pages/pc/career/top_list_img02.jpg) bottom right no-repeat;
    background-size: cover;
  }
  #career .cont-list .list3 {
    width: calc(100% - 40px);
  }
  #career .cont-list .list3 .list_inner {
    background: url(/recruit/lib/img/pages/pc/career/top_list_img04_sp.jpg) bottom left no-repeat;
    background-size: cover;
  }
  #career .cont-list .list3_02 {
    width: calc(100% - 40px);
  }
  #career .cont-list .list3_02 .list_inner {
    background: url(/recruit/lib/img/pages/pc/career/top_list_img03.jpg) bottom left no-repeat;
    background-size: cover !important;
  }
  #career .cont-list .list4 .list_inner {
    background: url(/recruit/lib/img/pages/pc/career/top_list_img05.jpg) top left no-repeat;
    background-size: cover !important;
  }
  #career .cont-list .list5 .list_inner {
    background: url(/recruit/lib/img/pages/pc/career/top_list_img06.jpg) top -30px left no-repeat;
    background-size: cover !important;
  }
  #career .cont-list .list6 a:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background: url(/recruit/lib/img/pages/pc/top/requirement_img.jpg) top right no-repeat;
    background-size: cover;
  }
  #career .cont-list .list7 a:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background: url(/recruit/lib/img/pages/pc/top/flow_img.jpg) top right no-repeat;
    background-size: cover;
  }
  #culture .culture-top-txt {
    font-size: 14px;
    text-align: left;
    line-height: 1.6;
    margin-top: 20px;
    padding: 0 15px;
  }
  #culture .txt1 {
    font-size: 14px;
    text-align: left;
    padding: 0 15px;
  }
  #culture .img-list {
    margin: 10px 15px 0;
  }
  #culture .img-list li {
    width: 100%;
    margin-bottom: 10px;
  }
  #culture .event-box {
    margin: 10px 15px 0;
  }
  #culture .event-box li {
    width: 100%;
    margin: 0 0;
    background: #fdf1ed;
  }
  #culture .event-box li .img {
    margin-bottom: 10px;
  }
  #culture .event-box li .img img {
    width: 100%;
  }
  #culture .event-box li .box {
    padding: 25px 20px;
  }
  #culture .event-box li .box .title {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 5px;
  }
  #culture .event-box li .box P {
    font-size: 14px;
    line-height: 1.6;
  }
  #career_profile {
    font-size: 14px;
  }
  #career_profile .cont-box {
    background: #fff;
    padding: 10px 0;
    padding-bottom: 30px;
    margin: 0 15px;
  }
  #career_profile .profile-box {
    margin: 0 15px 30px;
  }
  #career_profile .profile-box p {
    margin-top: 10px;
    line-height: 1.6;
  }
  #career_profile .profile-box table {
    width: 100%;
    border-top: 1px solid #46a8a6;
  }
  #career_profile .profile-box table th, #career_profile .profile-box table td {
    padding: 15px 0;
    border-bottom: 1px solid #46a8a6;
    font-size: 14px;
    display: block;
  }
  #career_profile .profile-box table th p, #career_profile .profile-box table td p {
    line-height: 1.6;
  }
  #career_profile .profile-box table th {
    font-weight: bold;
    text-align: left;
    padding-right: 5px;
  }
  #career_profile .profile-box table th h3 {
    font-weight: bold;
  }
  #career_profile .profile-box table td .link {
    margin-bottom: 15px;
  }
  #career_profile .profile-box table td .link a {
    display: flex;
    align-items: center;
    color: #333;
  }
  #career_profile .profile-box table td .link a img {
    margin-right: 5px;
  }
  #career_profile .profile-box table .img-list1 {
    margin-top: 20px;
  }
  #career_profile .profile-box table .ac {
    text-align: right;
  }
  #career_profile .profile-box table .ac a {
    color: #46a8a6;
    position: relative;
    display: inline-block;
  }
  #career_profile .profile-box table .ac a::after {
    position: absolute;
    display: block;
    content: "";
    width: 24px;
    height: 8px;
    top: 6px;
    left: -30px;
    background-image: url("/lib/img/pages/pc/about/profile_arrow_orange.png");
    background-position: center center;
  }
  #career_profile .profile-box table .ac.recruitnone {
    display: none;
  }
  #career_profile .profile-box table .map-box {
    margin-top: 20px;
  }
  #career_profile .profile-box .history-list {
    border-top: 1px solid #46a8a6;
  }
  #career_profile .profile-box .history-list li {
    display: flex;
    padding: 20px 0;
    border-bottom: 1px solid #46a8a6;
  }
  #career_profile .profile-box .history-list li .date {
    width: 100px;
  }
  #career_profile .profile-box .history-list li .txt {
    flex: 1;
  }
  #career_profile .profile-box .history-list li .txt a {
    color: #333333;
  }
  #career_profile .profile-box .img-list1 img {
    width: 100%;
  }
  #career_profile .profile-box .img-list1 li {
    margin-bottom: 10px;
  }
  #career_profile .profile-box .torihiki-list a {
    color: #333;
  }
  #data .data-box {
    text-align: center;
    width: 100%;
    border-bottom: 1px solid #d2d2d2;
    padding: 0 15px 30px;
  }
  #data .data-box p {
    font-size: 14px;
    line-height: 1.6;
  }
  #data .data-box .img1 {
    text-align: center;
    width: 100%;
    margin: 0 0 15px;
  }
  #data .data-box:last-child {
    border-bottom: none;
  }
  #data .data-box .img-list li:nth-child(2) {
    margin-top: 30px;
  }
  #requirement .requirement-top-txt {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin: 30px 0 20px;
  }
  #requirement .requirement-box {
    margin: 20px 15px 0;
  }
  #requirement .requirement-box table {
    width: 100%;
    border-top: 1px solid #edf0f4;
  }
  #requirement .requirement-box table th, #requirement .requirement-box table td {
    padding: 15px 0;
    border-bottom: 1px solid #edf0f4;
    font-size: 14px;
    display: block;
  }
  #requirement .requirement-box table th p, #requirement .requirement-box table td p {
    line-height: 1.6;
  }
  #requirement .requirement-box table th {
    font-weight: bold;
    text-align: left;
    padding-right: 5px;
  }
  #requirement .requirement-box table th h3 {
    font-weight: bold;
  }
  #requirement .requirement-box table td a {
    color: #333;
  }
  #requirement .requirement-box table td .link {
    margin-bottom: 15px;
  }
  #requirement .requirement-box table td .link a {
    display: flex;
    align-items: center;
    color: #333;
  }
  #requirement .requirement-box table td .link a img {
    margin-right: 5px;
  }
  #career_message .recruit-title-wrap {
    height: 200px;
  }
  #career_message .cont-box_wrp {
    padding-left: 15px;
    padding-right: 15px;
  }
  #career_message .message_inner {
    background: #fff;
    width: 100%;
    padding: 30px 15px;
  }
  #career_message .message_inner .message_txt01 {
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 14px;
    line-height: 1.6;
  }
  #career_message .message_inner .message_img01 {
    text-align: right;
    margin-top: 20px;
  }
  #career_message .message_inner .message_img01 img {
    width: 60%;
  }
  #career_message .recruit-title_message {
    background: url("/recruit/lib/img/pages/pc/career/main_massage.jpg") top left no-repeat;
    background-size: cover;
  }
}
@media screen and (max-width: 767px) and (max-width: 400px) {
  #career_message .recruit-title_message {
    background-position: top left 20px;
  }
}
@media screen and (max-width: 767px) {
  #career_flow .cont-box_wrp {
    padding: 30px 15px;
    padding-bottom: 60px;
  }
  #career_flow .cont-box {
    background: #fff;
    padding: 10px 15px 40px;
  }
  #career_flow .recruit-title_flow {
    background: url("/recruit/lib/img/pages/pc/career/main_flow.jpg") center no-repeat;
    background-size: cover;
  }
  #career_flow .border01 {
    width: 100%;
    height: 1px;
    background-color: #46a8a6;
    margin-top: 20px;
  }
  #career_flow h2 {
    text-align: center;
  }
  #career_flow h2 .subtitle {
    position: relative;
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 5px;
    padding: 0 5px;
  }
  #career_flow h2 .subtitle::after {
    position: absolute;
    bottom: -2px;
    left: 0;
    z-index: -1;
    content: "";
    width: 100%;
    height: 15px;
    background-color: #ffc478;
    transform: skewX(-15deg);
  }
  #career_flow .flow_leadtxt01 {
    font-size: 14px;
    line-height: 1.6;
    margin: 0 15px;
  }
  #career_flow .flow_step {
    margin: 20px 0;
    padding: 0 15px 15px;
    position: relative;
  }
  #career_flow .flow_step:last-child {
    padding-bottom: 0;
  }
  #career_flow .flow_step:last-child::after {
    display: none;
  }
  #career_flow .flow_step::after {
    display: block;
    content: "";
    width: 21px;
    height: 12.5px;
    position: absolute;
    bottom: -9px;
    left: 50%;
    margin-left: -10.5px;
    background-image: url("/recruit/lib/img/pages/pc/career/arrow.png");
    background-size: 100% auto;
  }
  #career_flow .flow_step h3 {
    position: relative;
  }
  #career_flow .flow_step .h3_arrownone::after {
    display: none;
  }
  #career_flow .flow_step .step_txt {
    vertical-align: top;
    font-size: 14px;
    line-height: 1.6;
  }
  #career_flow .flow_step .step_txt a {
    color: #46a8a6;
  }
  #career_flow .flow_step .step_htxt {
    border-radius: 4px;
    border: solid 2px #46a8a6;
    background-color: #ffffff;
    padding: 8px 0;
    text-align: center;
    margin-bottom: 15px;
    color: #46a8a6;
  }
  #career_flow .flow_step .step_htxt.step_htxt_last {
    background-color: #46a8a6;
    color: #fff;
  }
  #career_flow .flow_step .step_htxt.step_htxt_last .step_htxt_01 {
    border-bottom: 1px solid #fff;
  }
  #career_flow .flow_step .step_htxt .step_htxt_01 {
    padding: 0 15px 8px;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #46a8a6;
    line-height: 1;
  }
  #career_flow .flow_step .step_htxt .step_htxt_02 {
    padding: 8px 15px 0;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
  }
  #career_flow .flow_step .step_htxt .step_htxt_label01 {
    display: inline-block;
    vertical-align: middle;
    border-radius: 40px;
    background: #46a8a6;
    color: #fff;
    line-height: 1;
    padding: 5px 10px;
    font-size: 12px;
    margin-right: 10px;
    position: relative;
    top: -1px;
  }
  #career_flow .img_center {
    padding: 0 15px;
    text-align: center;
  }
  #career_flow .flow_txt01 {
    text-align: right;
    font-size: 12px;
    line-height: 1.6;
    padding: 0 15px;
    padding-top: 10px;
  }
  #career_service .cont-box_wrp {
    padding-bottom: 50px;
  }
  #career_service .recruit-title_service {
    background: url("/recruit/lib/img/pages/pc/career/main_service.jpg") bottom center no-repeat;
    background-size: cover;
  }
  #career_service .service_inner {
    text-align: center;
    padding: 0 15px;
  }
  #career_service .service_inner h2 {
    font-size: 16px;
    font-weight: 600;
    color: #002a65;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    display: inline-block;
    position: relative;
    padding: 0 33px;
    margin-top: 30px;
    margin-bottom: 15px;
  }
  #career_service .service_inner h2:before {
    position: absolute;
    content: "――";
    letter-spacing: -0.2em;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
  }
  #career_service .service_inner h2:after {
    position: absolute;
    content: "――";
    letter-spacing: -0.2em;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
  }
  #career_service .service_inner .service_box01 {
    position: relative;
    background: url("/recruit/lib/img/pages/pc/career/service_img01.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  #career_service .service_inner .service_box01 .service_box01_txt01 {
    display: inline-block;
    background: rgba(70, 168, 166, 0.7);
    margin: 40px 0;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-weight: 600;
    color: #fff;
    padding: 12px 15px;
    letter-spacing: 0.6px;
    font-size: 14px;
    line-height: 1.67;
    text-align: left;
  }
  #career_service .service_inner .service_box01 .service_box01_txtbox {
    padding: 15px 20px;
    width: 100%;
    background: rgba(255, 255, 255, 0.8);
  }
  #career_service .service_inner .service_box01 .service_box01_txtbox p {
    font-size: 13px;
    line-height: 1.88;
    letter-spacing: 0.4px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    text-align: left;
    color: #333;
  }
  #career_service .service_inner .service_box02 {
    background: url("/recruit/lib/img/pages/pc/career/service_img02.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  #career_service .service_inner .service_box03 {
    background: url("/recruit/lib/img/pages/pc/career/service_img03.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  #career_service .service_inner .service_box04 {
    background: url("/recruit/lib/img/pages/pc/career/service_img04.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  #career_interview .recruit-title_main {
    background: url("/recruit/lib/img/pages/pc/career/interview/interview_main_sp.jpg") top center no-repeat;
    background-size: cover;
  }
  #career_interview .cont-box_wrp {
    padding: 9.1145833333vw 15px;
  }
  #career_interview .cont-box_wrp_page {
    padding-top: 120px;
  }
  #career_interview p, #career_interview a {
    letter-spacing: 0.02em !important;
  }
  #career_interview .recruit-title-wrap {
    padding-left: 0;
    height: 220px;
  }
  #career_interview .recruit-title-wrap .title {
    margin: 0 auto;
    padding-top: 20px;
  }
  #career_interview .recruit-title-wrap .title h1 div {
    text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, -1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;
  }
  #career_interview p {
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  }
  #career_interview .interview_list_box01 li {
    position: relative;
    margin-top: 9.1145833333vw;
  }
  #career_interview .interview_list_box01 li:first-child {
    margin-top: 0;
  }
  #career_interview .interview_list_box01 li a {
    position: relative;
    height: 100%;
    display: block;
  }
  #career_interview .interview_list_box01 li a:before {
    content: "";
    position: absolute;
    background: #002a65;
    width: 33.8541666667vw;
    height: 100%;
  }
  #career_interview .interview_list_box01 li .more-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #46a8a6;
    color: #fff;
    width: 50.78125vw;
    height: 12.7604166667vw;
    font-size: 3.3854166667vw;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 7.8125vw;
    z-index: 100;
  }
  #career_interview .interview_list_box01 li .more-btn img {
    height: 8px;
    margin-bottom: 2px;
    padding-left: 15px;
  }
  #career_interview .interview_list_box01 li:first-child {
    margin-top: 0;
  }
  #career_interview .interview_list_box01 li .interview_list_box01_txtbox01_txt01 {
    position: absolute;
    top: 9.8958333333vw;
    left: 6.640625vw;
  }
  #career_interview .interview_list_box01 li .interview_list_box01_txtbox01_txt01 img {
    width: 24.3489583333vw;
  }
  #career_interview .interview_list_box01 li .interview_list_box01_txtbox01 {
    position: absolute;
    z-index: 99;
    top: 48.1770833333vw;
    left: 6.5104166667vw;
  }
  #career_interview .interview_list_box01 li .interview_list_box01_txtbox01 .interview_list_box01_txtbox01_txt02 {
    font-size: 4.4270833333vw;
    line-height: 1.6;
    letter-spacing: -0.4px;
    font-weight: 600;
    margin-bottom: 0 !important;
    padding-bottom: 3.90625vw;
    color: #fff;
    text-shadow: 2px 2px 10px #002a65, -2px 2px 10px #002a65, 2px -2px 10px #002a65, -2px -2px 10px #002a65;
  }
  #career_interview .interview_list_box01 li .interview_list_box01_txtbox01 .interview_list_box01_txtbox01_txt03 {
    font-size: 3.90625vw;
    color: #fff;
    margin-bottom: 0 !important;
    text-shadow: 2px 2px 10px #002a65, -2px 2px 10px #002a65, 2px -2px 10px #002a65, -2px -2px 10px #002a65;
    font-weight: 600;
    line-height: 1;
  }
  #career_interview .interview_list_box01 li .interview_list_box01_txtbox01 .interview_list_box01_txtbox01_txt03 span {
    font-size: 3.125vw;
    text-shadow: 2px 2px 10px #002a65, -2px 2px 10px #002a65, 2px -2px 10px #002a65, -2px -2px 10px #002a65;
    font-weight: 500;
  }
}
@media screen and (max-width: 767px) and (min-width: 1025px) {
  #career_interview .interview_list_box01 li .interview_list_box01_txtbox01 .interview_list_box01_txtbox01_txt03 span {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  #career_interview .interview_list_box01 li .interview_list_box01_txtbox02 {
    background: url("/recruit/lib/img/pages/pc/interview/bg_sp.png");
    background-position: center;
    background-size: 100% auto;
    position: absolute;
    background-repeat: no-repeat;
    width: 95%;
    bottom: -50%;
    left: 50%;
    transform: translateX(-50%);
    padding: 5.2083333333vw 4.5572916667vw;
  }
  #career_interview .interview_list_box01 li .interview_list_box01_txtbox02 .interview_list_box01_txtbox01_txt02 {
    font-size: 4.4270833333vw;
    line-height: 1.6;
    font-weight: 600;
    margin-bottom: 0 !important;
    padding-bottom: 9.1145833333vw;
    color: #333333;
  }
}
@media screen and (max-width: 767px) and (max-width: 319px) {
  #career_interview .interview_list_box01 li .interview_list_box01_txtbox02 .interview_list_box01_txtbox01_txt02 {
    font-size: 4.1666666667vw;
  }
}
@media screen and (max-width: 767px) {
  #career_interview .interview_list_box01 li .interview_list_box01_txtbox02 .interview_list_box01_txtbox01_txt02 span {
    letter-spacing: 0.01em !important;
  }
  #career_interview .interview_list_box01 li .interview_list_box01_txtbox02 .interview_list_box01_txtbox01_txt03 {
    font-size: 3.90625vw;
    line-height: 1.5;
    color: #333333;
    font-weight: 600;
  }
  #career_interview .interview_list_box01 li .interview_list_box01_txtbox02 .interview_list_box01_txtbox01_txt03 span {
    font-size: 3.125vw;
    font-weight: 500;
  }
  #career_interview .interview_details .interview_headbox {
    height: 446px;
    width: 100%;
    background-image: url("/recruit/lib/img/pages/pc/career/interview/002_main_sp.jpg");
    background-size: cover;
    background-position: left top;
    background-repeat: no-repeat;
    position: relative;
  }
  #career_interview .interview_details .interview_headbox h1 {
    padding-top: 60px;
    padding-left: 40px;
  }
  #career_interview .interview_details .interview_headbox h1 .interview_headbox_txt01 {
    background: #002a65;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 125px;
    height: 125px;
    position: absolute;
    left: 0;
    top: 25px;
  }
  #career_interview .interview_details .interview_headbox h1 .interview_headbox_txt01 img {
    width: 94px;
  }
  #career_interview .interview_details .interview_headbox h1 .interview_headbox_txt02 {
    font-size: 18px;
    line-height: 1.59;
    font-weight: 600;
    color: #fff;
    margin-top: 20px;
    text-shadow: 2px 2px 10px #002a65, -2px 2px 10px #002a65, 2px -2px 10px #002a65, -2px -2px 10px #002a65;
    position: absolute;
    bottom: 50px;
    left: 25px;
  }
  #career_interview .interview_details .interview_headbox01 {
    background-image: url("/recruit/lib/img/pages/pc/career/interview/001_main_sp.jpg") !important;
  }
  #career_interview .interview_details .interview_headbox03 {
    background-image: url("/recruit/lib/img/pages/pc/career/interview/003_main_sp.jpg") !important;
  }
  #career_interview .interview_details .interview_headbox_box01 {
    background: #46a8a6;
    width: 80%;
    padding: 10px 25px 10px 25px;
    text-align: center;
    margin: 0 auto;
    position: absolute;
    top: -90px;
    left: 50%;
    transform: translateX(-50%);
  }
  #career_interview .interview_details .interview_headbox_box01 .interview_headbox_box01_txt01 {
    text-align: center;
    display: inline-block;
    margin-bottom: 5px;
  }
  #career_interview .interview_details .interview_headbox_box01 .interview_headbox_box01_txt01 img {
    width: 39.0625vw;
  }
  #career_interview .interview_details .interview_headbox_box01 .interview_headbox_box01_box01 table {
    text-align: left;
    width: 100%;
  }
  #career_interview .interview_details .interview_headbox_box01 .interview_headbox_box01_box01 table tr {
    display: block;
    width: 100%;
  }
  #career_interview .interview_details .interview_headbox_box01 .interview_headbox_box01_box01 table tr td {
    display: block;
    width: 100%;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  }
  #career_interview .interview_details .interview_headbox_box01 .interview_headbox_box01_box01 .interview_headbox_box01_box01_tr02 {
    padding-top: 5px;
  }
  #career_interview .interview_details .interview_headbox_box01 .interview_headbox_box01_box01 .interview_headbox_box01_txt02 {
    font-size: 15px;
    color: #fff;
    font-weight: 600;
    white-space: nowrap;
  }
  #career_interview .interview_details .interview_headbox_box01 .interview_headbox_box01_box01 .interview_headbox_box01_txt03 {
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    white-space: nowrap;
  }
  #career_interview .interview_details .interview_headbox_box01 .interview_headbox_box01_box01 .interview_headbox_box01_txt04 {
    font-size: 12px;
    color: #fff;
    font-weight: 500;
  }
  #career_interview .interview_details .interview_headbox_box01 .interview_headbox_box01_box01 .interview_headbox_box01_txt05 {
    font-size: 12px;
    color: #fff;
    padding-top: 1px;
  }
  #career_interview .interview_details .pankuzu-wrap {
    overflow-x: auto;
  }
  #career_interview .interview_details .pankuzu-wrap ul {
    width: 1000%;
    padding: 0 10px;
  }
  #career_interview .interview_details .pankuzu-wrap ul li {
    white-space: nowrap;
  }
  #career_interview .interview_details .pankuzu-wrap::-webkit-scrollbar {
    display: none !important;
  }
  #career_interview .interview_details .cont-box_interview_top {
    background-color: #fff;
  }
  #career_interview .interview_details .interview_contents_wrp {
    padding-bottom: 30px;
    padding-top: 80px;
    position: relative;
  }
  #career_interview .interview_details .interview_contents_wrp .interview_contents_txt01 {
    font-size: 16px;
    font-weight: 600;
    color: #002a65;
    margin-bottom: 15px !important;
    position: relative;
    padding-left: 30px;
    line-height: 1.6;
    letter-spacing: 0.05em;
  }
  #career_interview .interview_details .interview_contents_wrp .interview_contents_txt01:before {
    position: absolute;
    content: "――";
    letter-spacing: -0.2em;
    color: #002a65;
    left: 0;
    top: 2px;
    font-weight: 500;
  }
  #career_interview .interview_details .interview_contents_wrp .interview_contents_txt02 {
    line-height: 1.8;
    font-size: 12px;
    letter-spacing: 0.02em;
  }
  #career_interview .interview_details .interview_contents_wrp .interview_contents_box01 {
    padding: 0 15px;
    margin-top: 30px;
  }
  #career_interview .interview_details .interview_contents_wrp .interview_contents_box01_02 {
    margin-top: 30px;
  }
  #career_interview .interview_details .interview_contents_wrp .interview_contents_box02 {
    margin-top: 30px;
  }
  #career_interview .interview_details .interview_contents_wrp .interview_contents_img01 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  #career_interview .interview_details .interview_contents_wrp .interview_contents_imgbox01 {
    padding: 0 15px;
    margin: 30px 0;
    margin-top: 0;
  }
  #career_interview .interview_details .interview_contents_wrp .interview_contents_img02 {
    margin: 30px 0;
  }
}/*# sourceMappingURL=style.css.map */