@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  box-sizing: border-box;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, picture {
  display: block;
  box-sizing: border-box;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* reset for form */
input {
  padding: 0;
  border: none;
  border-radius: 0;
  outline: none;
  background: none;
  box-sizing: border-box;
  font-family: "Noto Sans JP", sans-serif;
}

textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  resize: none;
  padding: 0;
  border: 0;
  outline: none;
  background: transparent;
  box-sizing: border-box;
  font-family: "Noto Sans JP", sans-serif;
}

button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  border: none;
  outline: none;
  background: transparent;
  box-sizing: border-box;
  font-family: "Noto Sans JP", sans-serif;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  border: none;
  outline: none;
  background: transparent;
  box-sizing: border-box;
  font-family: "Noto Sans JP", sans-serif;
}
select::-ms-expand {
  display: none;
}

/* ▼IE10・IE11用 */
:-ms-input-placeholder {
  color: #919191;
}

/* ▼Chrome・Safari・Opera用(※1：Edgeでも有効) */
::-webkit-input-placeholder {
  color: #919191;
}

/* ▼Firefox18以前用(※2) */
:-moz-placeholder {
  color: #919191;
}

/* ▼Firefox19以上用(※3) */
::-moz-placeholder {
  color: #919191;
  opacity: 1;
}

/* ▼CSS4標準(予定)の記述 */
::placeholder {
  color: #919191;
}

/*========== set.scss ==========*/
html {
  font-size: 62.5%;
  background-color: #fff;
}

body {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  color: #000;
  text-align: left;
  word-wrap: break-word;
  font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
  body {
    font-size: 3.5623409669vw;
  }
}

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

img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  pointer-events: none;
}

a {
  text-decoration: none;
  color: #000;
}
@media screen and (min-width: 768px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}
a:hover {
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
a.txtLink {
  text-decoration: underline;
  color: #2899D6;
}
a.txtLink.forBlank:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 1.3em;
  height: 1.3em;
  margin-left: 0.5em;
  background: url("../images/icon_blank.svg") center no-repeat;
  background-size: contain;
}
a.txtLink.forPDF:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 1.3em;
  height: 1.3em;
  margin-left: 0.5em;
  background: url("../images/icon_pdf.png") center no-repeat;
  background-size: contain;
}

sup {
  vertical-align: super;
  font-size: 75%;
}

@media screen and (max-width: 767px) {
  .noSP {
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
  .noPC {
    display: none !important;
  }
}

.noShow {
  display: none !important;
}

.toggle {
  cursor: pointer;
}
.toggle.open + .toggled {
  visibility: visible;
  opacity: 1;
  display: block;
}

.toggled {
  visibility: hidden;
  opacity: 0;
  display: none;
  transition: all 0.3s ease;
}

.inView {
  opacity: 0;
  visibility: hidden;
  transition: all 1.2s ease;
  transform: translateY(10px);
}
.inView.is-active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/*========== l-header.scss ==========*/
.l-header {
  position: sticky;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 999;
  transition: all 0.3s ease;
  background: #fff;
  display: flex;
  align-items: center;
  height: 80px;
}
@media screen and (max-width: 767px) {
  .l-header {
    height: 14.2493638677vw;
  }
}
.l-header.bg {
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.15);
}

/*========== l-main.scss ==========*/
.l-main-sec {
  padding: 10.1781170483vw 6.106870229vw 0;
}
@media screen and (min-width: 768px) {
  .l-main-sec {
    margin: 0 auto;
    max-width: 1440px;
    padding: 4.1666666667vw 7.7777777778vw 0;
  }
}
@media screen and (min-width: 1441px) {
  .l-main-sec {
    padding: 60px 112px 0;
  }
}
.l-main-sec:last-child {
  margin-bottom: 15.2671755725vw;
}
@media screen and (min-width: 768px) {
  .l-main-sec:last-child {
    margin-bottom: 8.8888888889vw;
  }
}
@media screen and (min-width: 1441px) {
  .l-main-sec:last-child {
    margin-bottom: 128px;
  }
}
.l-main-sec p, .l-main-sec ul, .l-main-sec table, .l-main-sec figure, .l-main-sec iframe, .l-main-sec .c-btn-std, .l-main-sec .link {
  line-height: 160%;
}
.l-main-sec p:not(:first-child), .l-main-sec ul:not(:first-child), .l-main-sec table:not(:first-child), .l-main-sec figure:not(:first-child), .l-main-sec iframe:not(:first-child), .l-main-sec .c-btn-std:not(:first-child), .l-main-sec .link:not(:first-child) {
  margin-top: 6.106870229vw;
}
@media screen and (min-width: 768px) {
  .l-main-sec p:not(:first-child), .l-main-sec ul:not(:first-child), .l-main-sec table:not(:first-child), .l-main-sec figure:not(:first-child), .l-main-sec iframe:not(:first-child), .l-main-sec .c-btn-std:not(:first-child), .l-main-sec .link:not(:first-child) {
    margin-top: 32px;
  }
}
.l-main-sec .c-list-idt {
  margin-top: 0;
  padding-top: 3.0534351145vw;
}
@media screen and (min-width: 768px) {
  .l-main-sec .c-list-idt {
    padding-top: 16px;
  }
}
.l-main-sec .adobe {
  display: block;
  width: 158px;
}

/*========== l-footer.scss ==========*/
.l-footer {
  background: #2899D6;
}
.l-footer__inner {
  width: 100% !important;
}
@media screen and (min-width: 768px) {
  .l-footer__inner {
    padding: 3.125vw 0 !important;
    width: 75.55555% !important;
    max-width: 1088px !important;
  }
}
@media screen and (min-width: 1441px) {
  .l-footer__inner {
    padding: 45px 0 !important;
  }
}

/*========== c-inner.scss ==========*/
.c-inner {
  margin: 0 auto;
  position: relative;
  z-index: 1;
  width: 87.786259542vw;
}
@media screen and (min-width: 768px) {
  .c-inner {
    width: 96%;
    max-width: 1440px;
  }
}
@media screen and (min-width: 1441px) {
  .c-inner {
    width: 100%;
  }
}

/*========== c-title.scss ==========*/
.c-title-top .en {
  display: block;
  font-weight: 400;
  position: relative;
  z-index: 1;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .c-title-top .en {
    font-size: 4.0712468193vw;
  }
}
@media screen and (min-width: 768px) {
  .c-title-top .en {
    margin-bottom: 4.4444444444vw;
    font-size: 1.1111111111vw;
  }
}
@media screen and (min-width: 1441px) {
  .c-title-top .en {
    margin-bottom: 64px;
    font-size: 1.6rem;
  }
}
.c-title-top .en:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -12.213740458vw;
  width: 4.0712468193vw;
  height: 1px;
  background: #2899D6;
}
@media screen and (min-width: 768px) {
  .c-title-top .en:before {
    left: -17.7777777778vw;
    width: 6.6666666667vw;
  }
}
@media screen and (min-width: 1441px) {
  .c-title-top .en:before {
    left: -256px;
    width: 96px;
  }
}
.c-title-top .en.show:before {
  animation: ttlObj 0.75s ease forwards;
}
.c-title-top .ja {
  display: block;
  font-weight: 500;
  color: #2899D6;
  font-size: 6.106870229vw;
}
@media screen and (min-width: 768px) {
  .c-title-top .ja {
    font-size: 2.4rem;
  }
}
.c-title-top.cl-wh .en {
  color: #fff;
}
.c-title-top.cl-wh .en:before {
  background: #fff;
}
.c-title-top.cl-wh .ja {
  color: #fff;
}
.c-title-head {
  color: #fff;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  font-weight: 500;
  font-size: 6.106870229vw;
}
@media screen and (max-width: 767px) {
  .c-title-head {
    line-height: 1.3;
  }
}
@media screen and (min-width: 768px) {
  .c-title-head {
    font-size: 4.8rem;
    left: 7.7777777778vw;
  }
}
@media screen and (min-width: 1441px) {
  .c-title-head {
    left: 112px;
  }
}
.c-title-head .eng {
  display: block;
  font-weight: 400;
  padding-bottom: 0.5em;
  font-size: 4.0712468193vw;
}
@media screen and (min-width: 768px) {
  .c-title-head .eng {
    font-size: 1.6rem;
  }
}
.c-title-headArea {
  background: url("../images/headarea_bg.webp") center no-repeat;
  background-size: cover;
}
.c-title-headArea__inner {
  position: relative;
  height: 40.7124681934vw;
}
@media screen and (min-width: 768px) {
  .c-title-headArea__inner {
    width: 100%;
    height: 31.0416666667vw;
  }
}
@media screen and (min-width: 1441px) {
  .c-title-headArea__inner {
    height: 447px;
  }
}
.c-title-headArea.company {
  background-image: url("../images/company/headarea_bg.webp");
}
.c-title-headArea.business {
  background-image: url("../images/business/headarea_bg.webp");
}
.c-title-headArea.workstyle {
  background-image: url("../images/workstyle/headarea_bg.webp");
}
.c-title-head01 {
  color: #2899D6;
  font-weight: 500;
  position: relative;
  line-height: 1.4;
  font-size: 6.106870229vw;
}
@media screen and (min-width: 768px) {
  .c-title-head01 {
    font-size: 2.4rem;
    padding-bottom: 16px;
  }
}
.c-title-head01:not(:first-child) {
  margin-top: 6.106870229vw;
}
@media screen and (min-width: 768px) {
  .c-title-head01:not(:first-child) {
    margin-top: 32px;
  }
}
.c-title-head01:before {
  content: "";
  display: block;
  position: absolute;
  top: 40%;
  left: -6.106870229vw;
  width: 4.0712468193vw;
  height: 1px;
  background: #2899D6;
}
@media screen and (min-width: 768px) {
  .c-title-head01:before {
    left: -7.7777777778vw;
    width: 5.5555555556vw;
  }
}
@media screen and (min-width: 1441px) {
  .c-title-head01:before {
    left: -112px;
    width: 80px;
  }
}
.c-title-head02 {
  font-weight: 500;
  line-height: 120%;
  padding: 1.5em 0 1em 1em;
  position: relative;
  border-bottom: 1px solid #D1D1D1;
  font-size: 4.5801526718vw;
}
@media screen and (min-width: 768px) {
  .c-title-head02 {
    padding-top: 1.9em;
    font-size: 2rem;
  }
}
.c-title-head02:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  border-style: solid;
  border-width: 0.5em 0 0.5em 0.7em;
  border-color: transparent transparent transparent #2899D6;
}
@media screen and (max-width: 767px) {
  .c-title-head02:before {
    top: 1.6em;
  }
}
.c-title-head03 {
  color: #0F2C42;
  font-weight: 700;
  font-size: 4.5801526718vw;
  padding-top: 6.106870229vw;
}
@media screen and (min-width: 768px) {
  .c-title-head03 {
    font-size: 1.8rem;
    padding-top: 32px;
  }
}
.c-title-lead {
  color: #2899D6;
  font-weight: 500;
  line-height: 130%;
  font-size: 4.0712468193vw;
}
@media screen and (min-width: 768px) {
  .c-title-lead {
    font-size: 1.3888888889vw;
  }
}
@media screen and (min-width: 1441px) {
  .c-title-lead {
    font-size: 2rem;
  }
}
.c-title-std {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: -12.213740458vw;
  margin-bottom: 5.0890585242vw;
}
@media screen and (min-width: 768px) {
  .c-title-std {
    margin-top: -5.5555555556vw;
    margin-bottom: 2.2222222222vw;
  }
}
@media screen and (min-width: 1441px) {
  .c-title-std {
    margin-top: -80px;
    margin-bottom: 32px;
  }
}
.c-title-std:before {
  content: "";
  display: block;
  width: 1px;
  margin: 0 auto 5.0890585242vw;
  background: #2899D6;
  height: 10.1781170483vw;
}
@media screen and (min-width: 768px) {
  .c-title-std:before {
    height: 6.6666666667vw;
    margin-bottom: 2.2222222222vw;
  }
}
@media screen and (min-width: 1441px) {
  .c-title-std:before {
    height: 96px;
    margin-bottom: 32px;
  }
}
.c-title-std .eng {
  line-height: 2;
}
.c-title-std .ja {
  color: #2899D6;
  font-weight: 500;
  line-height: 1.5;
  font-size: 6.106870229vw;
}
@media screen and (min-width: 768px) {
  .c-title-std .ja {
    font-size: 3rem;
  }
}

@keyframes ttlObj {
  0% {
    left: -12.213740458vw;
  }
  100% {
    left: -6.106870229vw;
  }
}
@media screen and (min-width: 768px) {
  @keyframes ttlObj {
    0% {
      left: -17.7777777778vw;
    }
    100% {
      left: -8.8888888889vw;
    }
  }
}
@media screen and (min-width: 1441px) {
  @keyframes ttlObj {
    0% {
      left: -256px;
    }
    100% {
      left: -128px;
    }
  }
}
/*========== c-list.scss ==========*/
.c-list-std__item {
  position: relative;
  line-height: 160%;
  padding-left: 7.1246819338vw;
}
@media screen and (min-width: 768px) {
  .c-list-std__item {
    padding-left: 28px;
  }
}
.c-list-std__item:not(:last-child) {
  margin-bottom: 1em;
}
.c-list-std__item:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0.45em;
  background: #2899D6;
  width: 3.0534351145vw;
  height: 3.0534351145vw;
}
@media screen and (min-width: 768px) {
  .c-list-std__item:before {
    top: 0.4em;
    width: 12px;
    height: 12px;
  }
}
.c-list-idt__item {
  position: relative;
  text-indent: -1em;
  margin-left: 1em;
  line-height: 140%;
}
.c-list-idt__item:not(:last-child) {
  margin-bottom: 1em;
}
.c-list-idt.forEM25 .c-list-idt__item {
  text-indent: -2.5em;
  margin-left: 2.5em;
}
.c-list-idt.forEM15 .c-list-idt__item {
  text-indent: -1.5em;
  margin-left: 1.5em;
}

/*========== c-btn.scss ==========*/
.c-btn-std {
  cursor: pointer;
  display: inline-block;
  color: #2899D6;
  border: 1px solid #2899D6;
  font-weight: 500;
  border-radius: 2px;
  line-height: 1;
  position: relative;
  padding: 3.0534351145vw 7.8880407125vw 3.0534351145vw 6.106870229vw;
}
@media screen and (min-width: 768px) {
  .c-btn-std {
    line-height: 1.5;
    padding: 12px 60px 12px 24px;
  }
}
.c-btn-std:after {
  content: "";
  display: block;
  width: 0.35em;
  height: 0.35em;
  border-top: 1px solid #2899D6;
  border-right: 1px solid #2899D6;
  transform: translateY(-50%) rotate(45deg);
  position: absolute;
  top: 50%;
  right: 3.8167938931vw;
}
@media screen and (min-width: 768px) {
  .c-btn-std:after {
    right: 24px;
  }
}
.c-btn-std.cl-wh {
  border-color: #fff;
  color: #fff;
}
.c-btn-std.cl-wh:after {
  border-top-color: #fff;
  border-right-color: #fff;
}
.c-btn-std.withBG {
  background: #f2f9fd;
}
.c-btn-more {
  cursor: pointer;
  display: inline-block;
  border: 1px solid #2899D6;
  border-radius: 2px;
  position: relative;
  width: 8.1424936387vw;
  height: 8.1424936387vw;
}
.c-btn-more:after {
  content: "";
  display: block;
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4.0712468193vw;
  height: 4.0712468193vw;
  background: url("../images/icon_open.svg") center no-repeat;
  background-size: contain;
}
.c-btn-moreWrap.open .c-btn-more {
  background: #F2F9FD;
}
.c-btn-moreWrap.open .c-btn-more:after {
  background-image: url("../images/icon_close.svg");
}

/*========== c-table.scss ==========*/
@media screen and (max-width: 767px) {
  .c-table-scroll {
    overflow-x: scroll;
  }
}
.c-table-std {
  border-collapse: collapse;
  width: 100%;
  border-top: 1px solid #D1D1D1;
}
@media screen and (min-width: 768px) {
  .c-table-std.w50 {
    width: 50%;
  }
}
.c-table-std th, .c-table-std td {
  border-collapse: collapse;
  border-bottom: 1px solid #D1D1D1;
  border-right: 1px solid #D1D1D1;
  line-height: 1.4;
  padding: 1.5em 1em;
  vertical-align: middle;
}
.c-table-std th:last-child, .c-table-std td:last-child {
  border-right: none;
}
@media screen and (max-width: 767px) {
  .c-table-std.typeBlock th, .c-table-std.typeBlock td {
    display: block;
    padding: 1.5267175573vw 3.8167938931vw;
    line-height: 180%;
    border-right: none;
  }
}
@media screen and (max-width: 767px) {
  .c-table-std.typeW600 {
    min-width: 600px;
  }
}
.c-table-std thead th {
  font-weight: 700;
  background: #C2E2F5;
}
.c-table-std tbody th {
  background: #F2F9FD;
  font-weight: 700;
  vertical-align: middle;
}
.c-table-std tbody td .note {
  font-size: 3.5623409669vw;
}
@media screen and (min-width: 768px) {
  .c-table-std tbody td .note {
    font-size: 1.4rem;
  }
}
.c-table-std tfoot th {
  background: #F6F6F6;
  font-weight: 700;
}
.c-table-std tfoot td {
  background: #F6F6F6;
}

/*========== c-tab.scss ==========*/
.c-tab-items {
  border-bottom: 1px solid #888888;
}
@media screen and (min-width: 768px) {
  .c-tab-items {
    display: flex;
    flex-wrap: wrap;
  }
}
.c-tab-itemsWrap {
  margin-bottom: 6.106870229vw;
}
@media screen and (min-width: 768px) {
  .c-tab-itemsWrap {
    margin-bottom: 32px;
  }
}
.c-tab-items__item {
  position: relative;
  text-align: center;
  cursor: pointer;
  font-weight: 500;
  padding: 1em 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .c-tab-items__item {
    padding: 1.25em 0;
  }
}
.c-tab-items__item:after {
  content: "";
  display: none;
  position: absolute;
  left: 0;
  bottom: -1px;
  height: 1px;
  width: 100%;
}
.c-tab-items__item:hover {
  color: #2899D6;
}
.c-tab-items__item:hover:after {
  display: block;
  background: #2899D6;
}
.c-tab-items__item.active {
  background: #2899D6;
  color: #fff;
}
.c-tab-items__item.active:after {
  display: block;
  background: #2899D6;
}
.c-tab-items.x2 {
  display: flex;
  flex-wrap: wrap;
}
.c-tab-items.x2 .c-tab-items__item {
  width: 50%;
}
@media screen and (min-width: 768px) {
  .c-tab-items.x2 .c-tab-items__item {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  .c-tab-items.x5 .c-tab-items__item {
    width: 20%;
  }
}
.c-tab-panels__panel {
  display: none;
}
.c-tab-panels__panel.active {
  display: block;
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/*========== p-kv.scss ==========*/
.p-kv {
  position: relative;
}
.p-kv-opening {
  position: fixed;
  inset: 0;
  background: #000;
  z-index: 1000;
  opacity: 1;
  transition: opacity 1.5s ease;
}
.p-kv-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  overflow: hidden;
}
.p-kv-bg__item {
  height: calc(100vh - 80px);
}
@media screen and (max-width: 767px) {
  .p-kv-bg__item {
    height: calc(100vh - 14.2493638677vw);
  }
}
.p-kv-bg__item img {
  object-fit: cover;
  transform: scale(1.3);
  width: 100%;
  height: 100%;
}
.p-kv-bg__item.add-animation img {
  animation: bgKV 10s linear 0s normal both;
}
.p-kv__inner {
  z-index: 1;
  height: calc(100vh - 80px);
}
@media screen and (max-width: 767px) {
  .p-kv__inner {
    height: calc(100vh - 14.2493638677vw);
  }
}
.p-kv .txtWrap {
  opacity: 0;
  transition: opacity 1.5s ease;
  position: absolute;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .p-kv .txtWrap {
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media screen and (min-width: 768px) {
  .p-kv .txtWrap {
    top: 34.9576271186vh;
    left: 8.8888888889vw;
  }
}
@media screen and (min-width: 1441px) {
  .p-kv .txtWrap {
    left: 128px;
  }
}
.p-kv .forTtl {
  color: #fff;
  font-weight: 700;
  letter-spacing: 0.04em;
  font-size: 5.0890585242vw;
  margin-bottom: 1em;
  line-height: 140%;
}
@media screen and (max-width: 767px) {
  .p-kv .forTtl {
    font-feature-settings: "palt";
  }
}
@media screen and (min-width: 768px) {
  .p-kv .forTtl {
    font-size: 2.0833333333vw;
    line-height: 1.5;
    margin-bottom: 2.2222222222vw;
  }
}
@media screen and (min-width: 1441px) {
  .p-kv .forTtl {
    font-size: 3rem;
    margin-bottom: 32px;
  }
}
.p-kv .forLead {
  font-weight: 500;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .p-kv .forLead {
    line-height: 1.625;
    font-size: 4.0712468193vw;
  }
}
@media screen and (min-width: 768px) {
  .p-kv .forLead {
    font-size: 1.1111111111vw;
  }
}
@media screen and (min-width: 1441px) {
  .p-kv .forLead {
    font-size: 1.6rem;
  }
}
.p-kv .forBtn {
  opacity: 0;
  transition: opacity 1.5s ease;
  z-index: 2;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 4px;
  font-weight: 500;
  display: block;
  position: absolute;
}
@media screen and (max-width: 767px) {
  .p-kv .forBtn {
    font-size: 4.0712468193vw;
    left: 6.106870229vw;
    bottom: 6.106870229vw;
    width: 87.786259542vw;
    padding: 3.0534351145vw 0;
    text-align: center;
  }
}
@media screen and (min-width: 768px) {
  .p-kv .forBtn {
    display: inline-block;
    padding: 12px 24px;
    right: 3.3333333333vw;
    bottom: 3.6111111111vw;
    font-size: 1.1111111111vw;
  }
}
@media screen and (min-width: 1441px) {
  .p-kv .forBtn {
    right: 48px;
    bottom: 52px;
    font-size: 1.6rem;
  }
}
.p-kv .forBtn .icon {
  display: inline-block;
  position: relative;
  padding-right: 1.5em;
}
@media screen and (min-width: 768px) {
  .p-kv .forBtn .icon {
    padding-right: 48px;
  }
}
.p-kv .forBtn .icon:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1em;
  height: 1em;
  background: url("../images/icon_blank_wh.svg") center no-repeat;
  background-size: contain;
}
.p-kv.show-text .txtWrap, .p-kv.show-text .forBtn {
  opacity: 1;
}

@keyframes bgKV {
  0% {
    transform: scale(1.3);
  }
  100% {
    transform: scale(1);
  }
}
/*========== p-nav.scss ==========*/
.p-nav {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 6.106870229vw;
}
@media screen and (min-width: 768px) {
  .p-nav {
    padding: 0 2.2222222222vw 0 4.4444444444vw;
  }
}
@media screen and (min-width: 1441px) {
  .p-nav {
    padding: 0 32px 0 64px;
  }
}
.p-nav-logo {
  width: 68.1933842239vw;
}
@media screen and (min-width: 768px) {
  .p-nav-logo {
    width: 332px;
  }
}
.p-nav-logo a {
  display: block;
}
@media screen and (max-width: 767px) {
  .p-nav-items {
    border-bottom: 1px solid #D4D4D8;
  }
}
@media screen and (min-width: 768px) {
  .p-nav-items {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .p-nav-items:not(:last-child) {
    margin-bottom: 18px;
  }
}
@media screen and (min-width: 768px) {
  .p-nav-items .item {
    position: relative;
  }
}
@media screen and (min-width: 768px) {
  .p-nav-items .item:not(:last-child):after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 20px;
    background: #D1D1D1;
    width: 1px;
    height: 40px;
  }
}
@media screen and (max-width: 767px) {
  .p-nav-items .item .toggle {
    position: relative;
  }
  .p-nav-items .item .toggle:after {
    content: "";
    display: block;
    position: absolute;
    right: 5.0890585242vw;
    top: 50%;
    transform: translateY(-50%);
    background: url("../images/icon_open.svg") center no-repeat;
    background-size: contain;
    width: 5.0890585242vw;
    height: 5.0890585242vw;
  }
}
.p-nav-items .item .toggle.open:after {
  background-image: url("../images/icon_close.svg");
}
@media screen and (max-width: 767px) {
  .p-nav-items .item a {
    display: block;
    position: relative;
    border-top: 1px solid #D4D4D8;
    padding: 4.0712468193vw 12.7226463104vw 4.0712468193vw 4.0712468193vw;
  }
  .p-nav-items .item a:after {
    content: "";
    display: block;
    position: absolute;
    right: 6.8702290076vw;
    top: 45%;
    width: 2.0356234097vw;
    height: 2.0356234097vw;
    border-top: 2px solid #2899D6;
    border-right: 2px solid #2899D6;
    transform: rotate(45deg) translateY(-50%);
  }
}
@media screen and (min-width: 768px) {
  .p-nav-items .item a {
    font-size: 1.6rem;
    height: 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    color: #042232;
    padding: 0 2em;
  }
}
.p-nav-items .item a .en {
  color: #2899D6;
  font-size: 1.2rem;
  padding-top: 4px;
}
@media screen and (max-width: 767px) {
  .p-nav-items .item a .en {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .p-nav-items .item a.hasChild {
    pointer-events: none;
  }
  .p-nav-items .item a.hasChild:after {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .p-nav-items .item .child {
    position: absolute;
    top: 80px;
    left: 50%;
    transform: translateX(-50%);
    width: 160px;
    background: #fff;
    border-top: 2px solid #2899D6;
    box-shadow: 0px 4px 16px rgba(0, 147, 72, 0.08);
    padding: 16px 0;
  }
}
@media screen and (max-width: 767px) {
  .p-nav-items .item .child {
    border-top: 1px solid #D4D4D8;
  }
}
@media screen and (max-width: 767px) {
  .p-nav-items .item .child__item {
    line-height: 1.7;
    margin-left: 12.7226463104vw;
  }
  .p-nav-items .item .child__item a {
    font-size: 3.0534351145vw;
    padding: 3.0534351145vw 1em 3.0534351145vw 8.1424936387vw;
    border-top: none;
  }
  .p-nav-items .item .child__item a:after {
    right: auto;
    left: 2.0356234097vw;
    width: 1.5267175573vw;
    height: 1.5267175573vw;
  }
  .p-nav-items .item .child__item:not(:last-child) {
    border-bottom: 1px solid #D4D4D8;
  }
}
@media screen and (min-width: 768px) {
  .p-nav-items .item .child__item {
    line-height: 1.8;
  }
  .p-nav-items .item .child__item a {
    display: block;
    font-size: 1.4rem;
    padding: 8px 24px;
    color: #222;
    height: auto;
  }
}
@media screen and (min-width: 768px) {
  .p-nav-items .item:hover .child {
    display: block;
    opacity: 1;
    visibility: visible;
  }
}
.p-nav-tPath {
  background: #F6F6F6;
  padding: 3.0534351145vw 0;
}
@media screen and (min-width: 768px) {
  .p-nav-tPath {
    padding: 16px 0;
  }
}
@media screen and (min-width: 768px) {
  .p-nav-tPath__inner {
    width: 100%;
    padding: 0 7.7777777778vw;
  }
}
@media screen and (min-width: 1441px) {
  .p-nav-tPath__inner {
    padding: 0 112px;
  }
}
.p-nav-tPath .items {
  display: flex;
  flex-wrap: wrap;
}
.p-nav-tPath .items .item {
  color: #5D5D5D;
  font-size: 3.0534351145vw;
}
@media screen and (min-width: 768px) {
  .p-nav-tPath .items .item {
    font-size: 1.4rem;
  }
}
.p-nav-tPath .items .item:not(:last-child) {
  margin-right: 1em;
  padding-right: 1em;
}
.p-nav-tPath .items .item a {
  color: #5D5D5D;
  position: relative;
}
.p-nav-tPath .items .item a:after {
  content: "";
  display: block;
  position: absolute;
  right: -1em;
  top: 50%;
  width: 0.4em;
  height: 0.4em;
  border-top: 1px solid #5D5D5D;
  border-right: 1px solid #5D5D5D;
  transform: rotate(45deg) translateY(-50%);
}
.p-nav .burger {
  width: 100%;
  height: 8.1424936387vw;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  z-index: 999;
  cursor: pointer;
  margin: auto;
}
.p-nav .burger--wrap {
  z-index: 999;
  position: absolute;
  right: 6.106870229vw;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 6.106870229vw;
}
@media screen and (min-width: 768px) {
  .p-nav .burger--wrap {
    display: none;
  }
}
.p-nav .burger:before, .p-nav .burger:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  right: 0;
  background: #2899D6;
}
.p-nav .burger:before {
  top: 0;
}
.p-nav .burger:after {
  top: 4.0712468193vw;
}
.p-nav .burger .line {
  width: 100%;
  height: 1px;
  background: #2899D6;
  position: absolute;
  top: 2.0356234097vw;
  left: 0;
}
.p-nav .burger .txt {
  display: block;
  text-align: center;
  color: #2899D6;
  font-size: 2.0356234097vw;
  font-weight: 500;
}
.p-nav .burger .open {
  display: block;
}
.p-nav .burger .close {
  display: none;
}
.p-nav .burger-active:before {
  transform: rotate(40deg);
  top: -3.8167938931vw;
  bottom: 0;
  margin: auto;
}
.p-nav .burger-active:after {
  transform: rotate(320deg);
  top: -3.8167938931vw;
  bottom: 0;
  margin: auto;
}
.p-nav .burger-active .line {
  transform: scale(0);
}
.p-nav .burger-active .open {
  display: none;
}
.p-nav .burger-active .close {
  display: block;
}
@media screen and (max-width: 767px) {
  .p-nav .navigation {
    opacity: 0;
    top: 0;
    z-index: -1;
    width: 0;
    position: fixed;
    transition: 0.3s;
    -webkit-overflow-scrolling: touch;
    background-color: #fff;
    right: 0;
    height: 0;
    width: 100vw;
  }
}
@media screen and (min-width: 768px) {
  .p-nav .navigation {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
}
@media screen and (max-width: 767px) {
  .p-nav .navigation--content {
    position: relative;
    right: -100vw;
    top: 14.2493638677vw;
    height: auto;
    background: #fff;
    padding: 0;
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
  }
}
@media screen and (max-width: 767px) {
  .p-nav .navigation.nav-active {
    opacity: 1;
    z-index: 998;
    width: 100vw;
  }
  .p-nav .navigation.nav-active .navigation--content {
    right: 0;
  }
}

/*========== p-business.scss ==========*/
@media screen and (min-width: 768px) {
  .p-business-top {
    flex-flow: row-reverse;
  }
}
@media screen and (min-width: 768px) {
  .p-business-sec01 .forIntro p {
    font-size: 1.6rem;
    line-height: 1.8;
  }
}
.p-business-sec01 .forIntro p:not(:first-child) {
  margin-top: 1em;
}
.p-business-sec01 .forObj01 {
  margin: auto;
  max-width: 1049px;
}
.p-business-sec01 .forFlow {
  border: 1px solid #2899D6;
  background: #F2F9FD;
  text-align: center;
  position: relative;
  border-radius: 8px 8px 0px 0px;
  padding: 0 4.0712468193vw 4.0712468193vw;
}
@media screen and (max-width: 767px) {
  .p-business-sec01 .forFlow {
    margin-bottom: 5.0890585242vw;
  }
}
@media screen and (min-width: 768px) {
  .p-business-sec01 .forFlow {
    padding: 0 16px 16px;
    width: 31%;
    display: flex;
    flex-direction: column;
  }
}
.p-business-sec01 .forFlowWrap {
  padding: 4.5801526718vw 2.7989821883vw 0 3.0534351145vw;
}
@media screen and (min-width: 768px) {
  .p-business-sec01 .forFlowWrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 32px 0;
  }
}
.p-business-sec01 .forFlow_ttl {
  color: #fff;
  background: #2899D6;
  font-weight: 700;
  border-radius: 8px 8px 0px 0px;
  font-size: 4.5801526718vw;
  padding: 4.5801526718vw 0;
  margin: 0 -4.0712468193vw;
}
@media screen and (min-width: 768px) {
  .p-business-sec01 .forFlow_ttl {
    font-size: 1.8rem;
    padding: 16px 0;
    margin: 0 -16px;
  }
}
.p-business-sec01 .forFlow_txt {
  color: #1877B1;
  font-weight: 700;
  line-height: 140%;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .p-business-sec01 .forFlow_txt {
    height: auto !important;
    margin-right: -1em;
  }
}
@media screen and (min-width: 768px) {
  .p-business-sec01 .forFlow_txt {
    padding: 0 8px;
  }
}
.p-business-sec01 .forFlow_list {
  display: inline-block;
}
.p-business-sec01 .forFlow_listWrap {
  background: #fff;
  padding: 4.0712468193vw 2.0356234097vw;
  margin-top: 2.0356234097vw;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .p-business-sec01 .forFlow_listWrap {
    padding: 1em;
    margin-top: 32px;
    flex-grow: 1;
  }
}
.p-business-sec01 .forFlow_list__item {
  font-weight: 500;
  color: #1877B1;
  text-align: left;
  position: relative;
  padding-left: 1em;
}
.p-business-sec01 .forFlow_list__item:before {
  content: "・";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
@media screen and (min-width: 768px) {
  .p-business-sec01 .forSponsor {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 32px 0;
  }
}
.p-business-sec01 .forSponsor:not(:last-child) {
  margin-bottom: 6.106870229vw;
}
@media screen and (min-width: 768px) {
  .p-business-sec01 .forSponsor:not(:last-child) {
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 767px) {
  .p-business-sec01 .forSponsorWrap {
    padding-bottom: 5.0890585242vw;
  }
}
.p-business-sec01 .forSponsor_logo {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .p-business-sec01 .forSponsor_logo {
    margin-bottom: 4.0712468193vw;
  }
}
@media screen and (min-width: 768px) {
  .p-business-sec01 .forSponsor_logo {
    width: 48.68421%;
  }
}
.p-business-sec01 .forSponsor_logo img {
  width: auto;
  margin: 0 auto;
  height: 20.3562340967vw;
}
@media screen and (min-width: 768px) {
  .p-business-sec01 .forSponsor_logo img {
    height: 98px;
  }
}
@media screen and (min-width: 768px) {
  .p-business-sec01 .forSponsor_list {
    width: 48.68421%;
  }
}
.p-business-sec01 .forProperty {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .p-business-sec01 .forProperty {
    margin-top: 2.0356234097vw !important;
  }
}
@media screen and (min-width: 768px) {
  .p-business-sec01 .forProperty {
    margin-bottom: 32px;
    margin-top: 9px !important;
  }
}
.p-business-sec01 .forProperty_item {
  width: 48%;
}
@media screen and (min-width: 768px) {
  .p-business-sec01 .forProperty_item {
    width: 24%;
  }
}
@media screen and (max-width: 767px) {
  .p-business-sec01 .forProperty_item {
    margin-bottom: 6.106870229vw;
  }
}
.p-business-sec01 .forProperty_item .cap {
  display: block;
  padding-top: 1em;
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .p-business-sec01 .forProperty_item .cap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-size: 3.5623409669vw;
  }
}
.p-business-sec01 .forProperty_item .cap_cat {
  color: #fff;
  display: inline-block;
  margin-right: 1em;
  font-size: 3.0534351145vw;
  padding: 1.5267175573vw 4.0712468193vw;
}
@media screen and (min-width: 768px) {
  .p-business-sec01 .forProperty_item .cap_cat {
    font-size: 1.2rem;
    padding: 6px 16px;
  }
}
@media screen and (max-width: 767px) {
  .p-business-sec01 .forProperty_item .cap_cat {
    margin-bottom: 2.0356234097vw;
  }
}
.p-business-sec01 .forProperty_item .cap_cat.cl-office {
  background: #174463;
}
.p-business-sec01 .forProperty_item .cap_cat.cl-house {
  background: #8BE4F5;
  color: #000;
}
.p-business-sec01 .forProperty_item .cap_cat.cl-logistics {
  background: #4EAFE2;
}
.p-business-sec01 .forGraph {
  margin-top: 0 !important;
}

/*========== p-company.scss ==========*/
.p-company-index {
  display: flex;
}
@media screen and (max-width: 767px) {
  .p-company-index {
    padding-top: 6.106870229vw;
    flex-direction: column;
  }
}
@media screen and (min-width: 768px) {
  .p-company-index {
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 5.5555555556vw;
  }
}
@media screen and (min-width: 1441px) {
  .p-company-index {
    padding-top: 80px;
  }
}
.p-company-index .box_ph {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-company-index .box_ph {
    order: 2;
  }
}
@media screen and (min-width: 768px) {
  .p-company-index .box_ph {
    width: 42.10526%;
  }
}
.p-company-index .box_ph .cap {
  font-weight: 500;
  display: block;
  line-height: 1.5;
  padding-top: 6.106870229vw;
}
@media screen and (min-width: 768px) {
  .p-company-index .box_ph .cap {
    padding-top: 24px;
  }
}
.p-company-index .box_ph .cap_ttl {
  margin-right: 1em;
  font-size: 4.5801526718vw;
  margin-top: 8px;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .p-company-index .box_ph .cap_ttl {
    font-size: 1.8rem;
  }
}
.p-company-index .box_ph .cap_name {
  font-size: 4.5801526718vw;
}
@media screen and (min-width: 768px) {
  .p-company-index .box_ph .cap_name {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 767px) {
  .p-company-index .box_txt {
    order: 1;
    margin-bottom: 9.1603053435vw;
  }
}
@media screen and (min-width: 768px) {
  .p-company-index .box_txt {
    width: 52.63157%;
  }
}
@media screen and (min-width: 768px) {
  .p-company-index .box_txt p {
    font-size: 1.6rem;
    line-height: 1.8;
  }
}
.p-company-policy {
  position: relative;
  overflow: hidden;
}
.p-company-policy__inner {
  padding: 5.0890585242vw 6.106870229vw 20.3562340967vw;
}
@media screen and (min-width: 768px) {
  .p-company-policy__inner {
    margin: 0 auto;
    max-width: 1440px;
    padding: 2.2222222222vw 0 8.8888888889vw;
  }
}
@media screen and (min-width: 1441px) {
  .p-company-policy__inner {
    padding: 32px 0 128px;
  }
}
@media screen and (min-width: 768px) {
  .p-company-policy_sec {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 767px) {
  .p-company-policy_sec:not(:last-child) {
    margin-bottom: 16.2849872774vw;
  }
}
@media screen and (min-width: 768px) {
  .p-company-policy_sec:not(:first-child) .box_ttl {
    padding-top: 2.2916666667vw;
  }
}
@media screen and (min-width: 1441px) {
  .p-company-policy_sec:not(:first-child) .box_ttl {
    padding-top: 33px;
  }
}
@media screen and (min-width: 768px) {
  .p-company-policy_sec:not(:first-child) .box_ctt {
    padding-top: 2.2916666667vw;
  }
}
@media screen and (min-width: 1441px) {
  .p-company-policy_sec:not(:first-child) .box_ctt {
    padding-top: 33px;
  }
}
@media screen and (min-width: 768px) {
  .p-company-policy_sec .box_ttl {
    width: 33.33333%;
    padding: 4.4444444444vw 0 4.4444444444vw 8.8888888889vw;
  }
}
@media screen and (min-width: 1441px) {
  .p-company-policy_sec .box_ttl {
    padding: 64px 0 64px 128px;
  }
}
.p-company-policy_sec .box_ttl .c-title-top .en:before {
  left: -6.106870229vw;
}
@media screen and (min-width: 768px) {
  .p-company-policy_sec .box_ttl .c-title-top .en:before {
    left: -8.8888888889vw;
  }
}
@media screen and (min-width: 1441px) {
  .p-company-policy_sec .box_ttl .c-title-top .en:before {
    left: -128px;
  }
}
.p-company-policy_sec .box_ctt {
  padding: 16.2849872774vw 0 0;
}
@media screen and (min-width: 768px) {
  .p-company-policy_sec .box_ctt {
    width: 66.66667%;
    padding: 4.4444444444vw 0;
  }
}
@media screen and (min-width: 1441px) {
  .p-company-policy_sec .box_ctt {
    padding: 64px 0;
  }
}
.p-company-policy_sec .forPhilosophy {
  overflow: hidden;
}
.p-company-policy_sec .forPhilosophy__item {
  font-weight: 500;
  display: flex;
  align-items: flex-start;
  position: relative;
  line-height: 150%;
  font-size: 5.5979643766vw;
}
@media screen and (min-width: 768px) {
  .p-company-policy_sec .forPhilosophy__item {
    align-items: center;
    line-height: 1.2;
    font-size: 2.2rem;
    padding-right: 1em;
  }
}
@media screen and (min-width: 1441px) {
  .p-company-policy_sec .forPhilosophy__item {
    padding-right: 0;
    line-height: 1;
  }
}
.p-company-policy_sec .forPhilosophy__item:not(:last-child) {
  border-bottom: 1px solid #D1D1D1;
  padding-bottom: 1em;
  margin-bottom: 1em;
}
.p-company-policy_sec .forPhilosophy__item:not(:last-child):after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -1px;
  background: #2899D6;
  height: 1px;
  width: 12.213740458vw;
}
@media screen and (min-width: 768px) {
  .p-company-policy_sec .forPhilosophy__item:not(:last-child):after {
    width: 48px;
  }
}
.p-company-policy_sec .forPhilosophy__item .num {
  color: #2899D6;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  margin-right: 0.5em;
  font-size: 8.1424936387vw;
}
@media screen and (min-width: 768px) {
  .p-company-policy_sec .forPhilosophy__item .num {
    margin-right: 1em;
    font-size: 3rem;
  }
}
.p-company-policy_sec .forPolicy .c-list-std__item {
  font-weight: 500;
  font-size: 3.5623409669vw;
  padding-bottom: 6.106870229vw;
}
@media screen and (max-width: 767px) {
  .p-company-policy_sec .forPolicy .c-list-std__item {
    line-height: 160%;
  }
}
@media screen and (min-width: 768px) {
  .p-company-policy_sec .forPolicy .c-list-std__item {
    font-size: 1.8rem;
    padding-bottom: 24px;
    padding-right: 1em;
  }
}
@media screen and (min-width: 1441px) {
  .p-company-policy_sec .forPolicy .c-list-std__item {
    padding-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-company-policy_sec .forPolicy .c-list-std__item:before {
    top: 0.3em;
  }
}
.p-company-policy_sec .forPolicy .c-list-std__item:not(:last-child) {
  border-bottom: 1px solid #D1D1D1;
  margin-bottom: 6.106870229vw;
}
@media screen and (min-width: 768px) {
  .p-company-policy_sec .forPolicy .c-list-std__item:not(:last-child) {
    margin-bottom: 24px;
  }
}
.p-company-policy_sec .forPolicy .c-list-std__item:not(:last-child):after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -1px;
  background: #2899D6;
  height: 1px;
  width: 12.213740458vw;
}
@media screen and (min-width: 768px) {
  .p-company-policy_sec .forPolicy .c-list-std__item:not(:last-child):after {
    width: 48px;
  }
}
@media screen and (max-width: 767px) {
  .p-company-outline th, .p-company-outline td {
    display: block;
  }
  .p-company-outline th {
    padding: 1em;
    border-right: none;
  }
}
.p-company-board .forTtl {
  float: left;
  clear: both;
  width: 8em;
  text-align: center;
}
.p-company-board .forName {
  margin-left: 8em;
}

/*========== p-workstyle.scss ==========*/
.slider-controls {
  display: flex;
  align-items: center;
  justify-content: center;
}
.slider-controls .slick-arrow {
  cursor: pointer;
  transition: all 0.3s ease;
  text-indent: -9999px;
  border-radius: 50%;
  background: url("../images/icon_arrow_bl.svg") center no-repeat rgb(255, 255, 255);
  background-size: 30%;
  width: 8.1424936387vw;
  height: 8.1424936387vw;
}
@media screen and (min-width: 768px) {
  .slider-controls .slick-arrow {
    width: 3.3333333333vw;
    height: 3.3333333333vw;
  }
}
@media screen and (min-width: 1441px) {
  .slider-controls .slick-arrow {
    width: 48px;
    height: 48px;
  }
}
.slider-controls .slick-arrow.slick-prev {
  transform: rotate(-180deg);
}
@media screen and (max-width: 767px) {
  .slider-controls .slick-arrow.slick-prev {
    background-position: 55% center;
  }
}
.slider-controls .slick-arrow.slick-disabled {
  opacity: 0.3;
}
.slider-controls .dots-container .slick-dots {
  display: flex;
  align-items: center;
  margin: 0 2.0356234097vw;
}
@media screen and (min-width: 768px) {
  .slider-controls .dots-container .slick-dots {
    margin: 0 2.2222222222vw;
  }
}
@media screen and (min-width: 1441px) {
  .slider-controls .dots-container .slick-dots {
    margin: 0 20px;
  }
}
.slider-controls .dots-container .slick-dots li {
  display: flex;
  align-items: center;
}
.slider-controls .dots-container .slick-dots li:not(:last-child) {
  margin-right: 2.0356234097vw;
}
@media screen and (min-width: 768px) {
  .slider-controls .dots-container .slick-dots li:not(:last-child) {
    margin-right: 1.1111111111vw;
  }
}
@media screen and (min-width: 1441px) {
  .slider-controls .dots-container .slick-dots li:not(:last-child) {
    margin-right: 10px;
  }
}
.slider-controls .dots-container .slick-dots li button {
  transition: all 0.3s ease;
  cursor: pointer;
  text-indent: -9999px;
  border-radius: 50%;
  width: 2.0356234097vw;
  height: 2.0356234097vw;
}
@media screen and (min-width: 768px) {
  .slider-controls .dots-container .slick-dots li button {
    width: 8px;
    height: 8px;
  }
}
.slider-controls .dots-container .slick-dots li button:hover {
  opacity: 0.7;
}

.p-workstyle-top {
  position: relative;
  overflow: hidden;
}
.p-workstyle-top:after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  transform: scale(1.1);
  background: url("../images/top/recruit_bg_sp.webp") center no-repeat;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  .p-workstyle-top:after {
    background-image: url("../images/top/recruit_bg.webp");
  }
}
.p-workstyle-top.show:after {
  animation: bgZoom 3s ease forwards;
}
.p-workstyle-top__inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 10.1781170483vw 6.3613231552vw;
}
@media screen and (min-width: 768px) {
  .p-workstyle-top__inner {
    padding: 7.5vw 8.8888888889vw;
  }
}
@media screen and (min-width: 1441px) {
  .p-workstyle-top__inner {
    padding: 108px 128px;
  }
}
.p-workstyle-top .forTtl {
  margin-bottom: 9.1603053435vw;
}
@media screen and (min-width: 768px) {
  .p-workstyle-top .forTtl {
    margin-bottom: 2.2222222222vw;
  }
}
@media screen and (min-width: 1441px) {
  .p-workstyle-top .forTtl {
    margin-bottom: 32px;
  }
}
.p-workstyle-top .forTtl .en {
  margin-bottom: 4.0712468193vw;
}
@media screen and (min-width: 768px) {
  .p-workstyle-top .forTtl .en {
    margin-bottom: 2.0833333333vw;
  }
}
@media screen and (min-width: 1441px) {
  .p-workstyle-top .forTtl .en {
    margin-bottom: 30px;
  }
}
.p-workstyle-top .forTxt {
  opacity: 0;
}
.p-workstyle-top .forTxt.show {
  animation: showTxt 1.2s 1s ease forwards;
}
.p-workstyle-top .forCatch {
  color: #fff;
  font-weight: 700;
  line-height: 140%;
  font-size: 7.6335877863vw;
  padding: 9.1603053435vw 0 6.106870229vw;
}
@media screen and (min-width: 768px) {
  .p-workstyle-top .forCatch {
    line-height: 1.375;
    font-size: 6rem;
    padding: 2.2222222222vw 0;
  }
}
@media screen and (min-width: 1441px) {
  .p-workstyle-top .forCatch {
    padding: 32px 0;
  }
}
.p-workstyle-sec01 {
  padding-bottom: 6.106870229vw;
}
@media screen and (min-width: 768px) {
  .p-workstyle-sec01 {
    padding-top: 8.6111111111vw;
    padding-bottom: 4.4444444444vw;
  }
}
@media screen and (min-width: 1441px) {
  .p-workstyle-sec01 {
    padding-top: 124px;
    padding-bottom: 64px;
  }
}
@media screen and (max-width: 767px) {
  .p-workstyle-sec01 .forTtl {
    line-height: 11.4503816794vw;
  }
  .p-workstyle-sec01 .forTtl:before {
    top: 50%;
    transform: translateY(-50%);
  }
}
.p-workstyle-sec01 .forFeature .c-list-std__item {
  padding-left: 2em;
}
@media screen and (min-width: 768px) {
  .p-workstyle-sec01 .forFeature .c-list-std__item {
    font-size: 1.8rem;
    padding-left: 3em;
  }
}
.p-workstyle-sec01 .forFeature .c-list-std__item:not(:last-child) {
  border-bottom: 1px solid #D1D1D1;
  padding-bottom: 1em;
}
.p-workstyle-sec01 .forFeature .c-list-std__item:not(:last-child):after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -1px;
  height: 1px;
  background: #2899D6;
  width: 9.1603053435vw;
}
@media screen and (min-width: 768px) {
  .p-workstyle-sec01 .forFeature .c-list-std__item:not(:last-child):after {
    width: 48px;
  }
}
.p-workstyle-sec02 {
  background: #F2F9FD;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-workstyle-sec02 {
    padding: 6.106870229vw 0 11.1959287532vw;
    overflow: hidden;
  }
}
.p-workstyle-sec02_slide__item {
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-workstyle-sec02 .wrapBox {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
    max-width: 1440px;
  }
}
.p-workstyle-sec02 .forInfo {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 0 6.106870229vw 6.106870229vw;
}
@media screen and (min-width: 768px) {
  .p-workstyle-sec02 .forInfo {
    width: 40.625%;
    padding: 0 8.8888888889vw;
  }
}
@media screen and (min-width: 1441px) {
  .p-workstyle-sec02 .forInfo {
    padding: 0 128px;
  }
}
@media screen and (min-width: 768px) {
  .p-workstyle-sec02 .forInfo_ttl {
    margin-bottom: 16px;
  }
}
.p-workstyle-sec02 .forInfo_ttl .en {
  display: block;
  font-weight: 400;
  position: relative;
  z-index: 1;
  margin-bottom: 4.0712468193vw;
}
@media screen and (min-width: 768px) {
  .p-workstyle-sec02 .forInfo_ttl .en {
    margin-bottom: 1.1111111111vw;
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 1441px) {
  .p-workstyle-sec02 .forInfo_ttl .en {
    margin-bottom: 16px;
  }
}
.p-workstyle-sec02 .forInfo_ttl .en:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -6.106870229vw;
  width: 4.0712468193vw;
  height: 1px;
  background: #2899D6;
}
@media screen and (min-width: 768px) {
  .p-workstyle-sec02 .forInfo_ttl .en:before {
    left: -8.8888888889vw;
    width: 6.6666666667vw;
  }
}
@media screen and (min-width: 1441px) {
  .p-workstyle-sec02 .forInfo_ttl .en:before {
    left: -128px;
    width: 96px;
  }
}
.p-workstyle-sec02 .forInfo_ttl .ja {
  display: block;
  font-weight: 500;
  color: #2899D6;
  font-size: 6.106870229vw;
}
@media screen and (min-width: 768px) {
  .p-workstyle-sec02 .forInfo_ttl .ja {
    font-size: 2.4rem;
  }
}
.p-workstyle-sec02 .forInfo_about {
  color: #fff;
  background: #174463;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .p-workstyle-sec02 .forInfo_about {
    margin-top: 4.0712468193vw;
    padding: 1.5267175573vw 4.0712468193vw;
    font-size: 3.5623409669vw;
  }
}
@media screen and (min-width: 768px) {
  .p-workstyle-sec02 .forInfo_about {
    font-size: 1.4rem;
    padding: 6px 16px;
  }
}
.p-workstyle-sec02 .forPh {
  overflow: hidden;
  height: 58.0152671756vw;
}
@media screen and (min-width: 768px) {
  .p-workstyle-sec02 .forPh {
    width: 59.375%;
    height: 35.5555555556vw;
  }
}
@media screen and (min-width: 1441px) {
  .p-workstyle-sec02 .forPh {
    height: 512px;
  }
}
.p-workstyle-sec02 .forPh img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-workstyle-sec02 .slider-controls {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 13.7404580153vw;
}
@media screen and (min-width: 768px) {
  .p-workstyle-sec02 .slider-controls {
    width: 59.375%;
    height: 100%;
    top: 0;
    left: 40.625%;
    justify-content: space-between;
    padding: 0 2.0833333333vw;
    overflow: hidden;
  }
}
@media screen and (min-width: 1441px) {
  .p-workstyle-sec02 .slider-controls {
    width: 855px;
    left: 50%;
    transform: translateX(-135px);
    padding: 0 30px;
  }
}
@media screen and (min-width: 768px) {
  .p-workstyle-sec02 .slider-controls .dots-container {
    bottom: 2.2222222222vw;
    position: absolute;
    left: 0;
    width: 100%;
  }
}
@media screen and (min-width: 1441px) {
  .p-workstyle-sec02 .slider-controls .dots-container {
    bottom: 32px;
  }
}
@media screen and (min-width: 768px) {
  .p-workstyle-sec02 .slider-controls .dots-container .slick-dots {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media screen and (min-width: 768px) {
  .p-workstyle-sec02 .slider-controls .dots-container .slick-dots li {
    margin: 0.2em 4px;
  }
}
@media screen and (min-width: 1441px) {
  .p-workstyle-sec02 .slider-controls .dots-container .slick-dots li {
    margin: 0.2em 8px;
  }
}
@media screen and (min-width: 768px) {
  .p-workstyle-sec02 .slider-controls .dots-container .slick-dots li:not(:last-child) {
    margin: 0.2em 4px;
  }
}
@media screen and (min-width: 1441px) {
  .p-workstyle-sec02 .slider-controls .dots-container .slick-dots li:not(:last-child) {
    margin: 0.2em 8px;
  }
}
.p-workstyle-sec02 .slider-controls .dots-container .slick-dots li button {
  background: #fff;
}
.p-workstyle-sec02 .slider-controls .dots-container .slick-dots li.slick-active button {
  background: #2899D6;
}
@media screen and (max-width: 767px) {
  .p-workstyle-sec02 .slider-controls .slick-arrow {
    position: absolute;
    bottom: 22.9007633588vw;
  }
}
@media screen and (max-width: 767px) {
  .p-workstyle-sec02 .slider-controls .slick-arrow.slick-next {
    right: 2.0356234097vw;
  }
}
@media screen and (max-width: 767px) {
  .p-workstyle-sec02 .slider-controls .slick-arrow.slick-prev {
    left: 2.0356234097vw;
  }
}
.p-workstyle-sec03 {
  padding-left: 0;
  padding-right: 0;
}
@media screen and (max-width: 767px) {
  .p-workstyle-sec03 {
    position: relative;
    overflow: hidden;
    padding-top: 6.106870229vw;
  }
}
@media screen and (min-width: 768px) {
  .p-workstyle-sec03 {
    max-width: none;
    padding-top: 5.5555555556vw;
  }
}
@media screen and (min-width: 1441px) {
  .p-workstyle-sec03 {
    padding-top: 80px;
  }
}
.p-workstyle-sec03 .c-title-std {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .p-workstyle-sec03 .c-title-std {
    margin-bottom: 2.0356234097vw !important;
  }
}
.p-workstyle-sec03 .c-title-std .eng {
  font-size: 4.0712468193vw;
}
@media screen and (min-width: 768px) {
  .p-workstyle-sec03 .c-title-std .eng {
    font-size: 1.6rem;
  }
}
.p-workstyle-sec03 .c-title-std .ja {
  font-size: 6.106870229vw;
}
@media screen and (max-width: 767px) {
  .p-workstyle-sec03 .c-title-std .ja {
    line-height: 11.4503816794vw;
  }
}
@media screen and (min-width: 768px) {
  .p-workstyle-sec03 .c-title-std .ja {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-workstyle-sec03 .c-title-std:before {
    margin-bottom: 2.0356234097vw;
  }
}
@media screen and (max-width: 767px) {
  .p-workstyle-sec03_slide {
    margin-top: 0 !important;
    margin-bottom: 4.0712468193vw;
  }
}
@media screen and (min-width: 768px) {
  .p-workstyle-sec03_slide {
    margin: 5.5555555556vw auto !important;
    display: flex;
    flex-wrap: wrap;
    max-width: 1134px;
  }
}
@media screen and (min-width: 1441px) {
  .p-workstyle-sec03_slide {
    margin-top: 80px !important;
    margin-bottom: 80px;
  }
}
.p-workstyle-sec03_slide__item {
  background: #174463;
  color: #fff;
  padding: 5.0890585242vw 6.106870229vw;
  width: 67.9389312977vw;
}
@media screen and (max-width: 767px) {
  .p-workstyle-sec03_slide__item {
    margin: 0 1.0178117048vw;
  }
}
@media screen and (min-width: 768px) {
  .p-workstyle-sec03_slide__item {
    width: 24.475%;
    margin-bottom: 0.7%;
    padding: 1.6666666667vw;
  }
}
@media screen and (min-width: 1441px) {
  .p-workstyle-sec03_slide__item {
    padding: 24px;
  }
}
@media screen and (min-width: 768px) {
  .p-workstyle-sec03_slide__item:not(:nth-child(4n)) {
    margin-right: 0.7%;
  }
}
.p-workstyle-sec03_slide__item .forTtl {
  text-align: center;
  font-weight: 500;
  line-height: 120%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  font-size: 4.5801526718vw;
}
@media screen and (min-width: 768px) {
  .p-workstyle-sec03_slide__item .forTtl {
    font-size: 2rem;
  }
}
.p-workstyle-sec03_slide__item .forTtl .sizeS {
  display: block;
  font-size: 3.0534351145vw;
}
@media screen and (min-width: 768px) {
  .p-workstyle-sec03_slide__item .forTtl .sizeS {
    font-size: 1.6rem;
  }
}
.p-workstyle-sec03_slide__item .forTtl_icon {
  display: block;
  /* width: 20.3562340967vw; */
  margin: 4.0712468193vw auto;
}
.p-workstyle-sec03_slide__item .forTtl_icon img {
  width: 15.3562340967vw;
}
@media screen and (min-width: 768px) {
  .p-workstyle-sec03_slide__item .forTtl_icon {
    margin: 32px auto;
    /* width: 48.8px; */
    width: auto;
  }
  .p-workstyle-sec03_slide__item .forTtl_icon img {
    height: 48px;
    width: auto;
  }
}
.p-workstyle-sec03_slide__item .forTxt {
  font-weight: lighter;
  line-height: 5.0890585242vw;
}
@media screen and (min-width: 768px) {
  .p-workstyle-sec03_slide__item .forTxt {
    line-height: 1.5;
  }
}
@media screen and (max-width: 767px) {
  .p-workstyle-sec03 .slider-controls {
    margin-bottom: 6.106870229vw;
  }
}
@media screen and (min-width: 768px) {
  .p-workstyle-sec03 .slider-controls {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .p-workstyle-sec03 .slick-arrow {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .p-workstyle-sec03 .slick-arrow {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 8.1424936387vw;
    height: 8.1424936387vw;
  }
}
@media screen and (max-width: 767px) {
  .p-workstyle-sec03 .slick-arrow.slick-next {
    background-image: url("../images/icon_next.svg");
  }
}
@media screen and (max-width: 767px) {
  .p-workstyle-sec03 .slick-arrow.slick-prev {
    background-image: url("../images/icon_prev.svg");
    transform: rotate(0);
  }
}
.p-workstyle-sec03 .slick-dots li button {
  background: #D1D1D1;
}
.p-workstyle-sec03 .slick-dots li.slick-active button {
  background: #2899D6;
}
@media screen and (max-width: 767px) {
  .p-workstyle-sec04 {
    margin-bottom: 6.106870229vw !important;
  }
}
@media screen and (max-width: 767px) {
  .p-workstyle-sec04 .forTtl {
    margin-top: -10.1781170483vw !important;
  }
}
@media screen and (min-width: 768px) {
  .p-workstyle-sec04 .forTtl {
    margin-bottom: 5.5555555556vw;
    margin-top: -4.1666666667vw;
  }
}
@media screen and (min-width: 1441px) {
  .p-workstyle-sec04 .forTtl {
    margin-bottom: 80px;
    margin-top: -60px;
  }
}
@media screen and (min-width: 768px) {
  .p-workstyle-sec04 .forTtl .eng {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 768px) {
  .p-workstyle-sec04 .forTtl .ja {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-workstyle-sec04 .forTtl .ja {
    line-height: 11.4503816794vw;
  }
}
@media screen and (min-width: 768px) {
  .p-workstyle-sec04 .forInterview {
    margin: 0 auto;
    max-width: 992px;
  }
}
.p-workstyle-sec04 .forInterview-item {
  position: relative;
  overflow: hidden;
  border: 1px solid #D1D1D1;
  border-radius: 8px;
  padding: 4.0712468193vw 2.0356234097vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .p-workstyle-sec04 .forInterview-item {
    padding: 16px;
  }
}
.p-workstyle-sec04 .forInterview-item:not(:last-child) {
  margin-bottom: 4.0712468193vw;
}
@media screen and (min-width: 768px) {
  .p-workstyle-sec04 .forInterview-item:not(:last-child) {
    margin-bottom: 16px;
  }
}
.p-workstyle-sec04 .forInterview-item:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  border-bottom: 10em solid transparent;
  border-left: 10em solid #2899D6;
}
@media screen and (max-width: 767px) {
  .p-workstyle-sec04 .forInterview-item:before {
    border-bottom-width: 40.7124681934vw;
    border-left-width: 40.7124681934vw;
  }
}
.p-workstyle-sec04 .forInterview-item_L {
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-workstyle-sec04 .forInterview-item_L {
    width: 28.4987277354vw;
  }
}
@media screen and (min-width: 768px) {
  .p-workstyle-sec04 .forInterview-item_L {
    width: 15.625%;
  }
}
@media screen and (max-width: 767px) {
  .p-workstyle-sec04 .forInterview-item_L {
    margin-bottom: 6.106870229vw;
  }
}
@media screen and (min-width: 768px) {
  .p-workstyle-sec04 .forInterview-item_R {
    width: 80.52884%;
  }
}
@media screen and (max-width: 767px) {
  .p-workstyle-sec04 .forInterview-item_R {
    display: contents;
  }
}
.p-workstyle-sec04 .forInterview-item_R .info {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .p-workstyle-sec04 .forInterview-item_R .info {
    border-bottom: 1px solid #2899D6;
    margin-bottom: 8px;
    padding-bottom: 8px;
  }
}
@media screen and (max-width: 767px) {
  .p-workstyle-sec04 .forInterview-item_R .info {
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    width: 49.3638676845vw;
    margin-bottom: 6.106870229vw;
  }
}
.p-workstyle-sec04 .forInterview-item_R .info_name {
  color: #666666;
  font-weight: 500;
  font-size: 3.5623409669vw;
}
@media screen and (min-width: 768px) {
  .p-workstyle-sec04 .forInterview-item_R .info_name {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-workstyle-sec04 .forInterview-item_R .info_name {
    border-bottom: 1px solid #2899D6;
    padding-bottom: 0.5em;
    margin-bottom: 0.75em;
    width: 100%;
    text-align: right;
  }
}
.p-workstyle-sec04 .forInterview-item_R .info_name .alph {
  color: #2899D6;
  font-size: 10.1781170483vw;
}
@media screen and (min-width: 768px) {
  .p-workstyle-sec04 .forInterview-item_R .info_name .alph {
    font-size: 4rem;
  }
}
.p-workstyle-sec04 .forInterview-item_R .info_detail {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  line-height: 1;
  font-size: 3.5623409669vw;
}
@media screen and (min-width: 768px) {
  .p-workstyle-sec04 .forInterview-item_R .info_detail {
    font-size: 1.4rem;
  }
}
.p-workstyle-sec04 .forInterview-item_R .info_detail .year {
  color: #2899D6;
  font-weight: 700;
  margin-bottom: 2.0356234097vw;
}
@media screen and (min-width: 768px) {
  .p-workstyle-sec04 .forInterview-item_R .info_detail .year {
    margin-bottom: 8px;
  }
}
.p-workstyle-sec04 .forInterview-item_R .info_detail .dep {
  background: #174463;
  color: #fff;
  font-weight: 500;
  padding: 0.4em 0.5em;
}
@media screen and (max-width: 767px) {
  .p-workstyle-sec04 .forInterview-item_R .info_detail .dep {
    font-size: 3.5623409669vw;
  }
}
@media screen and (min-width: 768px) {
  .p-workstyle-sec04 .forInterview-item_R .info_detail .dep {
    padding: 6px 16px;
  }
}
@media screen and (max-width: 767px) {
  .p-workstyle-sec04 .forInterview-item_R .intv {
    width: 100%;
  }
}
.p-workstyle-sec04 .forInterview-item_R .intv:not(:last-child) {
  margin-bottom: 2.0356234097vw;
}
@media screen and (min-width: 768px) {
  .p-workstyle-sec04 .forInterview-item_R .intv:not(:last-child) {
    margin-bottom: 8px;
  }
}
.p-workstyle-sec04 .forInterview-item_R .intv_ttl {
  background: #F2F9FD;
  color: #0F2C42;
  font-weight: 700;
  line-height: 120%;
  position: relative;
  display: flex;
  align-items: center;
  font-size: 4.0712468193vw;
  padding: 0 3em 0 4.0712468193vw;
  min-height: 12.213740458vw;
}
@media screen and (min-width: 768px) {
  .p-workstyle-sec04 .forInterview-item_R .intv_ttl {
    font-size: 1.8rem;
    padding-left: 16px;
    min-height: 48px;
  }
}
.p-workstyle-sec04 .forInterview-item_R .intv_ttl:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url("../images/workstyle/btn_open.svg") center no-repeat;
  background-size: contain;
  width: 8.1424936387vw;
  height: 8.1424936387vw;
  right: 2.0356234097vw;
}
@media screen and (min-width: 768px) {
  .p-workstyle-sec04 .forInterview-item_R .intv_ttl:after {
    width: 32px;
    height: 32px;
    right: 8px;
  }
}
.p-workstyle-sec04 .forInterview-item_R .intv_ttl.open:after {
  background-image: url("../images/workstyle/btn_close.svg");
}
.p-workstyle-sec04 .forInterview-item_R .intv_txt {
  padding: 2.0356234097vw 0 6.106870229vw;
}
@media screen and (min-width: 768px) {
  .p-workstyle-sec04 .forInterview-item_R .intv_txt {
    padding: 8px 0 32px;
  }
}
.p-workstyle-sec04 .forInterview-item_R .intv_txt p {
  line-height: 2;
}
.p-workstyle-sec04 .forInterview-item_R .intv_txt p:not(:last-child) {
  margin-bottom: 1em;
}

@keyframes bgZoom {
  0% {
    opacity: 0;
    transform: scale(1.1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes showTxt {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/*========== p-footer.scss ==========*/
@media screen and (min-width: 768px) {
  .p-footer-menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 767px) {
  .p-footer-menu {
    border-bottom: 1px solid rgba(255, 255, 255, 0.32);
  }
}
@media screen and (min-width: 768px) {
  .p-footer-menu__item {
    width: 48.5%;
  }
}
.p-footer-menu .forBusiness {
  margin-bottom: 48px;
}
.p-footer-menu .forTtl {
  font-weight: 400;
  color: #fff;
}
.p-footer-menu .forTtlWrap {
  display: block;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .p-footer-menu .forTtlWrap {
    border-top: 1px solid rgba(255, 255, 255, 0.32);
    font-size: 3.5623409669vw;
    padding: 4.0712468193vw 6.106870229vw;
  }
}
@media screen and (min-width: 768px) {
  .p-footer-menu .forTtlWrap {
    border-bottom: 1px solid #fff;
    padding-bottom: 8px;
    margin-bottom: 2.2222222222vw;
  }
}
@media screen and (min-width: 1441px) {
  .p-footer-menu .forTtlWrap {
    margin-bottom: 32px;
  }
}
@media screen and (min-width: 768px) {
  .p-footer-menu .forTtlWrap:not(:first-child) {
    padding-top: 1.1111111111vw;
  }
}
@media screen and (min-width: 1441px) {
  .p-footer-menu .forTtlWrap:not(:first-child) {
    padding-top: 16px;
  }
}
@media screen and (min-width: 768px) {
  .p-footer-menu .forTtlWrap.hasChild {
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 767px) {
  .p-footer-menu .items {
    border-top: 1px solid rgba(255, 255, 255, 0.32);
    padding: 1.0178117048vw 0;
  }
}
.p-footer-menu .items .item:not(:last-child) {
  margin-bottom: 8px;
}
.p-footer-menu .items .item a {
  font-size: 1.4rem;
  color: #fff;
  position: relative;
  padding-left: 24px;
}
@media screen and (max-width: 767px) {
  .p-footer-menu .items .item a {
    display: block;
    font-size: 3.5623409669vw;
    padding: 2.0356234097vw 6.106870229vw 2.0356234097vw 16.2849872774vw;
  }
}
.p-footer-menu .items .item a:before {
  content: "";
  display: block;
  position: absolute;
  left: 5px;
  top: 0.5em;
  width: 0.35em;
  height: 0.35em;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(45deg);
}
@media screen and (max-width: 767px) {
  .p-footer-menu .items .item a:before {
    left: 10.1781170483vw;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
  }
}
@media screen and (min-width: 768px) {
  .p-footer-nav {
    border-top: 1px solid #fff;
    padding-top: 1.6666666667vw;
  }
}
@media screen and (min-width: 1441px) {
  .p-footer-nav {
    padding-top: 24px;
  }
}
@media screen and (max-width: 767px) {
  .p-footer-nav {
    padding: 9.1603053435vw 6.106870229vw;
  }
}
.p-footer-nav .items {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .p-footer-nav .items {
    flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  .p-footer-nav .items .item:not(:last-child) {
    margin-bottom: 4.5801526718vw;
  }
}
@media screen and (min-width: 768px) {
  .p-footer-nav .items .item:not(:last-child) {
    border-right: 1px solid #fff;
    margin-right: 1em;
    padding-right: 1em;
    white-space: nowrap;
  }
  .p-footer-nav .items .item {
    margin-top: 5px;
    margin-bottom: 5px;
  }
}
.p-footer-nav .items .item a {
  color: #fff;
  font-size: 1.2rem;
}
@media screen and (max-width: 767px) {
  .p-footer-nav .items .item a {
    display: block;
    font-size: 3.5623409669vw;
  }
}
.p-footer-pageTop {
  position: fixed;
  z-index: 999;
  right: 6.106870229vw;
  bottom: 6.106870229vw;
}
@media screen and (min-width: 768px) {
  .p-footer-pageTop {
    right: 20px;
    bottom: 20px;
  }
}
.p-footer-pageTop .img {
  display: block;
  width: 16.2849872774vw;
}
@media screen and (min-width: 768px) {
  .p-footer-pageTop .img {
    width: 64px;
  }
}
.p-footer-pageTop .img img {
  filter: drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.12));
}
.p-footer-pageTop:hover {
  filter: alpha(opacity=100);
  opacity: 1;
}
.p-footer-copy {
  display: block;
  text-align: center;
  background: #fff;
  font-size: 1.2rem;
  padding: 2.2222222222vw 0 1.6666666667vw;
}
@media screen and (min-width: 1441px) {
  .p-footer-copy {
    padding: 32px 0 24px;
  }
}
@media screen and (max-width: 767px) {
  .p-footer-copy {
    font-size: 3.0534351145vw;
    padding: 9.1603053435vw 0;
  }
}

/*========== p-top.scss ==========*/
.p-top-first {
  position: relative;
}
.p-top-first__inner {
  padding: 10.1781170483vw 6.106870229vw 4.0712468193vw;
}
@media screen and (min-width: 768px) {
  .p-top-first__inner {
    margin: 0 auto;
    max-width: 1440px;
    padding: 5.5555555556vw 0;
  }
}
@media screen and (min-width: 1441px) {
  .p-top-first__inner {
    padding: 80px 0;
  }
}
.p-top-first .moveObj {
  position: absolute;
  z-index: 2;
}
.p-top-first .moveObj.onL {
  left: 0;
  top: -94.1475826972vw;
  width: 72.5190839695vw;
}
@media screen and (min-width: 768px) {
  .p-top-first .moveObj.onL {
    top: -32.1527777778vw;
    width: 32.1527777778vw;
  }
}
@media screen and (min-width: 1441px) {
  .p-top-first .moveObj.onL {
    top: -463px;
    width: 463px;
  }
}
.p-top-first .moveObj.onR {
  right: 0;
  bottom: -10.1781170483vw;
  width: 50.8905852417vw;
}
@media screen and (min-width: 768px) {
  .p-top-first .moveObj.onR {
    bottom: -12.5vw;
    width: 23.9583333333vw;
  }
}
@media screen and (min-width: 1441px) {
  .p-top-first .moveObj.onR {
    bottom: -180px;
    width: 345px;
  }
}
@media screen and (min-width: 768px) {
  .p-top-first_sec {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
.p-top-first_sec .c-btn-moreWrap {
  display: flex;
  justify-content: flex-end;
  transform: translateY(-7.1246819338vw);
}
@media screen and (min-width: 768px) {
  .p-top-first_sec .c-btn-moreWrap {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .p-top-first_sec .box_ttl {
    width: 33.33333%;
    padding: 2.3611111111vw 0 2.3611111111vw 8.8888888889vw;
  }
}
@media screen and (min-width: 1441px) {
  .p-top-first_sec .box_ttl {
    padding: 34px 0 34px 128px;
  }
}
.p-top-first_sec .box_ctt {
  padding: 0 0 6.106870229vw;
}
@media screen and (min-width: 768px) {
  .p-top-first_sec .box_ctt {
    width: 66.66667%;
    padding: 4.4444444444vw 0;
    display: block;
    visibility: visible;
    opacity: 1;
  }
}
@media screen and (min-width: 1441px) {
  .p-top-first_sec .box_ctt {
    padding: 64px 0;
  }
}
@media screen and (max-width: 767px) {
  .p-top-first_sec .box_ctt {
    display: none;
  }
  .p-top-first_sec .box_ctt.open {
    display: block;
  }
}
.p-top-first_sec .forPhilosophy {
  overflow: hidden;
}
.p-top-first_sec .forPhilosophy__item {
  font-weight: 500;
  display: flex;
  align-items: flex-start;
  position: relative;
  line-height: 150%;
}
@media screen and (min-width: 768px) {
  .p-top-first_sec .forPhilosophy__item {
    align-items: center;
    line-height: 1.2;
    font-size: 2rem;
    padding-right: 1em;
  }
}
@media screen and (min-width: 1441px) {
  .p-top-first_sec .forPhilosophy__item {
    padding-right: 0;
    line-height: 1;
  }
}
.p-top-first_sec .forPhilosophy__item:not(:last-child) {
  border-bottom: 1px solid #D1D1D1;
  padding-bottom: 1em;
  margin-bottom: 1em;
}
.p-top-first_sec .forPhilosophy__item:not(:last-child):after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -1px;
  background: #2899D6;
  height: 1px;
  width: 12.213740458vw;
}
@media screen and (min-width: 768px) {
  .p-top-first_sec .forPhilosophy__item:not(:last-child):after {
    width: 48px;
  }
}
.p-top-first_sec .forPhilosophy__item .num {
  color: #2899D6;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  margin-right: 0.5em;
  font-size: 6.106870229vw;
}
@media screen and (min-width: 768px) {
  .p-top-first_sec .forPhilosophy__item .num {
    margin-right: 1em;
    font-size: 3rem;
  }
}
.p-top-first_sec .forPolicy .c-list-std__item {
  font-weight: 500;
  font-size: 3.5623409669vw;
  padding-bottom: 6.106870229vw;
  margin-bottom: 6.106870229vw;
}
@media screen and (max-width: 767px) {
  .p-top-first_sec .forPolicy .c-list-std__item {
    line-height: 160%;
  }
}
@media screen and (min-width: 768px) {
  .p-top-first_sec .forPolicy .c-list-std__item {
    font-size: 1.8rem;
    padding-bottom: 24px;
    padding-right: 1em;
    margin-bottom: 24px;
  }
}
@media screen and (min-width: 1441px) {
  .p-top-first_sec .forPolicy .c-list-std__item {
    padding-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-top-first_sec .forPolicy .c-list-std__item:before {
    top: 0.3em;
  }
}
.p-top-first_sec .forPolicy .c-list-std__item:not(:last-child) {
  border-bottom: 1px solid #D1D1D1;
}
.p-top-first_sec .forPolicy .c-list-std__item:not(:last-child):after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -1px;
  background: #2899D6;
  height: 1px;
  width: 12.213740458vw;
}
@media screen and (min-width: 768px) {
  .p-top-first_sec .forPolicy .c-list-std__item:not(:last-child):after {
    width: 48px;
  }
}
.p-top-first_sec .forPolicy .c-list-std__item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.p-top-sec {
  overflow: hidden;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .p-top-sec {
    display: flex;
    flex-wrap: wrap;
  }
}
.p-top-sec_img {
  overflow: hidden;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .p-top-sec_img {
    width: 50%;
    max-height: 640px;
  }
}
.p-top-sec_img img {
  transform: scale(1.1);
  opacity: 0;
  object-fit: cover;
  height: 38.6768447837vw;
}
@media screen and (min-width: 768px) {
  .p-top-sec_img img {
    height: 100%;
  }
}
.p-top-sec_img.show img {
  animation: zoom 2s ease forwards;
}
.p-top-sec_ctt {
  padding: 6.106870229vw 6.106870229vw 10.1781170483vw;
}
@media screen and (min-width: 768px) {
  .p-top-sec_ctt {
    position: relative;
    z-index: 1;
    width: 50%;
    max-width: 720px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 8.3333333333vw 8.8888888889vw 12.5vw;
  }
}
@media screen and (min-width: 1441px) {
  .p-top-sec_ctt {
    padding: 120px 128px 180px;
  }
}
.p-top-sec_ctt .forTxt {
  padding: 0 0 6.106870229vw;
}
@media screen and (min-width: 768px) {
  .p-top-sec_ctt .forTxt {
    padding: 2.2222222222vw 0;
  }
}
@media screen and (min-width: 1441px) {
  .p-top-sec_ctt .forTxt {
    padding: 32px 0;
  }
}
.p-top-sec_ctt .forTxt p {
  line-height: 2;
}
.p-top-sec_ctt .forBtn {
  opacity: 0;
}
.p-top-sec_ctt .forBtn.show {
  animation: showBtn 1s ease forwards;
}
@media screen and (max-width: 767px) {
  .p-top-sec_ctt .c-title-top {
    position: absolute;
    top: 10.1781170483vw;
    width: 100%;
    color: #fff;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .p-top-sec_ctt .c-title-top .en {
    margin-bottom: 4.0712468193vw;
  }
}
@media screen and (max-width: 767px) {
  .p-top-sec_ctt .c-title-top .en:before {
    background: #fff;
  }
  .p-top-sec_ctt .c-title-top .ja {
    color: #fff;
  }
}
@media screen and (min-width: 768px) {
  .p-top-bn {
    padding: 6.9444444444vw 0;
  }
}
@media screen and (min-width: 1441px) {
  .p-top-bn {
    padding: 100px 0;
  }
}
@media screen and (max-width: 767px) {
  .p-top-bn__inner {
    width: 85.7506361323vw;
    padding: 10.1781170483vw 0;
  }
}
@media screen and (min-width: 768px) {
  .p-top-bn__inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media screen and (max-width: 767px) {
  .p-top-bn_banners:not(:last-child) {
    margin-bottom: 6.106870229vw;
  }
}
@media screen and (min-width: 768px) {
  .p-top-bn_banners:not(:last-child) {
    margin-right: 1.1111111111vw;
  }
}
@media screen and (min-width: 1441px) {
  .p-top-bn_banners:not(:last-child) {
    margin-right: 16px;
  }
}
.p-top-bn_banners .forTtl {
  margin-bottom: 1em;
  border-left: 2px solid #2899D6;
  padding-left: 8px;
}
@media screen and (max-width: 767px) {
  .p-top-bn_banners .forTtl {
    padding-left: 2.0356234097vw;
  }
}
.p-top-bn_banners .forItems {
  display: flex;
  flex-wrap: wrap;
}
.p-top-bn_banners .forItems__item {
  border: 1px solid #E2E8F0;
  border-radius: 4px;
  width: 47.626%;
}
@media screen and (min-width: 768px) {
  .p-top-bn_banners .forItems__item {
    width: 27.0368055556vw;
  }
}
@media screen and (min-width: 1441px) {
  .p-top-bn_banners .forItems__item {
    width: 389.33px;
  }
}
@media screen and (max-width: 767px) {
  .p-top-bn_banners .forItems__item:not(:last-child) {
    margin-right: 4.748%;
  }
}
@media screen and (min-width: 768px) {
  .p-top-bn_banners .forItems__item:not(:last-child) {
    margin-right: 1.1111111111vw;
  }
}
@media screen and (min-width: 1441px) {
  .p-top-bn_banners .forItems__item:not(:last-child) {
    margin-right: 16px;
  }
}
.p-top-bn_banners .forItems__item a {
  display: block;
}
@media screen and (max-width: 767px) {
  .p-top-bn_banners .forItems.w100 .forItems__item {
    width: 100%;
    margin-right: 0;
  }
}

@keyframes zoom {
  0% {
    transform: scale(1.1);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes showBtn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes listShow {
  0% {
    transform: translateX(2em);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
/*========== u-utility.scss ==========*/
.u-right {
  text-align: right;
}
.u-center {
  text-align: center;
}
.u-left {
  text-align: left;
}
.u-strong {
  font-weight: 700;
  color: #2899D6;
}
.u-sizeS {
  font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
  .u-sizeS {
    font-size: 3.0534351145vw;
  }
}
.u-mb1em {
  margin-bottom: 1em !important;
}

/* 202512 ニュース追加 */
.p-top-first__inner.news {
  padding: 32px inherit 48px;
}

.p-top-first_sec.news, .p-top-first_sec.news .box_ttl {
  display: block;
}

.p-top-first_sec.news .box_ttl {
  padding-bottom: 48px;
}

.p-top-first_sec.news .c-title-top .en {
  /* font-size: 2.4rem;
  color: #2899D6;
  padding-left: 1.6rem; */
  margin-bottom: 16px;
}

.news-list {
  margin-left: 128px;
}

@media screen and (max-width: 1441px) {
  .news-list {
    margin-left: 9vw;
  }
}

.news-list li {
  display: flex;
  font-size: 1.6rem;
  gap:32px;
  margin-bottom: 16px;
  line-height: 1.6;
}

.news-list .news-date {
  min-width: 120px;
}

@media screen and (max-width: 767px) {
  .news-list {
    margin-left:16px;
    margin-right: 16px;
  }

  .news-list li {
    flex-wrap: wrap;
    gap: 0;
  }
  .news-list li span {
    display: block;
    width: 100%;
  }

  /* .p-top-first_sec.news .c-title-top .en::before {
    width: 8%;
  } */


}